@charset "utf-8";
/*
Theme Name: 光悦自動車教習所
Theme URI: http://www.koetsu.net/
Description: 光悦自動車教習所テンプレート
Version: 1.0
Author: TPO COMPANY
Author URI: http://www.tpo-company.com/
*/
/* editor-style.cssとの同期を忘れず！ */


/* Reset */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: bottom;
  border-style:none;
}

a img { border: none;}
a { text-decoration: none; outline:none;}
a:hover { text-decoration: underline;}
a{color:#0033CC;}

ul li { list-style-type:none;}

html {
	font-size:14px;
	overflow-y:scroll;
}
	
body {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic";
	margin:0px;
	padding:0px;
	background:url("images/common/bg_z1.gif") repeat-x top;
	line-height: 1.5;
	color:#333333;
}

.pc {
display: block;
}

.sp {
display: none;
}


/*------------------------------------------------------------
	ビジュアルエディタでよく使うもの
------------------------------------------------------------*/
		
.pdffile {/*時間割表,topics,無料バス*/
	padding:4px 0px 4px 25px;
	background:url("images/common/pdf.jpg") no-repeat;
	font-size:1.2em;
	margin:0px 0px 0px 10px;
	}			
table.date td.title {/*相談会テーブル*/
	width:23%;
	} 		
.month {
	width:9%;
	text-align:right;
	}
.time {
	width:20%;
	}			

/*------------------------------------------------------------
	文字
------------------------------------------------------------*/
h2 {/*ページタイトル*/
	color:#008BD5;
	font-weight:normal;
	font-size:1.8em;
	margin:0px 0px 20px;
	_margin:0px 0px 40px;
	vertical-align:bottom;
	line-height:1.1em;
	}
span#laquo {
	color:#B1DEF6;
	font-weight:bold;	
	}
.intext	 {
	margin:30px 0px 10px;
	}
#course h3, #car h3 , #bike h3 , #set h3 , #about h3 {
	margin:0;
	} 
h3 {/*ページサブタイトル*/
	margin:18px 0px 10px;
	font-weight:normal;
	font-size:1.4em;
	}	
#step h3 {/*step subtitle*/
	font-size:1.25em;
	text-align:center;
	margin:0px 0px 20px;
	}
h3#first {color:#EDAD13;}		
h3#second {color:#F097BE;}		
h3#internet_wari {
		color:#EE7932;
	border-left:4px solid #EE7932;
	padding:5px 0px 5px 10px;
	margin:20px 0px 16px;
	font-size:1.6em;

	}
h3#student {
	color:#F095BC;
	border-left:4px solid #F095BC;
	padding:5px 0px 5px 10px;
	margin:0px 0px 16px;
	font-size:1.6em;
}
h3#ippan {
	color:#19BBEF;
	border-left:4px solid #19BBEF;
	padding:5px 0px 5px 10px;
	margin:0px 0px 16px;
	font-size:1.6em;
}
h3#noat {
	color:#898989;
	border-left:4px solid #898989;
	padding:5px 0px 5px 10px;
	margin:0px 0px 16px;
	font-size:1.6em;
}
p#noat_point {
	color:#0E58A5;
	margin:4px 0px 0px 20px;
	font-size:1.2em;
	}
.noat_title {
	float:left;
	}	
h4 , dt#news_title{/*相談会 各大学名*/
	background:url("images/page/h4.gif") repeat;
	margin:10px 0px 20px;
	padding:6px 10px;
	font-weight:normal;
	font-size:133%;
	color:#333333;	
	line-height: 1.33;
	}
h4 {width:520px;}	

.h4style {/*料金表*/
	background:url("images/page/h4.gif") repeat;
	margin:10px 0px 20px;
	padding:10px 0px 10px 10px;
	font-weight:normal;
	color:#333333;	
	width:520px;
	}
p.cousetitle {
	float:left;
	font-size:1.4em;
	}	
p.couseprice {
	float:right;
	font-size:1.4em;
	margin:0px 10px 0px 0px;
	font-weight:bold;
	}	
span.price {
	text-align:right;
	}	
h5 {
	font-size:1.2em;
	font-weight:normal;
	margin:0px 0px 10px;
	}		
.normalsize {
	font-size:1em;
	}
p.text {font-size:100%;
margin:10px 0px 10px;
padding:0px 0px 0px 10px;
}	
p.text2 {font-size:100%;
margin:20px 0px 10px;
padding:0px 0px 0px 10px;
}
p.point {
	color:#0E58A5;
	font-size:1.1em;	
	}
p.gototop {
	text-align:right;
	font-size:100%;
margin:10px 0px 10px;

	}
#qa li, #news li , #voice li {
	padding:0px 0px 0px 20px;
	background:url("images/common/qalist.gif") no-repeat left top;
	}
.bold {font-weight:bold;}			
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
	* html .clearFix {
		zoom: 1;
	}

	*+html .clearFix {
		zoom: 1;
	}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

* html .iepngfix {

}
.clear {
	clear:both;
	}
.method {
	width:850px;
	margin:0 auto;
	font-size:100%;
	}
/*------------------------------------------------------------
	Pagenavi
------------------------------------------------------------*/
	
.tablenav {
	color: #2583ad;
	margin: 30px auto 10px;
	line-height:2em;
	text-align:center;
}


a.next , a.next:hover ,a.prev , a.prev:hover {
	background:none!important;
	padding:0px!important;
		}

a.page-numbers, .tablenav .current {
	color: #fff;
	padding: 5px 8px;
	text-decoration:none;
	font-size:10px!important;
	background: #0083CD;
	margin:0px 2px 0px 0px;	
}
a.page-numbers:hover {
	color:#4DB0DB;
	
}

.tablenav .current {
	color: white;
	background: #4DB0DB;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	color:#0083CD;
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}	
/*------------------------------------------------------------
	
------------------------------------------------------------*/

.common {
	width:850px;
	margin:0 auto;
	}	
.common_top {
	width:870px;
	margin:0 auto;
	}
.corner {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:#008BD5 1px solid;
	background:#fff;
		}
.imglinks li a:hover img {
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;

	}	
.oneimglink a:hover img {/*sidebar menu*/
  -moz-opacity:0.8;
  -ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=70 );/*IE9*/
	opacity: 0.8;
	}			
.shadow {
	background:#000;
	margin:-4px -4px;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5',
	MakeShadow='true',
	ShadowOpacity='0.60');
	}		
/*------------------------------------------------------------
	
------------------------------------------------------------*/
#all_wrapper {background:url("images/common/bg_z3.png") repeat-x bottom;
_background:none;
}	
#wrapper {
	background:url("images/common/bg_z2.gif") repeat-x top left;
	zoom: 1;
		}	
/*------------------------------------------------------------
top	
------------------------------------------------------------*/
#header_wrap {
	background: url("images/common/header_repeat.gif") repeat-x;
	}
img#gototop {
	padding:0px 10px 4px 0px;
	zoom: 1;
	}		
p#logo {
	float:left;
	margin:23px 0px 0px;
	width:380px;
	}
#top_nav {
	padding:8px 0px 0px;
	float:right;
	}
#top_nav ul {
	margin:0px 0px 0px 10px;
	}	
#top_nav a {
	color:#008BD5;
	}	
p#contactlink {
	background:url("images/common/header_icon.gif") no-repeat;
	padding:0px 10px 6px 18px;
	margin:0px 0px 0px 4px;
	font-size:12px;
	}	
li.topnav {
	padding:0px 10px;
	}		
li#topnav_last {
	padding:0px 0px 0px 10px;	
	}
p#freedial {
	position:absolute;
	top:32px;
	right:15px;
	}
#navigation {
	position:relative;
	}			
/*------------------------------------------------------------
	main_navi	
------------------------------------------------------------*/
	
#mainnavigation {
	height:43px;
	margin:0px 0px 12px;
	}	
ul#main_nav li {
	float:left;
		}		
ul#main_nav li img{
		display:block;
			}
		
/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
div#gototop {
	text-align:right;
	background:url("images/common/gototop_bg.gif") no-repeat bottom;
	margin:10px 0px 0px;
	}
img#gotopimg {
	padding:0px 20px 0px 0px;
	}	
#footer_wrap {
	background:#666666;
	font-size:100%;
	padding:20px 0px;
	}
#footer_wrap table {
	width:100%;
	}	
#footer_wrap table td {
	vertical-align:top;
		}
#footer_wrap , #footer_wrap a {
	color:#fff;
	}
#footer_info {
	color:#fff;
}
li.f_info {
	color:#fff;
}
.first_nav {
	padding:0px 10px 0px 0px;
	width:22%;	
		}

.second_nav {
	padding:0px 0px 0px 10px;
	width:22%;	
	}
.third_nav {
	padding:0px 0px 0px 10px;
	width:30%;	
		}	
.footer_nav {
	border-right:1px dotted #fff;
		}	
.footer_nav ul li {
	background:url("images/common/footer_icon.gif") no-repeat left top;
	padding:0px 0px 0px 20px;
	margin:0px 0px 10px;
	}
.footer_nav ul ul {
	margin:0px 0px 0px 10px;
	_margin:10px 0px 0px;
	}
ul li.f_info {
	margin:0px 0px 0px 10px;
	}	
/*------------------------------------------------------------
	sidebar
------------------------------------------------------------*/
div#sidebar {
	float:right;
	width:220px;
	}
#sidebar li {
	margin:0px 0px 10px;
	}	
/*------------------------------------------------------------
	news	
------------------------------------------------------------*/
dd#date , dd#contents {font-size:110%;}
dd#date {
	margin:0px 0px 10px 10px;
	color:#0E58A5;
	}
dd#contents {
	margin:0px 0px 0px 10px;
	}	
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#flash {
	margin:22px 0px 10px 4px;
	}
	
/*右カラム*/
#info_area {
	width:300px;
	float:left;
	margin:0px 16px 0px 0px;
	}

#news {
	margin:7px 0px 12px 5px;/*sampleと合わせるため*/
	width:268px;/*sampleと合わせるため*/
	padding:10px;
		}	
#topics {	border-bottom:#008BD5 1px dotted;
}
table#news_top {
	line-height:1.5;
	border-collapse:separate;
	border-spacing:6px;	
	margin:10px 0px 0px;
	font-size:1.2em;
	vertical-align:top;
		}		
td.news_date {
	width:30%;
	vertical-align:top;
	}	
#index_consul {
	margin:0px 0px 8px;
	background:url("images/banner/consultation_bg.png") no-repeat left center;
	position: relative;
	height:193px;
		}
#index_consul img {
	position: absolute; 
	bottom: 0;	
	padding:0px 0px 15px 20px;
	}	
#shikoukyou {
	background:url("images/banner/shitei.png") no-repeat left center;
	height:141px;
	position: relative;
	}	
#shikoukyou img {
	position: absolute; 
	bottom: 0;	
	padding:0px 0px 30px 20px;	
	}		

/*中央・右カラム（インターネット料金バナーの部分）*/
#internet2 {
	margin:2px 0px 10px;
	background:url("images/banner/internet2_bg.png") no-repeat left center;
	position: relative;
	height:170px;	
		}
#internet2 img {
	position: absolute; 
	bottom: 0;	
	padding:0px 0px 10px 20px;	
	}
#links_area2 {
	width:525px;
	float:left;
	margin:0px 0px 0px 2px;
	}
#links_area2 div {
	margin:0px 0px 6px;
	}		

/*中央カラム*/
#internet {
	margin:2px 0px 10px;
	background:url("images/banner/internet_bg.png") no-repeat left center;
	position: relative;
	height:170px;	
		}
#internet img {
	position: absolute; 
	bottom: 0;	
	padding:0px 0px 10px 20px;	
	}		
#links_area {
	width:300px;
	float:left;
	margin:0px 10px 0px 0px;
	}
#links_area div {
	margin:0px 0px 6px;
	}
/*左カラム*/
#access_area {
	width:220px;
	float:left;
	}		
#school_access {
	margin:2px 0px 10px;
	background:url("images/banner/school_bg.png") no-repeat left center;
	position: relative;
	height:358px;	
	}	
#index_contact {
	margin:0px 0px 6px;
	}	
#school_access img {
	position: absolute; 
	bottom: 0;	
	padding:0px 0px 15px 8px;
	}	
/*------------------------------------------------------------
	page	
------------------------------------------------------------*/
div#head {
	width:850px;
	margin:15px 0px 0px;
	}
div#container {
	width:610px;
	float:left;
	margin:3px 0px 0px;
	}
div#content {
	padding:40px;
	}
.link_nav {
margin: 50px auto 0;
}

.link_nav .link_nav_l {
float: left;
width: calc(49.5% - 40px);
margin: 0 0 10px 0;
text-align: left;
}

.link_nav .link_nav_r {
float: right;
width: calc(49.5% - 40px);
margin: 0 0 10px 0;
text-align: right;
}

.link_nav .link_nav_c {
float: left;
width: 80px !important;
margin: 0 auto 10px;
padding: 0;
text-align: center;
}	
#main {
	margin:20px 0px 0px;
	_margin:0;/*調節*/
	}			
table {
	width:100%;
	}	
table.price {
	font-size:1.2em;
	margin:0px 0px 20px;
	}	
table.price td {
	padding:4px;
	}
td.title {
	background:#CCE8F7;
	}	
td.clum {
	background:#ffe4e1;
	}		
td.normal {
	background:#ffffcc;
	}
#pricelink {
	background-color:#eee;	
	margin:0px 0px 10px;
	}
.menucolor{
	background-color:#fff;
	}		
#pricelink  li {
	float:left;
	padding:10px;
	}
/*------------------------------------------------------------
	page -background	
------------------------------------------------------------*/
#car , #bike , #set , #consultation , #voice , #qa {margin:1px 1px 0px 0px;_margin:5px 10px 0px 0px;}
#access {background:none;}	
#flow {background:none;}	
#student {background:none;}	
#course {background:none;}	
#car {background:url("images/pagebg/car.gif") no-repeat top right;}	
/*
#bike { background:url("images/pagebg/bike.gif") no-repeat top right;}	
#set { background:url("images/pagebg/set.gif") no-repeat top right;}
*/
#consultation {background:url("images/pagebg/consultation.gif") no-repeat top right;}	
#voice {background:url("images/pagebg/voice.gif") no-repeat top right;}	
#qa {background:url("images/pagebg/qa.gif") no-repeat top right;}	

/*------------------------------------------------------------
	page -course	
------------------------------------------------------------*/
#course ul#price li {
	float:left;
	}
ul.notes , ul.points {
	margin:4px 0px 10px;
		}	
ul.notes li {
	background:url("images/common/qalist.gif") no-repeat;
	padding:0px 0px 0px 20px;
	}	
ul.points li {
	background:url("images/common/kome.gif") no-repeat;
	padding:0px 0px 0px 20px;
	color:#0E58A5;
	}	
p#anything {
	color:#0E58A5;
	}	
/*------------------------------------------------------------
	page -course car
------------------------------------------------------------*/
#car ul , #bike ul , #set ul {
	font-size:1.2em;
	padding:0px 0px 0px 10px;
	}

table#page_in_navi {
	font-size:100%;
	}
table#page_in_navi td {
	}

table#internet_wari , table#student , table#ippan , table#noat{
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0;
	text-align:center;
	margin:0px 0px 10px;
	}

td.count1 {
	padding:6px 0px 6px 6px!important;
	}	
td.count2 {
	padding:6px 6px 6px 0px!important;
	}	
	
table#internet_wari td ,table#student td, table#ippan td, table#noat td{
	padding:6px;
	}

table#internet_wari td.bt_uw, table#internet_wari td.bt{background:#EE7932;}
/*201304追記*/
table#internet_wari td.bt_uu, table#internet_wari td.bt{background:#EE7932;}
/*end*/
table#student td.bt_uw, table#student td.bt{background:#F095BC;}
table#ippan td.bt_uw, table#ippan td.bt{background:#19BBEF;}
table#noat td.bt_uw, table#noat td.bt{background:#898989;}

table#internet_wari td.first,table#internet_wari td.last, table#internet_wari td.mid{background:#FFC8B2;}
table#student td.first,table#student td.last, table#student td.mid{background:#FADAE8;}
table#ippan td.first,table#ippan td.last, table#ippan td.mid{background:#E4F0F7;}
table#noat td.first,table#noat td.last, table#noat td.mid {background:#EFEFF0;}

td.bt_uw {/*AT*/
	color:#fff;
	font-size:1.2em;
	border-bottom:1px solid #ffffff;
		}
/*201304追記 */
td.bt_uu { /*ステップアップ*/
	color:#fff;
	font-size:1.2em;
	border-top:1px solid #ffffff;
		}
/* end */
		
td.bt {/*MT*/
	color:#fff;
	font-size:1.2em;
		}

p.atmt {
	font-size:16px;
	}
table#internet_wari td.top {border-top:1px solid #EE7932;}	
table#internet_wari td.left {border-left:1px solid #EE7932;}
table#internet_wari td.right {border-right:1px solid #EE7932;}
table#internet_wari td.bottom {border-bottom:1px solid #EE7932;}	

table#student td.top {border-top:1px solid #F095BC;}	
table#student td.left {border-left:1px solid #F095BC;}
table#student td.right {border-right:1px solid #F095BC;}
table#student td.bottom {border-bottom:1px solid #F095BC;}

table#ippan td.top {border-top:1px solid #19BBEF;}	
table#ippan td.left{border-left:1px solid #19BBEF;}
table#ippan td.right{border-right:1px solid #19BBEF;}
table#ippan td.bottom{border-bottom:1px solid #19BBEF;}

table#noat td.top {border-top:1px solid #898989;}	
table#noat td.left {border-left:1px solid #898989;}
table#noat td.right {border-right:1px solid #898989;}
table#noat td.bottom {border-bottom:1px solid #898989;}



table#internet_wari td.b_rblast , table#internet_wari td.b_rblastn {
	color:#E60012;
	}

	
td.first {
	border-right:1px solid #929292;	
	border-bottom:1px solid #929292;
	font-size:1.2em;
	}
	
td.mid {
	border-right:1px solid #929292;	
	border-bottom:1px solid #929292;
	font-size:1.2em;
		}	

td.last {
	border-bottom:1px solid #929292;
	font-size:1.2em;
		}	
td.b_r {
	border-right:1px solid #929292;
	font-size:1.2em;
		}
td.b_single {
	font-size:1.2em;
		}
td.b_rb {
	border-right:1px solid #929292;
	border-bottom:1px solid #929292;
	font-size:1.2em;
		}
td.b_b {
	border-bottom:1px solid #929292;
	font-size:1.2em;
		}
td.b_rb_last {
	border-right:1px solid #929292;
	font-size:1.2em;
		}
td.b_b_last {
	font-size:1.2em;
		}

td.b_rblast {
	border-bottom:1px solid #929292;
	font-size:1.4em;
	font-weight:bold;
		}
td.b_rblastn {
	font-size:1.4em;
	font-weight:bold;
		}
	
	
/*------------------------------------------------------------
	page -coursetest	
------------------------------------------------------------*/
table.price_t {
	border-collapse:collapse;
	font-size:1.2em;
	text-align:center;
	}
table.price_t td{
	padding:10px;
	border-bottom:#008BD5 1px solid;
	}	
td.table_title{
	border-left:#008BD5 1px solid;
	}	
tr.top {
	border-top:#008BD5 1px solid;
		}
table.price_t td.solid {
	border-right:#008BD5 1px solid;
	}	
table.price_t td.dotted {
	border-right:#008BD5 1px dotted;
	}	
/*------------------------------------------------------------
	page -consul
------------------------------------------------------------*/

table#page_in_navi_coll td {
	width:33%;
	vertical-align:top;
		}

#consultation table {
	font-size:100%;
	width:100%;
	margin:0px 0px 0px 10px;
	}
table.date {
	border-collapse:collapse;
	margin:0!important;
	}		
table.date td {
	border:#333 1px solid;
	padding:10px;
	}		
/*------------------------------------------------------------
	page -voice
------------------------------------------------------------*/

dd.voice_entry {
	padding:10px 10px 20px;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/*shadow*/
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);/*firefox*/
	-webkit-box-shadow: 3px 3px 8px #eee;/*chrome:W H opa #*/
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
						filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
	*/
	display: block;
	margin:0px 0px 20px;
	color:#333333;
	}
#voice dd.nth-child-odd {
	border:#FFBD88 1px solid;
	background:#FFF2F5;
	}	
#voice dd.nth-child-even {
	border:#FFFF88 1px solid;
	background:#FFFFE8;
	}
div.pin {
	background: url("images/page/voice/pin.gif") no-repeat;
	}
#voice div.box-1 {
	border-bottom:1px dotted #FAC553;
	padding:20px 0px 0px;
	margin:0px 40px 0px 50px;
	}		
p.year {
	float:left;
	font-size:1.1em;
	}	
p.name {
	float:right;
	font-size:1.1em;
	}
p.name span {
	font-size:1.2em;
	margin:0px 0px 0px 10px;
	}		
div.comment {
	font-size:100%;
	margin:10px 40px 0px 50px;
	}
/*------------------------------------------------------------
	page -staff
------------------------------------------------------------*/
#staff dd {
	margin:0px 0px 30px;
		/*shadow*/
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);/*firefox*/
	-webkit-box-shadow: 3px 3px 8px #eee;/*chrome:W H opa #*/
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
						filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
	*/
	display: block;

	}
#staff dd.nth-child-odd {
	background:url("images/page/staff/blue_bg.gif") repeat;
	}	
#staff dd.nth-child-odd div.photo{
	border:1px solid #00A3DB;
	}
#staff dd.nth-child-even {
	background:url("images/page/staff/yellow_bg.gif") repeat;
	}
#staff dd.nth-child-even div.photo{
	border:1px solid #F8EC95;
	}
dd.staff_entry {
	padding:30px;
	}	
dd.staff_entry div.photo {
	float:left;
	width:225px;
	height:180px;
	margin:0px 20px 0px 0px;
	}	
dd.staff_entry div.contents {
	float:left;
	width:200px;
	}	
div.name {
	font-size:1.5em;
	margin:10px 0px;
	}	
.staff_text {
	font-size:100%;
	}
/*------------------------------------------------------------
	page -qa
------------------------------------------------------------*/
dd.qa_entry {
	border:1px solid #8B8B8B;
	padding:30px;
	/*corner*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url("./js/border-radius.htc");
	/*shadow*/
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);/*firefox*/
	-webkit-box-shadow: 3px 3px 8px #eee;/*chrome:W H opa #*/
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
						filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
	*/
	display: block;
	margin:0px 0px 20px;
	color:#333333;
	background:#fff;
	}
p#description {
	font-size:100%;
	margin:10px 0px 20px;
	padding:0px 0px 0px 10px;
	}	
div.qa_wrap {
	background:url("images/page/qa/bg_ling.gif") repeat-y left top;
	}
.question {
	background:url("images/page/qa/q.gif") no-repeat left top;
	margin:0px 0px 20px 30px;
	font-size:1.3em;
	padding:15px 0px 10px 50px;
	border-bottom:1px dotted #0083CD;
	line-height:1.3em;
	}		
.answer {
	font-size:100%;
	margin:0px 0px 0px 40px;
	}
	
#serchform {
	margin:10px 0px 20px 0px;
	}
#searchsubmit {
	  vertical-align: bottom;
	}
#s {
	width:200px;
	height:20px;
	}	
span.text , input {font-size:1.2em;}		

/*------------------------------------------------------------
	page -access
------------------------------------------------------------*/
#access table {
	font-size:100%;
	margin:0px 0px 0px 10px;
	}
#access table td{
	padding:10px;
}
#access table td.title {
	background:#F2F2F2!important;
	}
	
p.gmaplink {
	text-align:right;
	font-size:100%;
	}	
/*------------------------------------------------------------
	page -about us
------------------------------------------------------------*/
#about table {
	border-collapse:collapse;
	}
td.body_b , td.body_r {
	padding:10px 20px 10px 30px;
	font-size:1.2em;
	vertical-align:top;
		}
td.body_b {
	background:url("images/page/aboutus/blue_bg.gif") repeat-y;
	}	
td.body_r {
	background:url("images/page/aboutus/red_bg.gif") repeat-y;
	}	
p.b_point {
	font-weight:bold;
	}	
/*------------------------------------------------------------
	page -studentmenu
------------------------------------------------------------*/
	
#studentmenu table {
	width:100%;
	}		
	
dd#internet , dd#mobile {
	float:left;
	}	
dd#internet {
	margin:0px 30px 0px 0px;
	}		
ul.download li{
	font-size:100%;
	margin:0px 0px 4px 10px;
		}
#bustext {float:left; width:300px; margin:0px 30px 0px 0px; }	
p#buimg {float:right; width:192px; }	

#timescedule {
	margin:10px 0px 0px 10px;
}
#couse_1 {font-size:1.25em;color:#89CA00; }
#couse_2 {font-size:1.25em;color:#04ABEE; }
#couse_3 {font-size:1.25em;color:#B26BB8; }
#couse_4 {font-size:1.25em;color:#F59C00; }
#couse_5 {font-size:1.25em;color:#EC445B; }    
.couse {font-size:100%; padding:0px 0px 10px 20px;}    

/*------------------------------------------------------------
	page -contact,applicationform
------------------------------------------------------------*/
#contact table {
	width:530px;
	font-size:100%;
	border-collapse:collapse;
	}
#contact table td.title {
	padding:10px;
	width:180px!important;
	border:1px solid #808080;	
	}
#contact table td.request {
	padding:10px;
	width:350px!important;
	border:1px solid #808080;	
	}
#personal {
	overflow-y: scroll; border: 1px solid #e0e0e0;height:200px;
	padding:10px;
	margin:0px 0px 10px;
	}
p#p_title {
	font-size:1.2em;
	margin:0px 0px 10px;
	}	
#contact li {
	margin:0px 0px 4px 10px
	}
p#sendbutton {
	text-align:center;
	margin:20px 0px 0px;
	}
/*------------------------------------------------------------
	page -step
------------------------------------------------------------*/
dl.howstep {
	width:530px;
	}
dl.howstep_2 , dl.howstep_3 {
	width:240px;
	}	
dl.howstep_2 {float:left;}	
dl.howstep_3 {float:right;}	
dt.steplist {
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	color:#fff;
	font-size:1.6em;
	padding:10px;
	}
.blue {background:#00B8FF;}
.red {background:#EDAD13;}		
.pink {background:#F097BE;}		

span.step {
	margin:0px 10px 0px 0px;
	}
.blueline {	border:1px solid #00B8FF;}
.redlist {	border:1px solid #EDAD13;}
.pinklist {	border:1px solid #F097BE;}

dd.stepcontent {
	padding:20px;
	font-size:100%;
	}	
dd.stepcontent_2 {
	padding:0px 20px;
	font-size:100%;
	}	

dd.arrow {
	text-align:center;
	margin:0px 0px 20px;
		}
dd.arrow_2 {
	text-align:center;
		}
		
p.textarea {float:left; width:330px;}
p.textarea_2 {float:left; width:330px; margin:20px 0px 0px;}

p.stepimg {float:right;}	

dt#step10 {background:url("images/page/step/10.gif") no-repeat;
			height:82px;
			padding:50px 0px 0px 10px;
				color:#fff;
	font-size:1.6em;
}				


table.option_tab {
	font-size:1.2em;
	text-align:center;
	width:100%;
	border-collapse:collapse;
	margin:0px 0px 20px;
	}
table.option_tab td {
	padding:10px;
	border:1px solid #333333;	

}
td.pack {
	background:#CCE8F7;
	}
	
span#necessary {color:#FF0000;}		
#entrance ul{
	font-size:100%;
	}
#entrance h4 {
	margin-top:20px!important;
	}
ul#newslist li {
	font-size:100%;
	}




#page_car {}

#page_car h3 {
	padding:5px 0px 5px 10px;
	margin:20px 0px 16px;
	font-size:1.4em;
	}

#page_car h3.title_course {
	color:#EE7932;
	border-left:4px solid #EE7932;
	}

#page_car h3.title_course02 {
	color:#898989;
	border-left:4px solid #898989;
	}

#page_car h3.title_course03 {
	color:#0089D3;
	border-left:4px solid #0089D3;
	}

#page_car table {
	border-collapse:collapse;
	line-height:1.4;
	font-size:100%;
	}

#page_car table th {
	padding:10px 5px;
}

#page_car table td {
	padding:10px 5px;
	}

#page_car table td.center {
	text-align:center;
	}


#page_car table.net_price {
	margin:0 0 30px;
}

#page_car table.net_price th {
	background-color:#EE7932;
	border:1px solid #FFF;
	color:#FFF;
}

#page_car table.net_price th.head_bg {
	background-color:#FFC8B2;
	border:1px solid #EE7932;
	color:#333;
}

#page_car table.net_price td {}

#page_car table.net_price td.b_all {
	border:1px solid #929292;
	text-align:center;
	}

#page_car table.net_price tr.b_btm td {
	border-bottom:1px solid #EE7932;
	}




#page_car table.net_price02 {
	margin:0 0 30px;
}

#page_car table.net_price02 th {
	background-color:#898989;
	border:1px solid #FFF;
	color:#FFF;
}

#page_car table.net_price02 th.head_bg {
	background-color:#EFEFF0;
	border:1px solid #EE7932;
	color:#333;
}

#page_car table.net_price02 td {}

#page_car table.net_price02 td.b_all {
	border:1px solid #929292;
	text-align:center;
	}

#page_car table.net_price02 tr.b_btm td {
	border-bottom:1px solid #929292;
	}



/*------------------------------------------------------------
	page - homeru
------------------------------------------------------------*/

#homeru h2 {
	display:none;
	}

#homeru #content {
	padding:30px;
	}

#homeru .homeru_resurt {
	text-align:center;
	color:#6BC6F1;
	}

#homeru .homeru_resurt h4 {
	width:auto;
	background:none;
	margin:0;
	padding:40px 0 30px;
	text-align:center !important;
	color:#6BC6F1;
	font-weight:bold;
	}

#homeru .homeru_resurt .percent {
	font-size:4em;
	margin:0 0 20px;
	font-weight:bold;
	}

#homeru .f_left {
	float:left;
	padding:10px 0 50px;
	margin:0 10px 0 0;
	}

#homeru .f_right {
	float:right;
	padding:0;
	margin:-10px 0 0 10px;
	}

#homeru .homeru_bnr {
	text-align:center;
	}

#homeru .clearfix {
	margin:0 0 20px;
	}

h3.sp_tit01 {
display: none;
}


/*ここからスマホ用環境の設定
---------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {

* {-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

a[href^="tel:"] {pointer-events: auto;}

.pc {
display: none !important;
}

.sp {
display: block !important;
}


/* レイアウト SP
---------------------------------------------------------------------------*/
#wrapper {
width: 92%;
margin: 70px 4% 0;
font-size: 13px;
}

#all_wrapper {
background: none;
}

div#head {
width: 100%;
margin: 15px auto 0px;
}

div#head img {
width: 100%;
height: auto;
}

.method {
width: 100%;
margin: 0 auto;
font-size: 100%;
}

div#main {
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

div#sidebar {
float: none;
width: 100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}

div#container {
float: none;
width: 100%;
margin: 3px 0px 20px;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}

.link_nav {
margin: 50px auto 0;
}

.link_nav .link_nav_l {
float: none;
width: 100%;
margin: 0 0 5px 0;
text-align: left;
}

.link_nav .link_nav_r {
float: none;
width: 100%;
margin: 0 0 10px 0;
text-align: right;
}

.link_nav .link_nav_c {
float: none;
width: 100% !important;
margin: 0 auto;
padding: 0;
text-align: center;
}


/* ヘッダー SP
---------------------------------------------------------------------------*/
#mainvisual {
margin: 58px auto 0;
height: auto;
}

header .inner {
width: 100%;
margin: 0 auto;
}

.h_box {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 60px;
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.33);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.33);
box-shadow: 0px 2px 2px rgba(0,0,0,0.33);
z-index: 1000;
}

.h_box p {
margin-bottom: 0px;
}

.h_box .sp_logo {
float: left;
display: block;
width: calc(100% - 128px);
padding: 10px 0 0 10px;
text-align: left;
}

.h_box .sp_logo img {
width: auto;
height: 40px;
padding: 0;
}

.h_box .sp_logo img:hover {
filter: alpha(opacity=80);
opacity: 0.80;
}

.h_box .tel {
float: left;
width: 42px;
text-align: center;
}

.h_box .tel img {
width: auto;
height: 40px;
margin: 10px 0 0 0;
}

.h_box .mail {
float: left;
width: 42px;
text-align: center;
}

.h_box .mail img {
width: auto;
height: 40px;
margin: 10px 0 0 0;
}

.h_box #menuWrap {
float: right;
width: 44px;
}

nav {
width: 100%;
height: 60px;
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
}

a#menu{
display: inline-block;
position: relative;
width: 40px;
height: 40px;
margin: 10px 0 5px 0;
}

#menuBtn{
display: block;
position: absolute;
top: 50%;
left: 5px;
width: 22px;
height: 3px;
margin: -2px 0 0 0;
background: #009ede;
transition: .2s;
}

#menuBtn:before, #menuBtn:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 22px;
height: 3px;
background: #009ede;
transition: .3s;
}

#menuBtn:before{
margin-top: -8px;
}

#menuBtn:after{
margin-top: 5px;
}

a#menu .close{
background: transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top: 0;
}

a#menu .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

a#menu .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

.panel{
width: 100%;
display: none;
overflow: hidden;
position: relative;
left: 0;
top: 2px;
z-index: 100;
}

#mainnav{
width: 100%;
text-align: right;
}

#mainnav ul {
border-bottom: 0px solid #ddd;
background: rgba(0,158,222,0.94);
text-align: left;
}

#mainnav li a {
position: relative;
display: block;
padding: 15px 15px;
border-bottom: 1px dotted #ddd;
color: #fff;
font-size: 14px;
}

#mainnav li:last-child a {
border-bottom: 0px dotted #ddd;
}

#mainnav li a span {
padding: 0 0 0 10px;
color: rgba(255,255,255,0.5);
font-size: 12px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}

#mainnav li a::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#navigation {
display:none;
}

#mainnavigation {
display:none;
}



/* フッター SP
---------------------------------------------------------------------------*/
#footer_wrap {
display:none;
}

.copyright {
background: #009ede;
padding: 8px 0;
color: #fff;
text-align: center;
}

.copyright br {
display: block;
}



/* コンテンツ SP
---------------------------------------------------------------------------*/
#sidebar ul {
font-size: 0;
}

#sidebar ul li {
display: inline-block;
width: 50%;
margin: 0;
}

#sidebar ul li img {
width: 100%;
height: auto;
}

div#content {
padding: 8% 4%;
}

div#content img {
width: 100%;
height: auto;
}

ul#newslist li {
font-size: 1em;
}

#topics {
margin: 20px 0 10px 0;
padding: 0;
border-bottom: #008BD5 1px dotted;
}

table#news_top {
width: 96%;
margin: 0 auto 20px;
font-size: 14px;
}

table#news_top td.news_date {
width: 7em !important;
font-size: 13px;
}

table#news_top td {
padding: 3px 0;
}

#news {
margin: 7px 0px 12px 5px;
width: 100%;
padding: 10px;
}

.corner {
border:#008BD5 1px solid;
}

#info_area {
width: 100%;
float: none;
margin: 0;
}

#info_area div.block2 {
float: left;
width: 50%;
margin: 5px 0 0 0;
font-size: 14px;
vertical-align: top;
}

#info_area div.block2 img {
width: 100%;
height: auto;
}

#links_area {
width: 100%;
float: none;
margin: 0;
font-size: 0;
}

#links_area div {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
font-size: 14px;
}

#links_area div img {
width: 100%;
height: auto;
}

#links_area2 {
width: 100%;
float: none;
margin: 0;
font-size: 14px;
}

#links_area2 img {
width: 100%;
height: auto;
}

#access_area {
width: 100%;
float: none;
margin: 0;
font-size: 0;
}

#access_area div {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
}

#access_area div img {
width: 100%;
height: auto;
}

p.bod {
font-size: 14px;
margin: 10px 0 10px 0;
padding: 0 0 0 6px;
line-height: 1.8;
text-align: left;
border-left: 8px solid rgba(0,158,222,0.33);
}

p.text {
font-size: 100%;
margin: 10px 0px 10px;
padding: 0;
}

p.text2 {
font-size: 100%;
margin: 20px 0px 10px;
padding: 0;
}

p.gototop {
font-size: 100%;
}

p.atmt {
font-size: 1.1em;
}

h2 {
font-size: 1.8em;
margin: 0px 0px 20px;
line-height: 1.33;
}

h2 img {
vertical-align: middle;
}

h3.sp_tit01 {
display: block;
padding: 0 0 5px 0;
font-size: 1.2em;
border-bottom: 2px dotted #008BD5;
}

h4 {
width: 100%;
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
line-height: 1.66;
}

.tbl_scroll {
overflow: auto;
white-space: nowrap;
margin-bottom: 0%;
}



/* トッピクス　*/
dt#news_title {
font-size: 133%;
}

dd#date, dd#contents {
font-size: 100%;
}



/* 教習コース・料金　*/
#car {background:url("images/pagebg/car.gif") no-repeat 100% 6em;}	

#page_car h3 {
font-size: 1.2em;
margin: 20px 0px 16px;
padding: 5px 0px 5px 10px;
line-height: 1.5;
}

#page_car h3.sp_tit01 {
display: block;
padding: 0 0 5px 0;
font-size: 1.2em;
border-bottom: 2px dotted #008BD5;
}

ul#price li {
display: inline-block;
width: 33%;
}

ul#price li img{
width: 100%;
height: auto;
}

#page_car table {
font-size: 100%;
}

#page_car table td {
padding: 3px 5px;
font-size: 100%;
}

#page_car table.net_price {
margin: 0 0 15px;
}

#page_car table.net_price02 {
margin: 0 0 15px;
}

#car ul, #bike ul, #set ul {
font-size: 1em;
padding: 4px 0px 4px 10px;
}



/* 相談会予定表　*/
#consultation {background:url("images/pagebg/consultation.gif") no-repeat 100% 12em;}	

#consultation table {
font-size: 1em;
width: 100%;
margin: 0;
}

#consultation table#page_in_navi_coll {
margin: 10px 0 20px 0;
}

table#page_in_navi_coll td {
display: block;
width: 100%;
padding: 3px 5px;
}

table.date {
margin: 0 0 10px 0!important;
}



/* 卒業生の声　*/
div.comment {
font-size: 1em;
margin: 10px 32px 0px 40px;
}

p.year {
float: none;
font-size: 1em;
}

p.name {
display: block;
float: none;
font-size: 1em;
}

p.name span {
font-size: 1.2em;
margin: 0px 0px 0px 10px;
line-height: 1.66;
}

dd.voice_entry img {
display: block;
margin: 0 auto;
width: 80%;
height: auto;
}



/* アクセス　*/
#access table {
font-size: 1em;
}

p.gmaplink {
margin: 0 0 20px 0;
text-align: center;
font-size: 0.9em;
}



/* スタッフ紹介　*/
dd.staff_entry div.photo {
float: none;
display: block;
width: 100%;
height: auto;
margin: 0 auto 10px;
}

dd.staff_entry div.photo img {
width: 100%;
height: auto;
}

dd.staff_entry div.contents {
float: none;
display: block;
width: 100%;
}

div.name {
font-size: 1.5em;
}

.staff_text {
font-size: 100%;
}



/* 教習生メニュー　*/
table#page_in_navi {
font-size: 100%;
}

table#page_in_navi td{
display: block;
width: 100%;
padding: 3px 5px;
}

#timescedule {
margin: 10px 0px 0px 0px;
}

#studentmenu table td.oneimglink {
display: block;
width: 100%;
text-align: center;
}

#studentmenu table td#mobile {
display: block;
width: 100%;
margin: 0 0 20px 0;
text-align: center;
}

#bustext {
float: none;
width: 100%;
margin: 0 0 20px 0;
}

p.point {
font-size: 1em;
line-height: 1.66;
}

#couse_1 {font-size:1.1em;color:#89CA00; margin: 0 0 0 -10px;}
#couse_2 {font-size:1.1em;color:#04ABEE; margin: 0 0 0 -10px;}
#couse_3 {font-size:1.1em;color:#B26BB8; margin: 0 0 0 -10px;}
#couse_4 {font-size:1.1em;color:#F59C00; margin: 0 0 0 -10px;}
#couse_5 {font-size:1.1em;color:#EC445B; margin: 0 0 0 -10px;}    
.couse {font-size:1em; padding:10px 0px 20px 0px;line-height: 1.5;}    



/* ほめる　*/
#homeru #content {
padding: 8% 4%;
}

#homeru .f_left {
float: none;
padding: 10px 0;
}

#homeru .f_left img {
display: block;
width: 70%;
height: auto;
margin: 0 auto;
}

#homeru .f_right {
float: none;
padding: 10px 0;
}

#homeru .f_right img {
display: block;
width: 70%;
height: auto;
margin: 0 auto;
}

#homeru h3 img {
display: block;
width: 80%;
height: auto;
}



/* ペーパードライバー教習　*/
#paperdriver p a img {
display: block;
width: 60%;
height: auto;
margin: 10px auto 10px;
}



/* よくあるご質問　*/
p#description {
font-size: 1em;
padding: 0;
}

dd.qa_entry {
padding: 20px 20px 30px 8px;
display: block;
margin: 0px 0px 20px;
}

.question {
margin: 0px 0px 20px 20px;
padding: 15px 0px 10px 50px;
font-size: 1.15em;
}

.answer {
font-size: 100%;
line-height: 1.66;
}



/* 光悦自動車教習所ってどんなところ？　*/
#about table.sp img {
width: 100%;
height: auto;
}

#about table.sp {
margin: 0 0 30px 0;
}

#about table.sp td.body_b {
background: url("images/page/aboutus/blue_bg.gif") repeat-y;
background-size:  100% 100%;
}

#about table.sp td.body_r {
background: url("images/page/aboutus/red_bg.gif") repeat-y;
background-size:  100% 100%;
}



/* 免許取得までの流れ　*/
dl.howstep {
width: 100%;
}

dt.steplist {
font-size: 1.2em;
padding: 10px;
}

dd.stepcontent_2 {
font-size: 100%;
}

p.textarea_2 {
float: none;
width: 100%;
margin: 20px 0px 0px;
}

p.stepimg {
float: none;
}

dd.stepcontent {
padding: 16px;
font-size: 1em;
}

dl.howstep_2 {
float: none;
}

dl.howstep_2, dl.howstep_3 {
width: 100%;
}

dt#step10 {
background-images: none;
background: #F097BE;
border-radius: 8px;
height: auto;
margin: 20px 0 0 0;
padding: 10px;
font-size: 1.2em;
color: #fff;
}



/* 入学について　*/
#entrance ul {
font-size: 1em;
}

#entrance ul li {
padding: 3px 0px 3px 20px;
}



/* お問い合わせ　*/
textarea {
width: 100%;
}

#contact table {
border-top: 1px solid #808080;
}

#contact table td.title {
display: block;
width: 100% !important;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-top: 0px solid #808080;
border-bottom: 0px solid #808080;
}

#contact table td.request {
display: block;
width: 100% !important;
}

#contact table {
width: 100% !important;
font-size: 1em;
}

span.text, input {
font-size: 1em;
}

#personal p#p_title {
font-size:1em;
margin:0px 0px 10px;
}

#personal #contact li {
font-size:0.88em;
}



/*　その他 SP
---------------------------------------------------------------------------*/
.page_scroll > a {
display: block; 
padding-top: 60px; 
margin-top: -60px;
}
	
img.float_l {
float: left;
padding: 0 20px 0 0;
vertical-align: top;
}

img.float_r {
float: none;
display: block;
margin: 0 auto 30px;
width: 70%;
height: auto;
vertical-align: top;
}

img.img_center {
display: block;
margin: 0 auto 60px;
text-align: center;
}

img.sp_photo {
display: block;
width: 100%;
height: auto;
}

.pd01 {
padding: 5px 5px 0;
}

.mgb03 {
margin-bottom: 3px;
}

}