﻿/***************************************************************************

	ＷＥＢ予約システム　スタイルシート	（桂浜荘 用）

	作　成　日：　2006.05.09
	作　成　者：　山越
	特　　　記：
	
   ［変更履歴］


***************************************************************************/

body {
}

/**************************************** 
	ＩＭＥモード設定（IE5.x以降で有効） 
****************************************/
.ime-auto		{ime-mode: auto;}			/* 自動（モード変更可能） */
.ime-active		{ime-mode: active;}			/* 日本語モード（モード変更可能） */
.ime-inactive	{ime-mode: inactive;}		/* 英数字モード（モード変更可能） */
.ime-disabled	{ime-mode: disabled;}		/* 英数字モード（モード変更不可） */

											/* 数字モード（IMEモード変更不可） */
.numeric		{ime-mode: disabled; text-align: right;}		

/**************************************** 
	位置調整
****************************************/
.text-left		{text-align: left;}			/* 左詰 */
.text-center	{text-align: center;}		/* センタリング */
.text-right		{text-align: right;}		/* 右詰 */
.text-justify	{text-align: justify;}		/* 両端揃え */



A:link {
	COLOR: #0000aa; TEXT-DECORATION: none
}
A:visited {
	COLOR: #555588; TEXT-DECORATION: none
}
A:active {
	COLOR: #ff4500; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff4500; TEXT-DECORATION: none
}
A.reserve:link {
	COLOR: #0000aa; TEXT-DECORATION: underline
}
A.reserve:visited {
	COLOR: #555588; TEXT-DECORATION: underline
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TABLE.reserve {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT-SIZE: 90%; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; BORDER-COLLAPSE: collapse
}
TH.reserve1 {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #ccccff
}
TH.reserve {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid
}
TH.reserve-r {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: left
}
TD.reserve1 {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: center
}
TD.reserve {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: left
}
TD.reserve-r {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: right
}
TABLE.res5 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 90%; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
TD.res5 {
	BORDER-RIGHT: gray 1px dotted; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px dotted; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px dotted; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px dotted; TEXT-ALIGN: left
}
#news {
	MARGIN: 10px 10px 0px 0px
}
#news-title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #550088
}
#news-title2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #550088
}
#news-sub {
	BORDER-RIGHT: #550088 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #550088 1px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #550088 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #550088 1px solid; BACKGROUND-COLOR: white
}
#news DIV.kiji {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: gray 1px solid; MARGIN-TOP: 1em; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 8px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: gray 1px solid
}
#news DIV.kiji-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 0px; FONT: small sans-serif; PADDING-TOP: 0px
}
#news .kiji-photo {
	PADDING-RIGHT: 10px
}
#news DIV.kiji-text {
	MARGIN-BOTTOM: 0.5em; FONT: small sans-serif
}
#news DIV.kiji-time {
	FONT: small sans-serif; COLOR: #888888; TEXT-ALIGN: right
}
#news DIV.kiji-all {
	MARGIN-TOP: 2em; FONT: bold small sans-serif; TEXT-ALIGN: right
}
DIV.blognavi {
	BORDER-RIGHT: #550088 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #550088 1px solid; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; BORDER-LEFT: #550088 1px solid; WIDTH: 150px; PADDING-TOP: 5px; BORDER-BOTTOM: #550088 1px solid
}
DIV.blognavi2 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0.5em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#case UL {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#case UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/arrow.jpg) no-repeat; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
#faq .title {
	MARGIN: 0px 0px 5px; FONT: bold medium serif; COLOR: #005533
}
#faq DIV.ctg {
	MARGIN: 20px 10px 0px 0px
}
#faq DIV.ques {
	MARGIN: 10px 10px 0px 0px
}
#faq DIV.ans {
	MARGIN: 3px 10px 0px 0px
}
#faq DIV.ret {
	MARGIN-RIGHT: 10px; TEXT-ALIGN: right
}
#faq .qmark {
	COLOR: blue; MARGIN-RIGHT: 0.3em
}
#faq .amark {
	COLOR: red; MARGIN-RIGHT: 0.3em
}
#faq UL {
	PADDING-LEFT: 2em; MARGIN: 0px
}
#pamph TABLE {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT-SIZE: 90%; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; BORDER-COLLAPSE: collapse
}
#pamph TH.pamph-r {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; WIDTH: 200px; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #ccccff; TEXT-ALIGN: left
}
#pamph TD.pamph-l {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: left
}
#pamph .req {
	FONT-WEIGHT: bold; COLOR: red
}
#header {
	BORDER-RIGHT: gray 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: gray 0px solid; PADDING-LEFT: 10px; BACKGROUND: url(/images/ka_back_spring.gif) #ccccff repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: gray 0px solid; PADDING-TOP: 10px; BORDER-BOTTOM: gray 0px solid; TEXT-ALIGN: left
}
#menu_block {
	BORDER-RIGHT: gray 0px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 135px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#contents_block {
	PADDING-LEFT: 10px; MARGIN: 10px 0px 0px 150px; BORDER-LEFT: gray 1px solid; TEXT-ALIGN: left
}

@media Tty    
{
I {
	content: "";/*" "*/}} @import 'wie5x.css'; /*"
}
    }
#contents_block {
	FLOAT: right; MARGIN: 10px 0px 0px
}
#footer_block {
	MARGIN: 10px 0px 0px; TEXT-ALIGN: left
}
#news_blog {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#blognavi {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 140px; PADDING-TOP: 0px
}
#blognavi .module-powered {
	FONT: x-small small sans-serif
}
#blognavi .module-syndicate {
	FONT: x-small small sans-serif; TEXT-ALIGN: left
}
#blog_main_block {
	MARGIN-RIGHT: 150px
}
#blog_main_block #news-title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: bold small sans-serif; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #550088; TEXT-ALIGN: left
}
#blog_main_block #news-title A {
	COLOR: white
}
#news_blog TABLE.kijiwaku {
	MARGIN: 1em auto 0px; WIDTH: 99%
}
#news_blog TD.kiji {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: gray 1px solid
}
#news_blog .kiji-title {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 0px; FONT: small sans-serif; PADDING-TOP: 0px
}
#news_blog DIV.kiji-text {
	MARGIN-BOTTOM: 0.5em; FONT: small sans-serif
}
#news_blog P.entry-footer {
	MARGIN-BOTTOM: 0px
}
#news_blog P.entry-footer {
	MARGIN-BOTTOM: 0px
}
#news_blog #archive-title {
	BORDER-RIGHT: #550088 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #550088 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 3px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #550088 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #550088 1px solid; BACKGROUND-COLOR: white
}
#news_blog UL.archive-list {
	MARGIN-LEFT: 1em
}
#news_blog #comments {
	CLEAR: none; MARGIN: 2em auto 0px; WIDTH: 99%
}
#comments TABLE {
	BORDER-COLLAPSE: separate; border-spacing: 1px
}
#comments TABLE TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#comments TABLE TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#comments TABLE TD {
	BACKGROUND-COLOR: #f5f5f5
}
#comments TABLE TH {
	FONT-WEIGHT: normal; WHITE-SPACE: nowrap; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}
#news_blog .trackbacks {
	CLEAR: none; MARGIN: 2em auto 0px; WIDTH: 99%
}
#news_blog #trackbacks-info {
	BACKGROUND-COLOR: #f5f5f5; TEXT-ALIGN: left
}
#news_blog H2.date-header {
	CLEAR: none; MARGIN-TOP: 2em; PADDING-LEFT: 8px; FONT: bold medium sans-serif; BORDER-LEFT: orangered 5px solid
}
#container-inner {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid; BACKGROUND-COLOR: white
}
#banner-header {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: bold medium sans-serif; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #550088; TEXT-ALIGN: left
}
#banner-header A {
	COLOR: white
}
