@charset "utf-8";
/*========================================*
*　■トップページ用スタイル
*========================================*/
@import "common.css";



/*------------------------------
■baseリセット
------------------------------*/
#contents{
	position: static;
	padding: 0;
	background: #fff none;
}
h2{
	height: auto;
	position: static;
}
h2 img{
	position: static;
}






/*------------------------------
■TOP用ベースレイアウト
------------------------------*/

/*-----[メインビジュアル]-----*/
#main-visual{
	padding: 5px 5px 0 5px;
}



/*-----[グローバルナビ]-----*/
#top-gnavi{
	margin-left: 4px;
	margin-bottom: 10px;
}
div.tgn-col{
	width: 220px;
	float: left;
	margin-left: 5px;
}
#top-gnavi div{
	width:220px;
	margin-bottom: -8px;
	z-index:2;
}

.tgn_heding a{
	height:66px;
}

#top-gnavi div a{
	display: block;
	overflow: hidden;
	position: relative;
}
#top-gnavi div a img{
	position: absolute;
	top:0;
}
#top-gnavi ul{
	z-index:1;
	position: relative;
	padding-left: 13px;
	border-left: 3px double #C9CACB;
	border-bottom: 3px double #C9CACB;
	
	min-height: 120px;
	padding-top: 10px;
}
* html #top-gnavi ul{height: 130px;}
#top-gnavi li{
	list-style: none;
	margin-bottom: 10px;
}
#top-gnavi a{
	padding-left: 12px;
	background: url(../img/base/icn_arrow.gif) no-repeat left center;
}
#top-gnavi a:hover{background: url(../img/base/icn_arrow_on.gif) no-repeat 3px center;}


#tgn-about{margin-left: 0;}
#tgn-about a img{left:0;}
#tgn-guide a img{left:-220px;}
#tgn-admission a img{left:-440px;}
#tgn-system a img{left:-660px;}






/*-----[メインカラム]-----*/
#index{
	line-height: 1.5em;
	margin-left: 5px;
	padding-top: 10px;
}



/*-----[更新情報エリア]-----*/
#update-info{
	margin-bottom: 15px;
	background: url(../img/index/update_separator.gif) repeat-y 642px top;
}
#update-primary{
	width: 631px;
	float: left;
}
#update-secondary{
	width: 244px;
	float: right;
}
#banner-outer{
	/* for jQuery animation */
	height: 370px;
	overflow:hidden;
}



#update-info div.pr-area{
	margin-bottom: 10px;
}
#update-info div.clearfix{
	background: url(../img/index/update_separator.gif) repeat-y 215px top;
}

#sub-navi{
	width: 204px;
	float:left;
}
#newsinfo{
	width: 406px;
	float: right;
}
.youtube-banner{
	margin-bottom: 10px;
}

.pv_text{
	font-size:10px;
	text-align:center;
}

#banner-area{}
#banner-area div.banner{
	margin-bottom: 5px;
}

.featured{
	margin-bottom:6px;
	background-image:url(../img/index/featured_contents2.jpg);
	width:244px;
	height:41px;
	text-align:center;
	line-height:14px;
}

/*-----[新着・説明会共通]-----*/
#newsinfo{}
#news-list,
#briefing-list{
	position: relative;
}
#news-list h2,
#briefing-lis h2{
	margin-bottom: 3px;
}
.lnk-detail{
	text-align: right;
	position: absolute;
	right:5px;
	top:3px;
}


table.type_update{
	width: 406px;
	border-bottom: 1px solid #CACACA;
}
table.type_update th,table.type_update td{
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CACACA;
}
table.type_update th{
	width: 90px;
	font-weight:normal;
	padding-left: 5px;
}
table.type_update td{}
table.type_update td.icn-otoku{background:url(../img/index/icn_otoku.gif) no-repeat left 8px;padding-left: 50px;}
table.type_update td.icn-news{background:url(../img/index/icn_news.gif) no-repeat left 8px;padding-left: 50px;}
table.type_update td.icn-licence{background:url(../img/index/icn_licence.gif) no-repeat left 8px;padding-left: 50px;}
table.type_update td.icn-day{background:url(../img/index/icn_day.gif) no-repeat left 8px;padding-left: 40px;}
table.type_update td.icn-night{background:url(../img/index/icn_night.gif) no-repeat left 8px;padding-left: 40px;}
table.type_update td.icn-individual{background:url(../img/index/icn_individual.gif) no-repeat left 8px;padding-left: 40px;}




/*-----[新着情報]-----*/
#news-list{
	margin-bottom: 20px;
}
#news-list h2{}
.lnk-detail{}
#news-list table{}
#news-list th{}
#news-list td{}




/*-----[学校説明会]-----*/
#briefing-list{}

#briefing-list .lnk-detail{
	top: 0px;
}

.briefing{
	background-image:url(../img/index/cpt_briefingline.gif);
	width:406px;
	height:22px;
	font-size:18px;
	color:#00a5de;
}



/*-----[柔道整復師について]-----*/
#about-site{
	background: url(../img/index/ct_separator.gif) repeat-x left top;
	padding-top:20px;
}
div.about-col{
	float: left;
	padding-left: 15px;
	padding-top: 8px;
	min-height:250px;
	border-left: 1px solid #C9CACB;
}
* html div.about-col{height: 255px;}
#about-site h2{
	margin-bottom: 10px;
}
#about-site h2 span{
	display: block;
	overflow: hidden;
	position: relative;
}
#about-site h2 span img{
	position: absolute;
	left:0;
}

#about-site p{}
#about-col1{
	width: 304px;
	padding-left: 0;
	border-left: 0 none;
	background: url(../img/index/img_column1.jpg) no-repeat 182px bottom;
}
#about-col2{
	width: 300px;
	background: url(../img/index/img_column2.jpg) no-repeat 197px bottom;
}
#about-col3{
	width: 255px;
	background: url(../img/index/img_column3.jpg) no-repeat right bottom;
}
* html #about-col2{width: 315px;}
* html #about-col3{width: 270px;}



#about-col1 p{padding-right: 128px;}
#about-col2 p{padding-right: 127px;}
#about-col3 p{padding-right: 117px;}

#about-col1 h2{width:94px;}
#about-col2 h2{width:166px;}
#about-col3 h2{width:255px;}

#about-col1 h2 span{height:15px;}
#about-col2 h2 span{height:35px;}
#about-col3 h2 span{height:15px;}

#about-col1 h2 span img{top:0;}
#about-col2 h2 span img{top:-15px;}
#about-col3 h2 span img{top:-50px;}