@charset "utf-8";
/* Dafault
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../img/chuou/background.jpg) 0 0 repeat-x;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4em;
	text-align: center;
	font-size: 75%;
	color: #000;
}

h1, h2, h3, h4 {
	clear: both;
	line-height: 1.2em;
}

img {
	border: none;
	vertical-align: bottom;
}

a {
	text-decoration: underline;
	color: #3366ff;
}

a:hover {
	text-decoration: none;
}


/* Common
-------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* MacIE begin \*/
*+html .clearfix { height: 1%;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* Mac IE end */

.img-left { float: left; display: inline; margin-right: 10px;}
.img-right { float: right; display: inline;  margin-left: 10px;}
.img-center { text-align: center;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}

.clear { clear: both;}

.margin-none { margin: 0 ! important;}
.pading-none { padding: 0 ! important;}


/* Layout
-------------------------------------------------- */
div.container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
div.container:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
div.container { display: inline-block;}
/* MacIE begin \*/
*+html div.container { height: 1%;}
* html div.container { height: 1%;}
div.container { display: block;}
/* Mac IE end */

div.header {
	height: 138px;
	position: relative;
}


div.wrapper {
	clear: both;
	width: 980px;
	margin-bottom: 20px;
}
div.wrapper:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
div.wrapper { display: inline-block;}
/* MacIE begin \*/
*+html div.wrapper { height: 1%;}
* html div.wrapper { height: 1%;}
div.wrapper { display: block;}
/* Mac IE end */

div.article {
	float: left;
	width: 740px;
}

div.side {
	float: right;
	width: 220px;
}

div.footer {
	padding: 10px 0 30px;
	border-top: #ccc solid 1px;
}


/* Header
-------------------------------------------------- */
h1.title-minimini-chuo {
	position: absolute;
	top: 14px;
	left: 0;
	font-size: 0.9em;
}

p.logo {
	position: absolute;
	top: 65px;
	left: 0;
	/*padding-right: 20px;
	border-right: #ccc solid 1px;*/
	font-weight: bold;
	font-size: 14px;
	line-height: 1em;
}
p.logo img { margin-bottom: 8px;}

p.fee {
	position: absolute;
	top: 55px;
	right: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #cc0000;
}

p.phone {
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.2;

}
p.phone strong {
	padding: 0 0 0 10px;
	vertical-align: -2px; 
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 1.7em;
	color: #990000;
}

ul.header-banner {
	position: absolute;
	top: 84px;
	right: 0;
	list-style-type: none;
}

ul.header-banner li {
	float: left;
	margin-left: 6px;
}
ul.header-banner li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

ul.header-navi {
	position: absolute;
	top: 64px;
	left: 188px;
	list-style-type: none;
}

ul.header-navi li {
	float: left;
	margin-right: 15px;
	padding-left: 10px;
	background: transparent url(../img/chuou/arrow_navi.jpg) 0 5px no-repeat;
	font-size: 0.9em;
}
ul.header-navi li a { color: #404040; text-decoration: none;}
ul.header-navi li a:hover { text-decoration: underline;}


/* Grobal Navi
-------------------------------------------------- */
div.global-navi {
	margin-bottom: 27px;
}

div.global-navi ul.navi {
	list-style: none;
}
.navi:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
.navi { display: inline-block;}
/* MacIE begin \*/
*+html .navi { height: 1%;}
* html .navi { height: 1%;}
.navi { display: block;}
/* Mac IE end */

div.global-navi ul.navi li {
	float: left;
}

div.global-navi ul.navi li a {
	display: block;
	width: 230px;
	height: 33px;
	padding-top: 7px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
* html div.global-navi ul.navi li a { width: 245px; height: 40px;}

div.global-navi ul.navi li.room-research a { background: transparent url(../img/chuou/navi_room_research.jpg) top left no-repeat;}
div.global-navi ul.navi li.town-guide a { background: transparent url(../img/chuou/navi_town_guide.jpg) top left no-repeat;}
div.global-navi ul.navi li.access a { background: transparent url(../img/chuou/navi_access.jpg) top left no-repeat;}
div.global-navi ul.navi li.shop-information a { background: transparent url(../img/chuou/navi_shop_information.jpg) top left no-repeat;}

div.global-navi ul.navi li.room-research a.active,
div.global-navi ul.navi li.room-research a:hover { background: transparent url(../img/chuou/navi_room_research_on.jpg) top left no-repeat;}
div.global-navi ul.navi li.town-guide a.active,
div.global-navi ul.navi li.town-guide a:hover { background: transparent url(../img/chuou/navi_town_guide_on.jpg) top left no-repeat;}
div.global-navi ul.navi li.access a.active,
div.global-navi ul.navi li.access a:hover { background: transparent url(../img/chuou/navi_access_on.jpg) top left no-repeat;}
div.global-navi ul.navi li.shop-information a.active,
div.global-navi ul.navi li.shop-information a:hover { background: transparent url(../img/chuou/navi_shop_information_on.jpg) top left no-repeat;}


/* Side
-------------------------------------------------- */
div.search {
	margin-bottom: 11px;
	padding-bottom: 3px;
	background: transparent url(../img/chuou/side_search_bottom.gif) left bottom no-repeat;
}

div.search dl {
	padding: 2px;
	border: #ccc solid 1px;
	background-color: #f2f2f2;
}

div.search dl dt {
	width: 110px;
	height: 47px;
	padding-top: 14px;
	padding-left: 47px;
	border: #ccc solid 1px;
	font-size: 1.2em;
	font-weight: bold;
}
* html div.search dl dt { width: 157px; height: 61px;}

div.search dl.search-area dt { background: transparent url(../img/chuou/side_title_area.jpg) top left no-repeat;}
div.search dl.search-route dt { background: transparent url(../img/chuou/side_title_routename.jpg) top left no-repeat;}

div.search dl dd {
	padding: 8px 0 0 8px;
	border: #ccc solid 1px;
	background-color: #f8f8f8;
}

div.search dl dd p {
	margin-bottom: 0.5em;
}

div.search dl dd select {
	font-size: 10px;
}
* html div.search dl dd select#rentto1 { width: 4em;}
* html div.search dl dd select#rentto2 { width: 4em;}
*:first-child+html div.search dl dd select#rentto1 { margin-left: 1.2em; margin-right: -1.2em;}
*:first-child+html div.search dl dd select#rentto2 { margin-left: 1.2em; margin-right: -1.2em;}

dl.side-navi {}

dl.side-navi dt {
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
}


dl.side-navi dt.txt_title_student{
	background: transparent url(/h/img/side-navi_txt_title.jpg) 0 0px no-repeat;
	height:20px;
	color:#EF2D84;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
}

dl.side-navi dt.mansion-navi {
	border: none;
	margin-bottom: 12px;
}

dl.side-navi dt.title-shop {
	height: 33px;
	padding-top: 8px;
	padding-left: 8px;
	border-top: #de0000 solid 2px;
	background: url(../img/chuou/side_title_01.jpg) top left no-repeat;
	font-weight: bold;
	font-size: 12px;
	color: #dd0000;
}
* html dl.side-navi dt.title-shop { height: 48px;}

dl.side-navi dt.title-guide {
	border: none;
}

dl.side-navi dt.title-blog strong { display: block; padding: 3px 8px 1px; background-color: #1a1a1a; color: #fff;}
dl.side-navi dt.title-blog span { display: block; padding: 3px 8px 1px; background-color: #f2f2f2; font-weight: bold; }

dl.side-navi dd.shop-detail {
	padding-top: 0;
}

dl.side-navi dd.shop-detail p {
	padding-bottom: 15px;
	text-align: center;
}

dl.side-navi dd.shop-detail ul li {
	margin-bottom: 5px;
}

dl.side-navi dd.shop-detail ul li.shop-tel {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
}

dl.side-navi dt.high-class img {
	display: block;
}

dl.side-navi dd.high-class-dd {}
dl.side-navi dd.high-class-dd:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
dl.side-navi dd.high-class-dd { display: inline-block;}
/* MacIE begin \*/
*+html dl.side-navi dd.high-class-dd { height: 1%;}
* html dl.side-navi dd.high-class-dd { height: 1%;}
dl.side-navi dd.high-class-dd { display: block;}
/* Mac IE end */

dl.side-navi ul.high-class-list-first {
	float: left;
	width: 91px;
}

dl.side-navi ul.high-class-list-second {
	float: right;
	width: 91px;
}

dl.side-navi p.high-class {
	margin-bottom: 15px;

}

dl.side-navi dd {
	margin-bottom: 15px;
	padding: 12px;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}

dl.side-navi dd ul {
	list-style: none;
}

dl.side-navi dd ul li {
	margin-bottom: 0.8em;
	padding-left: 10px;
	background: transparent url(../img/chuou/arrow03.jpg) 0 4px no-repeat;
}

dl.side-navi dd ul li.mansion-navi-student {
	list-style: none;
	background: url(/h/img/icon_student.jpg) no-repeat scroll 0 3px transparent;
	padding-left:15px;
}

dl.side-navi dd ul li.mansion-navi-zero {
	list-style: none;
	background: url(/h/img/icon_zero.jpg) no-repeat scroll 0 3px transparent;
	padding-left:15px;
}

dl.side-navi dd ul li.mansion-navi-gakuseiryou-shokujitsuki{
	list-style: none;
	background: url(/h/img/icon_gakuseiryou_shokujitsuki.jpg) no-repeat scroll 0 3px transparent;
	padding-left:15px;
}

dl.side-navi dd ul li.mansion-navi-gakusei-mansion {
	list-style: none;
	background: url(/h/img/icon_gakusei_mansion.jpg) no-repeat scroll 0 3px transparent;
	padding-left:15px;
}

dl.side-navi dd ul li.mansion-navi-designers {
	list-style: none;
	background: url(/h/img/icon_designers.jpg) no-repeat scroll 0 3px transparent;
	padding-left:15px;
}

dl.side-navi dd.title-guide ul li {
	margin-bottom: 1em;
	padding-left: 10px;
	background: transparent url(../img/chuou/arrow02.jpg) 0 5px no-repeat;
}

ul.side-navi {
	list-style: none;
}

ul.side-navi li {
	margin-bottom: 0.8em;
	padding-left: 10px;
	background: transparent url(../img/chuou/arrow02.jpg) 0 5px no-repeat;
}

ul.side-navi li a {
	text-decoration: none;
	color: #000;
}
ul.side-navi li a:hover { text-decoration: underline;}


/* Footer
-------------------------------------------------- */
ul.footer-navi {
	margin-bottom: 20px;
	list-style: none;
}
ul.footer-navi:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
ul.footer-navi { display: inline-block;}
/* MacIE begin \*/
*+html ul.footer-navi { height: 1%;}
* html ul.footer-navi { height: 1%;}
ul.footer-navi { display: block;}
/* Mac IE end */

ul.footer-navi li {
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	background: transparent url(../img/chuou/arrow03.jpg) 0 4px no-repeat;
	font-size: 0.9em;
}

ul.footer-navi li a {
	text-decoration: none;
	color: #000;
	white-space:nowrap;
}
ul.footer-navi li a:hover { text-decoration: underline;}

address.copyright {
	clear: left;
	font-style: normal;
	font-weight: bold;
}

div.copyright strong {
	display: block;
}