@charset "UTF-8";

@import 'adjust.css';


body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
}
.main #container { 
	width: 800px; 
	background: #CD8E67;
	margin: 0 auto;
	text-align: left;
} 
.main #header { 
	background: #FFFFFF; 
	padding: 0px 0px 10px 0px;
} 
.main #header h1 {
	margin: 0;
	padding: 3px 10px 0px 10px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 150%;
}

a:hover img {
 opacity: 0.65;
 filter: alpha(opacity=65);
 -moz-opacity: 0.65;
}


.back_button{
border-top:#999 1px dashed;
margin:15px 3px 15px;
padding-top:8px;
text-align:right;
}


 /* 左ナビ */
.main #left {
	float: left;
	width: 160px;
    margin-top: 15px;
    margin-left: 10px;
}

.left-box {
	background: #ffffff;
    margin:0px auto 8px;
	padding: 15px 10px 15px 10px;
    border:1px solid #AF6E4D;
}



.left-box01 {
	background: #FFF9CC;
    margin:8px auto;
	padding: 5px 10px 5px 10px;
    border:1px solid #900;
}

.left-box01 p{
	font-size: 12px;
	font-weight: bold;
	color: #900;
	line-height: 150%;
}


.main #left h3 {
font-size: 80%;
font-weight: normal;
margin:3px auto;
color: #5D310C;
line-height: 1.6em;
}



.left-box_navi {
	background: #ffffff;
    margin:0px auto 8px;
	padding:3px 0 10px;
    border:1px solid #AF6E4D;
}


.main #left ul{
	margin:0 8px;
	padding:0px;
	list-style:none;
	list-style-position:outside;
	font-size:12px;
}

.main #left li a{
	display:block;
margin:3px 0;
	padding:4px 0 4px 5px;
	line-height:1.7em;
	color:#009;
	text-decoration:none;
	font-weight: bold;
	border-bottom:1px dashed #666;
}

.main #left li a:hover{
	color:#fff;
	background:orange;
}


.left-box02 {
	background: #FFF9CC;
    margin:8px auto;
	padding: 5px 10px 5px 10px;
    border:1px solid #900;
}

.left-box02 p{
margin:10px auto 5px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
	line-height: 150%;
}


.cngleft {
margin-top:5px;
margin-bottom:10px;
background:url(../images/button_02.jpg) no-repeat center top;
border:0px;
}
	 
.cngleft a:hover {
  opacity: 0.0;

   /* IE */
	    filter: alpha(opacity=0);
	}


 /* メインコンテンツ */
.main #mainContent {
    margin-top: 15px;
	margin-left: 180px;
	margin-bottom: 10px;
	width: 605px;
} 

.core-box {
	padding: 0px 12px 0px 12px; 
	background: #ffffff;
    border:1px solid #AF6E4D;

} 
.core-box h3{
margin:8px 0px;
	padding: 0px 8px 0px 8px; 
	font-size: 85%;
	font-weight: normal;
	color: #666666;
	line-height: 1.8em;

} 

.core-box h3.red{
margin:12px 0px;
color: #900;
font-weight:bold;
} 

/*----教室----*/

.goanai{
margin:18px 0px 3px;
background-color: #FFDAAD;
color: #900;
font-size: 85%;
font-weight:bold;
text-align:center;
line-height:2.4em;
} 

.goanai01{
margin:8px auto 15px;
}

table.mrg{
margin:8px auto 15px;
padding:0px;
width:100%;
}


table.mrg td.w200{
margin:0px;
padding:0px;
width:200px;
vertical-align:top;
}

table.mrg td.w5{
margin:0px;
padding:0px;
width:5px;
vertical-align:top;
background-image:url(../images/ber_0058.gif);
}

table.mrg h4{
margin:0px 5px 5px 8px;
padding: 0px; 
font-size: 12px;
font-weight: normal;
color: #666666;
line-height: 160%;
} 


/*----当別教室----*/

table.sp_mrg{
margin:8px auto 15px;
padding:0px;
width:100%;
border:1px #333 solid;
border-collapse:collapse;
}

table.sp_mrg td{
padding:5px;
border:1px #666 solid;
vertical-align:top;}

table.sp_mrg p
{margin:0;
font-size:80%;
line-height:1.7em;}

.bg_cl01{
	background:#Fee;}

.3wd {width:33%;}


/*---メニューページ----*/

.til01{
display:block;  
margin:0px 8px 5px 8px;
padding:2px 3px;
background-color: #daab82;
}

h3.til{
margin:2px 5px 2px 5px;
border-left:#fff solid 6px;  
padding:3px 3px 2px 8px;
font-size:90%;
font-weight:bold;
color: #4d2603;
}

table.mrg01{
margin:8px auto 15px;
padding:0px;
width:100%;
border:#CCC 1px solid;
border-collapse:collapse;
}

table.mrg01 td.w50l01{
margin:0px;
padding:0px;
width:50%;
vertical-align:top;
border-bottom:#CCC 1px dashed;
}

table.mrg01 td.w50r01{
margin:0px;
padding:0px;
width:50%;
vertical-align:top;
border-left:#CCC 1px dashed;
border-bottom:#CCC 1px dashed;
}

table.mrg01 td.w100u{
margin:0px;
padding:0px;
width:100%;
vertical-align:top;
border-bottom:#999 1px dashed;
}

/*
table.mrg01 td.w300{
margin:0px;
padding:0px;
width:250px;
vertical-align:top;
}

table.mrg01 td.w5a{
margin:0px;
padding:0px;
width:5px;
vertical-align:top;
background-image:url(images/ber_0058.gif);
}     */

table.mrg01 h4{
margin:0px;
padding:5px 12px; 
font-size: 85%;
font-weight: normal;
color: #666666;
line-height: 170%;
} 

.alerts{
margin:5px 8px;
font-size:85%;
color:#666;
line-height: 160%;
}


/*レシピ*/


ul.recipe_name{
margin:8px 8px 8px 5px;
font-size:85%;
}

li.recipes{
  margin-left:3px;
  margin-bottom:8px;
  background:#febc6f;
  display:inline-block;
  width: 22%;
  height:2.8em;
  padding:8px 4px;
  text-align:center;
  line-height:1.5em;
  vertical-align:top;
  font-weight:bold;
}



h3.recipe_midashi{
	margin:10px 0 5px;
	padding: .2em .75em;
	background:#FC9;
	border-left: 6px solid #C63;
	color:#930;}

ul.recipe_list{
margin:8px 0 8px 0;
font-size:95%;
}

li.recipe_data{
  margin-left:6px;
  margin-bottom:8px;
  border:#aaa 1px solid;
  display: inline-block;
  width: 31%;
  text-align:center;
  line-height:1.5em;
  vertical-align:top;}
  
li.recipe_data img{
	margin:5px auto -5px;}



.recipe_cate{
	width: 550px;
	height: 114px;
    background-color : #fff;
    letter-spacing : 1px;
    padding-left : 5px;
    line-height : 150%;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #060;
    margin-top:10px;
    margin-left:10px;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border: 1px #666 solid;     /* �g���̑��� */
   -moz-box-shadow: 1px 1px 1px #999;
   -webkit-box-shadow: 1px 1px 1px #999;
}

.recipe_cate img{
    position: absolute; 
    padding-top : 7px;
    padding-left : 7px;
    padding-rignt : 10px;
}

.recipe_cate h3{
	font-size: 12px;
	color: #039;
	padding-left : 180px;
	margin-top:50px;
	margin-right:10px;
	text-decoration: underline;
}

.recipe_cate_nodata{
	font-size: 12px;
	color: #999;
	padding-left : 180px;
	margin-top:50px;
	margin-right:10px;
}



.recipe_title{
    font-size :  105%;
    font-weight : bold;
    color : #666;
    background-color : #fff;
    letter-spacing : 1px;
    margin:5px auto 10px;
    padding:2px 0px 1px 6px;
    line-height : 1.8em;
    border-left-width : 0.75em;
    border-left-style : solid;
    border-left-color : #060;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #060;
    margin-top:10px;
    margin-bottom:10px;
}


.recipe-box {
	width: 100%;
    margin:8px auto;
	padding: 0px auto; 
	background: #FFE;
    border:1px solid #aaaaaa;
    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    align: center;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 160%;
    margin-bottom:10px;

} 

.recipe-box td{
padding:5px 8px;
} 

table th.tops{
padding:8px 5px 0px 5px;
} 

.recipe-font {
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	color: #666;
} 

.recipe-underfont {
	padding: 0px 0 8px 8px; 
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 150%;
    margin-top:10px;
} 

ul.recipe01{
margin:15px -15px 15px 20px;
padding:0px;
list-style-type: none;
}

ul.recipe01 li{
margin:8px;
font-size: 14px;
line-height: 150%;
font-weight: bold;
color: #666;
text-indent:-1.6em;
}


/*---メディア---*/

h4.madia01{
margin:8px 0px 5px 12px;
padding:0px;
font-size:80%;
font-weight:bold;
}



table.mdatbl{
margin:5px auto 12px;
padding:0px;
width:540px;
border:solid 1px #CCC;
border-collapse: collapse;
}

table.mdatbl td.mdatbl01{
width:270px;
margin:5px;
border:solid 1px #CCC;
}

.mdabox{
margin:-5px 5px 8px;
padding:0px;
}

h3.mdabox03{
magin:5px;
line-height::180%;
}



/*---単発教室---*/

table.tnp{
margin:8px auto 12px;
padding:0px;
width:100%;
color:#666;
font-size:90%;
line-height:160%;
border:solid 2px #CCC;
border-collapse: collapse;
}

table.tnp td.le01{
width:28%;
padding:8px;
border:solid 1px #CCC;
}

table.tnp td.re01{
padding:8px;
border:solid 1px #CCC;
}

table.tnp td.re01 img{
margin:8px 3px;
padding-right:6px;
width:100%;
box-sizing: border-box;
}



table.tnp01{
margin:12px auto 15px;
padding:0px;
width:100%;
color:#666;
font-size:90%;
line-height:160%;
border:solid 1px #CCC;
border-collapse: collapse;
}

table.tnp01 td.le02{
width:150px;
padding:8px;
border:dotted 1px #CCC;
}

table.tnp01 td.re02{
padding:8px;
border:dotted 1px #CCC;
}


table.tnp01 td.ce02{
padding:5px;
text-align:center;
}

p.mtxt90{
margin:5px auto;
font-size:95%;
}



.altt{
margin:8px 1px;
border: #F00 1px solid;
background-color:#Fee;
}

.altt p{
margin:8px 8px;
color: #900;
font-size:85%;
line-height:160%;
letter-spacing:0.1em;
}



.flright{
margin:0px 8px;
float:right;
}

.link-font{
	margin: 0px 10px 12px 12px;
	padding-left: 10px;
	padding-right: 10px;
    border:dotted 1px;
} 


.link-font a{
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	margin-bottom:5px;
	line-height: 180%;
	color: #039;
} 

.link-font p{
	font-size: 12px;
	line-height: 150%;
	color: #666;
} 


/* エプロン */
.core_apron {
width:602px;
margin:0 0 8px;
padding:0px ; 
background: #ffffff;
border:1px solid #AF6E4D;
} 

.core_apron h2{
margin:12px 8px 8px;
padding-left:8px;
font-size:95%;
} 

.aprontxt{
margin:0 12px 0;
padding:0;
font-size:85%;
line-height:1.8em;
color: #666;}

.apronmade{
margin:12px 12px 0 8px;
padding:0;
font-size:80%;
line-height:1.8em;
color:#960;
text-align:right;
letter-spacing:1px;
}

.core_apron img{
margin:5px 8px 8px 12px;
float:left;}

.ap_back{
margin:0px 8px 12px 0px;
padding:0;
text-align:right;
font-size:85%;
}

/* 韓国旅行 */
.core_travel{
width:602px;
margin:0 0 8px;
padding:0px ; 
background: #ffffff;
border:1px solid #AF6E4D;
} 

.core_travel h2{
margin:12px 8px 8px;
padding-left:8px;
font-size:95%;
} 

.traveltxt{
margin:0 12px 0;
padding:0;
font-size:85%;
line-height:1.8em;
color: #666;}

.travelimg{
margin:5px auto 12px;
text-align:center;
}


/**/
.txtcnt{ text-align:center;}

 /* パンくずナビ */
.pan {
    margin-top: 0px;
	padding: 5px 8px 5px 10px; 
	background: #ffffff;
    border:1px solid #AF6E4D;

} 

.pan-mini {
  display: inline;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	background: #ffffff;
} 

 /* フッター */
.main #footer {
	padding: 3px 0px 3px 0px; 
	background:#F3D3A9;
	text-align: center;
} 
.main #footer h3 { 
	font-size: 10px;
	font-weight: normal;
	color: #5D310C;
	line-height: 150%;
} 


h2{
margin:12px 0 8px;
padding:3px 0 3px 10px;
border-left:#AF6E4D 8px solid;
border-bottom:#AF6E4D 1px solid;
font-size:105%;
font-weight: bold;
color:#333;
}

.mgn00{
margin:0px;
padding:0px;
}

.mgn08{
margin:8px 0px;
}


.mgnb08{
margin:0 0 8px;
}


.mgn0015{
margin:0px auto 15px;}

.fltrt { 
	float: right;
	margin-left: 10px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}


.clearlt { 
	clear: left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

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


.clear {
	clear: both;
}

.clear_l {
	clear: left;
}


.clear_l:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clear_l {display: inline-block;} 

/* Hides from IE Mac */
* html .clear_l {height: 1%;}
.clear_l {display:block
/* End Hack */ 
}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block
/* End Hack */ 
}