@charset "utf-8";

/*-----------------------------------------------
    Browser Reset
-----------------------------------------------*/

* {
	margin: 0; padding: 0;
	font-size:12px; color:#333;
    vertical-align: baseline;
	font-weight:100;
}

/* IE6 hack*/
* html body{ font-size:100%; }
/* IE7 hack*/
*:first-child+html body{ font-size:100%; }

table { border-collapse:collapse; border:0; }
th { text-align:left; }
input,select,textarea { vertical-align:middle; }
img { border:0; vertical-align:middle; }
ins, a { text-decoration:none; outline:none; }
ul,li { list-style:none; }
br { letter-spacing: 0; }
textarea { font-size: 100%; }
strong { font-weight:bold; }

.mobile_none { display:none!important; }


/*-----------------------------------------------
    リンク文字装飾
-----------------------------------------------*/

a:link { color:#005; }

a { text-decoration: underline;}

p { text-align:left; clear:both; }

.text_red { color:#FF0004; font-weight:bold; }

.text_blue { color:#0074FF; font-weight:bold; }

/*-----------------------------------------------
    大枠
-----------------------------------------------*/

body { margin:5px auto; padding:0; font-family: 'メイリオ' ,Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; width:100%; background-color:#fff; text-align:center; }

#wrapper { width:98%; height:auto; margin-left:2%; }



/*-----------------------------------------------
    トップ看板枠
-----------------------------------------------*/

#top { padding-top:2px; width:95%; }

#top_logo { width:98%; }
#top_logo_sub { width:98%; margin:45px auto 10px; }

.top_ivent { width:98%; } 

h1 { text-align:left; font-size:70%; font-weight:100; color:#000; padding:1%; margin:0 auto 15px;; width:98%; background-color:#eeeeee; }

h2 { text-align:center; background-color:#FFB54B; font-weight:bold; margin:15px auto; }

.list_ico img { width:99%; }

.top_menu { text-align:center; margin:10pt auto; }

.top_menu img { width:30%; }
.navi_img { width:47%; margin:10px auto; }

#temp_hh { width:95%; margin-top:3px; padding:5px; font-size:90%; background-color:#FFEB9A; border-bottom:#008C0B solid 2px; text-align:center; }

/*-------トップナビゲーション---------*/

.s_menu { width:47%; margin:1%; float:left; }
.s_menu img { width:100%; }
.koushi_tsuchida { clear:both; width:97%; color:white; background-color:#FF6700; text-align:center; font-weight:bold;}
.koushi_tp { margin:5%; }

.green { color:#009C0C; font-weight:bold;}
.blue { color:#2900D0; font-weight:bold;}

.koushi_okumura { clear:both; width:97%; color:white; background-color:#C81975; text-align:center; font-weight:bold;}
.koushi_hirano { clear:both; width:97%; color:white; background-color:#13907B; text-align:center; font-weight:bold;}


#top_navi { margin-top:30px; }
#top_navi li { clear:both; width:100%; height:35px; line-height:35px; margin-bottom:3px; background:url("../imgs/list_op.png") right no-repeat; }


#top_navi .list_bigi { background-color:#CDFF15; }
#top_navi .list_bread { background-color:#FFE793; }
#top_navi .list_sc { background-color:#FF8E00; }
#top_navi .list_nomal { background-color:#FFF7B1; }

#top_navi li a { display:block; text-decoration:none; }

#lesson_time { display:none; }

  /*-----------------------------------------------
    メニューバー
-----------------------------------------------*/
  
.gnav {
	width: 100%;
	overflow-x: auto;
	position:fixed;
}
.gnav ul {
	width: 1630px;
	height: 30px;
	margin: 0 auto 1px auto;
	list-style: none;
}
.gnav ul li {
	float: left;
	text-align: center;
	margin-right: 1px;
}
.gnav ul li:last-child {
	margin-right: 0;
}
.gnav ul li a,
.gnav ul li a:link,
.gnav ul li a:visited {
	display: inline-block;
	width: 100px;
	height: 30px; line-height:30px;
	background: #FF8316;
	color: #fff;
}
.gnav ul li a:hover,
.gnav ul li a:active {
	background: #FF8316;
}
.gnav::-webkit-scrollbar {
	height: 2px;
}
.gnav::-webkit-scrollbar-track {
	margin: 0 2px;
	background: #ccc;
	border-radius: 5px;
}
.gnav::-webkit-scrollbar-thumb {
	background: #00B30E;
	border-radius: 5px;
}
/*-----------------------------------------------
    メインコンテナ
-----------------------------------------------*/

#main { margin:15px auto; width:100%; }

#main_btn { display:none; }

/*-------Jクエリ---------*/

#main_jq { display:none; }

/*-------ノート---------*/

#note { display:none; }

/*-------コンテンツボタン---------*/

.btn , .btn_r , .btn_l { display:none; }

/*-------フェイスブックいいね---------*/

#facebook { display:none; }

#fb_box { display:none; }

/*-------トップの講師画像---------*/
#main_tsuchida {display:none; }
#main_okumura {display:none; }
#main_hirano {display:none; }


/*-----------------------------------------------
    サブページ　
-----------------------------------------------*/

iframe { display:none!important; }

/*-------メインコンテナ---------*/

#sub_main { width:98%; }

/*-------タイトル---------*/

#sub_main h3 { text-align:center; font-size:11px; font-weight:bold; color:#030; border-bottom:#009B03 2px solid; }

#title_e { display:none; }

/*-------本文---------*/

#sub_main h4 { margin:10px; padding-top:10px; text-align:left; font-size:13px; font-weight:bold; color:#900; text-decoration:underline; border-top:#ddd solid 1px; }

#sub_main h5 { margin:10px; padding-top:10px; text-align:left; font-size:13px; font-weight:bold; color:#030; }

#sub_main p { width:98%; margin:10px auto; text-align:left; }

#title_menu { background-color:#FFFEE4; }

/*-------スタジオ内ページ---------*/

.studio_text { display:none; }

.photo_map {  margin:1%; }

.photo_studio { width:47%; margin:1%; }

.studio_left , .studio_right { width:98%; margin:10px auto; }

.studio_photo { width:98%; }

.studio_photo img { width:90%; }

.studio_text_mobile p {width:98%; padding:2%; text-align:left; border-bottom:#ddd solid 1px; margin_bottom:10px; line-height:16px; }

/*-------プロフィールページ---------*/

.profile_photo_mobile {
	width:99%; margin:5px auto;
}

/*-------合コンページ---------*/

#goukon { color:#FF008E; font-size:30px; font-weight:bold; }

/*-------料金一覧ページ---------*/


	
.price_box { margin:5px auto; width:99%; border:#ddd solid 1px; float:left; }

.price_photo { float:left; width:50%; padding:0; margin:1px; }

.smart_price_photo { width:98%; }

.price_text { width:48%; float:left; margin-top:5px;
}

.price_title { background-color:#EEE; font-weight:700; }

/*-------レッスン内容---------*/

.price_table  { width:98%;}
.price_table td { border:solid 1px #ddd;}

#lesson_box { margin:0 auto; padding:0; width:98%; }

.bread_lesson { margin:5px auto; width:98%; border:#C8C8C8 solid 1px; background-color:#eee; }

.bread_lesson h6 { display:none; }

.bread_text { margin:10px 0; background-color:#fff; text-align:left; }

#sub_main .bread_price { margin:3px; background-color:#FFF; }

.bread_box { width:98%; margin:10px 0; }

.bread_box td { padding:3px; text-align:left; font-size:9px; width:32%; border:#ddd solid 1px; }

.bread_box td img { width:100%; }

object { width:90%; }

#lesson_left { display:none; }

.m_m_party_img { width:98%; }

.lesson_image { margin:0 0 5px 0; padding:0; }

.fall_guest { display:none; }

.mobile_photo { width:335px; }

.supersaas, #supersaas_p { display:none; }

/*-------レッスンの詳細---------*/

.lesson_top {
	width:98%;
	border:#ccc solid 1px;
	margin:3px 0; padding:0 3px 1px 3px;
}

.lesson_tt {
	color:#DC7B00!important;
}

.lesson_right {
	width:98%;
	background-color:#eee;
	margin:5pxpx 0; padding:0 5px 1px 5px;
}

.lesson_right p {
	width:95%;
}

.bread_thumb_p { clear:both; width:90%; margin-bottom:5px; text-align:left; }
.bread_thumb_pp { width:90%; margin-bottom:5px; text-align:left; float:left; }
.bread_thumb { width:8%; }

/*-------お料理レッスン---------*/

.table_cooking { border:1px solid #eee; }

.table_cooking_title { background-color:#FFDFB2; }

.cooking_photo { width:25%; }

.cooking_photo img { width:100%; }

/*-------生徒様の声---------*/

.white_boad{ float:left; width:31%; margin:1px; }
.ekiten { width:100%; }

.review_man , .review_woman , .yukari { display:none; }

/*-------メールフォーム---------*/

#tel_s { font-size:20px; color:#F60; }

.mail {
	width:98%;
	margin:10px auto;
}

.mail p {
	width:95%;
}

.mail p span.kome {
	color: #CC0000;
	font-size: 10px;
}

.mail p span.eigo {
	margin: 0px; padding: 0px;
	font-size: 10px;
	color: #999999;
}


/*-------右コンテナ---------*/

#sub_right { display:none; }

/*-----------------------------------------------
    フッター
-----------------------------------------------*/

#footer { clear:both; width:100%; height:80px; background-color:#eee; }

#footer_navi { display:none; }

#footer p { font-size:50%; margin-top:15px; text-align:center; }