@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
	color:#8E5A36;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	line-height:1.4;
}



/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* デフォルトリンク色の設定 */
/*a{color:#00C4AB;}a:hover{color:#0000ff;}*/


/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

/*a:hover img{	opacity:0.7;	filter: alpha(opacity=75);}*/

/*	clearfix
------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/

#header{
	margin				: 0 auto;
	width				: 1024px;
}

/*------------------------------------------*/
/*	共通
/*------------------------------------------*/
#contents{
	width				: 1024px;
	margin				: 0 auto;
	clear				: both;
	}

/*------------------------------------------*/
/*　Navigation / グローバルナビゲーション
/*------------------------------------------*/
.gnav{
	width				: 1024px;
	margin				: 0 auto;
	padding-top			: 10px;
	position			: fixed;
	z-index				: 99;
	background			: rgba(255,255,255,1.0);
	}

.gnav ul li{
	width				: 145px;
	height				: 50px;
	float				: left;
	}

.gnav ul li a{
	display				: block;
	width				: 145px;
	height				: 50px;
	background			: url(../images/fr_navi.png)no-repeat;
	text-indent			: -9999px;
	}

.gnav .gnav01 a{background-position:0 0;}
.gnav .gnav02 a{background-position:-145px 0;}
.gnav .gnav03 a{background-position:-290px 0;}
.gnav .gnav04 a{background-position:-435px -50px;}
.gnav .gnav05 a{background-position:-580px 0;}
.gnav .gnav06 a{background-position:-725px 0;}
.gnav .gnav07 a{background-position:-871px 0;}

.gnav .gnav01 a:hover{background-position:0 -100px;}
.gnav .gnav02 a:hover{background-position:-145px -100px;}
.gnav .gnav03 a:hover{background-position:-290px -100px;}
.gnav .gnav04 a:hover{background-position:-435px -50px;}
.gnav .gnav05 a:hover{background-position:-580px -100px;}
.gnav .gnav06 a:hover{background-position:-725px -100px;}
.gnav .gnav07 a:hover{background-position:-871px -100px;}

.zakka_nav_color	.gnav .gnav01 a{background-position:0 -51px;}
.cafe_nav_color		.gnav .gnav03 a{background-position:-290px -52px;}
.creator_nav_color	.gnav .gnav05 a{background-position:-580px -52px;}
.access_nav_color	.gnav .gnav06 a{background-position:-725px -52px;}
.contact_nav_color	.gnav .gnav07 a{background-position:-871px -52px;}

.nav_blank{
	padding-top			: 81px;
	}

.anchor {
	margin-top			: -81px;
	padding-top			: 81px;
	}

/*------------------------------------------*/
/*	Slideshow
/*------------------------------------------*/
.slide_waku{
	width				: 1024px;
	height				: 540px;
	margin				: 0 auto;
	clear				: both;
	}

.slideshow {
	position			: relative;
	width				:  1024px; /* ボックスの横幅 */
	height				: 540px; /* ボックスの高さ */
	}

.slideshow p {
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 8;
	opacity				: 0.0;
	margin				: 0;
	background-color	: white; /* ボックスの背景色(必須) */
	height				: 300px; /* ボックスの高さ */
	}

.slideshow p.active {
	z-index				: 10;
	opacity				: 1.0;
	}

.slideshow p.last-active {
	z-index				: 9;
	}

.slideshow p img {
	width				: 1024px; /* 画像の横幅 */
	height				: 540px; /* 画像の高さ */
	display				: block;
	border				: 0;
	}

/*------------------------------------------*/
/*	NEWS
/*------------------------------------------*/
.news{
	width				: 1024px;
	margin				: 0 auto;
	margin-bottom		: 20px;
	}

#topic{
	margin-top:20px;
	color:#8E5A36;
	font-size:20px;
	padding: .10em 0;
	padding-left:30px;
	border-top: 2px solid #8E5A36;
	border-bottom: 2px solid #8E5A36;
}






#topicsnakami{
	width:980px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}

.topics_left{
	width:600px;
	float:left;
	}
	
#topics_kare{
	float:left;
	padding-bottom:20px;
	}

.topics_detail{
	width		: 400px;
	float		: left;
	padding-bottom:20px;
	}

.topics_detailbox{
	width		: 100px;
	margin		: 5px;
	float		: left;
	}

.topics_detailbox2{
	width		: 180px;
	margin		: 5px;
	float		: left;
	}

.topics_detailbox3{
	width		: 360px;
	margin		: 5px;
	float		: left;
	}

.top_botans figure {
	position: relative;
	overflow: hidden;
	width: 320px;
	margin-left:0;
}
.top_botans figure figcaption{
	position: absolute;
	bottom: -120px;
	left: 0;
	z-index: 2;
	width: 320px;
	height: 90px;
	background: rgba(66,33,11,.6);
	-webkit-transition: .5s;
	transition: .5s;
	color:#fff;
	text-align:center;
	padding-top:25px;
}
.top_botans figure:hover figcaption{
	bottom: 0;
}

	
.top_botans{
	float:left;
	width:320px;
	margin-left:12px;
	}

.menu_frame{
	width			: 1020px;
	clear			: both;
	margin: 0 auto;
	padding-top		: 1px;
}

.menu_subject{
	margin-top		: 40px;
	color			: #42210b;
	font-size		: 20px;
	padding			: .10em 0;
	padding-left	: 30px;
	border-bottom	: 2px solid #42210b;
}


.top_2_waku{
	width:1024px;
	height:630px;
	margin:0 auto;
	background:url(../images/025.gif);
	clear:both;
	padding-top:40px;
	}
	
.mise_waku{
	width:980px;
	height:520px;
	margin:0 auto;
	background:url(../images/mise_bk.png)no-repeat;
	}

.mise_waku2{
	width					: 1024px;
	margin					: 0 auto;
	background				: url(../images/mise_bk2.png)no-repeat;
	padding-top				: 40px;
	padding-bottom			: 40px;
	margin-top				: 20px;
	margin-bottom			: 20px;
	}

.index_about_frame{
	width			: 1020px;
	clear			: both;
	margin			: 0 auto;
	padding-top		: 1px;
}

.index_about_subject{
	margin-top		: 40px;
	color			: #42210b;
	font-size		: 20px;
	padding			: .10em 0;
	padding-left	: 30px;
	border-bottom	: 2px solid #42210b;
	}

.index_cafe_frame{
	width			: 1024px;
	clear			: both;
	margin			: 0 auto;
	padding-top		: 1px;
}

.index_cafe_subject{
	margin-top		: 40px;
	color			: #42210b;
	font-size		: 20px;
	padding			: .10em 0;
	padding-left	: 30px;
	border-bottom	: 2px solid #42210b;
	}

.mise_title{
	width:980px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
	font-size:26px;
	}
	
.mise_l{
	width:500px;
	float:left;
	padding:40px;
	}
	
.mise_r{
	float:left;
	padding-top:40px;
	}
	
.mise_nakawaku{
	width:800px;
	margin:0 auto;
	padding:40px;
	background-color: rgba(255, 255, 255, 0.8);
	}
	
	
	
.zakka_title{
	text-align:center;
	font-size:24px;
	padding-top:70px;
	clear:both;
	}
	
	
.zakka_bun{
	text-align:center;
	padding-top:70px;
	line-height:1.8;
	padding-bottom:70px;
	}
	
.zakka_1{
	background:url(../images/bk_zakka.png);
	}

.cafe_2{
	background:url(../images/bk_zakka.png);
	}
	
	
.zakka_narabi{
	float:left;
	margin-left:4px;
	}
	
.zakka_naka{
	clear:both;
	}
	
	
.sample5 {
	width:			199px;
	height:			200px;
	overflow:		hidden;
	margin-left:1px;
	position:		relative;
}
.sample5 .caption {
	font-size:		100%;
	color:#8E5A36;
	padding-top:		80px;
	font-weight:bold;
	text-align:center;
}
.sample5 .mask {
	width:			90%;
	height:			90%;
	position:		absolute;
	top:5%;
	left:5%;
	background-color:	rgba(255, 255, 255, 0.8);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
	transform:		scale(0);
}
.sample5:hover .mask {
	-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
	transform:		scale(1);
}



.zakka_mini_waku{
	width:800px;
	height:280px;
	margin:0 auto;
	clear:both;
	background:#fff;
	margin-bottom:20px;
	}
	
.zakka_mini_waku_left{
	width:250px;
	float:left;
	margin-left:30px;
	}
	
.zakka_mini_waku_right{
	width					: 490px;
	height					: 160px;
	margin-top				: 40px;
	margin-left				: 20px;
	padding					: 20px;
	float					: left;
	background				: #fff;
	}
	
.zakka_mini_waku_right_3{
	width					: 490px;
	height					: 160px;
	margin-top				: 10px;
	margin-left				: 20px;
	padding					: 20px;
	float					: left;
	background				: #fff;
	}
	
.zakka_mini_waku_left_2{
	width					: 490px;
	height					: 160px;
	margin-top				: 40px;
	margin-left				: 20px;
	padding					: 20px;
	float					: left;
	background				: #fff;
	
	}
	
.zakka_mini_waku_right_2{
	width:250px;
	float:left;
	margin-right:30px;
	}
	

	
.zakka_mini_title{
	padding:10px;
	}
	
	
	
.contact_he{
	width:700px;
	margin:0 auto;
	padding-bottom:100px;
	}
	
	
.footer_naka{
	color:#ffffff;
	padding-top:20px;
	padding-left:100px;
	}
	
	
.cafe_main{
	width:1024px;
	height:680px;
	background:url(../images/cafe_bk.png)no-repeat;
	padding-top:70px;
	padding-bottom:50px;
	}
	
	
	

.cafe_main_naka{
	width:600px;
	height:500px;
	padding:30px;
	margin:0 auto;
	background-color:rgba(255,255,255,0.8);
	}
	
	
.cafe_title{
	text-align:center;
	font-size:22px;
	padding-top:20px;
	}
	
.cafe_nakami{
	padding:30px;
	padding-top:50px;
	text-align:center;
	line-height:1.9;
	}
	


.cafe_bun{
	width:530px;
	float:left;
	padding-left:50px;
	padding-right:70px;
	line-height:1.9;
	}
	
.cafe_title_ichi{
	padding-left:100px;
	}
	
.cafe_title_ichi2{
	padding-left:290px;
	clear:both;
	}
	
.cafe_waku_left{
	width:600px;
	float:left;
	}
	
.cafe_waku_right{
	width:300px;
	float:left;
	padding-left:20px;
	padding-top:20px;
	}

.cafe_waku_left2{
	width				: 480px;
	float				: left;
	padding				: 30px;
	}
	
.cafe_waku_right2{
	width:500px;
	float:left;
	padding-left:5px;
	padding-top:20px;
	}
	
.menu_waku{
  background: url(../images/cafe_menu_bk.png) repeat;
  border-radius: 16px;
  padding: 0 28px;
  position: relative;
  display: table;
  color: #5d3d09;
}

.menu_waku2{
  clear:both;
  background: url(../images/cafe_menu_bk.png) repeat;
  border-radius: 16px;
  padding: 0 28px;
  position: relative;
  display: table;
  color: #5d3d09;
}

.icon {
  position: absolute;
  top: 0;
  right: 28px;
}

.menu_waku h4 {
  color: #5d3d09;
  font-size: 21px;
  font-family: "Kozuka Gothic Pr6N";
  margin-bottom: 10px;
  background: url(../images/line_pattern.png) repeat-x left bottom;
  padding: 35px 0 20px 17px;
}
.menu_waku h4 span {
  font-size: 18px;
  padding-left: 20px;
}
.menu_waku dl {
  margin: 0 0 10px;
  padding: 9px 0;
  color: #5d3d09;
  background: url(../images/line_pattern_small.png) repeat-x left bottom;
}
.menu_waku dl:last-child {
  margin-bottom: 35px;
}

.menu_waku dl dt {
  padding-left: 5px;
}

.menu_waku dl dt span {
  color: #d8a243;
  padding-left: 10px;
}
.menu_waku dl dt.none {
  width: 100%;
}
.menu_waku dl dt.none:before {
  background: none;
}
.menu_waku dl dt:before {
  content: "";
  background: url(../images/doted.png) no-repeat;
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-top: 1px;
}
.menu_waku dl dd {
  padding-right: 10px;
}


.menu_waku dd {
  font-size: 12px;
  line-height:1.8;
  padding-top:10px;
}

.cafe_waku_left3{
	float:left;
	width				: 560px;
	padding-left		: 40px;
	padding-top			: 20px;
	}
	
.cafe_waku_right3{
	float:left;
	width:400px;
	/*padding-left:40px;*/
	padding-top:40px;
	}
	
.cafe_waku_right4{
	float:left;
	width:400px;
	padding-left:10px;
	padding-top:20px;
	}
	

.relative_aisatu{
    position: relative;
}
.absolute_aisatu {
    position: absolute;
    color:#fff;
    font-size:16px;
    line-height:1.8;
    top:70px;
    left:570px;
    width:400px;
}

.access_frame{
	/*background:url(../images/bk_zakka.png);*/
	}

.sec_1{
	width:1024px;
	text-align:center;
	}
	
	
.sec_1_access{
	width:1024px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	}
	
	
.access_left{
	width:550px;
	float:left;
	}
	
.access_left dt{
	width:120px;
	float:left;
	background: url(../images/line_pattern_small.png) repeat-x left bottom;
	/*margin: 0px;*/
  	padding: 9px 0 0;
  	height:40px;
	}
	
.access_left dd{
	width:330px;
	float:left;
	background: url(../images/line_pattern_small.png) repeat-x left bottom;
	margin: 0 0 10px;
  	padding: 9px 0 0;
  	height:40px;
	}
	
.access_left dl{
	width:550px;
	padding:30px;
	padding-left:50px;
	}
	
.access_right{
	width:400px;
	float:left;
	}

.access_left span{
	font-size:14px;
	}
	
.frosch_map{
	clear:both;
	padding-top:30px;
	padding-bottom:30px;
	}

.access_box{
	width					: 1024px;
	margin					: 0 auto;
	margin-top				: 20px;
	padding					: 20px;
	/*background-color:rgba(255,255,255,0.8);*/
	background				: url(../images/bk_zakka.png);
	border-radius			: 10px;	/* CSS3草案 */
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius		: 10px;	/* Firefox用 */
	}

.sec_2{
	width:1024px;
	text-align:center;
	}
	

.sec_3 h2{
	font-size:22px;
	margin-top:50px;
	color:#fff;
	background:#8E5A36;
	padding:20px;
	clear:both;
	}
	
	
.sec_3 h3{
	font-size:20px;
	padding-top:50px;
	}
	
.sec_3 p{
	padding:40px 20px;
	line-height:1.8;
	}
	
#futoji{
	font-weight:bold;
	}
	
	
.cre_waku_1{
	float:left;
	width:550px;
	}
	
.cre_waku_2{
	float:left;
	width:400px;
	padding-left:50px;
	padding-top:50px;
	}
	
.cre_waku_3{
	float:left;
	width:550px;
	}
	
.cre_waku_4{
	float:left;
	width:400px;
	padding-left:70px;
	padding-top:100px;
	}
	
.workshophe{
	clear:both;
	width:700px;
	margin:0 auto;
	padding-bottom:100px;
	}
	

	
.cre_waku_6{
	float:left;
	width:400px;
	padding-top:50px;
	padding-left:20px;
	}
	

.cre_waku_7{
	float:left;
	width:400px;
	padding-top:20px;
	padding-left:20px;
	}
	

.koe_waku{
	clear:both;
	width:900px;
	height:200px;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
	background:#fff5e4;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    }
	
	
.koe_left{
	float:left;
	width				: 540px;
	padding-top			: 20px;
	padding-left		: 20px;
	}
	
.koe_left h4{
	padding-bottom:10px;
	}
	
	
.koe_right{
	float:left;
	width:300px;
	padding-top:10px;
	padding-left:30px;
	}
	
.sakuhin{
	float:left;
	margin:20px;
	}
	
	

.footer_size{
	width:160px;
	float:left;
	}
	
.footer_size a{
	text-decoration: none;
	color:#fff;
	}
	

#footer2{
	clear:both;
	width:1024px;
	margin:0 auto;
	clear:both;
	background:#42210b;
	color:#ffffff;
}

#footer_last{
	text-align:center;
	clear:both;
	padding-top:60px;
	}

#page-top_f {
    position: fixed;
    bottom: 20px;
    right:40px;
}

.con_waku{
	width:600px;
	margin:0 auto;
	padding-bottom:80px;
	}
	
	
.formTable_f th{
	padding-bottom:15px;
	width:200px;
	}
	
.formTable_f td{
	padding-bottom:15px;
	}
	

.clearfix{
	clear: both;
	height: 0px;
}


	


	
	
.title_center{
	text-align:center;
	font-size:24px;
	padding-bottom:10px;
	}

.newitem_frame{
    width					: 1024px;
    height					: 320px;
    margin					: 0 auto;
    border					: 1px solid #F9E7DC;
    background-image		: url(../images/new_bk.png);
    padding-top				: 50px;
    }

.newitem_box{
	width					: 600px;
	margin					: 0 auto;
	padding-top				: 20px;
	}

.new_sotowaku_2{
    width:1020px;
    height:1500px;
    margin:0 auto;
    border: 1px solid #F9E7DC;
    background-image: url(../images/new_bk.png);
    padding-top:50px;
    }
    
.item_ichiran li{
	float:left;
	width:300px;
	height:450px;
	padding:10px;
	
	}
	
.item_ichiran p{
	font-size:12px;
	}

.item_ichiran h3{
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	}
		
.item_ichiran{
	width:960px;
	margin:0 auto;
	}
	
	
.contact_tel{
	text-align:center;
	margin:50px 0 50px 0;
	line-height:2.0;
	}

.contact_telno{
	font-size:25px;
	font-weight:bold;
	}
.contact_telno a{
	text-decoration: none;
	color:#42210B;
}

.item_box {
	cursor			: pointer;
	text-align		: center;
	background-color: #fff;	/*#EAEBEB;*/
	transition		: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	float			: left;
    position: relative;
	}

.item_box::before {
    content			: "";
    bottom			: 0;
    right			: 0;
    border-top		: 3.3em solid transparent;
    border-right	: 3.3em solid #FF1010; /* ラベルの色はここで変更 */
    position		: absolute;
    z-index			: 50;
	}

.item_box::after {
	font-size		: 12px;
    content			: "New!!";
    display			: block;
    bottom			: 10px;	/*文字の位置*/
    transform		: rotate(315deg);
    color			: #fff; /* 文字色はここで変更 */
    /*font-weight		: bold;*/
    right			: 0px;
    position		: absolute;
    z-index			: 51;
	}

.click_box {
	cursor			: pointer;
	text-align		: center;
	background-color: #fff;	/*#EAEBEB;*/
	transition		: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	float			: left;
    position: relative;
	}

.click_box::before {
    content			: "";
    top			: 0;
    right			: 0;
    border-bottom		: 3.3em solid transparent;
    border-right	: 3.3em solid #FF1010; /* ラベルの色はここで変更 */
    position		: absolute;
    z-index			: 50;
	}

.click_box::after {
	font-size		: 12px;
    content			: "Click!!";
    display			: block;
    top			: 10px;	/*文字の位置*/
    transform		: rotate(45deg);
    color			: #fff; /* 文字色はここで変更 */
    /*font-weight		: bold;*/
    right			: 0px;
    position		: absolute;
    z-index			: 51;
	}

/*--------------------------------------*/
/*	周年記念用
/*--------------------------------------*/
.clearfix{
	clear: both;
	height: 0px;
}

.anvs_title{
	text-align		: center;
	font-size		: 35px;
	padding-top		: 20px;
	color			: #35866E;
	font-family		: "Times New Roman", Times, serif;
	}

.anvs_nakami{
	padding			: 30px;
	padding-top		: 50px;
	font-size		: 20px;
	font-weight		: bold;
	text-align		: center;
	line-height		: 1.9;
	}

.anvs_main{
	width			: 1024px;
	height			: 500px;
	background		: url(../images/anniversary_bk.png)no-repeat;
	padding-top		: 70px;
	padding-bottom	: 50px;
	}

.anvs_main_naka{
	width			: 600px;
	height			: 430px;
	padding			: 30px;
	margin			: 0 auto;
	background-color: rgba(255,255,255,0.8);
	}

.anvs_info_frame{
	background:url(../images/anniversary_frame.png);
	padding-top		: 30px;
	padding-bottom	: 30px;
	}

.anvs_info_box{
	width			: 900px;
	/*height			: 430px;*/
	padding			: 15px;
	margin			: 0 auto;
	/*background-color: rgba(255,255,255,0.7);*/
 	border-radius: 10px;
 	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	/*border			: 2px solid #35866E;*/
	}

.anvs_info_subject1{
	width			: 200px;
	padding			: 5px;
	background-color: #fff;
 	border-radius: 4px;
 	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
	border			: 2px solid #DE5717;
	color			: #DE5717;
	font-size		: 18px;
	float			: left;
	}

.anvs_info_subject2{
	width			: 250px;
	padding			: 7px 0 0 20px;
	background-color: #fff;
	color			: #DE5717;
	font-size		: 18px;
	float			: left;
	}

.anvs_photo{
	padding			: 10px 5px 10px 5px;
	width			: 280px;
	float			: left;
	}

.anvs_photo p{
	padding			: 10px;
	}

.box_grenn{
	border			: 4px solid rgba(206,237,161,1.0);
	box-sizing		: border-box
	}


.exercise_frame{
	width			: 1020px;
	clear			: both;
	margin: 0 auto;
	padding-top		: 1px;
}

.exercise_subject{
	margin-top		: 40px;
	color			: #42210b;
	font-size		: 20px;
	padding			: .10em 0;
	padding-left	: 30px;
	border-bottom	: 2px solid #42210b;
}

.exercise_text{
	margin			: 10px 30px;
}

.item_frame{
	width			: 1020px;
	margin			: 0 auto;
	padding-left	: 40px;
	text-align		: center;
	float			: left;
	}


.item_box:hover {
	background-color: #EAEBEB;	/*#3F3A39;*/
	}

.item_box a:hover{
	filter			: alpha(opacity=100);
	-moz-opacity	: 1;
	opacity			: 1;
	}

.item_box img{
	/*width			: 400px;*/
	}

.item_box_title {
	margin			: 15px 0 0;
	color			: #3D1B05;
	font-size		: 16px;
	line-height		: 24px;
	letter-spacing	: .05em;
	}

.item_box_titleEn {
	display			: block;
	margin			: 7px 0 0;
	color			: #888888;
	font-size		: 16px;
	letter-spacing	: 0;
	}

.item_box_txt {
	margin			: 15px 0 0;
	color			: #4f4f4f;
	font-size		: 13px;
	line-height		: 24px;
	letter-spacing	: .05em;
	}

.item_box_link {
	display			: none;
	}

.item_box .item_box_title,
.item_box .item_box_titleEn,
.item_box .item_box_txt {
	transition		: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	}

.item_box:hover .item_box_title,
.item_box:hover .item_box_titleEn,
.item_box:hover .item_box_txt{
	color			: #4f4f4f;
	}


.exercise_work_frame{
    width			: 1020px;
    margin			: 0 auto;
    padding-top		: 50px;
    padding-bottom	: 50px;
    }

.exercise_work_img_r{
	float			: right;
	padding			: 20px 0 20px 40px;
	}

.exercise_work_img_l{
	float			: left;
	padding			: 20px 40px 20px 0;
	}

.exercise_work_subject{
	text-align		: center;
	font-size		: 24px;
	padding-bottom	: 10px;
	}

.exercise_work_title{
	text-align		: left;
	font-size		: 20px;
	padding-top		: 10px;
	}

.exercise_work_text{
	width			: 1000px;
	margin-left		: 20px;
	padding-top		: 20px;
	line-height		: 1.9;
	}

.exercise_pickup{
	font-weight		: bold;
	color			: rgba(255,37,170,1.0);
	}

.contact_button{
	text-align:center;
	margin:0 auto;
	padding-bottom:20px;
	}

/*------------------------------------------*/
/*	WORKSHOP
/*------------------------------------------*/
.workshop_frame{
	width				: 1024px;
	clear				: both;
	margin				: 0 auto;
	}

.workshop_subject{
	margin-top			: 40px;
	margin-bottom		: 20px;
	color				: #42210b;
	font-size			: 20px;
	padding				: 2px 30px;
	border-bottom		: 2px solid #42210b;
	}

/*------------------------------------------*/
/*	DOLLHOUSE
/*------------------------------------------*/
.dollhouse_bord{
	margin				: 0 auto;
	background			: url(../images/workshop_bord.png);
	}

.dollhouse_bord_textbox{
	padding				: 80px 0 20px 120px;
	width				: 900px;
	color				: #472e0e;
	}

.dollhouse_bord_subject{
	font-size			: 21px;
	padding				: 20px 0;
	clear				: both;
	}

.dollhouse_bord_text{
	font-size			: 17px;
	}

.dollhouse_bord_list{
	width				: 500px;
	light-height		: 1.4;
	}

.dollhouse_bord_list dt {
	float				: left;
	clear				: left;
	width				: 100px;
	padding				: 2px 0;
	}

.dollhouse_bord_list dd {
	float				: left;
	width				: 400px;
	}

.dollhouseimage{
	float				: right;
	width				: 200px;
	border				: 3px rgba(238,185,139,1.0) solid; 
	margin				: 0 30px 0 0;
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	box-sizing			: border-box;
	}

.dollhouse_entry_frame{
	margin				: 0 auto;
	width				: 1024px;
	text-align			: center;
	background			: url(../images/bk_zakka.png);
	padding				: 20px;
	}

.dollhouse_entry_box{
	width				: 500px;
	margin				: 0 auto;
	/*background			: rgba(255,255,255,1.0);*/
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	box-sizing			: border-box;
	padding				: 10px 0;
	}

.dollhouse_entry_text{
	font-weight			: bold;
	font-size			: large;
	padding				: 10px 0;
	}

.dollhouse_entry_check{
	font-size			: x-large;
	color				: rgba(255,0,0,1.0);
	}

.dollhouse_about_box{
	background-image	: url(../images/dollhouse_about_bk.png);
	width				: 1024px;
	margin				: 0 auto;
	padding				: 50px;
	}

.dollhouse_about_textbox{
	width				: 800px;
	margin				: 0 auto;
	background			: rgba(255,255,255,0.5);
	font-weight			: bold;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 40px;
	line-height			: 2.5;
	}

.dollhouse_description_box{
	background			: rgba(254,226,198,1.0);
	width				: 1024px;
	margin				: 0 auto;
	padding				: 20px;
	color				: #42210b;
	}

.dollhouse_description_inbox{
	margin				: 0 auto;
   	background			: #fff;
	width				: 800px;
	margin-top			: 20px;
	margin-bottom		: 20px;
	}

.dollhouse_description_index{
	width				: 100px;
	height				: 30px;
	}

.dollhouse_description_text{
	display				: table-cell; 
	vertical-align		: top;
	padding				: 10px 20px;
	width				: 420px;
	line-height			: 1.5;
	}

.dollhouse_description_text h3{
	padding				: 10px 0;
	}

.dollhouse_description_img{
	float				: right;
	}

.dollhouse_lecture_box{
	width				: 900px;
	margin				: 0 auto;
	line-height			: 1.6;
	}

.dollhouse_lecture_img{
	width				: 400px;
	float				: right;
	padding-left		: 20px;
	}

.dollhouse_lecture_text{
	clear				:both;
	padding				: 20px 0;
	}

.dollhouse_charm_frame{
	background-image	: url(../images/dollhouse_charm_bk.png);
	background-repeat	: no-repeat;
	padding				: 40px 40px 10px ;
	}

.dollhouse_charm_box{
	width				: 800px;
	margin				: 0 auto;
	background			: rgba(255,255,255,0.5);
	font-weight			: bold;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 40px;
	margin-bottom		: 40px;
	line-height			: 2.5;
	}

.dollhouse_charm_text{
	width				: 600px;
	font-weight			: bold;
	padding-top			: 35px;
	margin				: 0 auto;
	}

.hr_orange{
	width				: 100%;
	border				: none;
	margin-top			: 0px;
	margin-bottom		: 0px;
	border-top			: 2px #ffa133 solid;
	}

.dollhouse_product_box{
	width				: 840px;
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 20px;
	margin-top			: 40px;
	margin-bottom		: 40px;
	line-height			: 2.5;
	}

.dollhouse_product_box h4{
	font-size			: 24px;
	color				: #ffa133;
	}

.dollhouse_product_box img{
	float				: left;
	}

.dollhouse_voice_frame{
	background-image	: rgba(255,255,255,1.0);
	background-repeat	: no-repeat;
	padding				: 10px 40px;
	}

.dollhouse_voice_box{
	width				: 800px;
	margin				: 0 auto;
	background			: #f5e2cd;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 20px;
	margin-top			: 20px;
	margin-bottom		: 20px;
	line-height			: 1.9;
	}

.dollhouse_voice_box img{
	float				: left;
	}

.dollhouse_voice_text{
	width				: 470px;
	padding				: 0 20px;
	float				: left;
	}

.dollhouse_voice_dotline{
	border-bottom		: dashed 2px #fff;
}

.dollhouse_application_frame{
	background-image	: rgba(255,255,255,1.0);
	background-repeat	: no-repeat;
	padding				: 10px 0px;
	}
.dollhouse_application_frame h2{
	margin				: 0 auto;
	}

.dollhouse_application_box{
	width				: 1024px;
	margin				: 0 auto;
	color				: #42210b;
	padding				: 20px 0 20px 20px;
	margin-top			: 20px;
	line-height			: 1.9;
	box-sizing			: border-box;
	}

.dollhouse_application_box img{
	float				: right;
	padding-left		: 20px;
	}

.no1{
	background-image	: url(../images/no1.gif);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no2{
	background-image	: url(../images/no2.gif);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no3{
	background-image	: url(../images/no3.gif);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no4{
	background-image	: url(../images/no4.gif);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no5{
	background-image	: url(../images/no5.gif);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

/*------------------------------------------*/
/*	TILE
/*------------------------------------------*/
.tile_top_tile{
	width				: 1024px;
	height				: 555px;
    background-image	: url(../images/tile_top_side_autumn.png), url(../images/tile_top_title.png);
    background-position	: left , right ;
    background-repeat	: no-repeat, no-repeat;
	font-size			: 19px;
	font-weight			: bold;
	color				: #000;
	line-height			: 1.3;
	}

.tile_top_point1{
	width				: 280px;
	padding				: 327px 0 0 30px;
	}

.tile_top_point2{
	width				: 280px;
	padding				: 25px 0 0 30px;
	}

.tile_top_point3{
	width				: 280px;
	padding				: 25px 0 0 30px;
	}

.tile_bord{
	margin				: 0 auto;
	background			: url(../images/workshop_bord.png);
	}

.tile_bord_textbox{
	padding				: 80px 0 20px 120px;
	width				: 900px;
	color				: #472e0e;
	}

.tile_bord_subject{
	font-size			: 21px;
	padding				: 20px 0;
	clear				: both;
	}

.tile_bord_text{
	font-size			: 17px;
	}

.tile_bord_list{
	width				: 450px;
	light-height		: 1.4;
	}

.tile_bord_list dt {
	float				: left;
	clear				: left;
	width				: 100px;
	padding				: 2px 0;
	}

.tile_bord_list dd {
	float				: left;
	width				: 350px;
	}

.tileimage{
	float				: right;
	width				: 200px;
	border				: 3px rgba(238,185,139,1.0) solid; 
	margin				: 0 30px 0 0;
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	box-sizing			: border-box;
	}

.tile_entry_frame{
	margin				: 0 auto;
	width				: 1024px;
	text-align			: center;
	background			: url(../images/bk_zakka.png);
	padding				: 20px;
	}

.tile_entry_box{
	width				: 500px;
	margin				: 0 auto;
	/*background			: rgba(255,255,255,1.0);*/
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	box-sizing			: border-box;
	padding				: 10px 0;
	}

.tile_entry_text{
	font-weight			: bold;
	font-size			: large;
	padding				: 10px 0;
	}

.tile_entry_check{
	font-size			: x-large;
	color				: rgba(255,0,0,1.0);
	}

.tile_interior_text{
	width				: 1024px;
	margin				: 0 auto;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 20px 0;
	margin-top			: 20px;
	margin-bottom		: 20px;
	line-height			: 1.9;
	}

.tile_interior_text img{
	width				: 500px;
	height				: 400px;
	float				: left;
	padding-right		: 20px;
	}

.tile_about_box{
	background-image	: url(../images/tile_about_bk.png);
	width				: 1024px;
	margin				: 0 auto;
	padding				: 50px;
	}

.tile_about_textbox{
	width				: 800px;
	margin				: 0 auto;
	background			: rgba(255,255,255,0.5);
	font-weight			: bold;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 40px;
	line-height			: 2.5;
	}

.tile_description_box{
	background			: rgba(255,115,72,1.0);		/*秋　季節によって変更*/
	/*background			: rgba(171,203,235,1.0);		/*夏　季節によって変更*/
	width				: 1024px;
	margin				: 0 auto;
	padding				: 20px;
	color				: #42210b;
	}

.tile_description_inbox{
	margin				: 0 auto;
   	background			: #fff;
	width				: 800px;
	margin-top			: 20px;
	margin-bottom		: 20px;
	}

.tile_description_index{
	width				: 100px;
	height				: 30px;
	}

.tile_description_text{
	display				: table-cell; 
	vertical-align		: top;
	padding				: 10px 20px;
	width				: 420px;
	line-height			: 1.5;
	}

.tile_description_text h3{
	padding				: 10px 0;
	}

.tile_description_img{
	float				: right;
	}

.tile_lecture_box{
	width				: 500px;
	margin				: 0 auto;
	line-height			: 1.6;
	}

.tile_lecture_box2{
	width				: 800px;
	margin				: 0 auto;
	line-height			: 1.6;
	}

.tile_lecture_img{
	width				: 400px;
	float				: right;
	padding-left		: 20px;
	}

.tile_lecture_text{
	clear				: both;
	padding				: 20px 0;
	}

.tile_lecture_title{
	margin-top			: 25px;
	margin-left			: 25px;
	}

li.tile_lectures{
	display: inline-block;
}


ul.tile_lectures{
	margin				: 20px 15px;
	width				: 770px;
	}

.tile_charm_frame{
	background-image	: url(../images/tile_charm_bk.png);
	background-repeat	: no-repeat;
	padding				: 40px 40px 10px ;
	}

.tile_charm_box{
	width				: 800px;
	margin				: 0 auto;
	background			: rgba(255,255,255,0.5);
	font-weight			: bold;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 40px;
	margin-bottom		: 40px;
	line-height			: 2.5;
	}

.tile_charm_text{
	width				: 600px;
	font-weight			: bold;
	padding-top			: 35px;
	margin				: 0 auto;
	}

.hr_red{
	width				: 100%;
	border				: none;
	margin-top			: 0px;
	margin-bottom		: 0px;
	border-top			: 2px rgba(0,185,0,1.0) solid;
	}

.tile_product_box{
	width				: 840px;
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 20px;
	margin-top			: 40px;
	margin-bottom		: 40px;
	line-height			: 2.5;
	}

.tile_product_box h4{
	font-size			: 24px;
	color				: rgba(185,0,0,1.0);
	}

.tile_product_box img{
	float				: left;
	}

.tile_voice_frame{
	background-image	: rgba(255,255,255,1.0);
	background-repeat	: no-repeat;
	padding				: 10px 40px;
	}

.tile_voice_box{
	width				: 800px;
	margin				: 0 auto;
	background			: #f5e2cd;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 20px;
	margin-top			: 20px;
	margin-bottom		: 20px;
	line-height			: 1.9;
	}

.tile_voice_box img{
	float				: left;
	}

.tile_voice_text{
	width				: 470px;
	padding				: 0 20px;
	float				: left;
	}

.tile_voice_dotline{
	border-bottom		: dashed 2px #fff;
}

.tile_application_frame{
	background-image	: rgba(255,255,255,1.0);
	background-repeat	: no-repeat;
	padding				: 10px 0px;
	}
.tile_application_frame h2{
	margin				: 0 auto;
	}

.tile_application_box{
	width				: 1024px;
	margin				: 0 auto;
	color				: #42210b;
	padding				: 20px 0 20px 20px;
	margin-top			: 20px;
	line-height			: 1.9;
	box-sizing			: border-box;
	}

.tile_application_box img{
	float				: right;
	padding-left		: 20px;
	}

.no1_orange{
	background-image	: url(../images/no1_orange.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no2_orange{
	background-image	: url(../images/no2_orange.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no3_orange{
	background-image	: url(../images/no3_orange.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no4_orange{
	background-image	: url(../images/no4_orange.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no5_orange{
	background-image	: url(../images/no5_orange.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no1_pink{
	background-image	: url(../images/no1_pink.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no2_pink{
	background-image	: url(../images/no2_pink.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no3_pink{
	background-image	: url(../images/no3_pink.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no4_pink{
	background-image	: url(../images/no4_pink.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

.no5_pink{
	background-image	: url(../images/no5_pink.png);
    background-repeat	: no-repeat;
    background-position	: left;
    background-size		: 15px;
    text-indent			: 20px;
    line-height			: 17px;
    margin				: 8px;
	}

/*------------------------------------------*/
/*	WORKSHOP
/*------------------------------------------*/
.workshop_menu_frame{
	width				: 1024px;
	clear				: both;
	margin				: 0 auto;
	background			: url(../images/workshop_bk.png)repeat-y;
	padding				: 40px 0;
	}

.workshop_menu_info{
	width				: 800px;
	margin				: 0 auto;
	background			: rgba(255,255,255,0.7);
	font-weight			: bold;
	color				: #42210b;
	box-sizing			: border-box;
	padding				: 40px;
	line-height			: 2.5;
	box-shadow			: 10px 10px 10px rgba(0,0,0,0.4);
	}

.workshop_menu_box{
	width				: 950px;
	margin				: 0 auto;
	margin-top			: 40px;
	}

.workshop_menu_box h2{
	float				: left;
	font-size			: 18px;
	}

.workshop_menu_list{
	width				: 950px;
	border-collapse		: collapse;
	border-top			: 2px solid #ccc;
	border-right		: 2px solid #ccc;
	border-bottom		: 2px solid #ccc;
	margin				: 0 auto;
	box-shadow			: 10px 10px 10px rgba(0,0,0,0.4);
	}

.workshop_menu_list th{
	height				: 15px;
	padding				: 3px; text-align: center;
	vertical-align		: top;
	color				: #666666;
	background			: #eee;
	border-bottom		: 1px dotted #999;
	border-left			: 1px solid #ccc;
	font-size			: 13px;
	box-sizing			: border-box;
	}

.workshop_menu_list td{
	width				: 90px;
	padding				: 6px;
	border-bottom		: 1px dotted #999;
	border-left			: 1px solid #ccc;
	background			: #fff;
	font-size			: 15px;
	}

.workshop_menu_refarence{
	width				: 900px;
	margin				: 0 auto;
	padding				: 20px;
	background			: rgba(255,255,255,0.7);
	margin-top			: 50px;
	margin-bottom		: 10px;
	font-weight			: bold;
	box-shadow			: 10px 10px 10px rgba(0,0,0,0.4);
	}

.workshop_menu_refarence h3{
	font-size			: large;
	padding				: 10px 0;
	}

.workshop_entry_box{
	width				: 500px;
	margin				: 0 auto;
	box-sizing			: border-box;
	padding				: 40px 0 10px;
	text-align			: center;
	}

.workshop_entry_box img{
	margin				: 0 auto;
	}

.workshop_entry_box p{
	padding				: 10px;
	}

/*------------------------------------------*/
/*	INDEX / WORKSHOP MENU
/*------------------------------------------*/
.selectcourse_box{
	text-align			: center;
	width				: 930px;
	float				: left;
	margin				: 20px 48px;
	}

.selectcourse_box2{
	text-align			: center;
	width				: 470px;
	margin				: 0 auto;
	background			: rgba(255,255,255,0.7);
	padding				: 0 20px;
	box-shadow			: 10px 10px 10px rgba(0,0,0,0.4);
	}

/*-- ボタンエフェクト --*/
.selectcourse_btn {
	width				: 300px;
	height				: 200px;
	overflow			: hidden;
	margin				: 5px;
	position			: relative;
	float				: left;
}

.selectcourse_btn .caption {
	text-align			: left;
	font-size			: 16px;
	color				: #fff;
	padding				: 30px;
}

.selectcourse_btn .mask {
	width				: 100%;
	height				: 100%;
	position			: absolute;
	top					: 0;
	left				: 0;
	background-color	: rgba(0,0,0,0.4);
	-webkit-transition	:	all 0.4s ease;
	transition			: all 0.4s ease;
	-webkit-transform	: scale(0);	/* 大きさを０にして表示しない */
	transform			: scale(0);
	}

.selectcourse_btn:hover .mask {
	-webkit-transform	: scale(1);	/* 大きさを１にして表示する */
	transform			: scale(1);
	}

/*-- ボタンエフェクト(SIZE 400×200) --*/
.selectcourse_btn2 {
	width				: 400px;
	height				: 200px;
	overflow			: hidden;
	margin				: 20px 15px;
	position			: relative;
	float				: left;
	}

.selectcourse_btn2 .caption {
	text-align			: left;
	font-size			: 16px;
	color				: #fff;
	padding				: 30px;
	}

.selectcourse_btn2 .mask {
	width				: 100%;
	height				: 100%;
	position			: absolute;
	top					: 0;
	left				: 0;
	background-color	: rgba(0,0,0,0.4);
	-webkit-transition	:	all 0.4s ease;
	transition			: all 0.4s ease;
	-webkit-transform	: scale(0);	/* 大きさを０にして表示しない */
	transform			: scale(0);
	}

.selectcourse_btn2:hover .mask {
	-webkit-transform	: scale(1);	/* 大きさを１にして表示する */
	transform			: scale(1);
	}


.workshop_ref p{
	padding				: 10px 0 0 20px;
	font-weight			: normal;
	}