@charset "utf-8";



/*********************************

 *

 * MENKYO

 *

 *********************************/



#wrapper { background:url(../images/menkyo/bg_wrapper.jpg) repeat-x; }

a.green { color:#008e43; }



/* header */

#header { background:url(../images/menkyo/bg_header.jpg) repeat-x; }

	#header h1 {padding: 10 0 0 0px; position:absolute; top:43px; left:11px; font-size: 80%;}
	

	#header .logo { position:absolute; top:43px; left:11px; width:265px; height:52px; }

	#header .catch { position:absolute; top:9px; left:19px; width:325px; height:15px;  font-size: 80%;}

	#header .tel { position:absolute; top:5px; right:14px; width:395px; height:42px; }

	#header .mail { position:absolute; top:50px; right:20px; }

		#header .mail a { color:#000; }



/*gmenu */

#gmenu { position:absolute; bottom:0; right:40px; }

	#gmenu li { float:left; }



/* main */

#main { width:950px; margin:15px auto 0 auto; }



/* contents */

.contents { float:left; width:708px; }

	.contents ul.bnr { width:704px; }



/* info */

.info { width:682px; padding:10px; border:1px solid #e9e9ea; }

.ranking { width:662px; padding:10px; border:1px solid #e9e9ea;  background:#eff;  
}


hr {
margin-bottom: 0px;
}

/*hr.ranking {
width:622px;
height: 1px;
border: none;
border-top: 1px #999 dotted;
}*/


hr.ranking {
width:622px;
height: 1px;
border: none;
border-top: 1px #999 dotted;
}

/* area */

dl.area { width:704px; margin-top:25px; }

	dl.area dt { float:left; width:14px; padding:8px; color:#fff; font-size:14px; font-weight:bold; }

	dl.area dd { float:left; width:640px; }



dl#area01 dt { background:#9E9E9F; }

dl#area02 dt { background:#ea87b1; }

dl#area03 dt { background:#E45853; }

dl#area04 dt { background:#30A947; }

dl#area05 dt { background:#8CA1D0; }

dl#area06 dt { background:#9E9E9F; }

dl#area07 dt { background:#EC8D21; }

dl#area08 dt { background:#AD814F; }



/* pref */

ul.pref { width:704px; }

	ul.pref li { float:left; }



/* sc */

table.sc { width:315px; margin:0 12px; border-bottom:1px solid #ddd;}

	table.sc th, table.sc td { padding:15px 0 15px 5px; line-height:1; }

		thead table.sc th, thead table.sc td { padding:4px 0 7px 5px; font-size:10px; }

		tbody table.sc th { font-size:14px; vertical-align:middle; }

		table.sc th { width:55px; }

		table.sc td { width:165px; }

		table.sc td.price { width:80px; }

		table.sc td.icon { width:250px; height:14px; padding-top:0; }

			table.sc td.icon img { margin-right:2px; }

		table.sc td a { display:block; height:2em; }





/* smenu */

.smenu { float:right; width:227px; }

	.smenu .search { width:206px; padding:10px; background:#fff url(../images/menkyo/bg_smenu.gif) left bottom repeat-x; border:1px solid #ddd; }

	.smenu .merit { width:206px; padding:10px; background:#fff url(../images/menkyo/bg_smenu.gif) left bottom repeat-x; border:1px solid #ddd; }

		.smenu .merit h3 { text-align:center; }

		.smenu .merit ul { padding:14px 0 0 25px; }

			.smenu .merit ul li { margin-bottom:8px; padding-left:15px; background:url(../images/menkyo/icon_smenu.gif) no-repeat; line-height:1;  }


/* side_list 


.s_list{
width: 227px;
border-collapse: separate;
border-spacing: 0px;

}
.s_list th{
padding:4px;
text-align: left;
vertical-align: top;
background-color: #feedf3;
border-bottom: 1px solid #ccc;
font-size:12px; font-weight:bold;
}



.s_list td{
padding:10px 0px 6px 20px;
background-color: #ffffff;
border-bottom: 1px solid #ccc;
font-size:10px;
}

.s_list td.white{
padding:4px 0px 4px 4px ;
background-color: #eee;
font-size:10px;　font-weight:bold;
}

	#side_list ul li { width:206px; padding:10px; background:#fff url(../images/menkyo/bg_smenu.gif) left bottom repeat-x; border:1px solid #ddd; }*/



.s_list{
	width: 227px;
	height: auto;
	margin: 20px auto 0;
	overflow: hidden;
}

.s_list h3{
	width: 96%;
	height: auto;
	padding: 5px 2%;
	text-align: center;
	background-color: #EA6088;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 2px;
}

.s_list dl{
	width: 100%;
	margin: 10px auto;
	font-size: 10px;
}

.s_list dt{
	font-weight: 800;
	line-height: 2.4;
	float: left;
	clear: left;
	color: #EA6088;
}

.s_list dd{
	line-height: 2.4;
	margin-left: 50px;
	border-bottom: 1px solid #ddd;
}

.s_list dd.b_btm{
	margin-left: 0;
	padding-left: 50px;
	border-bottom: 1px solid #ddd;
}

.s_list dd a{
	text-decoration: none;
	color: #444;
}


/* footer */

#footer ul { float:left; padding-right:35px; }

	#footer ul li { float:none !important; margin:0 !important; padding:0 0 10px 15px !important; }





/* SNSボタン設置用 */

.snsb {

	overflow: hidden;

}

.snsb li {

	float: left;

	margin-right: 4px;

}

.snsb iframe {

	margin: 0 !important;

}







/*********************************

 *

 * SCHOOL

 *

 *********************************/



/* pankuzu */

#pankuzu { width:704px; padding-bottom:10px; color:#fff; }

	#pankuzu a {color:#fff; }



/* sc_ttl */

table.sc_ttl { width:704px; background:#fff url(../images/menkyo/bg_school_ttl.gif) left bottom repeat-x; border-top:1px solid #b7bdc7; border-right:1px solid #b7bdc7; border-left:1px solid #b7bdc7; }

	table.sc_ttl th { width:500px; padding:15px 10px; line-height:1.2; }

		table.sc_ttl th span { font-size:17px; font-weight:bold; }

		table.sc_ttl th p { margin:5px 0 0 10px !important; }

	table.sc_ttl td { padding:15px 10px 15px 0; font-size:16px; line-height:1.3; }



/* sc_menu */

ul.sc_menu {}


	ul.sc_menu li { float:left; }



/* sc_sttl */

h2.sc_sttl { padding:5px 0 5px 10px; background:#fff url(../images/menkyo/bg_school_sttl.gif) left bottom repeat-x; border:1px solid #b7bdc7; font-size:14px; }

	h2.sc_sttl span { font-size:12px; }



/* data */

.data { width:322px; }

	.data h3 { margin-top:10px; font-size:18px; font-weight:bold; }

.scBox { width:346px; }



/* req */

.req { margin-top:30px; padding:10px; background:#fff url(../images/menkyo/bg_school_sttl.gif) left bottom repeat-x; border:1px solid #b7bdc7; }

	.req table th { width:40px; text-align:center; font-size:14px; }

	.req table td { padding-left:20px; font-size:11px; vertical-align:middle; }



/* point */

ul.point { margin-top:15px; }

	ul.point li { float:left; width:215px; margin-right:10px; background:#fce583; }

		ul.point li p { margin-top:0 !important; padding:8px 5px; }





/* price 料金表*/

table.price { margin-top:15px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }

.tate { writing-mode:tb-rl; }

	table.price th, table.price td { padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; }

	table.price .s1 { width:78px; background:#FFF100; }

	table.price .s2 { width:78px; background:#FBE6EF; }

	table.price .s3 { width:78px; background:#D3EDFB; }

	table.price .s4 { width:78px; background:#E1EFD8; }

	table.price .s5 { width:78px; background:#E3CAB8; }

	table.price .s6 { width:78px; background:#E0D6E9; }

	table.price .s7 { width:78px; background:#ffc87c; }

	table.price thead th { font-weight:bold; text-align:center; }

	table.price tbody td { text-align:center; }





	/* price 料金表2*/

table.price2 { margin-top:15px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;  font-size:10px;}

.tate { writing-mode:tb-rl; }

	table.price2 th, table.price2 td { padding:2px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; }

	table.price2 .s1 { width:60px; background:#FFF100; }

	table.price2 .s2 { width:60px; background:#FBE6EF; }

	table.price2 .s3 { width:60px; background:#D3EDFB; }

	table.price2 .s4 { width:60px; background:#E1EFD8; }

	table.price2 .s5 { width:60px; background:#E3CAB8; }

	table.price2 .s6 { width:60px; background:#E0D6E9; }

	table.price2 .s7 { width:60px; background:#ffc87c; }

	table.price2 thead th { font-weight:bold; text-align:center; }

	table.price2 tbody td { text-align:center; }









	/* price 料金表3*/

table.price3 { margin-top:15px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;  font-size:14px;}

.tate { writing-mode:tb-rl; }

	table.price3 th, table.price3 td { padding:2px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; }

	table.price3 .s1 { width:100px; background:#FFF100; }

	table.price3 .s2 { width:100px; background:#FBE6EF; }

	table.price3 .s3 { width:100px; background:#D3EDFB; }

	table.price3 .s4 { width:100px; background:#E1EFD8; }

	table.price3 .s5 { width:100px; background:#E3CAB8; }

	table.price3 .s6 { width:100px; background:#E0D6E9; }

	table.price3 .s7 { width:100px; background:#ffc87c; }

	table.price3 thead th { font-weight:bold; text-align:center; }

	table.price3 tbody td { text-align:center; }











/* plan */

table.plan { width:340px; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.plan th, table.plan td { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }

	table.plan th { width:80px; background:#F7C767; border-right:none; font-size:13px; }



/* calendar */

ul#calendar li { float:left; margin:15px 15px 0 0; }

		ul#calendar li.cmt { width:142px; min-height:152px; padding:10px; background:url(../images/menkyo/bg_cmt_min.gif) no-repeat #eff0f0; text-align:left; border:1px solid #e3e4e4; }



/* reserve */

table.reserve { width:100%; margin-bottom:5px; border:1px solid #B7BDC7; }

	table.reserve th, table.reserve td { width:25%; padding:5px; border:1px solid #B7BDC7; border-top:none; color:#153F7B; font-weight:bold; text-align:center; vertical-align:middle; }

	table.reserve tbody th, table.reserve tbody td { border-bottom:1px dashed #B7BDC7; }

	table.reserve thead th { background:url(../images/menkyo/bg_reserve.gif) left bottom repeat-x; }

	table.reserve tbody th { background:#F8FBFD; }

.orange { color:#EA8453; }

.gray { color:#ccc; }



/* stay */

ul#stay li { float:left; width:340px; margin:15px 24px 0 0; }

	ul#stay dl { border:2px solid #FFE67A; }

		ul#stay dl dt, ul#stay dl dd { padding:5px; }

		ul#stay dl dt { background:#FFE67A; font-size:14px; }



/* facility */

table.facility { margin-top:5px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.facility th, table.facility td { padding:2px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; }

	table.facility th { width:140px; background:#FEEBBE; border-right:none; }

	

/* facility_icon */

table.facility_icon { margin-top:5px; margin-bottom:5px; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.facility_icon th, table.facility_icon td { padding:2px ; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; }

	

/* facility_icon2 */

table.facility_icon2 { margin-top:5px; margin-bottom:5px; width:230px; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.facility_icon2 th, table.facility_icon2 td { padding:2px ; border-right:1px solid #ddd; border-bottom:1px solid #ddd;　 text-align:center; vertical-align:middle; }





/* am */

dl.am {}

	dl.am dt,dl.am dd {float:left; text-align:right; line-height:1.3; white-space:nowrap;}







/*********************************

 *

 * LOWPRICE

 *

 *********************************/



/* lowprice */

ul.lowprice li {width:315px; margin-top:15px; padding:15px; background:url(../images/menkyo/bg_method.gif) left bottom repeat-x; border:1px solid #ddd; }

ul.lowprice li.long {width:672px; margin-top:15px; padding:15px; background:url(../images/menkyo/bg_method.gif) left bottom repeat-x; border:1px solid #ddd; }

	ul.lowprice li h4 { padding-bottom:5px; border-bottom:1px solid #999; color:#00A0E9; font-size:15px; font-weight:bold; }



/* lowList */

ol.lowList li { margin:0 0 3px 2em; padding:0; width:100%; text-indent:-1em; background:none; border:none; }





/*********************************

 *

 * METHOD

 *

 *********************************/



dl.method dt { padding:15px 0 5px 0; border-bottom:1px solid #999; color:#00A0E9; font-size:15px; font-weight:bold; }

dl.method dd { padding:10px 0; }



/* methodBox */

.methodBox { padding:15px; background:#fff url(../images/menkyo/bg_method.gif) left bottom repeat-x; border:1px solid #ddd; line-height:1.5; }







/*********************************

 *

 * RULES

 *

 *********************************/



.rules h3 { margin-top:30px; padding:5px; border-bottom:1px solid #00A0E9; color:#00A0E9; font-size:16px; font-weight:bold; }

.rules ol { margin:1em 0 0 2em; list-style-type:decimal; }

	.rules ol ul { margin:5px 0 0 2em; list-style-type:lower-alpha; }

.rules table { width:100%; border-top:1px solid #999; border-left:1px solid #999; }

	.rules table th, .rules table td { padding:5px 10px; border-right:1px solid #999; border-bottom:1px solid #999; font-size:11px; }

	.rules table thead th, .rules table thead td { padding:5px 0; background:#f0f0f0; font-weight:bold; text-align:center; }

	.rules table tbody td { width:150px; text-align:center; }



/*********************************

 *

 * vacant

 *

 *********************************/



.vacant h3 { margin-top:30px; padding:5px; border-bottom:1px solid #00A0E9; color:#00A0E9; font-size:16px; font-weight:bold; }

.vacant ol { margin:1em 0 0 2em; list-style-type:decimal; }

	.vacant ol ul { margin:5px 0 0 2em; list-style-type:lower-alpha; }

.vacant table { width:100%; border-top:1px solid #999; border-left:1px solid #999; }

	.vacant table th { padding:3px 10px; border-right:1px solid #999; border-bottom:1px solid #999; text-align:center; font-size:12px; font-weight:bold; background:#f0f0f0;}

	.vacant table td { padding:3px 6px; border-right:1px solid #999; border-bottom:1px solid #999; font-size:11px; }

	.vacant table thead th { padding:3px 0; background:#f0f0f0; font-weight:bold; text-align:center; }

	.vacant table thead td { padding:3px 0; background:#f0f0f0; font-weight:bold; text-align:center; }

	.vacant table td.fe { background:#fcc; }
	
	.vacant table td.bus { background:#8cf; }
	
	.vacant table td.air { background:#afa; }
	
	.vacant table td.pay { background:#ff6; }

	.vacant p { line-height: 200% }





/*********************************

 *

 * MERIT

 *

 *********************************/



dl.merit h3 { padding:5px; background:#F3981F; border-bottom:1px solid #E0860C; color:#fff; font-size:16px; font-weight:bold; }

dl.merit dd { padding:10px 0 20px 0; }

	dl.merit ul li { margin-top:5px; }

	dl.merit ul li h4 { margin-bottom:3px; padding:3px 5px; background:#f0f0f0; font-weight:bold; }

.loanBox { margin-top:5px; padding:5px 10px; border:1px solid #ddd; color:#666; font-size:10px; }







/*********************************

 *

 * 6STEP

 *

 *********************************/



.stepBox { margin-top:5px; padding:10px 15px; background:#fff url(../images/menkyo/bg_method.gif) left bottom repeat-x; border:1px solid #ccc; }

	.stepBox h4 { padding-bottom:5px; border-bottom:1px solid #ddd; color:#5492cc; font-size:14px; font-weight:bold; }







/*********************************

 *

 * FAQ

 *

 *********************************/



dl.faq { margin-top:15px; }

	dl.faq dt { padding:10px 0 10px 50px; background:#5492cc url(../images/menkyo/bg_q.gif) no-repeat; color:#fff; font-size:14px; font-weight:bold; }

	dl.faq dd { padding:10px 0 25px 50px; background:url(../images/menkyo/bg_a.gif) 0 5px no-repeat; }
	
	
/*********************************
 *
 * matsuki_campaign
 *
 *********************************/


dl.matsuki h3 { padding:10px 5px; font-size:16px; font-weight:bold; line-height:120%; }

dl.matsuki h3.bus { background:#1f7af3; border-bottom:1px solid #2e1ff3; color:#fff; }
dl.matsuki h3.air { background:#33ff00; border-bottom:1px solid #00c500; color:#fff; }
dl.matsuki h3.pay { background:#ff9933; border-bottom:1px solid #cc6600; color:#fff; }

dl.matsuki h3.stay { background:#ffffff; border-bottom:2px solid #555; color:#555; }

.matsuki ol { margin:1em 0 0 2em; list-style-type:decimal; }
.matsuki ol ul { margin:5px 0 0 2em; list-style-type:lower-alpha; }


.matsuki table { vertical-align:middle; width:100%; border:1px solid #999; text-align:center; }

	.matsuki table th { padding:3px 6px; border:1px solid #999; text-align:center; font-weight:bold; background:#f0f0f0;}
	
	.matsuki table th.stay { font-size:12px; font-weight:bold; line-height:100%; background:#f0f0f0; width:168px; }
	
	.matsuki table th.Warranty { font-size:12px; font-weight:bold; background:#f0f0f0;  width:120px; line-height:100%}
	
	.matsuki table td { padding:3px 6px; border:1px solid #999; }

	.matsuki table thead th { height:100px; padding:3px 0; background:#f0f0f0; font-weight:bold; }

	.matsuki table thead td { height:30px; padding:3px 0; background:#f0f0f0; font-weight:bold; }
	
	.matsuki table td.stay { height:20px; background:#fcc;  font-size:12px; line-height:100% }
	
	.matsuki table td.bus { height:30px; width:168px; background:#8cf; }
	.matsuki table td.air { height:30px; width:168px; background:#afa; }
	.matsuki table td.pay { height:30px; width:168px; background:#ff6; }
	
	.matsuki table td.Warranty { height:20px;  background:#fff; width:120px; font-size:11px; }
	
	.matsuki p { line-height: 300% }
	
/*********************************
 *
 * offpeak_campaign
 *
 *********************************/

dl.offpeak h3.bus { padding:10px 5px; background:#1f7af3; border-bottom:1px solid #2e1ff3; color:#fff; font-size:16px; font-weight:bold;}
dl.offpeak h3.air { padding:10px 5px; background:#33ff00; border-bottom:1px solid #00c500; color:#fff; font-size:16px; font-weight:bold; }
dl.offpeak h3.pay { padding:10px 5px; background:#ff9933; border-bottom:1px solid #cc6600; color:#fff; font-size:16px; font-weight:bold; }


.offpeak ol { margin:1em 0 0 2em; list-style-type:decimal; }
.offpeak ol ul { margin:5px 0 0 2em; list-style-type:lower-alpha; }

.offpeak table { vertical-align:middle; width:100%; border:1px solid #999; font-size:14px; text-align:center;}
	.offpeak table th { padding:3px 6px; border:1px solid #999; text-align:center; font-weight:bold; background:#f0f0f0; }
	.offpeak table td { height:50px; padding:3px 6px; width:168px; padding:3px 6px; border:1px solid #999; }
	.offpeak table thead th { height:100px; padding:3px 0; background:#f0f0f0; font-weight:bold; }
	.offpeak table thead td { height:50px; padding:3px 0; background:#f0f0f0; font-weight:bold; }
	
	.offpeak table td.fe { height:50px; background:#fcc; }
	.offpeak table td.bus { height:50px; background:#8cf; }
	.offpeak table td.air { height:50px; background:#afa; }
	.offpeak table td.pay { height:50px; background:#ff6; }
	.offpeak p { line-height: 300% }



/* oyasui */
	
.oyasui h3 { padding:5px 10px; background:#fff url(../common/images/bg_ttl.gif) left bottom repeat-x; border:1px solid #ccc; font-size:18px; font-weight:bold; }


table.saiyasu p {  width:320px;　padding:5px }

table.saiyasu { width:100%; background:#fff; border-top:1px solid #ccc; }

table.saiyasu th, table.saiyasu td { padding:10px 20px; border-bottom:1px solid #ccc; }

table.saiyasu th { width:150px; background:#f5f5f5; padding:10px 0 10px 15px; font-weight:bold; }
table.saiyasu td { vertical-align: middle; }



/* 最短表組 */
	
.saitan h3 { padding:5px 10px; background:#fff url(../common/images/bg_ttl.gif) left bottom repeat-x; border:1px solid #ccc; font-size:18px; font-weight:bold; }


table.saitan p { width:320px;　padding:5px }

table.saitan { width:100%; background:#fff; border-top:1px solid #ccc; }

table.saitan th, table.saitan td { padding:10px 20px; border-bottom:1px solid #ccc; }

table.saitan th { width:150px; background:#f5f5f5; padding:10px; font-weight:bold; }
table.saitan td { vertical-align: middle; }








/* akical 空室状況カレンダー*/
	
.akical h3 { padding:2px 2px; background:#fff url(../common/images/bg_ttl.gif) left bottom repeat-x; border:1px solid #ccc; font-size:18px; font-weight:bold; }


table.akical {
	width:100%;
	border-top:1px solid #ccc;
	background-color: #FFF;
}


table.akical th, table.akical td { vertical-align: middle;  border:1px solid #ccc; text-align:center;}

table.akical th { border:1px solid #ccc;}
table.akical td { width:32px; font-size: 24px; font-weight:bold;  text-align:center; border:1px solid #ccc; }


	table.akical .akicolor_nashi { background:#F00; }

	table.akical .akicolor_sankaku { background:#FBE6EF; }



	table.akical .thead { font-weight:bold; background:#fff; width:192px; }

	table.akical .aki_hizuke { font-size: 12px; background:#ddf;}
	table.akical .aki_youbi { font-size: 8px; background:#eee;}

/* akijyoukyou TOP空室状況バナー*/

.akijyoukyou {
float: left;
}

.akijyoukyouContainer {
overflow: hidden;
}

/* clearfix */

.akijyoukyouContainer:before,
.akijyoukyouContainer:after {content: ""; display: table;
}


.akijyoukyouContainer:after { clear: both;
}

 

/* For IE 6/7 (trigger hasLayout) */

.akijyoukyouContainer {
zoom: 1;
}