@charset "utf-8";
/* CSS Document */

/*--------------------
 dormitory
--------------------*/

nav {
	height: 175px;
	background-image: url(../../dormitory/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center 25px;
}
#main h2 {
	margin-bottom:20px;
}
#main p.readtxt {
	margin-bottom:40px;
}
	#main p.readtxt strong{
		display:block;
		margin-bottom: 10px;
	}
p img { vertical-align:bottom;}


/*--------------------
 INDEX
--------------------*/

body#dormindex ul#dormnavi {height:231px; margin-bottom:30px;}
body#dormindex ul#dormnavi li {float:left; margin-left:11px; width:168px;}
body#dormindex ul#dormnavi li.first {margin-left:0px;}

body#dormindex #jisshu {border: solid 5px #FFCC00; padding: 20px 25px 30px 25px;}
body#dormindex #jisshu h3{ margin-bottom: 10px;}
body#dormindex #jisshu h4{ margin-bottom: 20px;}
body#dormindex #jisshu p.floatL{ width:290px;}
body#dormindex #jisshu p.floatR{ width:335px;}

body#dormindex #secom{ /* background: url(../../dormitory/img/secom.jpg) no-repeat right top; */ margin-bottom:20px;}
body#dormindex #freenet{ background: url(../../dormitory/img/net.gif) no-repeat right top; padding-bottom:20px; margin-bottom: 0px;}

/* add160412 */
body#dormindex #pagelink { height:30px; width:342px; margin-bottom:40px;}
body#dormindex #pagelink li{ float:left; width:162px;}
body#dormindex #pagelink li a{ display:block; width:162px; height:30px; text-indent:-9999px; background: url(../../dormitory/img/pagelink_btn.gif) no-repeat left top;}
body#dormindex #pagelink li a:hover{ background: url(../../dormitory/img/pagelink_btn.gif) no-repeat left bottom;}
body#dormindex #pagelink li:last-child{ float:right;}
body#dormindex #pagelink li:last-child a{background: url(../../dormitory/img/pagelink_btn.gif) no-repeat right top;}
body#dormindex #pagelink li:last-child a:hover{ background: url(../../dormitory/img/pagelink_btn.gif) no-repeat right bottom;}

body#dormindex #security { margin-bottom:30px; border: solid 1px #60ACC6; position:relative; overflow:hidden; zoom:1; padding-bottom:30px; font-size:110%;}
body#dormindex #security h3{ margin-bottom:23px;}
body#dormindex #security p.icon{ position:absolute; width:105px; height:96px; z-index:10; top:20px; right:140px;}
body#dormindex #security div.floatL{ padding-left:24px; margin-bottom:20px;}
body#dormindex #security div.floatR{ padding-right:29px; padding-top:47px; margin-bottom:20px;}
body#dormindex #security h4{ margin-bottom:15px;}
body#dormindex #security div.clear { border-top: dashed 1px #60ACC6; clear:both; width:653px; margin: 0px auto; background:url(../../dormitory/img/dot_line.gif) repeat-y left top; }
body#dormindex #security dl dt{ margin-bottom:15px;}
body#dormindex #security dl dd{ line-height:1.6;}
body#dormindex #security dl:first-child { width:309px; float:left; border-right: dashed 1px #60ACC6; padding-top:20px; padding-right:20px;}
body#dormindex #security dl:last-child { width:301px; float:right; padding-top:20px;}


/*--------------------
 DETAIL PAGE COMMON
--------------------*/

body.dormdetail #main h3 { clear:both; margin-bottom:23px;}

body.dormdetail #dormnavi-s { margin-bottom:25px; height:50px;}
body.dormdetail #dormnavi-s li {float:left; margin-left:11px; width:168px;}
body.dormdetail #dormnavi-s li.first {margin-left:0px;}
body.dormdetail #dormheader { position:relative; margin-bottom:40px;}
body.dormdetail #dormheader .dormspec { background-color:#eee; padding:5px 15px; float:left;}
body.dormdetail #dormheader .appearance { position:absolute; right:0px; bottom:0px;}
body.dormdetail #dormheader .dormspec table tr th,
body.dormdetail #dormheader .dormspec table tr td { padding: 5px 0px; border-bottom: dotted 1px #ccc; line-height:1.3;}
body.dormdetail #dormheader .dormspec table tr.last th,
body.dormdetail #dormheader .dormspec table tr.last td {border-bottom: none;}
body.dormdetail #dormheader .dormspec table tr th { text-align:left; width: 5em;}
body.dormdetail #dormheader .dormspec table tr td { font-size: 90%; color:#666;}

body.dormdetail dl.dormpoint { width:345px; margin-bottom:20px;}
body.dormdetail dl.dormpoint dt { margin-bottom:10px;}
body.dormdetail dl.dormpoint dd { margin-bottom:15px; line-height:1.6;}
body.dormdetail dl.dormpoint dd.pointimg { margin-bottom:0px;}

body.dormdetail div.roomcheck { background-color:#FFFFCC; clear:both; margin-bottom:40px;}
body.dormdetail div.roomcheck ul { position:relative;}
body.dormdetail div.roomcheck ul li { position:absolute;}
body.dormdetail div.roomcheck ul li#check01 { top:0px; left:20px;}
body.dormdetail div.roomcheck ul li#check02 { top:0px; left:245px;}
body.dormdetail div.roomcheck ul li#check03 { top:0px; left:464px;}

/* slide */
body.dormdetail #slideshow {width: 705px; height:360px; margin:0; margin-bottom:40px;}
body.dormdetail #slideshow div#slideArea {width: 430px;height: 350px;overflow: hidden;position: relative; float:right;}
body.dormdetail #slideshow div#slideArea div {top: 0;left: 0; position: absolute; padding: 10px;}
 
body.dormdetail #slideshow ul { width: 260px; float:left;}
body.dormdetail #slideshow ul li {width: 120px; float: left; display: inline; padding-right:10px; padding-bottom:10px;}
body.dormdetail #slideshow ul li img { vertical-align:bottom;}
body.dormdetail #slideshow .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important;opacity: 1!important;}
/* ClearFixElements */
body.dormdetail #slideshow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

body.dormdetail #main #price_list h4 { margin-bottom:8px; font-size: 120%;}
body.dormdetail #price_list .floatL { width: 345px;}
body.dormdetail #price_list .floatR { width: 345px;}
body.dormdetail table.dormprice { border-left: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom:8px; width: 345px;}
body.dormdetail table.dormprice tr th,
body.dormdetail table.dormprice tr td { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc;}
body.dormdetail table.dormprice tr th { padding: 8px; text-align:center; vertical-align:middle;}
body.dormdetail table.dormprice tr td { padding: 5px 10px; vertical-align:middle; line-height:1.4;}
body.dormdetail table.dormprice tr.pricemenu th { background-color:#eee;}
body.dormdetail table.dormprice tr td.price { text-align:center;}
body.dormdetail table.dormprice tr th.total { background-color:#ECBA0F;}
body.dormdetail div.stu-comment { height:185px; line-height:1.8; float:left;}
	body.dormdetail div.stu-comment p { padding: 65px 30px 0px 35px;}
body.dormdetail div.ryobo-comment { line-height:1.6; float:right;}

body.dormdetail #main h3 { position:relative;}
body.dormdetail h3 span#net-icon { position:absolute; width:92px; height:92px; right:5px; top:-10px;}

/*--------------------
 DORM N
--------------------*/

body#dormn #dormheader .dormspec { padding:5px 10px;}
body#dormn #dormheader .dormspec table { width:285px;}
body#dormn #dormheader .specicon { float:left; padding-left:15px;}
body#dormn #dormheader .appearance { width:200px; height:302px;}

body#dormn div.roomcheck { height:615px;}

body#dormn #slideshow {background:url(../../dormitory/dorm/img/shisetsu_bg.gif) no-repeat right top;}
body#dormn div.stu-comment { height:185px; line-height:1.8; float:left; width:455px; background:url(../../dormitory/dorm/img/comment.gif) no-repeat;}
	body#dormn div.stu-comment p { padding: 65px 30px 0px 35px;}
body#dormn div.parents-comment { line-height:1.6; float:right; width:250px; height:185px; background:url(../../dormitory/dorm/img/comment2.gif) no-repeat;}
	body#dormn div.parents-comment p {  padding: 65px 30px 0px 35px;}


/*--------------------
 CLOVER
--------------------*/

body#clover #dormheader .dormspec table { width:346px;}
body#clover #dormheader .appearance { width:315px; height:332px;}

body#clover div.roomcheck { height:605px;}

body#clover #slideshow {background:url(../../dormitory/clover/img/shisetsu_bg.gif) no-repeat right top;}
body#clover div.stu-comment { width:270px; background:url(../../dormitory/clover/img/comment.gif) no-repeat;}
body#clover div.ryobo-comment { width:415px; height:185px; background:url(../../dormitory/clover/img/ryobo_comment.jpg) no-repeat;}
body#clover div.ryobo-comment p { padding: 50px 150px 0px 20px;}

body#clover #main h3 { position:relative;}
body#clover h3 span#net-icon { position:absolute; width:92px; height:92px; right:5px; top:-20px;}

/*--------------------
 BLUEBERRY
--------------------*/

body#blueberry #dormheader .dormspec table { width:316px;}
body#blueberry #dormheader .appearance { width:340px; height:361px;}

body#blueberry div.roomcheck { height:595px;}

body#blueberry #slideshow {background:url(../../dormitory/bb/img/shisetsu_bg.gif) no-repeat right top;}
body#blueberry div.stu-comment { width:270px; background:url(../../dormitory/bb/img/comment.gif) no-repeat;}
body#blueberry div.ryobo-comment { width:415px; height:180px; background:url(../../dormitory/bb/img/ryobo_comment.jpg) no-repeat;}
body#blueberry div.ryobo-comment p { padding: 43px 150px 0px 20px;}

body#blueberry #main h3 { position:relative;}
body#blueberry h3 span#net-icon { position:absolute; width:92px; height:92px; right:5px; top:-20px;}

/*--------------------
 SEVEN WINDS
--------------------*/

body#seven #dormheader .dormspec { padding:5px 10px;}
body#seven #dormheader .dormspec table { width:285px;}
body#seven #dormheader .specicon { float:left; padding-left:15px;}
body#seven #dormheader .appearance { width:200px; height:251px;}

body#seven div.roomcheck { height:595px;}

body#seven #slideshow {background:url(../../dormitory/seven/img/shisetsu_bg.gif) no-repeat right top;}
body#seven p.stu-comment { height: 90px; padding: 65px 30px 0px 35px;background:url(../../dormitory/seven/img/comment.gif) no-repeat; line-height:1.8;}