@charset "utf-8";

/* メインビジュアル */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

hr{display:none;}
.c_flc{ clear:both;}

/* セクションタイトル */
section { margin-bottom:50px;}
.section_box{ border-top:#dddddd 1px solid; padding-top:7px; overflow:hidden; }







/*===============================================
　画面の横幅が768pxから
===============================================*/
	@media screen and (min-width: 769px){
		
	#main {float: left;width: 632px;padding-bottom: 30px;overflow: hidden;}

	/* mainVI */
	#main_container{ width:100%; background:#fafafa url(/common/img/top/main_bg.gif) repeat-x left bottom; overflow:hidden;  }
	#main_box{ width:950px; margin:20px auto; overflow:hidden;}
	#main_area_box{ width:100%; margin:0 auto 46px auto; overflow:hidden; background:#f8f8f8; border:#dddddd 1px solid;}
	
	
	/* box ------------------------------------------------ */
	.lecture_box{ background:#f8f8f8; border:#dddddd 1px solid; padding:4px 0 0 0; overflow:hidden; margin-bottom:32px;}
	.lecture_box h3{
		padding:13px 0 11px 60px; font-size:150%;
		margin-bottom:27px;
		border-bottom:#dddddd 1px solid;
		border-top:#dddddd 1px solid;
		}
	.lecture_box h3.ttl01{background:#FFF url(/common/img/top/h3_pict01.gif) no-repeat left center;}
	.lecture_box h3.ttl02{background:#FFF url(/common/img/top/h3_pict02.gif) no-repeat left center;}
	.lecture_box h3.ttl03{background:#FFF url(/common/img/top/h3_pict03.gif) no-repeat left center;}
	.lecture_box h3.ttl04{background:#FFF url(/common/img/top/h3_pict04.gif) no-repeat left center;}
	.lecture_box h3.ttl05{background:#FFF url(/common/img/top/h3_pict05.gif) no-repeat left center;}
	.lecture_box h3.ttl06{background:#FFF url(/common/img/top/h3_pict06.gif) no-repeat left center;}
	.lecture_box p.att_txt{ font-size:90%; text-align:right; color:#d94b3c; clear:both; padding:0 15px 15px 0;}
	
	/* ----------- */
	ul.infolist01{ width:570px; margin:0 auto; }
		ul.infolist01 li { width:270px; background:#FFF; position:relative; border-top:#0086b2 4px solid; margin-bottom:30px; }
			h4.infolist_ttl01{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl01 span { font-size:65%; }
			ul.infolist01 a:link    {color:#0086b2; text-decoration: none;}
			ul.infolist01 a:visited {color:#0086b2; text-decoration: none;}
			ul.infolist01 a:active  {color:#0086b2; text-decoration: none;}
	/* ----------- */
	
	/* ----------- */
	ul.infolist03{ width:570px; margin:0 auto; }
		ul.infolist03 li { width:270px; background:#FFF; position:relative; border-top:#30a24a 4px solid; margin-bottom:30px; }
			h4.infolist_ttl03{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl03b{ font-size:120%; padding:0 0 8px 8px;}
			h4.infolist_ttl03 span { font-size:65%; }
			ul.infolist03 a:link    {color:#30a24a; text-decoration: none;}
			ul.infolist03 a:visited {color:#30a24a; text-decoration: none;}
			ul.infolist03 a:active  {color:#30a24a; text-decoration: none;}
			ul.infolist03 li img.icon{ position: absolute; width: 107px; height: 23px; right: 0; top: 20px; }
	/* ----------- */
	
	/* ----------- */
	ul.infolist04{ width:570px; margin:0 auto; }
		ul.infolist04 li { width:270px; background:#FFF; position:relative; border-top:#e9452b 4px solid; margin-bottom:30px; }
			h4.infolist_ttl04{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl04 span { font-size:65%; }
			ul.infolist04 a:link    {color:#e9452b; text-decoration: none;}
			ul.infolist04 a:visited {color:#e9452b; text-decoration: none;}
			ul.infolist04 a:active  {color:#e9452b; text-decoration: none;}
	/* ----------- */
	
	/* ----------- */
	ul.infolist05{ width:570px; margin:0 auto; }
		ul.infolist05 li { width:270px; background:#FFF; position:relative; border-top:#d58b26 4px solid; margin-bottom:30px; }
			h4.infolist_ttl05{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl05b{ font-size:120%; padding:0 0 8px 8px;}
			h4.infolist_ttl05 span { font-size:65%; }
			ul.infolist05 a:link    {color:#d58b26; text-decoration: none;}
			ul.infolist05 a:visited {color:#d58b26; text-decoration: none;}
			ul.infolist05 a:active  {color:#d58b26; text-decoration: none;}
			ul.infolist05 li img.icon{ position: absolute; width: 48px; height: 23px; right: 0; top: 20px; }
	/* ----------- */
	
	
	
	
	.info_img{line-height:0;}
	.infolist_txt{ text-align:center; line-height:120%; }		
	.infolist_inner{border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px;}
	.infolist_btn01{ width:90px; float:left; line-height:0;}
	.infolist_btn02{ width:90px; float:left; line-height:0;}
	.infolist_btn03{ width:90px; float:left; line-height:0;}
	.infolist_btn_area{ width:100%; line-height:0;}
	
	.info_price{border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px 10px 8px; position:relative;}
	.info_price_pink{ background:#fff5ea; border-top:#dddddd 1px solid; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px 10px 8px; position:relative;}
	.info_price_or{ background:#fff3e4; border-top:#dddddd 1px solid; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px 10px 8px; position:relative;}
	
	p.price_txt{ font-size:29px; color:#d94b3c; text-align:center; line-height:100%; letter-spacing:-2px;}
	p.price_txt span{font-size:11px; color:#000; letter-spacing:1px; }
	p.price_txt_ss{ font-size:28px; color:#d94b3c; text-align:center; line-height:100%; letter-spacing:-2px;}
	p.price_txt_ss span{font-size:11px; color:#000; letter-spacing:1px; }	
	p.txt_notes{font-size:11px; color:#d94b3c; position: absolute; left: 10px; top:9px; }
	p.txt_notes2{font-size:11px; color:#d94b3c; position: absolute; left: 50px; top:12px; }
	/* box ------------------------------------------------ */
	
	
	/* サブタイトル */
	.h2_ttl_type1{ border-left:#30a24a 3px solid; padding:5px 0 1px 7px; font-size:140%; margin-bottom:20px; line-height:100%; }
	.search_btn_a{ width:305px; line-height:0;}
	
	/* 終了講座 */
	.h2_ttl_type2{ font-size:100%; font-weight:bold; color:#30a24a; margin:10px 0 5px 0; line-height:100%; }
	.arrow_icon{background:#FFF url(/common/img/top/icon_arrow_green.gif) no-repeat left center; background-size:17px auto; padding:3px 25px 4px 25px; line-height:100%; float:left; font-size:90%; margin-bottom:5px;}
	
	/* エリアH2タイトル */
	.area_h2_box{ border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid; padding:10px 0; margin-bottom:20px; }
	.h2_ttl_type_blue{ border-left:#0086b2 3px solid; padding:5px 0 1px 7px; font-size:140%; line-height:100%; }
	.h2_ttl_type_or{ border-left:#d58b26 3px solid; padding:5px 0 1px 7px; font-size:140%; line-height:100%; }
	
	/* 梅田ってこんなところ */	
	.h2_ttl_type1s{ border-left:#30a24a 3px solid; padding:5px 0 1px 7px; font-size:100%; margin-bottom:20px; line-height:100%; }
	.section_box_txts{ font-size:85%; color:#666;}
	
	
	}/* +768pxここまで */


/*===============================================
　画面の横幅が480pxまで
===============================================*/
	@media screen and (max-width:768px){
		
	header { width:100%; background:none; height:70px; overflow:hidden; }
	
	/* mainVI */
	#main_container{ width:100%; background:#fff; overflow:hidden;}
	#main_box{ width:100%; overflow:hidden; margin-top:-20px}
	#main_area_box{ width:100%;  margin:0 auto 46px auto; overflow:hidden; background:#ffffff; border-top:#dddddd 1px solid;}
	
	/* box ------------------------------------------------ */
	.lecture_box{ background:#f8f8f8; border:#dddddd 1px solid; padding:0; overflow:hidden; margin-bottom:30px; width:100%; overflow:hidden;}
	.lecture_box div.ttl_box{
		padding:10px 0 8px 0; 
		margin-bottom:27px;
		border-bottom:#dddddd 1px solid;
		border-top:none;
		overflow:hidden;
		background:#FFF;
		text-align:center;
		}
	.lecture_box h3.ttl01{padding:10px 0 8px 0; font-size:120%; padding-left:45px; display:inline; margin-left:-20px; background:#FFF url(/common/img/top/h3_pict01.gif) no-repeat left center; background-size:40px auto;}
	.lecture_box h3.ttl02{padding:10px 0 8px 0; font-size:120%; padding-left:45px; display:inline; margin-left:-20px; background:#FFF url(/common/img/top/h3_pict02.gif) no-repeat left center; background-size:40px auto;}
	.lecture_box h3.ttl03{padding:10px 0 8px 0;font-size:120%; padding-left:45px; display:inline; margin-left:-20px; background:#FFF url(/common/img/top/h3_pict03.gif) no-repeat left center; background-size:40px auto;}
	.lecture_box h3.ttl04{padding:10px 0 8px 0;font-size:120%; padding-left:45px; display:inline; margin-left:-20px; background:#FFF url(/common/img/top/h3_pict04.gif) no-repeat left center; background-size:40px auto;}
	.lecture_box h3.ttl05{padding:10px 0 8px 0;font-size:120%; padding-left:45px; display:inline; margin-left:-20px; background:#FFF url(/common/img/top/h3_pict05.gif) no-repeat left center; background-size:40px auto;}
	.lecture_box h3.ttl06{padding:10px 0 8px 0;font-size:120%; padding-left:45px; display:inline; margin-left:-20px; background:#FFF url(/common/img/top/h3_pict06.gif) no-repeat left center; background-size:40px auto;}
	.lecture_box p.att_txt{ font-size:90%; text-align:right; color:#d94b3c; clear:both; padding:0 15px 15px 0;}
	
	/* ----------- */
	ul.infolist01{ width:100%; text-align:center; overflow:hidden;}
		ul.infolist01 li { width:270px; background:#FFF; position:relative; border-top:#0086b2 4px solid; margin:0 auto 30px auto; overflow:hidden;}
			h4.infolist_ttl01{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl01 span { font-size:65%; }
			ul.infolist01 a:link    {color:#0086b2; text-decoration: none;}
			ul.infolist01 a:visited {color:#0086b2; text-decoration: none;}
			ul.infolist01 a:active  {color:#0086b2; text-decoration: none;}
	/* ----------- */
	
	/* ----------- */
	ul.infolist03{ width:100%; text-align:center; overflow:hidden;}
		ul.infolist03 li { width:270px; background:#FFF; position:relative; border-top:#30a24a 4px solid; margin:0 auto 30px auto; overflow:hidden;}
			h4.infolist_ttl03{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl03b{ font-size:120%; padding:0 0 8px 8px;}
			h4.infolist_ttl03 span { font-size:65%; }
			ul.infolist03 a:link    {color:#30a24a; text-decoration: none;}
			ul.infolist03 a:visited {color:#30a24a; text-decoration: none;}
			ul.infolist03 a:active  {color:#30a24a; text-decoration: none;}
			ul.infolist03 li img.icon{ position: absolute; width: 107px; height: 23px; right: 0; top: 20px; }
	/* ----------- */
	
	/* ----------- */
	ul.infolist04{ width:100%; text-align:center; overflow:hidden;}
		ul.infolist04 li { width:270px; background:#FFF; position:relative; border-top:#e9452b 4px solid; margin:0 auto 30px auto; overflow:hidden;}
			h4.infolist_ttl04{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl04 span { font-size:65%; }
			ul.infolist04 a:link    {color:#e9452b; text-decoration: none;}
			ul.infolist04 a:visited {color:#e9452b; text-decoration: none;}
			ul.infolist04 a:active  {color:#e9452b; text-decoration: none;}
	/* ----------- */
	
	/* ----------- */
	ul.infolist05{ width:100%; text-align:center; overflow:hidden;}
		ul.infolist05 li { width:270px; background:#FFF; position:relative; border-top:#d58b26 4px solid; margin:0 auto 30px auto; overflow:hidden;}
			h4.infolist_ttl05{ font-size:120%; text-align:center; padding-bottom:8px;}
			h4.infolist_ttl05b{ font-size:120%; padding:0 0 8px 8px;}
			h4.infolist_ttl05 span { font-size:65%; }
			ul.infolist05 a:link    {color:#d58b26; text-decoration: none;}
			ul.infolist05 a:visited {color:#d58b26; text-decoration: none;}
			ul.infolist05 a:active  {color:#d58b26; text-decoration: none;}
			ul.infolist05 li img.icon{ position: absolute; width: 48px; height: 23px; right: 0; top: 20px; }
	/* ----------- */
	
	
	
	.info_img{line-height:0;}
	.infolist_txt{ text-align:center; line-height:120%; }		
	.infolist_inner{border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px;}
	.infolist_btn01{ width:90px; float:left; line-height:0;}
	.infolist_btn02{ width:90px; float:left; line-height:0;}
	.infolist_btn03{ width:90px; float:left; line-height:0;}
	.infolist_btn_area{ width:100%; line-height:0;}
	
	.info_price{border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px 10px 8px; position:relative;}
	.info_price_pink{ background:#fff5ea; border-top:#dddddd 1px solid; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px 10px 8px; position:relative;}
	.info_price_or{ background:#fff3e4; border-top:#dddddd 1px solid; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; padding:20px 8px 10px 8px; position:relative;}
	
	p.price_txt{ font-size:29px; color:#d94b3c; text-align:center; line-height:100%; letter-spacing:-2px;}
	p.price_txt span{font-size:11px; color:#000; letter-spacing:1px; }
	p.price_txt_ss{ font-size:28px; color:#d94b3c; text-align:center; line-height:100%; letter-spacing:-2px;}
	p.price_txt_ss span{font-size:11px; color:#000; letter-spacing:1px; }	
	p.txt_notes{font-size:11px; color:#d94b3c; position: absolute; left: 10px; top:9px; }
	p.txt_notes2{font-size:11px; color:#d94b3c; position: absolute; left: 50px; top:12px; }
	/* box ------------------------------------------------ */
	
	
	/* 講座セミナー検索 */
	.h2_ttl_type1{ border-left:#30a24a 3px solid; padding:5px 0 3px 7px; font-size:140%; margin-bottom:20px; line-height:100%; margin-left:20px; }
	.search_btn_a{ width:275px; line-height:0; margin:0 auto 10px auto;}
	
	/* ほっと倶楽部って？ */
	.section_box_txt{ padding:0 20px;}
	
	/* 終了講座 */
	.h2_ttl_type2{ font-size:100%; font-weight:bold; color:#30a24a; margin:10px 0 5px 0; line-height:100%; margin-left:20px; }
	.arrow_icon{background:#FFF url(/common/img/top/icon_arrow_green.gif) no-repeat left center; background-size:17px auto; padding:3px 25px 4px 25px; line-height:100%; float:none; font-size:90%; margin:0 0 5px 20px;}
	
	/* エリアH2タイトル */
	.h2_ttl_type_blue{border-top:#0086b2 3px solid; background:#e3f7ff; font-size:140%; line-height:100%; text-align:center; padding:15px 0;}
	.h2_ttl_type_or{border-top:#d58b26 3px solid; background:#fff0da; font-size:140%; line-height:100%; text-align:center; padding:15px 0;}
	
	/* 梅田ってこんなところ */
	.h2_ttl_type1s{ border-left:#30a24a 3px solid; padding:5px 0 1px 7px; font-size:100%; margin-bottom:10px; line-height:100%; margin-left:20px; }
	.section_box_txts{ font-size:85%; color:#666; padding:0 20px;}

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



/*===============================================
 トップページ講座・セミナーリンク用
===============================================*/
    .area__parent{
        position: relative;
    }
    .area__wrap{
        position: absolute;
        left:   0;
        bottom: 10px;
        width:  100%;
        text-align: center;
        font-size: 0;
    }
    .area__item{
        font-size: 12px;
        display: inline;
        zoom: 1;
        display: inline-block;
        margin-left: 10px;
    }
    .area__item:first-child{
        margin-left: 0;
    }