/*
 * Reset
 * 
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
 */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

/* ---------------
   common
   --------------- */

body{	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;line-height:1.8em;
	-webkit-text-size-adjust: 100%;
} /*display:none;*/

.center	{text-align:center;}
.left	{text-align:left;}
.right	{text-align:right;}

a:link,a:visited {
	color: #9f563a;
	text-decoration: none;
}

a:hover,a:active {
	color: #f3982d;
	text-decoration: underline;
}

a.pdf {
	padding:0 0 0 20px;
	background:url(../img/icon_pdf.png) 0 0 no-repeat;
}

strong {
	font-weight: bold;
}

.gray{background:#e5e2e0;}
.t_green{color:#009843;}
.t_red{color:#f00;}

.clear{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

.of{overflow:auto;}
.on{overflow:none;}
.hide{display:none;}

/* ---------------
   margin
   --------------- */

.mg_10{	margin-bottom:10px !important;}
.mg_15{	margin-bottom:15px !important;}
.mg_20{	margin-bottom:20px !important;}
.mg_25{	margin-bottom:25px !important;}
.mg_30{	margin-bottom:30px !important;}
.mg_35{	margin-bottom:35px !important;}
.mg_40{	margin-bottom:40px !important;}
.mg_45{	margin-bottom:45px !important;}
.mg_50{	margin-bottom:50px !important;}

/* ---------------
   back_top
   --------------- */

#back_top{
	position:absolute;
	left:0;
	right:0;
	z-index:-100000;
	background:#f0f0f0;
}



/* 
 * t.y
 */

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	        word-wrap:  break-word;
}

#wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

#wrapper img {
	vertical-align: bottom;
}

.block {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}

#header {
	position: relative;
	width: 100%;
}

#contents {
	position: relative;
	width: 100%;
}

#contents.page {
	position: relative;
	background: #e5e2e0;
	width: 100%;
	border-bottom: solid 20px #fff;
	padding: 30px 15px;
}

#contents.post {
	position: relative;
	background: #e5e2e0;
	width: 100%;
	border-bottom: solid 20px #fff;
	padding: 30px 15px;
}

/* ---------------
   information
   --------------- */

#information{
	background: url(../img/back_bar.png) top center no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 8px 15px 4px;
	z-index: 5;
}

#information.page,
#information.post{
	position: relative;
}

#information_inner{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#information #logo{
	float: left;
}

#information #logo img{
	width: 100%;
	max-width: 430px;
}

#information ul{
	float: right;
	list-style: none;
	margin-top: 22px;
}

@media screen and (max-width: 780px) {
	#information{
		position: relative;
	}
	
	#information #logo{
		width: 90%;
	}
	
	#information #logo img{
		width: 100%;
		max-width: 340px;
	}
	
	#information ul{
		display: none;
	}
}

#information li{
	float: left;
	margin: 0;
	display: block;
	*display: inline;
	*zoom: 1;
}

#information #h_inquiry{
	background: url(../img/icon_sub_inquiry.png) 8px 4px no-repeat;
}

#information #h_order{
	background: url(../img/icon_sub_order.png) 8px 0 no-repeat;
}

#information #h_faq{
	background: url(../img/icon_sub_faq.png) 8px 3px no-repeat;
}

#information #h_privacy{
	background: url(../img/icon_sub_privacy.png) 10px 2px no-repeat;
}

#information li a{
	padding: 9px 10px 7px 30px;
	background: none;
	color: #fff;
	font-weight: bold;
}

#information li a:hover{
	text-decoration: none;
	background: url(../img/back_gray.png) 0 0;
}

@media screen and (max-width: 930px) {
	#information ul{
		margin-top: 10px;
	}
	
	#information li{
		margin-bottom: 5px;
	}
	
	#information #h_faq{
		clear: left;
	}
}

/* ---------------
   main_menu
   --------------- */

#main_menu{
	background:url(../img/back_bar.png) top center no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	z-index: 5;
}

#main_menu.page,
#main_menu.post{
	position: relative;
}

@media screen and (max-width: 780px) {
	#main_menu{
		display: none;
	}
}

#main_menu_inner{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

#main_menu ul{
	width: 100%;
	height: 60px;
}

#main_menu li{
	line-height: 38px;
	display: inline-block;
	border-left: 1px solid #fff;
	margin: 11px 0;
	*display: inline;
	*zoom: 1;
}

#main_menu li:last-child{
	border-right: 1px solid #fff;
}

#main_menu #h_information{
	width: 14.94%;
}

#main_menu #h_introduce{
	width: 17.98%;
}

#main_menu #h_course{
	width: 11.92%;
}

#main_menu #h_facility{
	width: 11.92%;
}

#main_menu #h_timetable{
	width: 13.34%;
}

#main_menu #h_access{
	width: 14.95%;
}

#main_menu #h_matriculation{
	width: 14.95%;
}

#main_menu li a{
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 38px;
}

#main_menu #h_information span{
	background: url(../img/icon_sub_information.png) 0px 45% no-repeat;
	padding-left: 27px;
}

#main_menu #h_introduce span{
	background: url(../img/icon_sub_introduce.png) 0px 40% no-repeat;
	padding-left: 26px;
}

#main_menu #h_course span{
	background: url(../img/icon_sub_course.png) 0px 45% no-repeat;
	padding-left: 29px;
}

#main_menu #h_facility span{
	background: url(../img/icon_sub_facility.png) 0px 45% no-repeat;
	padding-left: 21px;
}

#main_menu #h_timetable span{
	background: url(../img/icon_sub_timetable.png) 0px 45% no-repeat;
	padding-left: 29px;
}

#main_menu #h_access span{
	background: url(../img/icon_sub_access.png) 0px 47% no-repeat;
	padding-left: 21px;
}

#main_menu #h_matriculation span{
	background: url(../img/icon_sub_order.png) 0px 45% no-repeat;
	padding-left: 21px;
}

@media screen and (max-width: 1010px) {
	#main_menu #h_information{
		background: none;
		width: 14.94%;
	}
	
	#main_menu #h_introduce{
		width: 17.98%;
	}
	
	#main_menu #h_course{
		width: 11.92%;
	}
	
	#main_menu #h_facility{
		width: 11.92%;
	}
	
	#main_menu #h_timetable{
		width: 13.34%;
	}
	
	#main_menu #h_access{
		width: 14.95%;
	}
	
	#main_menu #h_matriculation{
		width: 14.95%;
	}
	
	#main_menu li a{
		font-size: 12px;
	}
}

#main_menu li a:hover{
	text-decoration: none;
	background: url(../img/back_gray.png) 0 0;
}

/* ---------------
   sp_menu
   --------------- */

#sp_menu{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	display: none;
	width: 100%;
	height: 100%;
	padding: 58px 15px 20px;
	z-index: 10;
}

#sp_menu_button {
	background: transparent url("../img/menu.gif") no-repeat 0% 0% scroll;
	background-size: 24px 24px;
	display: none;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 12;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width: 780px) {
	#sp_menu_button {
		display: inline-block;
	}
}

@media screen and (max-width: 430px) {
	#sp_menu_button {
		top: 0px;
		margin-top: 5%;
	}
}

#sp_menu_button.sp_menu_open {
	background: transparent url("../img/menu_open.gif") no-repeat 0% 0% scroll;
	background-size: 24px 24px;
}

#sp_menu_underlay {
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(230,230,230,0.65);
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color: rgba(0,0,0,0);
	-o-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

#sp_main_menu {
	width: 100%;
	border-top: solid 1px #fff;
}

#sp_main_menu li {
	background: #009843;
	font-size: 15px;
	width: 100%;
	border-bottom: solid 1px #fff;
}

#sp_main_menu #sp_information span{
	background: url(../img/icon_sub_information_sp.png) 1px 45% no-repeat;
	background-size: 22px 16px;
	padding-left: 32px;
}

#sp_main_menu #sp_introduce span{
	background: url(../img/icon_sub_introduce_sp.png) 2px 40% no-repeat;
	background-size: 21px 20px;
	padding-left: 32px;
}

#sp_main_menu #sp_course span{
	background: url(../img/icon_sub_course_sp.png) 1px 45% no-repeat;
	background-size: 24px 21px;
	padding-left: 32px;
}

#sp_main_menu #sp_facility span{
	background: url(../img/icon_sub_facility_sp.png) 4px 45% no-repeat;
	background-size: 16px 18px;
	padding-left: 32px;
}

#sp_main_menu #sp_timetable span{
	background: url(../img/icon_sub_timetable_sp.png) 0px 45% no-repeat;
	background-size: 24px 18px;
	padding-left: 32px;
}

#sp_main_menu #sp_access span{
	background: url(../img/icon_sub_access_sp.png) 4px 47% no-repeat;
	background-size: 16px 15px;
	padding-left: 32px;
}

#sp_main_menu #sp_matriculation span{
	background: url(../img/icon_sub_order_sp.png) 4px 45% no-repeat;
	background-size: 16px 18px;
	padding-left: 32px;
}

#sp_main_menu a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	padding: 10px 15px;
}

#sp_main_menu a:link    {color: #fff; text-decoration: none;}
#sp_main_menu a:visited {color: #fff; text-decoration: none;}
#sp_main_menu a:hover   {color: #fff; text-decoration: none;}
#sp_main_menu a:active  {color: #fff; text-decoration: none;}

#sp_information_menu {
	width: 100%;
}

#sp_information_menu li {
	background: #009843;
	font-size: 15px;
	width: 100%;
	border-bottom: solid 1px #fff;
}

#sp_information_menu #sp_inquiry span{
	background: url(../img/icon_sub_inquiry_sp.png) 3px 45% no-repeat;
	background-size: 18px 13px;
	padding-left: 32px;
}

#sp_information_menu #sp_order span{
	background: url(../img/icon_sub_order_sp.png) 4px 45% no-repeat;
	background-size: 16px 18px;
	padding-left: 32px;
}

#sp_information_menu #sp_faq span{
	background: url(../img/icon_sub_faq_sp.png) 3px 45% no-repeat;
	background-size: 20px 15px;
	padding-left: 32px;
}

#sp_information_menu #sp_privacy span{
	background: url(../img/icon_sub_privacy_sp.png) 6px 45% no-repeat;
	background-size: 12px 17px;
	padding-left: 32px;
}

#sp_information_menu a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	padding: 10px 15px;
}

#sp_information_menu a:link    {color: #fff; text-decoration: none;}
#sp_information_menu a:visited {color: #fff; text-decoration: none;}
#sp_information_menu a:hover   {color: #fff; text-decoration: none;}
#sp_information_menu a:active  {color: #fff; text-decoration: none;}

#banner {
	background: #e5e2e0;
	margin-bottom: 30px;
	padding: 20px 5px;
}

#banner ul{
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
}

#banner li{
	display:inline-block;
	margin:0 10px;
	padding:0;
}

#banner img{
	width: 100%;
}

#banner .slick-prev{
	left: 15px;
}

#banner .slick-prev:before{
	color: #009843;
	content: '←';
}

[dir='rtl'] #banner .slick-prev:before{
	color: #009843;
	content: '→';
}

#banner .slick-next{
	right: 15px;
}
#banner .slick-next:before{
	color: #009843;
	content: '→';
}

[dir='rtl'] #banner .slick-next:before{
	color: #009843;
	content: '←';
}

#school {
	background: #e5e2e0;
	padding: 20px 15px;
}

#school ul {
	display: block;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#school li {
	display: inline-block;
	width: 31.32%;
	margin-right: 3.02%;
}

#school li:last-child {
	margin-right: 0;
}

#school img {
	width: 100%;
}

@media screen and (max-width: 600px) {
	#school li {
		display: inline-block;
		width: 49%;
		margin: 0 0 2%;
	}
	
	#school li:first-child {
		margin: 0 2% 2% 0;
	}
}

@media screen and (max-width: 480px) {
	#school {
		text-align: center;
	}
	
	#school li {
		display: inline-block;
		width: 100%;
		max-width: 310px;
		margin: 0 0 2%;
	}
	
	#school li:first-child {
		margin: 0 0 2% 0;
	}
}

/* 
 * footer
 */

#footer_information {
	width: 100%;
	padding: 30px 15px;
}

#footer_information_inner {
	position: relative;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#f_head {
	width: 100%;
	border-bottom: 1px solid #dbdcdc;
	padding: 0 0 10px 0;
}

#footer_logo {
	display: inline-block;
	width: 55.5%;
	max-width: 366px;
}

#footer_logo img {
	width: 100%;
	max-width: 366px;
}

#facebook{
	background:transparent url(../img/banner_fb.png) no-repeat 0% 0% scroll;
	display: inline-block;
	position:absolute;
	top: 9px;
	right: 0;
	width: 144px;
	height: 37px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#line{
	background:transparent url(../img/banner_line_s.png) no-repeat 0% 0% scroll;
	display: inline-block;
	position:absolute;
	top: 0px;
	right: 164px;
	width: 112px;
	height: 56px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

@media screen and (max-width: 780px) {
	#f_head {
		display: table;
		overflow: hidden;
	}
	
	#footer_logo {
		display: table-cell;
		width: auto;
		vertical-align: middle;
		padding-right: 10px;
	}
	
	#sns{
		display: table-cell;
		width: 82px;
		vertical-align: middle;
	}
	
	#facebook{
		background:transparent url(../img/banner_fb_sp.png) no-repeat 0% 0% scroll;
		background-size: contain;
		position: static;
		top: 0;
		float: right;
		width: 36px;
		height: 36px;
		margin-left: 10px;
	}
	
	#line{
		background:transparent url(../img/banner_line_sp.png) no-repeat 0% 0% scroll;
		background-size: contain;
		position: static;
		top: 0;
		right: 46px;
		float: right;
		width: 36px;
		height: 36px;
	}
}

#address {
	float: left;
	width: 37.32%;
	margin: 0 3.02% 0 0;
}

#footer_main_menu {
	float: left;
	width: 28.32%;
	margin: 0 3.02% 0 0;
}

#footer_sub_menu {
	float: left;
	width: 28.32%;
}

@media screen and (max-width: 600px) {
	#address {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	#footer_main_menu {
		float: left;
		width: 49%;
		margin: 0 2% 0 0;
		padding-left: 10px;
	}
	
	#footer_sub_menu {
		float: left;
		width: 49%;
	}
}

#address dl {
	padding: 15px 0 0;
}

#footer_main_menu ul,
#footer_sub_menu ul {
	padding: 18px 0 0;
}

#address dt.address{
	font-weight: bold;
	color: #009843;
	padding:3px 0 0 40px;
	background:url(../img/icon_f_address_pc.png) 10px 0 no-repeat;
}

#address dd.address{
	padding:0 0 0 40px;
}

#address dt.tel{
	font-weight: bold;
	color: #009843;
	padding:3px 0 0 40px;
	background:url(../img/icon_f_tel_pc.png) 10px 0 no-repeat;
}

#address dd.tel{
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 40px;
}

#address dd.freedial{
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 74px;
	background:url(../img/icon_f_freedial_pc.png) 40px 0 no-repeat;
}

#footer_main_menu li,
#footer_sub_menu li {
	margin: 0 0 5px;
}

#footer_main_menu li a,
#footer_sub_menu li a {
	display: inline-block;
}

#f_information a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_information_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_introduce a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_introduce_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_course a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_course_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_facility a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_facility_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_timetable a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_timetable_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_access a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_access_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_matriculation a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_matriculation_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_inquiry a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_inquiry_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_order a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_order_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_faq a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_faq_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_privacy a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_privacy_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#f_sitemap a {
	padding:3px 0 0 30px;
	background:url(../img/icon_f_sitemap_pc.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#copyright {
	background:url(../img/back_bar.png) top center no-repeat;
	width: 100%;
	height: 60px;
	padding: 0 15px;
}

#copyright p {
	color:#fff;
	font-style:normal;
	line-height: 60px;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

@media screen and (max-width: 600px) {
	#footer_main_menu li,
	#footer_sub_menu li {
		margin: 0 0 15px;
	}
	
	#address dt.address{
		background:url(../img/icon_f_address_sp.png) 10px 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#address dt.tel{
		background:url(../img/icon_f_tel_sp.png) 10px 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#address dd.freedial{
		background:url(../img/icon_f_freedial_sp.png) 40px 0 no-repeat;
		background-size: 28px 16px;
	}
	
	#f_information a {
		background:url(../img/icon_f_information_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_introduce a {
		background:url(../img/icon_f_introduce_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_course a {
		background:url(../img/icon_f_course_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_facility a {
		background:url(../img/icon_f_facility_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_timetable a {
		background:url(../img/icon_f_timetable_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_access a {
		background:url(../img/icon_f_access_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_matriculation a {
		background:url(../img/icon_f_matriculation_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_inquiry a {
		background:url(../img/icon_f_inquiry_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_order a {
		background:url(../img/icon_f_order_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_faq a {
		background:url(../img/icon_f_faq_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_privacy a {
		background:url(../img/icon_f_privacy_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
	
	#f_sitemap a {
		background:url(../img/icon_f_sitemap_sp.png) 0 0 no-repeat;
		background-size: 24px 21px;
	}
}

/* ---------------
   top_box
   --------------- */

#top_box{
	background:url(../img/bar_green.png) 0 0 no-repeat;}

#top_box dl{
	padding:15px 10px 10px;}

#top_box dt{
	float:left;}

#top_box dd{
	padding:0 0 0 95px;}

#top_box ul{
	list-style:none;}

#top_box_plan_01 h3,
#top_box_plan_02 h3,
#top_box_plan_03 h3{
	padding:10px 0 3px;}

/* ---------------
   bread
   --------------- */

#bread{
	background:#ddd9d7;
	width: 100%;
}

#bread ul{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 15px;
}

#bread ul li{
	line-height: 1em;
	margin: 15px 0 13px;
	padding:0 15px;
	border-left:1px solid #000;
	display:inline-block;
	*display: inline;
	*zoom: 1;
}

#bread ul li:first-child{
	padding:0 15px 0 0;
	border-left:none;
}

/* ---------------
   page_title
   --------------- */

#page_title {
	padding: 46px 15px 46px;
	text-align: center;
}

#page_title #page_title_information {
	width: 100%;
	max-width: 175px;
}

#page_title #page_title_introduce {
	width: 100%;
	max-width: 217px;
}

@media screen and (max-width: 1170px) {
	#page_title {
		padding: 4% 15px 4%;
		text-align: center;
	}
}



/*
 * index
 */

#block_news{
	float: left;
	width: 65.66%;
	height: 350px;
	border: 1px solid #d2d2d2;
	margin: 0 3.02% 30px 0;
}

#block_campaign{
	float: right;
	width: 31.32%;
	height: 350px;
	border: 1px solid #d2d2d2;
	margin-bottom: 30px;
}

#block_plan{
	float: left;
	width: 31.32%;
	height: 350px;
	border: 1px solid #d2d2d2;
	margin-right: 3.02%;
}

#block_culture{
	float: left;
	width: 31.32%;
	height: 350px;
	border: 1px solid #d2d2d2;
	margin-right: 3.02%;
	padding-bottom: 25px
}

#block_movie{
	float: right;
	width: 31.32%;
	height: 350px;
	border: 1px solid #d2d2d2;
}

@media screen and (max-width: 780px) {
	#block_news{
		float: none;
		width: 100%;
		height: 350px;
		border: 1px solid #d2d2d2;
		margin: 0 0 2% 0;
	}
	
	#block_campaign{
		float: left;
		width: 49%;
		height: 350px;
		border: 1px solid #d2d2d2;
		margin: 0 2% 2% 0;
	}
	
	#block_plan{
		float: right;
		width: 49%;
		height: 350px;
		border: 1px solid #d2d2d2;
		margin: 0 0 2%;
	}
	
	#block_culture{
		float: left;
		width: 49%;
		height: 350px;
		border: 1px solid #d2d2d2;
		margin: 0 2% 2% 0;
	}
	
	#block_movie{
		float: right;
		width: 49%;
		height: 350px;
		border: 1px solid #d2d2d2;
		margin: 0 0 2%;
	}
}

@media screen and (max-width: 480px) {
	#block_news{
		margin: 0 0 4%;
	}
	
	#block_campaign{
		float: none;
		width: 100%;
		height: auto;
		border: 1px solid #d2d2d2;
		margin: 0 0 4%;
	}
	
	#block_plan{
		float: none;
		width: 100%;
		height: auto;
		border: 1px solid #d2d2d2;
		margin: 0 0 4%;
	}
	
	#block_culture{
		float: none;
		width: 100%;
		height: auto;
		border: 1px solid #d2d2d2;
		margin: 0 0 4%;
	}
	
	#block_movie{
		float: none;
		width: 100%;
		height: auto;
		border: 1px solid #d2d2d2;
		margin: 0;
	}
}

#block_news h2 {
	border-bottom: solid 1px #d2d2d2;
	padding: 0 16px;
}

#block_campaign h2,#block_plan h2,#block_movie h2 {
	padding: 0 16px;
}

#block_culture h2 {
	text-align: center;
	padding: 5px 16px 5px 14px;
}

#block_news h2 img {
	width: 100%;
	max-width: 214px;
}

#block_campaign h2 img {
	width: 100%;
	max-width: 214px;
}

#block_plan h2 img {
	width: 100%;
	max-width: 214px;
}

#block_culture h2 img {
	width: 100%;
	max-width: 276px;
}

#block_movie h2 img {
	width: 100%;
	max-width: 214px;
}

#block_plan ul {
	height: 177px;
}

@media screen and (max-width: 480px) {
	#block_plan ul {
		height: auto;
	}
}

#block_plan li,
#block_plan #pack_01{
	background:url(../img/bar_green.png) 0 0 no-repeat;
	margin: -1px 15px 0;
}

#block_plan ul li a {
	display: block;
	padding: 5px;
	height: 34px;
	border-bottom: solid 1px #ccc;
	overflow: hidden;
}

#block_plan ul li:nth-of-type(1) a {
	height: 80px;
}

#pack_01 a {
	display: block;
	padding: 5px;
	height: 80px;
	border-bottom: solid 1px #ccc;
	overflow: hidden;
}

#block_plan ul li:nth-of-type(1) a{ background:url(../img/index/back_plan_00.png) right 1px no-repeat; }
#block_plan ul li:nth-of-type(2) a{ background:url(../img/index/back_plan.png) right 1px no-repeat; }
#block_plan ul li:nth-of-type(3) a{ background:url(../img/index/back_plan.png) right 1px no-repeat; }
#block_plan ul li:nth-of-type(4) a{ background:url(../img/index/back_plan.png) right 1px no-repeat; }
#pack_01 a{ background:url(../img/index/back_pack_01.png) right 1px no-repeat !important; }

#block_plan ul li:nth-of-type(1) img{
	width: 100%;
	max-width: 169px;
	height: auto;
}

#block_plan ul li:nth-of-type(2) img{
	width: 100%;
	max-width: 207px;
	height: auto;
}

#block_plan ul li:nth-of-type(3) img{
	width: 100%;
	max-width: 127px;
	height: auto;
}

#block_plan ul li:nth-of-type(4) img{
	width: 100%;
	max-width: 147px;
	height: auto;
}

#pack_01 img{
	width: 100%;
	max-width: 157px;
	height: auto;
}

#block_plan ul li:nth-of-type(1) span{
	display: inline-block;
	font-size: 11px;
	line-height: 1.4em;
	margin: 10px 0 0 4px;
}

#block_plan ul li:nth-of-type(2) span,
#block_plan ul li:nth-of-type(3) span{
	display: none;
	font-size: 11px;
	line-height: 1.4em;
	margin: 10px 0 0 4px;
}

#block_plan ul li:nth-of-type(4) span{
	display: none;
	font-size: 11px;
	line-height: 1.4em;
	margin: 5px 0 0 4px;
}

#pack_01 span{
	display: inline-block;
	font-size: 11px;
	line-height: 1.4em;
	margin: 5px 0 0 4px;
}

@media screen and (max-width: 480px) {
	#block_plan ul li a,
	#pack_01 a {
		display: block;
		height: 80px !important;
		margin-bottom: 10px;
		padding: 5px;
		overflow: hidden;
	}
	
	#block_plan ul li:nth-of-type(1) a{ background:url(../img/index/back_plan_00.png) right 1px no-repeat !important; }
	#block_plan ul li:nth-of-type(2) a{ background:url(../img/index/back_plan_01.png) right 1px no-repeat !important; }
	#block_plan ul li:nth-of-type(3) a{ background:url(../img/index/back_plan_02.png) right 1px no-repeat !important; }
	#block_plan ul li:nth-of-type(4) a{ background:url(../img/index/back_plan_03.png) right 1px no-repeat !important; }
	
	#block_plan ul li:nth-of-type(1) span,
	#block_plan ul li:nth-of-type(2) span,
	#block_plan ul li:nth-of-type(3) span,
	#block_plan ul li:nth-of-type(4) span{
		display: inline-block !important;
	}
}

#block_movie iframe {
	width: 100%;
}

#pick {
	margin: 0 10px;
}

#pick .item {
	width: 100%;
}

#pick p {
	text-align: center;
}

#pick img {
	width: 100%;
	cursor: pointer;
}

#top_news {
	display: block;
	width: 100%;
	height: 308px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#top_news::-webkit-scrollbar {
	width: 5px;
}

#top_news::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}

#top_news::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}

#top_campaign{
	display:block;
	border-top:1px solid #d2d2d2;
	width:100%;
	overflow:hidden;
}

#top_news li {
	display: table;
	background:url(../img/bar_green.png) 0 0 no-repeat;
	width: 100%;
	margin-top: -1px;
	padding: 15px 10px;
	overflow: hidden;
}

.top_news_img {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 80px;
	z-index: 2;
}

.top_news_img a {
	display: block;
}

.top_news_img img {
	width: 100%;
	height: auto;
}

.top_news_data {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: auto;
	padding-left: 20px;
	z-index: 1;
}

/*
#top_news li {
	background:url(../img/bar_green.png) 0 0 no-repeat;
	padding: 15px 10px;
	overflow: hidden;
}

.top_news_img {
	float: left;
	width: 80px;
	margin-right: -80px;
}

.top_news_data {
	float: left;
	width: 100%;
	padding-left: 100px;
}
*/

.top_news_category {
	margin-bottom: 7px;
}

.top_news_category img {
	width: 100%;
	max-width: 110px;
}

.top_news_date {
	margin-bottom: 0px;
}

.top_news_title {
	margin-bottom: 0px;
}

.top_campaign_data {
	background:url(../img/bar_green.png) 0 0 no-repeat;
	height: 82px;
	padding: 10px 10px;
	overflow: auto;
}

@media screen and (max-width: 480px) {
	.top_campaign_data {
		height: auto;
		overflow: auto;
	}
}

#top_movie_data {
	background:url(../img/bar_green.png) 0 0 no-repeat;
	padding: 10px;
}

#banner_list {
	display: block;
	width: 100%;
	overflow: hidden;
}

#banner_list li {
	display: inline-block;
	width: 31.32%;
	margin-right: 3.02%;
}

#banner_list li:last-child {
	margin-right: 0;
}

#banner_list img {
	width: 100%;
}

@media screen and (max-width: 600px) {
	#banner_list li {
		display: inline-block;
		width: 49%;
		margin: 0 0 2%;
	}
	
	#banner_list li:first-child {
		margin: 0 2% 2% 0;
	}
	
	#banner_list li:last-child {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 480px) {
	#banner_list {
		text-align: center;
	}
	
	#banner_list li {
		display: inline-block;
		width: 100%;
		max-width: 310px;
	}
	
	#banner_list li:first-child {
		margin: 0 0 2% 0;
	}
}

/* ---------------
   sec_box
   --------------- */

.block_s{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 30px;
	background:#fff;
	overflow: hidden;
}

.block_s_outer{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}

.block_s_inner{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

.border_line {
	border-bottom: solid 20px #fff;
	margin: 0 auto 30px;
	padding: 0 15px 30px;
}

@media screen and (max-width: 600px) {
	.block_s{
		padding: 20px 15px;
	}
}

.block_s_left {
	float: left;
	width: 64.66%;
}

.block_s_right {
	float: right;
	width: 33.34%;
}

.block_s_right img {
	width: 100%;
	max-width: 310px;
}

@media screen and (max-width: 600px) {
	.block_s_left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.block_s_right {
		float: none;
		width: 100%;
	}
}

.block_s.none{
	padding:0;
}

.block_s.teine{
	padding: 0;
	background: none;
}

.block_s.teine dt{
	width: 950px;
	display: block;
	line-height: 1em;
	padding: 19px;
	border: 1px solid #fff;
	background: #fff;
}

.block_s.teine dt:hover{
	background: #f2f1f0;
}

.block_s.teine dd{
	padding: 0 20px 20px;
	background: #fff;
}

.block_s h3{
	font-size: 18px;
	font-weight: bold;
	padding-bottom:15px;
}

.block_s h4{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px;
	color:#009843;
}

.block_s h4.t{
	padding:0 0 5px;
}

.block_s .inline dt{
	font-weight: bold;
	float: left;
}

.block_s .inline dd{
	padding-left: 6em;
}

@media screen and (max-width: 600px) {
	.block_s .inline dt{
		float: none;
	}
	
	.block_s .inline dd{
		margin-bottom: 10px;
		padding-left: 1em;
	}
	
	.block_s dl.inline dd:last-child{
		margin-bottom: 0px;
	}
}

.block_s .inline dt.nl{
	float: none;
}

.block_s table.normal{
	width: 100%;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #d2d2d2;
	border-collapse: collapse;
}

.block_s .table_sp {
	margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
	.block_s table.normal{
		width: 600px;
	}
	.block_s .table_sp {
		overflow-x: scroll;
		padding-bottom: 10px;
	}
	.block_s .table_sp:before {
		content:"表は横にスクロールしてご覧ください。";
	}
	.block_s .table_sp::-webkit-scrollbar {
		height: 5px;
	}
	.block_s .table_sp::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.block_s .table_sp::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}
}

.block_s table.normal th{
	text-align: center;
	font-weight: bold;
	padding:5px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #d2d2d2;
	background:#bee4cf;
}

.block_s table.normal td{
	padding:5px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #d2d2d2;
	background:#fff;
	text-align:center;
}

.block_s table.normal td.column{
	font-weight:bold;
	background:#eeeeef;
}

.block_s table.normal td.gray{
	background:#eeeeef;
}

.block_s table.inquiry{
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #d2d2d2;
	border-collapse: collapse;
}

.block_s table.inquiry th{
	text-align: center;
	font-weight: bold;
	width:200px;
	padding:10px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #d2d2d2;
	background:#eefcf6;
}

.block_s table.inquiry td{
	padding:10px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #d2d2d2;
	background:#fff;
	text-align:left;
}

@media screen and (max-width: 600px) {
	.block_s table.inquiry th{
		display: block;
		text-align: left;
		width:100%;
	}
	
	.block_s table.inquiry td{
		display: block;
		width:100%;
	}
}

.block_s table.inquiry td.column{
	font-weight:bold;
	background:#eeeeef;
}

.block_s table.inquiry td.gray{
	background:#eeeeef;
}

.block_s table.inquiry input{
	vertical-align:middle;
}

.block_s #button{
	padding-top:20px;
	text-align:center;
}

#bus dt{	
	clear:both;
	margin:0;
	padding:0;
	cursor:pointer;
}

#bus dd{
	clear:both;
	margin:0;
	padding:0;
	display:none;
}

/* ---------------
   sec_box_col
   --------------- */

#bg_img {
	width: 100%;
}

#bg_img p {
	background:url(../img/sec_01_outer.jpg) top center no-repeat;
	width: 100%;
	text-align: center;
}

#bg_img img {
	width: 100%;
	max-width: 1170px;
}

#menkyo {
	width: 100%;
}

#menkyo td {
	width: 33%;
	vertical-align: top;
	padding: 10px;
}

@media screen and (max-width: 780px) {
	#menkyo td {
		float: left;
		display: block;
		width: 49%;
	}
	
	#menkyo td:first-child {
		margin-right: 2%;
	}
}

@media screen and (max-width: 600px) {
	#menkyo td {
		float: none;
		display: block;
		width: 100%;
	}
}

#menkyo td img {
	width: 100%;
}

#menkyo td.c{
	padding: 0 30px;
	text-align: left;
}

#menkyo td h4{
	padding: 15px 0 5px;
}

#menkyo td p {
	padding: 10px 0;
}

#menkyo td p.en_qualification {
	padding: 0 0 8px;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px dotted #d2d2d2;
}

#menkyo td p.en_shortest{
	padding: 5px;
	background: #e5e2e0;
	text-align: center;
	font-weight: bold;
}

.gray_link a {
	display: block;
	background: #e5e2e0;
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

#schedule_img {
	text-align: center;
	margin-bottom: 20px;
}

#schedule_img img {
	width: 100%;
}

@media screen and (max-width: 600px) {
	#schedule_img img {
		max-width: 200px;
	}
}

#schedule_table_s {
	display: none;
}

@media screen and (max-width: 780px) {
	#schedule_table {
		display: none;
	}
	
	#schedule_table_s {
		display: table;
	}
}

@media screen and (max-width: 600px) {
	#schedule_table_s {
		width: 100%;
	}
}

/* 
 * 教習料金・プラン
 */

#expense #contents.page,
#introduce #contents.page,
#campaign #contents.page {
	padding: 30px 0px;
}

#tab {
	width: 100%;
	border-bottom: solid 20px #fff;
	margin-bottom: 30px;
	padding: 0 15px 30px;
}

#tab ul {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#tab li {
	float:left;
	width: 31.32%;
	margin-right: 3.02%;
	list-style:none;
}

#tab li:last-child{
	margin-right: 0;
}

@media screen and (max-width: 780px) {
	#tab li {
		float:left;
		text-align: center;
		width: 49%;
		margin-bottom: 2%;
		margin-right: 2%;
		list-style:none;
	}
	
	#tab li:nth-of-type(even){
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {
	#tab li {
		float:left;
		text-align: center;
		width: 100%;
		margin-bottom: 2%;
		margin-right: 0;
		list-style:none;
	}
}

#tab li img{
	width: 100%;
	max-width: 310px;
}

#tab li img:hover{
	cursor:pointer;}

.disnon {
	display: none;}

.content_wrap {}

.introduce_subtitle {
	font-size: 26px;
	width: 100%;
	max-width: 990px;
	margin: 0 auto 30px;
}

#campaign #introduce_subtitle {
	padding: 0 15px;
}

#campaign .introduce_subtitle {
	max-width: 1020px;
	padding: 0 15px;
}

.tab_block {
	padding: 0 15px;
}

#campaign .tab_block {
	padding: 0;
}

#introduce_subtitle_plan_02 {
	width: 100%;
	max-width: 98px;
}

#introduce_subtitle_plan_01 {
	width: 100%;
	max-width: 119px;
}

/* 
 * 教習料金
 */

#expense_explanation {
	width: 100%;
	max-width: 990px;
	margin: 0 auto 30px;
}

#plan_fj img {
	width: 100%;
	max-width: 590px;
}

#plan_jn img {
	width: 100%;
	max-width: 590px;
}

#campaign_loan img {
	width: 100%;
}

#card_txt img {
	width: 100%;
	max-width: 345px;
}

#loan {
	float: left;
	width: 62.51%;
}

#loan_img {
	float: right;
	width: 35.49%;
	margin-bottom: 20px;
	overflow: hidden;
}

#loan_img img {
}

@media screen and (max-width: 600px) {
	#loan {
		float: none;
		width: 100%;
	}
	
	#loan_img {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	#loan_img img {
		width: 100%;
		max-width: 660px;
		margin: 0 auto;
	}
}

#loan_point {
	margin-bottom: 20px;
}

#loan_point li {
	background: transparent url(images/circle_green.gif) no-repeat 0% 4px scroll;
	padding-left: 15px;
}

@media screen and (max-width: 780px) {
	#loan_point li {
		background: transparent url(images/circle_green_sp.gif) no-repeat 0% 4px scroll;
		background-size: 12px 12px;
	}
}

#loan_payment {
	margin-bottom: 20px;
}

#loan_payment dt {
	font-weight: bold;
}

#loan_payment dt span {
	display: inline-block;
	color: #047a0a;
	width: 4em;
}

#loan_payment dd {
	padding-left: 4em;
	margin-bottom: 10px;
}

#to_card {
	width: 100%;
	overflow: hidden;
}

#to_card li {
	float: left;
	text-align: center;
	width: 49%;
	margin-right: 2%;
}

@media screen and (max-width: 480px) {
	#to_card li {
		float: none;
		text-align: center;
		width: 100%;
		margin-bottom: 2%;
		margin-right: 0;
	}
}

#to_card li:nth-of-type(2) {
	margin-right: 0%;
}

#to_card a {
	background: #e5e2e0;
	display: block;
	width: 100%;
}

#to_card li:nth-of-type(1) a {
	padding: 2% 5.934% 2% 5.934%;
}

#to_card li:nth-of-type(2) a {
	padding: 2% 19.67% 2% 19.67%;
}

#to_card li img {
	vertical-align: middle;
	width: 100%;
}

#to_card li:nth-of-type(1) img {
	max-width: 401px;
}

#to_card li:nth-of-type(2) img {
	max-width: 276px;
}

#bank {
	max-width: 345px;
}

#plan_fj,
#plan_jn {
	overflow: hidden;
}

#plan_fj li,
#plan_jn li {
	display: inline-block;
	width: 49%;
}

#plan_fj li>div,
#plan_jn li>div {
	display: inline-block;
	width: 100%;
	max-width: 320px;
}

#plan_fj li:nth-of-type(1),
#plan_jn li:nth-of-type(1) {
	float: left;
	text-align: right;
	margin-bottom: 2%;
}

#plan_fj li:nth-of-type(2),
#plan_jn li:nth-of-type(2) {
	float: right;
	margin-bottom: 2%;
}

#plan_fj li:nth-of-type(3),
#plan_jn li:nth-of-type(3) {
	float: right;
}

#plan_fj li:nth-of-type(4),
#plan_jn li:nth-of-type(4) {
	float: left;
	text-align: right;
}

@media screen and (max-width: 680px) {
	#plan_fj li,
	#plan_jn li {
		display: inline-block;
		width: 100%;
	}
	
	#plan_fj li:nth-of-type(1),
	#plan_jn li:nth-of-type(1) {
		float: none;
		text-align: center;
		margin-bottom: 3%;
	}
	
	#plan_fj li:nth-of-type(2),
	#plan_jn li:nth-of-type(2) {
		float: none;
		text-align: center;
		margin-bottom: 3%;
	}
	
	#plan_fj li:nth-of-type(3),
	#plan_jn li:nth-of-type(3) {
		float: none;
		text-align: center;
		margin-bottom: 3%;
	}
	
	#plan_fj li:nth-of-type(4),
	#plan_jn li:nth-of-type(4) {
		float: none;
		text-align: center;
	}
}

#plan_fj li p,
#plan_jn li p {
	background: #fe3030;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 5px;
}

#plan_fj li>div div,
#plan_jn li>div div {
	width: 100%;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #e2e2e2;
	padding: 1% 2%;
}

#plan_fj li table,
#plan_jn li table {
	width: 100%;
}

#plan_fj li th,
#plan_jn li th {
	font-size: 16px;
	font-weight: bold;
	padding: 0 10px;
}

#plan_fj li:nth-of-type(3) th,
#plan_jn li:nth-of-type(3) th {
	padding: 5px 10px;
}

#plan_fj li td,
#plan_jn li td {
	text-align: right;
	font-size: 16px;
	line-height: 1em;
}

#plan_fj li td.td_t,
#plan_jn li td.td_t {
	padding: 6px 15px 2px 0;
}

#plan_fj li td.td_b,
#plan_jn li td.td_b {
	padding: 2px 15px 6px 0;
}

#plan_fj li td.td_h,
#plan_jn li td.td_h {
	font-size: 14px;
	text-align: left;
	padding: 9px 3px 0;
	vertical-align: top;
}

#plan_jn li th span {
	font-size: 12px;
	font-weight: normal;
	margin-left: -1em;
}

#plan_fj li td span,
#plan_jn li td span {
	font-size: 10px;
	margin-right: 1em;
}

#plan_fj li tr.b_line,
#plan_jn li tr.b_line {
	border-bottom: solid 1px #e2e2e2;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* 
 * 教習プラン
 */

#introduce em {
	font-size: 14px;
	font-weight: bold;
	color: #009843;
	padding: 20px 0 5px;
}

#plan_01_point {
	color: #f60;
	margin-bottom: 20px;
}

#plan_01_point li {
	padding-left: 1em;
}

#plan_01_point li:first-letter {
	margin-left: -1em;
}

#plan_02_point li {
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 1em;
}

#plan_02_point li:last-child {
	margin-bottom: 0px;
}

#plan_03_point strong {
	color: #09f;
}

#plan_03_point dt {
	font-size: 14px;
	margin-bottom: 5px;
}

#plan_03_point dd span {
	font-weight: bold;
}

#plan_04_point {
	margin-bottom: 20px;
}

#plan_04_point dd {
	padding-left: 2em;
}

#plan_04_point dd:first-letter {
	margin-left: -1em;
}

#plan_04_point strong {
	color: #e51373;
}

#pack_01_expense {
	margin-bottom: 30px;
}

#pack_01_expense span {
	display: inline-block;
	width: 10em;
}

/* 
 * お得な情報
 */

#campaign_list li {
	text-align: center;
	width: 100%;
	border-bottom: solid 20px #fff;
	margin-bottom: 30px;
	padding: 0 15px 30px;
}

@media screen and (max-width: 780px) {
	#campaign_list li {
		border-bottom: solid 15px #fff;
		margin-bottom: 25px;
		padding: 0 15px 25px;
	}
}

@media screen and (max-width: 480px) {
	#campaign_list li {
		border-bottom: solid 10px #fff;
		margin-bottom: 20px;
		padding: 0 15px 20px;
	}
}

#campaign_list li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

#campaign_list li div {
	background: #fff;
	text-align: center;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 30px;
}

@media screen and (max-width: 780px) {
	#campaign_list li div {
		padding: 15px;
	}
}

@media screen and (max-width: 480px) {
	#campaign_list li div {
		padding: 10px;
	}
}

#campaign_list li img {
	width: 100%;
	max-width: 930px;
}

/*
 * 各種講習
 */

#expense_paper {
	width: 100%;
	max-width: 400px;
}

#expense_senior {
	width: 100%;
}

/*
 * 施設紹介
 */

#facility #contents.page {
	padding: 30px 0px;
}

#facility_img {
	width: 100%;
	border-bottom: solid 20px #fff;
	margin: 0 auto 30px;
	padding: 0 0 30px;
	overflow: hidden;
}

#facility_img ul {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}

#facility_img li {
	margin-bottom: 3%;
}

#facility_img li:last-child {
	margin-bottom: 0px;
}

#facility_img img {
	width: 100%;
	max-width: 990px;
}

#facility_list {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#facility_list ul {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}

#facility_list h2 {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto 30px;
	padding: 0 15px;
}

#facility_list h2 img {
	width: 100%;
	max-width: 124px;
}

#facility_list li {
	background: #fff;
	width: 49%;
	padding: 30px;
}

#facility_list li:nth-of-type(odd) {
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
}

#facility_list li:nth-of-type(even) {
	float: right;
	margin-bottom: 2%;
}

#facility_list li:last-child {
	margin-bottom: 0;
}

#facility_list li h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.facility_list_img {
	text-align: right;
}

.facility_list_img img {
	width: 100%;
	max-width: 200px;
}

@media screen and (max-width: 600px) {
	#facility_list li {
		float: none;
		background: #fff;
		width: 100%;
		padding: 15px;
	}
	
	#facility_list li:nth-of-type(odd) {
		margin-bottom: 10px;
	}
	
	#facility_list li:nth-of-type(even) {
		margin-bottom: 10px;
	}
	
	.facility_list_img {
		text-align: center;
	}
}

/*
 * 学科時間割
 */

#timetable #contents.page {
	padding: 30px 0px;
}

#timetable #intro {
	margin-bottom: 20px;
}

.timetable {
	width: 100%;
	overflow: hidden;
}

.timetable li {
	background:url(../img/icon_pdf.png) 15px 20px no-repeat #fff;
	width: 49.5%;
	letter-spacing: normal;
	margin-bottom: 1%;
	padding: 20px 35px 15px;
	font-size: 14px;
}

.timetable li:nth-of-type(odd) {
	float: left;
	margin-right: 1%;
}

.timetable li:nth-of-type(even) {
	float: right;
}

@media screen and (max-width: 600px) {
	.timetable li {
		width: 100%;
		margin-bottom: 2%;
	}
	
	.timetable li:nth-of-type(odd) {
		float: none;
		margin-right: 0;
	}
	
	.timetable li:nth-of-type(even) {
		float: none;
	}
}

#knack {
	overflow: hidden;
}

#knack li {
	background: #fff;
	width: 49.5%;
	margin-bottom: 1%;
	padding: 25px;
}

#knack li:nth-of-type(odd) {
	float: left;
	margin-right: 1%;
}

#knack li:nth-of-type(even) {
	float: right;
}

@media screen and (max-width: 600px) {
	#knack li {
		background: #fff;
		width: 100%;
		margin-bottom: 2%;
		padding: 20px;
	}
	
	#knack li:nth-of-type(1),
	#knack li:nth-of-type(3),
	#knack li:nth-of-type(5),
	#knack li:nth-of-type(7),
	#knack li:nth-of-type(9) {
		float: none;
		margin-right: 0;
	}
	
	#knack li:nth-of-type(2),
	#knack li:nth-of-type(4),
	#knack li:nth-of-type(6),
	#knack li:nth-of-type(8) {
		float: none;
	}
}

/*
 * 交通アクセス
 */

#access_subtitle {
	width: 100%;
	margin-bottom: 10px;
}

#access_subtitle img {
	width: 100%;
	max-width: 523px;
}

#map_canvas {
	width: 100%;
	max-width: 990px;
	height: auto;
	border: solid 1px #fff;
	margin: 0 auto 20px;
	padding: 0 15px;
}

.bus_time_open {
	cursor: pointer;
}

.bus_time {
	display: none;
}

.bus_time img {
	width: 100%;
	max-width: 630px;
}

/*
 * よくある質問
 */

#faq #contents.page {
	padding: 30px 0px;
}

.faq_list {
	width: 100%;
	overflow: hidden;
}

.faq_list li {
	background: #fff;
	width: 49.5%;
	margin-bottom: 1%;
	padding: 30px;
}

.faq_list li:last-child {
	margin-bottom: 0;
}

.faq_list li:nth-of-type(odd) {
	float: left;
	margin-right: 1%;
}

.faq_list li:nth-of-type(even) {
	float: right;
}

@media screen and (max-width: 600px) {
	.faq_list li {
		width: 100%;
		margin-bottom: 2%;
		padding: 20px;
	}
}

.faq_list h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 15px 30px;
	background: url(../img/icon_f_faq.png) 0px 0px no-repeat;
}

/*
 * 個人情報保護方針
 */

#privacy_rule {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

#privacy_rule>li {
	background: #fff;
	width: 100%;
	margin-bottom: 10px;
	padding: 30px;
}

@media screen and (max-width: 480px) {
	#privacy_rule>li {
		padding: 20px;
	}
}

#privacy_rule>li ul li {
	list-style: disc;
	margin-bottom: 5px;
	margin-left: 1em;
}

/*
 * サイトマップ
 */

#page_list {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

#page_list>li {
	background: #fff;
	width: 100%;
	margin-bottom: 10px;
	padding: 30px;
}

@media screen and (max-width: 480px) {
	#page_list>li {
		padding: 20px;
	}
}

#page_list>li>p {
	font-size: 18px;
	font-weight: bold;
}

#page_list>li>ul {
	margin-top: 10px;
}



/*
 * 記事
 */

.post_detail img {
	max-width: 100%;
	height: auto;
}

#category {
	width: 100%;
}

#category li {
	display: table;
	background:url(../img/bar_green.png) 0 0 no-repeat;
	width: 100%;
	padding: 15px 10px;
	overflow: hidden;
}

.category_img {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 80px;
	z-index: 2;
}

.category_img a {
	display: block;
}

.category_img img {
	width: 100%;
	height: auto;
}

.category_data {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: auto;
	padding-left: 20px;
	z-index: 1;
}

.category_icon {
	margin-bottom: 7px;
}

.category_icon img {
	width: 100%;
	max-width: 110px;
}

.category_icon_information,
.category_icon_campaign {
	margin-bottom: 7px;
}

.category_icon_information img {
	width: 100%;
	max-width: 110px;
}

.category_icon_campaign img {
	width: 100%;
	max-width: 140px;
}

.category_date {
	margin-bottom: 0px;
}

.category_title {
	margin-bottom: 0px;
}

.category_back{
	text-align:center;
	margin-top: 10px;
}

.category_back a{
	display:block;
	text-decoration: none;
	padding:8px 0 5px;
	background:#f5f2f0;
}

.category_back a:hover{
	color:#fff;
	background:#f3982d;
}

#page_title #page_title_news {
	width: 100%;
	max-width: 114px;
}

#page_title #page_title_campaign {
	width: 100%;
	max-width: 278px;
}

.back_to_top{
	text-align:center;
	margin-top: 10px;
}

.back_to_top a{
	display:block;
	text-decoration: none;
	padding:8px 0 5px;
	background:#f5f2f0;
}

.back_to_top a:hover{
	color:#fff;
	background:#f3982d;
}