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

/*--------------------------------------------------
　　　　　　　　　　rest
----------------------------------------------------*/

body,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote{
    margin: 0; 
    padding: 0;
	height:auto;
	font-size:14px;
	color:#666;
	border:0;
	_letter-spacing:0.05em;
	line-height:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img  {
vertical-align: top;
}

html{
    overflow-y: scroll;
	height:100%; 

}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}

caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, var{
    font-style: normal; 
}


a{ color:#F60;}
a:link {color:0000ff;}
a{ color:#F60;}
a:hover {color:#F96;}
a:active {text-decoration:none;}


/*--------------------------------------------------
　　　　　　　　　　　全体
----------------------------------------------------*/
#mainBox{
    width: 100%;
	display:block;
	overflow:hidden;
}

/*--------------------------------------------------
　　　　　　　　　　　ヘッダー
----------------------------------------------------*/
#hedder{
    width: 100%;
	text-align: -moz-center;
	height:60px;
	display:block;
	background:url(../img/back_title.gif) repeat-x;
}

#hedder #hederIn{
	width:960px;
	height:58px;
	display:block;
	position:relative;
	padding:2px 0 0 0;
	margin-right: auto;
	margin-left: auto;
}

#hedder #logo{
	width:291px;
	height:57px;
	display:block;
	float:left;
}

#hedder #btnBox{
	width:110px;
	height:57px;
	display:block;
	float:right;
	text-align:right;
}

#hedder #btnBox ul{
	width:110px;
	height:28px;
	display:block;
}

#hedder #btnBox ul li{
	width:101px;
	height:21px;
	display:block;
	float:right;
	margin-left:2px;
}

/*--------------------------------------------------
　　　　　　　　　　　スライドショー
----------------------------------------------------*/
	
#slideshow {
    width: 100%;
	height:330px;
	display:block;
	background:url(../img/main_image.jpg) no-repeat;
	background-position:top center;
}

#slidershouBack{
	width:100%;
	height:330px;
	background:#6CF;
}


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*--------------------------------------------------
　　　　　　　　　　　メインカラム
----------------------------------------------------*/
#article{
	width:953;
	overflow:hidden;
	padding:25px 30px 10px 25px;
	background:url(../img/main_back.png) no-repeat;
	background-position:0 0;
	margin-top:-30px;
	margin-right: auto;
	margin-left: auto;
	width: 948px;
}



/*--------------------------------------------------
　　　　　　　　　　　メニュー
----------------------------------------------------*/
#menuColum{
	width:200px;
	height:auto;
	display:block;
	float:left;
}

#menuColum ul{
	width:200px;
	display:block;
}

#menuColum li{
	width:200px;
	display:block;
	margin:0;
	padding:0;
}

#menuColum p{
	margin:10px 0 0 0!important;
	display:block;
}

#menuColum li.yet{
	position:relative;
}

#menuColum li.yet span{
	background:rgba(0,0,0,0.6);
	position:absolute;
	color:#FFF;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	line-height:50px;
	font-size:20px;
}

/*--------------------------------------------------
　　　　　　　　　　　中央カラム
----------------------------------------------------*/
#centerColum{
	width:550px;
	display:block;
	float:left;
	padding:0 0 0 20px;
}

#intr{
	width:540px;
	padding:5px 0 5px 0;
	margin:0 0 20px 0;
	height:auto;
	border:5px solid #CCC;
	text-align:center;
}

#newBox{
	width:550px;
	overflow:hidden;
}
	
.stit{
	width:550px;
	height:40px;
	background:url(../img/stit_back.gif) no-repeat;
}

.stit{
	width:530px;
	height:40px;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:8px 0 0 20px;
	background:url(../img/stit_back.gif) no-repeat;
	color:#0f87dc;
	position:relative;
}

.stit .In{
	width:350px;
	height:30px;
	display:block;
	float:left;
}


.stit .more{
	width:419px;
	font-size:10px;
	position:absolute;
	padding:4px 0 0 5px;
	text-align:right;
	left: 115px;
	top: -1px;
	line-height:1.4em;
}


dl#news{
	width:550px;
	display:block;
	overflow:hidden;
}

dl#news dt{
	width:100px;
	display:block;
	float:left;
	margin:5px 5px 0 5px;
	background:url(../img/news_icon.gif) no-repeat 88px 4px;
	font-size:12px;
}

dl#news dd{
	overflow:hidden;
	font-size:12px;
	display:block;
	margin:5px 5px 0 5px;
}

#bnrBox{
	width:100%;
	display:block;
	margin-top:40px;
	padding-top:10px;
	border-top:1px solid #CCC;
}

#bnrBox p{
	width:130px;
	height:85px;
	display:block;
	float:left;
	padding:0 3px 0 3px;
	font-size:12px;
	line-height:1.3em;
}


/*--------------------------------------------------
　　　　　　　　　　　右カラム
----------------------------------------------------*/
#right{
	float:left;
	width:150px;
	display:block;
	padding:0 0 0 20px;
}

#right #In{
	width:150px;
	height:auto;
	display:block;
	background:#e5fcff;
	padding:0 0 2px 0;
}

#right dl {
	width:130px;
	margin:5px auto 5px;
	display:block;
	background:#ffffff;
	padding:5px;
}

#right dl dt{
	width:130px;
	height:auto;
	display:block;
}

#right dl dt img{
	margin:0 0 1px 0
}

#right dl dd{
	font-size:12px;
}

#right dl dd strong{
	font-weight:bold;
	font-size:11px;
	letter-spacing:-0.05em;
	color:#09F;
}



/*--------------------------------------------------
　　　　　　　　　　　foot
----------------------------------------------------*/
#footer{
    width: 100%;
	text-align: -moz-center;
	height:125px;
	display:block;
	background:url(../img/illust.gif) no-repeat 50% 0;
	font-weight:bold;
}

#footer2 a:link { color: #ffffff; }
#footer2 a:visited { color: #000080; }
#footer2 a:hover { color: #ff0000; }
#footer2 a:active { color: #ff8000; }



#footer2{
	width: 100%;
	padding:5px 0 0 0;
	text-align: -moz-center;
	height:145px;
	display:block;
	background:url(../img/back_footer.gif) repeat-x;
	text-align:center;
	color:#FFF;
}

#footer2 #In{
	width:1000px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	line-height:1.8em;
	margin-bottom:18px;
	font-size:12px;
}

#footer2 span{
	font-size:10px;
}


/*--------------------------------------------------
　　　　　　　　　　　サブカラム
----------------------------------------------------*/
#subColum{
	width:720px;
	display:block;
	float:left;
	padding:0 0 0 20px;
}

#stile01 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit01.jpg) no-repeat;
	background-position:top center;
}

#stile0 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit0.jpg) no-repeat;
	background-position:top center;
}

#stile02 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit02.jpg) no-repeat;
	background-position:top center;
}

#stile03 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit03.jpg) no-repeat;
	background-position:top center;
}

#stile04 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit04.jpg) no-repeat;
	background-position:top center;
}

#stile05 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit05.jpg) no-repeat;
	background-position:top center;
}

#stile07 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit07.jpg) no-repeat;
	background-position:top center;
}

#stile11 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit11.jpg) no-repeat;
	background-position:top center;
}

#stile12 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit12.jpg) no-repeat;
	background-position:top center;
}

#stile13 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit13.jpg) no-repeat;
	background-position:top center;
}

#stile14 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit14.jpg) no-repeat;
	background-position:top center;
}

#stile01Back {
    width: 100%;
	height:120px;
	display:block;
	background:#00b3f6;
}


.stit02{
	width:700px;
	height:40px;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:8px 0 0 20px;
	background:url(../img/stit_back02.gif) no-repeat;
	color:#0f87dc;
	position:relative;
}

#stile06 {
    width: 100%;
	height:120px;
	display:block;
	background:url(../img/stit06.jpg) no-repeat;
	background-position:top center;
}


#subColum div.box{
	width:710px;
	display:block;
	padding:10px 0 10px 10px;
	overflow:hidden;
}

#subColum div.box #kouryaku{
	display:block;
}

#subColum div.box #kouryaku dl{
	display:block;
	margin:0 0 15px 0;
	overflow:hidden;
}

#subColum div.box #kouryaku dl dt{
	font-weight:bold;
	color:##0f87dc;
	font-size:16px;
	border-bottom:1px dotted #999;
	padding:4px 0 4px 0;
	margin:0 0 5px 0;
}

#subColum div.box #kouryaku dl dd{
	padding:0 0 0 10px;
	line-height:1.8em;
	letter-spacing:0.05em;
}

#subColum div.box #kouryaku dl dd strong{
	color:#F00;
}


#subColum div.box #kouryaku dl dd p.left{
	width:250px;
	height:200px;
	display:block;
	float:left;
	padding:10px 10px 10px 0;
}

#subColum div.box #kouryaku dl dd p.right{
	width:250px;
	height:200px;
	display:block;
	float:right;
	padding:10px 0 10px 10px;
}

#subColum div.photoBox{
	width:710px;
	display:block;
	padding:10px 0 10px 10px;
	margin:15px 0 0 0;
	overflow:hidden;
}

#subColum div.photoBox p{
	width:200px;
	height:178px;
	padding:10px;
	background:#F5F5F5;
	margin:0 15px 15px 0;
	display:block;
	float:left;
	text-align:center;
	overflow:hidden;
}

#subColum div.photoBox2 p{
	width:200px;
	height:auto!important;
	padding:10px;
	background:#F5F5F5;
	margin:0 15px 15px 0;
	display:block;
	float:left;
	text-align:center;
	overflow:hidden;
}

#subColum div.photoBox p img,
#subColum div.photoBox2 p img{
	display:block;
	margin:0 0 3px 0;
	width:200px;
	height:auto;
}

#subColum div.photoBox p strong{
	display:block;

}
#subColum div.photoBox p img.long{
height:160px!important;
width:auto!important;
margin:0 auto;
}


#subColum div.box p{
	padding:10px 0 0 0;
}

#subColum div.box .photo{
	width:250px;
	float:right;
	margin:0px 0 30px 20px;
}

table#gaiyou{
	width:710px;
	padding:0 0 10px 10px;
	border-collapse:separate;
	border-spacing:5px;
}

table#gaiyou th{
	width:120px;
	border-left:solid 3px #0CF;
	border-bottom:dotted 1px #0CF;
	vertical-align:top;
	font-weight:bold;
	font-size:14px;
	vertical-align:top;
	padding:3px 0 3px 10px;
}


table#gaiyou td{
	width:560px;
	border-bottom:dotted 1px #0CF;
	vertical-align:top;
	padding:5px;
}

table#timesche{
	width:710px;
	padding:10px 0 10px 10px;
	border-collapse:separate;
	border-spacing:5px;
}

table#timesche th{
	width:140px;
	border-bottom:dotted 1px #0CF;
	vertical-align:top;
	padding:5px;
	text-align:center;
}



table#timesche td{
	border-bottom:dotted 1px #0CF;
	vertical-align:top;
	padding:5px;
}


#midashi{
	border-bottom:1px dotted #09F;
	border-left:3px solid #3CF;
	padding:3px;
}


/*--------------------------------------------------
　　　　　　　　　　　色文字
----------------------------------------------------*/
.redBY{
	color:#903;
	font-weight:bold;
	padding:2px;
}

.course{
	background:#FFC;
	padding:1px;
	color:#633;
}

/*--------------------------------------------------
　　　　　　　　　　　リンク集
----------------------------------------------------*/
#link{
	width:200px;
	display:block;
	padding:0 0 0 0;
	margin:20px 0 0 0;
	border:1px solid #39F;
}

#link ul{
	width:175px!important;
	display:block;
	padding:0;
	font-size:12px;
	margin:0 auto 15px;
}


#link ul li{
	width:175px!important;
	display:block;
/*	border-bottom:1px dotted #CCC;*/
	padding:4px 0 0 0;
	margin:4px 0 0 0;
}

#link h3{
	width:200px;
	display:block;
	background:#39F;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

#ebidai{
	text-align:center;
	padding:20px 0 0 0;
	clear:both;
}

.tit{
	background:#3399ff;
	color:#FFF;
	text-align:center;
	border:none!important;
	padding:2px 0 2px 0!important;
}


/*--------------------------------------------------
　　　　　　　　　　　clearfix
----------------------------------------------------*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.mb20{
	margin:0 0 20px 0!important;
}

/*add20160330*/

#intr p.ranking{
	background:#FFC;
	margin:10px 10px 10px;
	display:block;
	padding:10px;
	border:1px solid #FF6;
	line-height:1.8em;
}

#intr p.ranking a{
	text-decoration:none;
	color:#000;

}

#intr p.ranking strong{
	font-size:24px;
	color:#F00;
}

#intr p.ranking span{
	font-size:16px;
	color:#000;
	display:block;
}

.subTit{
	background:#D2F4FF;
	display:block;
	color:#36C;
	text-align:center;
}