@charset "Shift_JIS";

/* =================================================================================

 Common style of this site 

================================================================================= */

/* /////////////////////////////////////////////////////////////////////////// h1-h6 style */

#h1ttl{
	margin-bottom:18px;
	padding-bottom:11px;
	background:url(img/h1_style01.gif) repeat-x left bottom;
}


/* 下にグレーライン（spanとセットで使用。spanの指定は各ディレクトリ内のCSSに） */

.ttlstyle02{
	margin-top:20px;
	margin-top:30px;
	margin-bottom:15px;
	padding-bottom:6px;
	background:url(img/ttl_style02.gif) repeat-x left bottom;
	font-size:123.1%;
	font-weight:bold;
	color:#000;
}


/* /////////////////////////////////////////////////////////////////////////// icon style */

div#odekakeContents .iconpdf{
	background:url(img/icon_pdf.gif) no-repeat left top    ;
}

.diamond{
	margin-top:1em;
	padding: 0 0 0 18px;
	background-image: url(/common/css/style/img/icon_diamond.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	_height: 1%;
}

p.explanatory_note ,
span.explanatory_note {
	padding: 0 0 0 17px;
	background-image: url(/common/css/style/img/icon_explanatory_note.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.3em;
	_height: 1%;
}

span.explanatory_note{
	background-position: 2px 0.15em;
}

p.explanatory_note3 {
	padding: 0 0 0 15px;
	background-image: url(/common/css/style/img/icon_circle02.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	_width: auto;
}

/* サークルアイコン */

.circleTtl,
.circleTtl_n{
	margin-top:0.4em;
	margin-left:5px;
	padding: 0 0 3px 15px;
	color: #333333;
	/*font-size: 100%;*/
	line-height: 1.2em;
	background-image: url(/common/css/style/img/icon_circle.gif);
	background-repeat: no-repeat;
	background-position: 0 0.15em;
	_height: 1%;
	font-weight:bold;
}

.circleTtl_n{
	font-weight:normal;
	line-height:1.67;
}

p.circleTtl_n{
	background-position: 0 0.5em;
}

/* スクエアアイコン */

.squareTtl{
	background:url(/common/css/style/img/icon_square.gif) no-repeat left 0.25em;
	padding-left:13px;
	font-weight:bold;
}

/* /////////////////////////////////////////////////////////////////////////// table style */

caption{
	padding-bottom:5px;
}

/* /////////////////////////////////////////////////////////////////////////// line style */

.linetop{
	padding-top:10px;
	border-top:1px solid #d8d8d8;
}

.dottop{
	background:url(img/line_dot.gif) repeat-x left top;
}
.dotbtm{
	background:url(img/line_dot.gif) repeat-x left bottom;
}
.dotCenter{
	background:url(img/line_dot_y.gif) repeat-y center top;
}

/* /////////////////////////////////////////////////////////////////////////// box style */

div.boxThumb{
	position:relative;
}

	div.boxThumb.linetop{
		padding-top:9px;
		border-top:1px solid #d9d9d9;
		zoom:1;
	}

	div.boxThumb.linebtm{
		padding-bottom:9px;
		border-bottom:1px solid #d9d9d9;
		zoom:1;
	}

div.boxThumb .thumbnail{
	position:absolute;
	left:0;
	top:0;
}

	div.boxThumb.linetop .thumbnail{
		top:9px;
	}

div.boxThumb span.linkTxt{
	font-size:93%;
	margin-top:0;
	display:block;
}

div.boxThumb a{
	text-decoration:none;
}

	div.boxThumb a span.linkTxt{
		text-decoration:underline;
	}
	div.boxThumb a:hover span.linkTxt{
		text-decoration:none;
	}
	
	div.boxThumb a span.linkTxt span{
		padding-right:0;
		background:url(../../img/icon_window_blue.gif) no-repeat right center;
	}
	
div.boxThumb p.intro{
	margin-top:2px;
}


/* imgがwidth100px */

div.thumb100 span.linkTxt{
	margin-left:112px;
}
div.thumb100 p.intro{
	padding-left:119px;
}




/* 外枠がグレーライン */

div.boxLine01{
	border:1px solid #d9d9d9;
}

/* 電話予約、予約方法 */

div#boxYoyaku{
	margin-top:9px;
	padding:14px;
}

div#yoyakuTel,
div#yoyakuMidori{
	width:348px;
}

div#yoyakuTel{
	padding-right:17px;
	float:left;
	background:url(img/line_dot_y.gif) repeat-y right top;
}

	div#yoyakuTel div#telIn{
		padding-left:71px;
		background:url(img/icon_yoyaku_tel.gif) no-repeat left 14px;
	}
		div#yoyakuTel div#telIn ul{
			margin-bottom:4px;
		}
		
		div#yoyakuTel div#telIn ul li{
			margin-bottom:2px;
		}

div#yoyakuMidori{
	margin-left:-1px;
	padding-left:18px;
	float:right;
	background:url(img/line_dot_y.gif) repeat-y left top;
}

	div#yoyakuMidori div#midoriIn{
		padding:0 0 0 69px;
		background:url(img/icon_yoyaku_midori.gif) no-repeat left 15px;
	}
	
	div#yoyakuMidori div#midoriIn p{
		padding-top:15px;
	}
	
	div#yoyakuMidori div#midoriIn p.explanatory_note{
		padding-top:0;
	}

div#boxYoyaku p.txtLink{
	margin-top:9px;
	padding:5px 9px 4px 0;
	background-color:#e6e6e6;
	text-align:right;
}

/* 画像とテキストの配置（余白関連は個別に指定） */
	
div.itemLtr,
div.itemRtl{
	width:100%;
	display:table;
}

div.itemRtl{
	direction:rtl;
	text-align:right;
}

div.itemLtr .itemImage,
div.itemRtl .itemImage{
	margin:0;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
}
	
	div.itemRtl .itemImage{
		/float:right;
		padding-left:25px;
		padding-right:0;
	}

div.itemLtr .itemText,
div.itemRtl .itemText{
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}
	
	div.itemRtl .itemText,
	div.itemRtl img{
		direction:ltr;
		text-align:left;
	}

/* /////////////////////////////////////////////////////////////////////////// ul style */

/* 矢印アイコン（グレー） */

ul.gray02 li{
	margin-top:6px;
	padding-left:9px;
	background:url(img/arrow_gray02.gif) no-repeat left 4px;
}

/* 赤色やじるし */

ul.arrow01{
}

ul.arrow01 li,
p.arrow01{
	padding-left:29px;
	background:url(/common/css/style/img/arrow_right.gif) no-repeat 17px 0.5em;
}

/* ●印 */

ul.circle {
	margin: 0.5em 5px 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
ul.circle li {
	margin: 0;
	padding: 0 0 0 18px;
	font-weight: bold;
	line-height: 1.5em;
	list-style-type: none;
	list-style-image: none;
	background-image: url(/common/css/style/img/icon_circle.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	_height: 1%;
}
ul.circle li span {
	font-weight: normal;

}
ul.circle li ul {
	margin: 0;
	padding: 0;
}
ul.circle li ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	background-image: none;
	line-height:2 !important;
}
ul.circle li dl {
	margin: 0;
	padding: 0 0 0 1em;
}
ul.circle li dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	background-image: none;
	line-height:2 !important;
}
ul.circle li dl dd {
	margin: 0;
	padding: 0 0 0 1em;
	font-weight: normal;
	background-image: none;
	line-height:2 !important;
}

ul.normal li{
	font-weight:normal;
}

/* ・印 */

ul.default{
	margin-left:8px;
}

ul.default li,
p.default{
	background:url(/common/css/style/img/icon_normal.gif) no-repeat left 0.75em  !important;
	padding:0 0 0 10px !important;
}

/* 数字 */

ol.default{
	margin-top:10px;
	margin-left:20px;
}
ol.default li{
	list-style-type:decimal;
}

/* ※印 */

ul.explanatory_note li {
	padding: 0 0 0 17px;
	background-image: url(/common/css/style/img/icon_explanatory_note.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.3em;
	_height: 1%;
}




/* /////////////////////////////////////////////////////////////////////////// parts style */

.w110{
	width:110px !important;
}
.w164{
	width:164px !important;
}
.block{
	display:block;
}

/* /////////////////////////////////////////////////////////////////////////// bigtarget style */

.bigtarget{
	cursor:pointer;
}

/* /////////////////////////////////////////////////////////////////////////// input style */

.input146{
	padding-left:7px;
	padding-top:2px;
	width:139px;
	background:url(img/search_input_w146.gif) no-repeat left top;
	display: block;
	height: 19px;
	position: relative;
	border: 1px solid #FFF;
	color:#6e6e6e;
}

	.input146:focus,
	.input146.focused { color: #000; }


.input164{
	padding-left:7px;
	padding-top:2px;
	width:157px;
	background:url(img/search_input_w164.gif) no-repeat left top;
	display: block;
	height: 19px;
	position: relative;
	border: 1px solid #FFF;
	color:#6e6e6e;
}

	.input164:focus,
	.input164.focused { color: #000; }


/* ///////////////////////////////// emergency Style */

div.emergencyArea{
	margin-bottom:15px;
	padding:8px;
	background-color:#f8d9d9;
	border:1px solid #bc3838;
}
	div.emergencyArea strong{
		font-weight:bold;
	}
	div.emergencyArea p{
		/*padding-left:24px;
		background:url(img/icon_emergency.gif) no-repeat left 3px;*/
		font-size:93%;
		word-wrap: break-word;
	}
		
		div.emergencyArea p a{
			color:#9a2414 !important;
			background-color:#f8d9d9;
			font-weight:bold;
			border:1px solid #f8d9d9;
		}