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

/*---------------------------------
format start
--------------------------------*/

html,
body{
	height:100%;
}

body{
     font-size: 13px;
     line-height: 180%;
     font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック','MS P Gothic', sans-serif;
	 color: #080808;
}

a{
	color: #2196F3;
}
a:hover{
	text-decoration: none;
}

.bold{
	font-weight: bold;
}
.font_blue{
	color: #2196F3;
}

#wrap{
	width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

.toiawase_btn_wrap{
	position: relative;
     width: 980px;
     text-align: center;
     margin: 0 auto;
}
.toiawase_btn{
	z-index: 100;
	position: absolute;
	right: -12px;
}
.line{
	border-top: 1px solid #cccccc;
	margin: 20px 0 20px 0;
}
	

#header{
     width: 980px;
     text-align: center;
     margin: 0 auto;
	 overflow: hidden;
}

.head{
     width: 980px;
	 height: 87px;
     text-align: left;
	 margin-top: 20px;
}


	

.logo{
	width: 329px;
	float: left;
}

.gnav_wrap{
	width: 100%;
	height: 51px;
	background-image : url(btn_bk.png);
	background-repeat: repeat-x;
}
.gnav_wrap .inner{
	width: 980px;
	height: 51px;
	margin: 0 auto;
	min-height:100%;
	overflow: hidden;
}
.gnav{
     height:51px;
     width: 980px;
     float: left;
     margin: 0;
     padding: 0;
}
.gnav ul{
     line-height:0px;
     vertical-align:bottom;
	 margin: 0;
     padding: 0;
} 
.gnav ul li{
     float: left;
     height: 51px;
     display: block;
	 margin: 0;
     padding: 0;
}

.main_pic_wrap{
	background-image : url(head_bg.png);
	background-repeat:repeat-x;
	height: 399px;
}
.main_pic{
	position: relative;
	width: 1000px;
	height: 399px;
	margin: 0 auto;
	background-image : url(head_bg2.png);
	background-repeat: no-repeat;
}
.main_pic2_wrap{
	background-image : url(head_bg3.png);
	background-repeat:repeat-x;
	height: 141px;
}
.main_pic2{
	position: relative;
	width: 1000px;
	height: 141px;
	margin: 0 auto;
	background-image : url(head_bg4.png);
	background-repeat: no-repeat;
}
.copy{
	position: absolute;
	top: 38px;
	left: 45px;
}
.main_pic_inner{
	position: absolute;
	top: 20px;
	right: 0px;
}
.car_pic{
	position:absolute;
	right: 25px;
	bottom: -21px;
}

.contents{
	margin: 0 auto;
	background-image : url(bk_wood.jpg);
	background-repeat:repeat;
}
.contents_inner{
     width: 1020px;
     margin: 0 auto;
	 text-align: left;
	 background-color: #fff;
	 padding-top: 30px;
	 padding-bottom: 50px;
}

.main{
	width: 632px;
	float: left;
	margin-left: 35px;
	line-height: 160%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック','MS P Gothic', sans-serif;
}
.main a:hover{
	opacity: 0.7;
	 filter: alpha(opacity=70);
 	-ms-filter: "alpha(opacity=70)";
}

#footer{
	width: 100%;
	height: 140px;
	background-color: #2196F3;
	position:absolute;
	bottom:0;
}
.footer_inner{
	position: relative;
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

.footer_left_wrap{
	width: 280px;
	float: left;
}
.foot_logo{
	width: 237px;
}
.add{
	color: #fff;
	padding-top: 5px;
}
.copiright{
	float: right;
	color: #fff;
	margin-top: 65px;
}

.side{
	width: 274px;
	float: right;
	margin-right: 35px;
}

.side a:hover{
	opacity: 0.7;
	 filter: alpha(opacity=70);
 	-ms-filter: "alpha(opacity=70)";
}

.container_wrap{
	width: 100%;
}
.container{
	background-color: #ffffff;
	margin: 0 auto;
	padding-bottom:140px;
}

.news_wrap{
	margin-top: 15px;
}

.news{
	width: 675px;
	float: left;
}

.news_title{
	width: 632px;
	margin-bottom: 10px;
}
 ul.news_contents li{
	font-size: 100%;
	padding: 15px 0 15px 10px;
	border-top: 1px dotted #4D4D4D;
	clear: both;
}
 ul.news_contents li:nth-child(odd){
	 background-color: #F1F8FE;
 }
  ul.news_contents li:last-child{
	 border-bottom: 1px dotted #4D4D4D;
}
 ul.news_contents li .icon_arrow_01 img{
    	vertical-align: -0.15em; 
	margin-right: 5px;
}
 ul.news_contents li .gakka img{
    	vertical-align: -0.55em;
	margin: 0 8px 0 8px; 
}

.breadcrumbs{
	font-size: 78.6%;
	padding: 0 0 20px 0;
}
.breadcrumbs a{
	color: #080808;
}
.breadcrumbs ul{
	width: 632px;
	border-bottom: 1px dotted  #080808;
}
.breadcrumbs ul li{
	display: inline;
}
.breadcrumbs ul li:before{
	content: " > ";
}
.breadcrumbs ul li {
	before: " > ";
}
.breadcrumbs ul li:first-child:before{
	content:none;
}
.breadcrumbs ul li:first-child{
	before:" ";
}

.side_title{
	width: 273px;
	height: 40px;
	background-color: #2196F3;
	color: #ffffff;
	font-size: 107.7%;
	display: table; 
}
* html .side_title{
	  
        position: relative;  
    }  
* +html .side_title{
	  
        position: relative;  
    }  
.vertical_middle{
	display: table-cell; 
	vertical-align: middle;
}
* html div.vertical_middle{
	position: absolute;  
    top: 100%;  
}
* +html div.vertical_middle{
	position: absolute;  
    top: 100%;  
}
	
.vertical_middle p.inner{
	margin: 0;
	padding-left: 10px;
}
* html div.vertical_middle p.inner{
	position: relative;  
    top: -125%;  
}
* +html div.vertical_middle p.inner{
	position: relative;  
    top: -125%;  
}

.side_menu_wrap{
	border: 1px solid #2196F3;
	margin-bottom: 15px;
}
.side_menu_wrap ul{
	margin: 0;
	padding: 0;
}
.side_menu_wrap ul li{
	display:block;
}
.side_menu_wrap ul li.on a{
	background-color: #F1F8FE;
}
.side_menu_wrap ul li a{
	background-image : url(arrow_01.png);
	background-repeat: no-repeat;
	background-position:1em 1.2em;
	border-bottom: 1px solid #E3E3E3;
	padding: 10px 10px 10px 30px;
	display:block;
	color: #080808;
	text-decoration: none;
}
.side_menu_wrap ul li a.none{
	background-image: none;
	border-bottom: 1px solid #E3E3E3;
	padding: 10px 10px 10px 10px;
	display:block;
	color: #ffffff;
}


.side_menu_wrap ul li a:hover{
	background-color: #F1F8FE;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
}


.top40{
	margin-top:40px;
}
.top35{
	margin-top:35px;
}
.top30{
	margin-top:30px;
}
.top25{
	margin-top:25px;
}
.top20{
	margin-top:20px;
}
.top15{
	margin-top:15px;
}
.top10{
	margin-top:10px;
}
.top9{
	margin-top:9px;
}
.top8{
	margin-top:8px;
}
.top7{
	margin-top:7px;
}
.top6{
	margin-top:6px;
}
.top5{
	margin-top:5px;
}
.top4{
	margin-top:4px;
}
.top3{
	margin-top:3px;
}
.red{
	color: #F44336;
}
.text_right{
	text-align: right;
}

.course_btn_wrap_left{
	width: 312px;
	float: right;
}

.side_box{
	width: 245px;
	padding: 14px;
	border: 1px solid #ccc;
}
.side_box2{
	margin-top: 15px;
	width: 273px;
	border: 1px solid #ccc;
	background-color: #F1F8FE;
}

.side_blog_title{
	height: 20px;
	background-color: #2196F3;
	padding: 10px;
}
.side_box2_inner{
	padding:14px;
}
.side_box2_inner li{
	border-bottom: 1px dotted  #080808;
	margin-bottom: 5px;
	line-height: 200%;
}

/*---------------------------------
syokai start
--------------------------------*/

.gakutyo{
	float: right;
	margin-left: 15px;
}
.gaiyou{
	margin-top: 20px;
	width: 632px;
}
.gaiyou td{
	border: 1px solid  #cccccc;
	padding: 10px;
}
.gaiyou th{
	border: 1px solid  #cccccc;
	padding: 10px;
	background-color: #F1F8FE;
}

/*---------------------------------
kyosyu start
--------------------------------*/

.ryokin{
	margin-top: 20px;
	width: 632px;
	font-size:  84.6%;
}
.ryokin td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.ryokin th{
	border: 1px solid  #cccccc;
	padding: 10px;
	background-color: #F4FFCC;
	vertical-align: middle;
	text-align: center;
}
.ryokin .pink{
	background-color: #FFEBEE;
}
.ryokin .blue{
	background-color: #F1F8FE;
}

.kentei{
	width: 500px;
	font-size:  84.6%;
}
.kentei td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.kentei th{
	border: 1px solid  #cccccc;
	padding: 10px;
	background-color: #F4FFCC;
	vertical-align: middle;
	text-align: center;
}

/*---------------------------------
yonrin start
--------------------------------*/

.syutoku{
	margin-top: 20px;
	width: 632px;
}
.syutoku td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
}
.syutoku th{
	border: 1px solid  #cccccc;
	padding: 10px;
	background-color: #F4FFCC;
	vertical-align: middle;
}

.uketsukejikan{
	margin-top: 20px;
	width: 300px;
}
.uketsukejikan td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
}
.uketsukejikan th{
	border: 1px solid  #cccccc;
	padding: 10px;
	background-color: #F4FFCC;
	vertical-align: middle;
}

.kyosyujikan{
	margin-top: 20px;
	width: 632px;
	font-size:  84.6%;
}
.kyosyujikan td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.kyosyujikan th{
	border: 1px solid  #cccccc;
	padding: 10px;
	background-color: #F4FFCC;
	vertical-align: middle;
	text-align: center;
}
.nagare_btn{
	text-align: center;
	margin-top: 40px;
}

/*---------------------------------
nagare start
--------------------------------*/

.nagare_box{
	width: 602px;
	padding: 15px;
	background-color: #F2F2F2;
	border: 1px solid #cccccc;
}
.arrow{
	margin-top: 30px;
	text-align: center;
}
.jikanhyou{
	margin-top: 20px;
	width: 632px;
	font-size:  84.6%;
}
.jikanhyou td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.jikanhyou th{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.jigen{
	background-color: #FCE4EC;
}
.hiruma{
	background-color: #F9FBE7;
}
.yakan{
	background-color: #E3F2FD;
}
.nagare_illust_wrap{
	position: relative;
}
.nagare_illust{
	position: absolute;
	top: -110px;
	left: 450px;
}

/*---------------------------------
access start
--------------------------------*/

.bus01{
	margin-top: 20px;
	width: 400px;
}
.bus01 td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.bus01 th{
	border: 1px solid  #cccccc;
	background-color: #F4FFCC;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.bus02{
	margin-top: 20px;
	width: 400px;
}
.bus02 td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.bus02 th{
	border: 1px solid  #cccccc;
	background-color: #F4FFCC;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

/*---------------------------------
gasyuku start
--------------------------------*/
.course{
	float: right;
	margin-left: 20px;
}
.gasyuku{
	margin-top: 20px;
	width: 632px;
}
.gasyuku td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
}
.gasyuku th{
	border: 1px solid  #cccccc;
	background-color: #F4FFCC;
	padding: 10px;
	vertical-align: middle;
}
.title_link{
	padding-left: 18px;
	margin: 10px 0 20px 0;
	background-image : url(arrow_01.png);
	background-repeat: no-repeat;
	background-position:0 0.25em;
}

/*---------------------------------
kigyou start
--------------------------------*/

.kigyou{
	width: 570px;
	margin: 0 auto;
	margin-top: 20px;
}

.course2{
	width: 70px;
}
.kingaku{
	width: 100px;
}

#pagetop{
    position:fixed;
    right:20px;
    bottom:-5px;
    cursor:pointer;
}

/*---------------------------------
nittei start
--------------------------------*/

.nittei{
	margin-top: 20px;
	width: 310px;
}
.nittei td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.nittei th{
	border: 1px solid  #cccccc;
	background-color: #F4FFCC;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.nittei_leftbox{
	width: 310px;
	float: left;
}
.nittei_rightbox{
	width: 310px;
	float: right;
}

/*---------------------------------
tanki start
--------------------------------*/

.tanki{
	margin-top: 20px;
	width: 632px;
}
.tanki td{
	border: 1px solid  #cccccc;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.tanki th{
	border: 1px solid  #cccccc;
	background-color: #F4FFCC;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}