@charset "utf-8";

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

body {
	font-size: 14px;
	color: #000;
	-webkit-text-size-adjust : none;
	line-height: 1.6;
	}

.chushaku{font-size: 85.7%;margin-bottom: 20px;color:#FF0000;}
.clear {clear: both; }
.hide {display: none; }
.clickable {cursor: pointer; }
.left {float: left; }
.right {float: right; }
.center {text-align: center; }
.inline {display: inline !important; }
.inline-block {display: inline-block !important; }
.block {display: block !important; }
.bold {font-weight: bold;}
.read {font-size: 85.7%;margin-bottom: 20px;}
.bnr {text-align: center;}
.red {color: #FC4B2C;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

/* 全体の横幅 */
.container { 
	width: 950px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	overflow: hidden;
	}
.w95 {overflow: hidden;} 

/* よく使うclass */
.w310 {
	width: 310px;
	overflow: hidden;
	}


/* アクセシビリティ */
.guidance {left:-9999px;position:absolute;width:990px;}

/* 共通設定 */
img {
	max-width: 100%;
	height: auto;
	width /***/: auto; /* ie8 */
	}
.nav {display: none;}

/* リンク */
a:link    {color:#000; text-decoration: underline;}
a:visited {color:#000; text-decoration: underline;}
a:hover   {color:#000; text-decoration: none;}
a:active  {color:#000; text-decoration: none;}

/* CI */
@media screen and (min-width: 769px){ #logo { float: left; width: 242px; float:left; } }
@media screen and (max-width:768px){ #logo { float: left; width: 143px; margin:15px 0 18px 5px; float:left; } }
	
/* イントロ */
.intro {background: #000;color: #fff;font-size: 71.4%;}
.intro p {width: 950px;margin: 0 auto; padding: 5px 5px 5px 0; text-align:center;}	


	
/* サブナビ・文字サイズ */
#other {float: right;width:247px;}

#other a:link    {color:#000; text-decoration: none;}
#other a:visited {color:#000; text-decoration: none;}
#other a:hover   {color:#000; text-decoration: underline;}
#other a:active  {color:#000; text-decoration: none;}



		#other #size-box{width:247px; height:42px; border-bottom:#dadada solid 1px; }
		
			#other #h_sitemap{ font-size:12px; color:#919191; background:url(../img/header_icon_sitemap.gif) no-repeat 5px 10px; padding:8px 0 0 21px; float:left; }
			#other #h_sitemap a:link    {color:#919191; text-decoration: none;}
			#other #h_sitemap a:visited {color:#919191; text-decoration: none;}
			#other #h_sitemap a:hover   {color:#919191; text-decoration: underline;}
			#other #h_sitemap a:active  {color:#919191; text-decoration: none;}
			
		#other ul.snav {width:247px;}
		#other ul.snav li.snav_faq {float:left; font-size:15px; background:url(../img/header_icon_faq.gif) no-repeat 4px 10px; padding:7px 18px 0 23px;}
		#other ul.snav li.snav_business {float:left; font-size:15px; background:url(../img/header_icon_business.gif) no-repeat 4px 10px; padding:7px 0 0 24px; letter-spacing:1px;}
		

	#other #size {
		float: right;
		width: 138px;
		}
/* 文字サイズ */
    #size_txt{ float:left;}
	#size ul {overflow: hidden;}
	#size ul li {
		display:block;
		float: left;
		}
	#size ul li:last-child {margin-right: 0;}
	#size ul li.txt01,
	#size ul li.txt02,
	#size ul li.txt03
		{width:32px; height:32px;}
	#size ul li.txt01 a,
	#size ul li.txt02 a,
	#size ul li.txt03 a
		{width:32px; height:32px; text-indent:-9999px; display:block;}
	#size ul li.txt01 a {	
		background:url(../img/moji01.png) no-repeat left top;
		}
	#size ul li.txt02 a {	
		background:url(../img/moji02.png) no-repeat left top;
		}
	#size ul li.txt03 a {	
		background:url(../img/moji03.png) no-repeat left top;
		}
	#size ul li.txt01 a:hover,
	#size ul li.txt01 a.textresizer-active {	
		background:url(../img/moji01_over.png) no-repeat left top;
		}
	#size ul li.txt02 a:hover,
	#size ul li.txt02 a.textresizer-active {	
		background:url(../img/moji02_over.png) no-repeat left top;
		}
	#size ul li.txt03 a:hover,
	#size ul li.txt03 a.textresizer-active {	
		background:url(../img/moji03_over.png) no-repeat left top;
		}
	#size ul li.txt02{ margin-right:5px;}
	#size ul li.txt01{ display:none;}

/* メインコンテンツ */
#main {float: left;width: 630px;padding-bottom: 30px;overflow: hidden;}

ol#path {margin-bottom: 5px;font-size: 78.6%;overflow: hidden;}
ol#path li {float: left;margin-right: 5px;}
ol#path li:after {content: " > ";}
ol#path li a {color: #666;}
ol#path li:last-child {color: #333;}
ol#path li:last-child:after {content: none;}
.tel_free {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 6px solid #CCCCCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;	
	}
.tel_free .tel_free_title {color: #FC4B2D;font-size: 107.1%;font-weight: bold;}
.tel_free.bl .tel_free_title {color: #0099CC;}
.tel_free_title {margin-bottom: 5px;}

/* サイドコンテンツ */
#side {float: right;width:285px; overflow:hidden;}	
#side .bnr {text-align: center; line-height:0; overflow:hidden;}
#side .exam {margin-bottom: 40px; overflow:hidden;}
#side .pickup {margin-bottom: 40px; display:none; overflow:hidden;}
body.c01 #side .pickup {display:block; overflow:hidden;}
#side .type {margin-bottom: 40px; overflow:hidden;}
#side .type li {margin-bottom: 5px; overflow:hidden;}
#side .osusume {margin-bottom: 40px; overflow:hidden;}
#side .search {margin-bottom: 40px; overflow:hidden;}
#side .search li {margin-bottom: 3px; overflow:hidden;}

#side .area_ttl{width:285px; margin:0 auto; border-top:#dddddd solid 2px; padding-top:6px; overflow:hidden;}
#side .area_ttl li{margin-bottom: 10px; border-left:#d63626 4px solid; padding:3px 10px 1px 12px; display:block; font-size:18px; overflow:hidden;}


/* サイドメニュー */
#side_menu h2 {
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 30px !important;
	}
#side_menu.gr h2 {background: #29A045;}
	.gr #menu_list li a {color: #289F45;background: url(../img/arrow_side_gr.gif) no-repeat 15px center;}
	.gr #menu_list li a:hover {background: #D4ECDA url(../img/arrow_side_gr.gif) no-repeat 15px center;}
	.gr ul#menu_list > li > p {color: #289F45;}
	
	@media screen and (max-width:728px){
		#side_menu h2 {display: none;}
	}
	@media screen and (max-width:768px){
		#side_menu h2 {display: none;}
	}
	@media screen and (max-width:480px){
		#side_menu h2 {display: none;}
	}

#side_menu_place {
	width: 95%;
	margin: 0 auto 10px;
	overflow: hidden;
	}
#side_menu_place select {
	float: right;
	width: 100%;
	}		
ul#menu_list {
	margin-bottom: 30px;
	overflow: hidden;
	}
#side_menu h2.side_title a,
#side_menu h2.side_title a:visited {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    padding-left: 10px;
	}
#side_menu h2.side_title a:hover {background: #D4ECDA; color: #29A045;}
ul#menu_list > li {
	border-top: 1px dotted #ccc;
	/* line-height: 39px; */
	line-height: 20px;
	}
ul#menu_list > li:first-child {border-top: none;}
ul#menu_list > li:last-child {border-bottom: #ccc;}

	ul#menu_list > li > p {
		font-size: 85.7%;
		cursor: pointer;
		}
	ul#menu_list > li span {
		display: block;
		background: url(../img/arrow_side_gr.gif) no-repeat 15px center;
		/* padding: 0 0 0 40px; */
		padding: 9px 0 9px 40px;
		}
	ul#menu_list > li .open {
		background: #D4ECDA url(../img/arrow_side_gr.gif) no-repeat 15px center;
		text-decoration: none;
		}
	ul#menu_list > li.now {background: #D4ECDA;}	
	ul#menu_list > li > a {
		display: block;
		/* padding: 0 0 0 40px; */
		padding: 9px 0 9px 40px;
		font-size: 85.7%;
		text-decoration: none;
		}
	
	/* 2段目 */
	ul#menu_list ul.col2 {
		display: none;
		overflow: hidden;
		}
	ul#menu_list ul.col2 > li {
		border-top: 1px dotted #ccc;
		/* line-height: 29px; */
		line-height: 20px;
		background:#fff url(../img/arrow.gif) no-repeat 40px center;
		}
	ul#menu_list ul.col2 > li.col {line-height: 20px;}
	ul#menu_list ul.col2 > li > a {
		padding: 7px 0 7px 0;
		}
	ul#menu_list ul.col2 > li > a,
	ul#menu_list ul.col2 > li > a:hover {
		display: block;
		padding-left: 60px;
		font-size: 85.7%;
		color: #000;
		background: none;
		}
	ul#menu_list ul.col2 > li > a:hover {
		background: #D4ECDA url(../img/arrow.gif) no-repeat 40px center;
		}
	ul#menu_list ul.col2 > li.now {
		background: #D4ECDA url(../img/arrow.gif) no-repeat 40px center;
		}
			

.all_list,
.back a {
	background: url(../../common/img/arrow_common.gif) no-repeat left center;
	padding-left: 11px;
	margin-bottom: 5px !important;
	font-size: 85.7%;
	line-height: 1.5;
	clear: both;
	overflow: hidden;
	}
.all_list:last-child,
.back a:last-child {
	margin-bottom: 20px !important;
	}

/* サイドメニュー 新規（2015/03/18） */	
#side_menu.newgr h2 { padding:9px 18px 7px 18px; font-size:16px; font-weight:bold; border:#dddddd 1px solid; }
#side_menu.newgr h2.pic01{background:#f8f8f8 url(/common/img/side_btn_icon01.gif) no-repeat right center; color:#0086b2;}
#side_menu.newgr h2.pic02{background:#f8f8f8 url(/common/img/side_btn_icon02.gif) no-repeat right center; color:#0086b2; border-top:none;}
#side_menu.newgr h2.pic03{background:#f8f8f8 url(/common/img/side_btn_icon03.gif) no-repeat right center; color:#30a24a; border-top:none;}
#side_menu.newgr h2.pic04{background:#f8f8f8 url(/common/img/side_btn_icon04.gif) no-repeat right center; color:#e9452b; border-top:none;}
#side_menu.newgr h2.pic05{background:#f8f8f8 url(/common/img/side_btn_icon05.gif) no-repeat right center; color:#d58b26; }
#side_menu.newgr h2.pic06{background:#f8f8f8 url(/common/img/side_btn_icon06.gif) no-repeat right center; color:#d58b26; border-top:none;}
#side_menu.newgr ul#menu_list > li {border-top:none;}

#side_menu.newgr li a{
	border-bottom:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
	border-left:#dddddd 1px solid;
	padding:12px 18px 10px 18px;
	color:#0086b2;
	font-size:14px;
	display:block;
	}
ul.newgr_col01 li a{background:#fff url(/common/img/side_btn_arrow01.png) no-repeat right center;}
ul.newgr_col01 li a.xon{ background-color:#ebf6f8;}	
ul.newgr_col01 li a:hover   {color:#000; text-decoration: none; background-color:#ebf6f8;}

ul.newgr_col02 li a{background:#fff url(/common/img/side_btn_arrow01.png) no-repeat right center;}
ul.newgr_col02 li a.xon{ background-color:#ebf6f8;}	
ul.newgr_col02 li a:hover   {color:#000; text-decoration: none; background-color:#ebf6f8;}

ul.newgr_col03 li a{background:#fff url(/common/img/side_btn_arrow03.png) no-repeat right center;}
ul.newgr_col03 li a.xon{ background-color:#e4f8e8;}	
ul.newgr_col03 li a:hover   {color:#000; text-decoration: none; background-color:#e4f8e8;}

ul.newgr_col04 li a{background:#fff url(/common/img/side_btn_arrow04.png) no-repeat right center;}
ul.newgr_col04 li a.xon{ background-color:#fdece9;}	
ul.newgr_col04 li a:hover   {color:#000; text-decoration: none; background-color:#fdece9;}

ul.newgr_col05 li a{background:#fff url(/common/img/side_btn_arrow05.png) no-repeat right center;}
ul.newgr_col05 li a.xon{ background-color:#fbf3e9;}	
ul.newgr_col05 li a:hover   {color:#000; text-decoration: none; background-color:#fbf3e9;}

ul.newgr_col07{ padding:30px 0; border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; margin-bottom:20px;}
ul.newgr_col07 li a{background:#fff url(/common/img/side_btn_arrow07.png) no-repeat right center;}
ul.newgr_col07 li:first-child {border-top:#dddddd 1px solid;}
ul.newgr_col07 li a.xon{ background-color:#EEE;}	
ul.newgr_col07 li a:hover   {color:#000; text-decoration: none; background-color:#EEE;}

#side_menu.newgr a:link    {color:#000; text-decoration: none;}
#side_menu.newgr a:visited {color:#000; text-decoration: none;}
#side_menu.newgr a:active  {color:#000; text-decoration: none;}





		
/* フッター */
.footer_container { width: 950px; margin: 0 auto; overflow:hidden;}
#footer_inner_bnr_container { width:100%; background:#ededed; padding:25px 0; clear:both; border-bottom:#dedede 1px solid; }
#footer_inner_bnr_box{ width:950px; margin:0 auto;}
#footer_inner_bnr_txt{ float:left; border-right:#a5a5a5 1px solid; font-size:14px; line-height:14px; padding:4px 10px 3px 0; margin:0 12px 0 0;}
#footer_inner_bnr_subtxt{float:left; font-size:12px; padding-top:1px;}
#footer_inner_bnr_area{ clear:both; padding-top:11px; height:76px;}
#footer_inner_bnr_01,#footer_inner_bnr_02,#footer_inner_bnr_03{ float:left; margin-right:5px; width:230px;}
#footer_inner_bnr_04{ float:right; width:230px;}

.footer_inner {background:url(../img/footer_bg.gif) repeat; padding:20px 10px 15px 10px; overflow: hidden; clear:both;}
.footer_inner p {margin-bottom:10px;font-size: 85.7%;font-weight: bold;}
.footer_inner ul.fnav {float: left;width: 245px;}
.footer_inner ul.fnav.short {width: 260px;}
.footer_inner ul.fnav.long {width: 200px;}
.footer_inner ul.fnav li {font-size: 85.7%;line-height: 1.7;text-indent: -12px;padding-left: 12px;}

.footer_inner .fnav a,.footer_inner02 .site a {background:url(../img/arrow.gif) no-repeat left center;padding-left: 12px;}
.footer_inner .fnav a:hover,.footer_inner02 .site a:hover {background:url(../img/arrow_over.gif) no-repeat left center;}
.footer_inner02 .company a {background: none;padding-left: 0;}

.footer_inner02 {border-bottom: 1px solid #ccc;padding: 10px;margin-bottom: 10px;}
.footer_inner02 .footer_logo {float:left;width:207px; padding-top:23px; margin-right:20px;}
.footer_inner02 .company,
.footer_inner02 .site {float: left;width: 520px;font-size: 85.7%;}
.footer_inner02 .site {width: 200px;}
.footer_inner02 .site ul.site_list li {line-height: 1.7;}
.footer_inner02 .company dt,.footer_inner02 .site dt {margin-bottom: 5px;font-weight: bold;}

.copyright {margin-bottom: 10px;font-size: 71.4%;text-align: right;}

/*===============================================
　画面の横幅が768px以上▼▼▼▼▼
===============================================*/

@media screen and (min-width: 769px){

/* ヘッダー */
header { width:100%; background:url(../img/header_bg_pc.gif) repeat-x; height:122px; }
#header_container{ width: 950px; margin: 0 auto; padding: 24px 0 29px 0;}
#header_rightbox{width:602px; float:right; padding:0;}

/* ヘッダー　電話 */
#tel_sp{ display:none;}
#tel_pc{ float:left; width:237px;}

/* ヘッダー　資料請求 */
#other_sp{ display:none;}
#free_pc{ float:left; width:118px;}

/* メニュー */
#gnav {
	width: 100%;
	background:url(../img/gnav_bg_pc.gif) repeat-x;
	overflow: hidden;
	}

#g-snv	{
	margin:0 auto;
	width:950px;
	list-style:none;
	overflow:visible;
}
#g-snv li	{	float:left;	position:relative;	margin:0;	padding:0;  overflow:visible;	}
#g-snv li a	{	display:block;	margin:0; padding:0; background-repeat:no-repeat; height:57px;	background-position:bottom;	text-decoration:none;	text-indent:-9999px;	}
#g-snv li a:hover	{background-position:left center;}

#g-snv01	{	width:239px;	} 
#g-snv01 a	{   background: url(../img/gnav_pc_snv01.gif);}
#g-snv02	{	width:237px;	}
#g-snv02 a	{	background-image:url(../img/gnav_pc_snv02.gif);	}
#g-snv03	{	width:237px;	}
#g-snv03 a	{	background-image:url(../img/gnav_pc_snv03.gif);	}
#g-snv04	{	width:237px;	}
#g-snv04 a	{	background-image:url(../img/gnav_pc_snv04.gif);	}



body.c01 #g-snv01 a,
body.c02 #g-snv02 a,
body.c03 #g-snv03 a,
body.c04 #g-snv04 a
	{	background-position:left top;	}
	
/* h1エリア */
#h1_area{ width:950px; margin:0 auto; position:relative;}
#h1_area h1{ position: absolute; font-size:80%; left:0; top: 210px; color:#999; }

/* ページトップ */
.pagetop { width:960px; margin:0 auto; }
.pagetop_box{ width:160px; line-height:0; float:right; margin-top:-30px;}

.pagetop_naka {text-align: right;clear: both;}
.pagetop_naka a {
	background:url(../img/arrow_top.gif) no-repeat left 4px;
	padding-left:14px;
	color: #333;
	font-size: 85.7%;
	line-height: 1.5;
	}

}
/* +768pxここまで */



/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

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

.container {width: 100%;}
#area .container {width: 100%; padding: 0 0 50px 0;} 
.w95 {width: 95%;margin: 0 auto !important;float: none;clear: both;overflow: hidden;}  
.w310 {margin-bottom: 10px !important;}    
.intro {background: #ccc;}
.read {margin-bottom: 20px !important;}
.left,.right {float: none;text-align: center;}

    
.intro,#other,#size,#lecture_news,#seminar_news
 {display: none;}

#main,#side {float: none;width: 100%;}

/* ヘッダー */
header { width:100%; background:url(../img/header_bg_pc.gif) repeat-x bottom; height:74px; }
#header_container{ width:100%; margin: 0; padding:0;}
#header_rightbox{width:167px; float:right; padding:12px 0;}

/* ヘッダー　電話 */
#tel_sp{ display:block; margin:0; line-height:0; padding:0;}
#tel_pc{ display:none;}

/* ヘッダー　資料請求 */
#other_sp{ display:block;}
#free_pc{ display:none;}
#free_sp{ display:block; float:left; width:67px;}

#faq_sp,#business_sp {float:left; width:50px;}


/* メニュー */
#gnav {
	width: 100%;
	background:none;
	overflow: hidden;
	}

#g-snv	{
	width:100%;
	list-style:none;
	overflow:visible;
}
#g-snv li	{	float:left;	position:relative;	margin:0;	padding:0;	overflow:visible; }
#g-snv li a	{	display:block; margin:0; padding:0; background-repeat:no-repeat; background-position:bottom; text-decoration:none; text-indent:-9999px; -moz-background-size:100% auto; -webkit-background-size:100% auto; }
#g-snv li a:hover	{}

#g-snv01	{	width:15.625%;	} 
#g-snv01 a	{   background: url(../img/gnav_sp_snv01.gif);}
#g-snv02	{	width:28.125%; }
#g-snv02 a	{	background-image:url(../img/gnav_sp_snv02.gif);	}
#g-snv03	{	width:28.125%; }
#g-snv03 a	{	background-image:url(../img/gnav_sp_snv03.gif);	}
#g-snv04	{	width:28.125%; }
#g-snv04 a	{	background-image:url(../img/gnav_sp_snv04.gif);	}


body.c01 #g-snv01 a,
body.c02 #g-snv02 a,
body.c03 #g-snv03 a,
body.c04 #g-snv04 a
	{	background-position:left top;	}

/* メインコンテンツ */
.tel_free {margin-bottom: 20px !important;}
.tel_free:last-child {margin-bottom: 0 !important;}
.tel_free .left,
.tel_free .right {
	float: none;
	margin-bottom: 20px;
	text-align: center;
	width: auto !important;
	}
.tel_free .tel_free_title {text-align: center;}

ol#path {width: 95%;margin: 0 auto 5px;}



/* サイドコンテンツ */
#side .bnr{ width:285px; margin:0 auto;}
#side .change,#side .bnr li,#side .bnr p {text-align: center;}
#side .area_ttl{ display:none;}

/* サイドコンテンツ */
#side .exam {margin-bottom: 40px; overflow:hidden;}
#side .pickup {margin-bottom: 40px; display:none; overflow:hidden;}
body.c01 #side .pickup {display:block; overflow:hidden;}
#side .type {margin-bottom: 40px; overflow:hidden;}
#side .type li {margin-bottom: 5px; overflow:hidden;}
#side .osusume {margin-bottom: 40px; overflow:hidden;}
#side .search {margin-bottom: 40px; overflow:hidden;}
#side .search li {margin-bottom: 3px; overflow:hidden;}



/* h1エリア */
#h1_area{ width:100%; margin:0 auto; position:relative; background:#000; padding:5px 5px 2px 5px; border-bottom:1px solid #333;}
#h1_area h1{ position:static; font-size:60%; color:#999; }

/* ページトップ */
.pagetop { width:100%; margin:0;}
.pagetop_box{ width:160px; line-height:0; float:none; margin:-30px auto 0 auto;}

/* フッター */
.footer_container { width:100%;}
#footer_inner_bnr_container { width:100%; background:#ededed; padding:25px 0; clear:both; border-bottom:#dedede 1px solid; }
#footer_inner_bnr_box{ width:230px; margin:0 auto;}
#footer_inner_bnr_txt{ float:left; border-right:#a5a5a5 1px solid; font-size:14px; line-height:14px; padding:0 5px 0 0; margin:0 5px 0 0;}
#footer_inner_bnr_subtxt{float:left; font-size:12px; line-height:12px;}
#footer_inner_bnr_area{ clear:both; padding:11px 0; height:294px;}
#footer_inner_bnr_01,#footer_inner_bnr_02,#footer_inner_bnr_03,#footer_inner_bnr_04{ clear:both; margin:0 0 5px 0; line-height:0; width:230px;}

.footer_inner ul.fnav,
.footer_inner ul.fnav.short,
.footer_inner ul.fnav.long {width: 50%}
.footer_inner ul.fnav.short,
.footer_inner ul.fnav.long {margin-top: 20px;}
.footer_inner ul.fnav.short {clear: left;}
.footer_inner ul.fnav li {line-height: 2;}

.footer_inner02 .footer_logo {float:none; width:207px; margin:0 auto;}
.footer_inner02 .company,
.footer_inner02 .site {float: none;width: 100%;}
.footer_inner02 .company {margin-bottom: 10px;}
.footer_inner02 .site ul.site_list {float: none;width: 100%;}
.footer_inner02 .site ul.site_list li {line-height: 2;}

.copyright {font-size: 71.4%;text-align: center;}


}/* 480pxここまで */

/*===============================================
　各メインビジュアル
===============================================*/

/* ビジュアル */
#mainVisual {
	margin: 0 auto 30px;
	line-height: 0;
	clear: both;
	overflow: hidden;
	}
#search #mainVisual {line-height: 1;}
	@media screen and (max-width:768px){	
		#mainVisual {width: 95%;margin: 0 auto 20px;text-align: center;overflow: hidden;}
		#mainVisual p {text-align: center;float: none !important;}
		#mainVisual p.back {text-align: left;}
	}
#search #mainVisual .back {margin-top: 10px;}
#mainVisual.tab {margin-bottom: 15px;}	
	
/*===============================================
　各タイトル＆ラウンドバナー部分
===============================================*/

/* セクションタイトル */
h2.title {
	background: #F0F0F0;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #C4C4C4;
	color: #333;
	font-weight: bold;
	clear: both;
	overflow: hidden;
	}
	.rd h2.title {border-left: 5px solid #FC4B2E;}
		.rd h2.title span {color: #FC4B2E;}
	.bl h2.title {border-left: 5px solid #0099CC;}
		.bl h2.title span {color: #0099CC;}
	.or h2.title {border-left: 5px solid #FF9900;}
		.or h2.title span {color: #FF9900;}
	.gr h2.title {border-left: 5px solid #29A045;}
		.gr h2.title span {color: #29A045;}
	
	/* 一覧へボタン */
	.title_sub {
		position: absolute;
		top: 5px;
		right: 10px;
		padding: 5px 0 5px 10px;
		}
	.title_sub a {
		background: url(../img/arrow_gy.gif) no-repeat right center;
		padding: 5px 23px 5px 0;
		color: #666666;
		font-size: 85.7%;
		}
	.rd .title_sub a:hover {color: #FC4B2E;}
	.bl .title_sub a:hover {color: #0099CC;}
	.or .title_sub a:hover {color: #FF9900;}
	.gr .title_sub a:hover {color: #29A045;}

/* 講座・講習・セミナー、バナー部分 */
ul.bnr_list {	
	margin: 0 -10px 0 0;
	overflow: hidden;
	}
ul.bnr_list li {
	float: left;
	width: 310px;
	margin: 0 10px 10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height: 1.4;
	}
	.rd ul.bnr_list li {border: 4px solid #FEB7AB;}
	.bl ul.bnr_list li {border: 4px solid #99D6EB;}
	.or ul.bnr_list li {border: 4px solid #FFD18C;}
	.gr ul.bnr_list li {border: 4px solid #A9D9B5;}
	
ul.bnr_list li h2 {font-size: 114.3%;font-weight: bold;}
	.rd ul.bnr_list li h2,
	.rd .bnr_list .price {color: #FC4B2C;}
	.bl ul.bnr_list li h2,
	.bl .bnr_list .price {color: #0099CC;}
	.or ul.bnr_list li h2,
	.or .bnr_list .price {color: #FF9900;}
	.gr ul.bnr_list li h2,
	.gr .bnr_list .price {color: #29A045;}
ul.bnr_list li h2 span {display: block;font-size: 78.6%;line-height: 1.2;}

ul.bnr_list li .inner {
	padding: 10px 10px 10px 50px;
	overflow: hidden;
	}
	.rd ul.bnr_list li .inner {background: url(../img/arrow_rd.gif) no-repeat 10px center;}
	.bl ul.bnr_list li .inner {background: url(../img/arrow_bl.gif) no-repeat 10px center;}
	.or ul.bnr_list li .inner {background: url(../img/arrow_or.gif) no-repeat 10px center;}
	.gr ul.bnr_list li .inner {background: url(../img/arrow_gr.gif) no-repeat 10px center;}
	ul.bnr_list li a,
	ul.bnr_list li a:hover {text-decoration: none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	.rd ul.bnr_list li a:hover,
	.rd ul.bnr_list li:hover a {display: block;background: #FFEDE9;}
	.bl ul.bnr_list li a:hover,
	.bl ul.bnr_list li:hover a {display: block;background: #E5F5FA;}
	.or ul.bnr_list li a:hover,
	.or ul.bnr_list li:hover a {display: block;background: #FFF5E5;}
	.gr ul.bnr_list li a:hover,
	.gr ul.bnr_list li:hover a {display: block;background: #E9F5EC;}

.bnr_list .txt {font-size: 85.7%;}	
.bnr_list .price {font-size: 85.7%;}
.bnr_list .price strong {margin: 0 3px;font-size: 157.1%;font-weight: bold;}
	
	/* 画面の横幅が480px用▼▼▼▼▼ */
	@media screen and (max-width:768px){
		ul.bnr_list {width: 640px;margin: 0 auto;}
		ul.bnr_list li {width: 310px;}	
	}
	/* 画面の横幅が480px用▼▼▼▼▼ */
	@media screen and (max-width:480px){
		ul.bnr_list {width: 95%;margin: 0 auto;}
		ul.bnr_list li {width: 100%;}
			.title_sub {top: 4px;}
			.title_sub a {text-decoration: none;}	
	}


/*===============================================
　中ページテーブル用
===============================================*/

.footable > thead > tr > th {
	/* position: relative; */
	white-space: nowrap;
	}
.footable {
	width: 100%;
	margin-bottom: 20px;
	font-size: 85.7%;
	}		
.footable.breakpoint > tbody > tr > td.expand {
	background: url('../img/plus.png') no-repeat 5px center;
	padding-left: 40px;
	}
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
	background: url('../img/minus.png') no-repeat 5px center;
	}
.footable.breakpoint > tbody > tr.footable-row-detail {
	background: #ccc;
	}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
	cursor: pointer;
	}
.footable > tbody > tr:nth-child(2n) {
	background: #eee;
	}
.footable > tbody > tr > td,
.footable > thead > tr > th {
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px dotted #C8C8C8;
	padding: 5px 4px;
	text-align: center;
	}
.footable > tbody > tr > td {text-align: left;}
.footable > tbody > tr > td:last-child,
.footable > thead > tr > th:last-child {
	border-right: none;
	}
.footable > thead > tr > th {
	background: #999;
	color: #fff;
	cursor: pointer;
	width: 13%;
	}
	.footable > thead > tr > th.course_name {
		width: 25%;
		}
	.footable > thead > tr > th.course_name_p {
		width: 17%;
		}
	.footable > thead > tr > th.day {
		width: 9%;
		}
.footable.detail > thead > tr > th {
	width: auto;
	}
.footable.detail > thead > tr > th:nth-child(2),
.footable.detail > thead > tr > th:nth-child(3) {
	width: 22%;
	}
.footable > thead > tr > th span {
	background: url(../img/arrow_table.gif) no-repeat right center !important;
	padding: 2px 21px 2px 0;
	color: #fff;
	}
	.footable > thead > tr > th.sorting-asc span {
		background: url(../img/arrow_table02.gif) no-repeat right center !important;
		}

.footable > tbody > tr > td .cancel {color: #FC4B2C;}
.footable > tbody img {
	vertical-align:middle;
	}
/* デフォルト */
.footable .normal {color: #333;}
/* キャンセル待ち */
.footable .cansel {color: #ff0000;}
/* 募集終了間近 */
.footable .finish {color: #ff9900;}
/* 新着 */
.footable .new {color: #00cc00;}
/* 人気 */
.footable .popular {color: #3399ff;}

	/* 画面の横幅が768px用▼▼▼▼▼ */
	@media screen and (max-width:768px){
		.footable {width: 95%;margin: 0 auto 20px;}
	}
	/* 画面の横幅が480px用▼▼▼▼▼ */
	@media screen and (max-width:480px){
		.footable {width: 95%;margin: 0 auto 20px;}
		.footable > thead > tr > th span {
			background: none;
			/* padding-right: 0; */
			}
	}
	
/*===============================================
　YouTube動画用
===============================================*/

div.video-container {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
} 
div.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
} 
div.video iframe,
div.video object,
div.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	@media screen and (max-width:768px){
		div.video {width: 95%;margin: 0 auto;}
	}