@charset "Shift_JIS";

@import "/nikken/cmn/css/bottom.css";


/* 専用リセット
---------------------------------------*/

h2,h3{
	margin:0;
	padding:0;
}

table,td,th{

	border:none;
}

table{
	line-height:16px;
}

body,table{	
	font-family: 'ＭＳ Ｐゴシック',Osaka,Arial,Helvetica,sans-serif;
	color:#333;
}


/* 学校案内フォーマットスタイル
-------------------------------------*/

#placeContainer #left{
	width:680px;
	padding:0 15px 0 0;
	border-right:1px solid #ccc;
	float:left;
	}
	
#nintei{
	width:680px;
	border-bottom:5px solid #5d5d7e;
	line-height:0px;
	margin:0 0 20px 0;
	height:25px;
}

#nintei h2{
	font-size:23px;
	line-height:23px;
}


#tab{
	width:680px;
	border-bottom:5px solid #5d5d7e;
	line-height:0px;
	margin:0 0 20px 0;
	height:25px;
}


#tab h2{
	width:267px;
	font-size:23px;
	line-height:23px;
	float:left;
	
}

#tab ul{
	width:413px;
	float:right;
}

#tab li{
	float:left;
	height:25px;
	border-right:1px solid #999;
}

#tab li#on{
	border-right:1px solid #46465e;

}

#tab li img,#schoolmap img{
	display:block;
}

#tab li a{
	text-decoration:none;
	line-height:100%;
}


/* 学校情報スタイル
-------------------------------------*/
#schoolDetail{
	padding:0 15px;
}


#schoolDetail #schoolmap{
	border:1px solid #999;
	width:284px;
	float:left;
}

#schooldata{
	width:353px;
	float:right;
}


#schooldata th{
	width:65px;
	padding-left:0;
	vertical-align:top;
}



#schooldata th#room{
	text-align:left;
}

#schooldata th#room img#roombtn{
	position:absolute;
	top:450px;left:540px;
}

#schooldata td#roomicon{
	padding:10px 0 0 0;
}

#schooldata td{
	padding:0 10px 12px;
}

#schooldata td#qr{
	text-align:center;
	font-size:10px;
	line-height:12px;
}

#schooltxt{
	width:650px;
	clear:both;
	padding:10px 0 5px;
	_padding:0;
	margin:0 auto;
}

*:first-child+html #schooltxt{
	padding:0;} 

#schooltxt p{
	margin:0;padding:0;
}

#schoolinfo{
	width:650px;
	margin:15px auto 30px;
	border:1px solid #9e9e9e;
	position:relative;
}

#schoolinfo li{
	margin:10px 0;
}

#schoolinfo ul{
	margin:10px;
}

#schoolinfo p#more{
	font-size:10px;
	position:absolute;
	top:5px;
	left:580px;
	margin:0;padding:0;
}


/* 施設・設備スタイル
-------------------------------------*/
.roompresentation{
	padding:0 15px;
	margin:0 0 30px;
	width:648px;
}
.roomsubttl{
	width:457px;
	float:right;
	margin:5px 0 0 0;
}

.roomsubttl h3{
	height:23px;
}

.roomsubttl p{
	margin:10px 0 0 0;
	width:457px;
}

.roomsubttl img{
	float:right;
}

.roompresentation table{
	width:179px;
	height:111px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.roompresentation td,.roompresentation th{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0

}

.roompresentation th{
	background:#eee;
}




/* お知らせスタイル
-------------------------------------*/
.info{
	padding:0 15px;
	margin:0 0 20px;
	width:648px;
}

.info h3{
	font-size:14px;
	line-height:16px;
	border-left:5px solid #fc6;
	padding-left:10px;
	margin-bottom:10px;
}

.info strong.catch{
	font-weight:normal;
	font-size:14px;
	color:#f00;
}

.info p{
	margin:0 0 5px 0;
}

.info th,.info td{
	padding:3px;
	vertical-align:top;
}

.info div{
	border:1px solid #fc6;
	padding:10px;
	margin:10px 0 20px;
}

.info th{
	text-align:right;
}




/* 資料請求スタイル
-------------------------------------*/

#requestDetail{
	margin:0 0 30px 0;
	padding:0 10px;
}

#requestDetail p{
	margin:0 0 10px;
}

#requestDetail caption{
	text-align:left;
	margin:0 auto;
	width:610px;
	height:16px;
}


#courselist{
	width:632px;
	border:10px solid #ccc;
}

#courselist h3{
	margin:0 0 8px;
}

#courselist table{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0 auto 10px;
}

#courselist th,#courselist td{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	}

#courselist th{
	width:80px;
}


/* お問い合わせスタイル
-------------------------------------*/

#contactDetail{
	margin:0 0 30px 0;
	padding:0 10px;
}

#contactDetail div{
	border:1px solid #ccc;
	padding:10px;
	line-height:18px;
	width:200px;
}

#contactDetail div strong{
	font-size:14px;
}


/* ポップアップウィンドウスタイル
-------------------------------------*/

/*地図*/
#mapContainer{
	width:540px;
}
#popupInner{
	border:1px solid #6699cc;
}

#popupInner h1{
	border-bottom:1px solid #69c;
	background:#f0f8ff;
	font-size:14px;
	padding:10px;color:#69c;
	margin:0;
	line-height:21px;
}

#maps{
	width:500px;
	height:500px;
	border:18px solid #fff;
	padding:0px;
	background:#ccc;
}

#mapContainer p{
	font-size:12px;
	padding: 0 20px;
	margin:0 0 20px;
}

#mapContainer #close{
	width:540px;
	text-align:center;
	font-size:12px;
	margin:20px 0 0 0;
}


/*QRコード*/

#qrContainer #close{
	width:300px;
	text-align:center;
	font-size:12px;
	margin:20px 0 0 0;
}

#qrcode{
	text-align:center;
	padding:10px;
	line-height:16px;
	font-size:12px;
}

#qrcode img{
	margin:0 0 10px;
}

#qr strong{
	color:#69c;
	font-size:14px;
}

#qrContainer{
	width:300px;
}



#placeContainer #right{
	width:189px;
	float:right;
}

#right li{
	margin-bottom:5px;
	background:#ccc;
}

#right li img{
	vertical-align:bottom;
}	
	
/* clear
-------------------------------------*/
#tab ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#tab ul {display: inline-block;}
#tab :after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#tab {display: inline-block;}