@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
s Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
body {
	/*color: #fff;*/
	background: #fff;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6, 7 */
body,input,textarea {
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
textarea	{ resize: vertical; }
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
address	{ font-style: normal;color:#fff;}
img {
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
em { background: #F66; padding:2px; font-weight: bold; color: #fff; }
span.att	{ color:#FF0000; }

a, a:link	{
	color: #382300;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:visited	{
	text-decoration: none;
}
a:hover	{
	text-decoration: none;
	color: #382300;
}
a:active	{
}
/* page要素
----------------------------------------------------------- */
#page {
	width: auto;
	margin: 0 auto;
	font-size: 13px;
	text-shadow: none;
}

/* header要素
----------------------------------------------------------- */
#logo	{ text-align: center; padding: 10px 0 15px; }
#logo a:hover	{ opacity:.7; }

#gNavi ul	{ overflow: hidden; border-bottom: 2px solid #8B2108; }
#gNavi li	{ width: 50%; float: left;background: #151515; /* Old browsers */
background: -moz-linear-gradient(top,  #151515 0%, #474747 7%, #151515 28%, #151515 82%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151515), color-stop(7%,#474747), color-stop(28%,#151515), color-stop(82%,#151515)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #151515 0%,#474747 7%,#151515 28%,#151515 82%); /* Chrome10+,Safari5.1+ */
}
#gNavi li a	{
	display: block;
	text-align: center;
	border: 1px solid #363636;
	padding: 13px 10px;
	color: #fff;
	text-shadow: 0 -1px 1px #222, -1px 0 1px #FFF, 1px 0 1px #222;
	font-weight: bold;
}
#gNavi li:nth-child(1) a	{ border-right: none; border-bottom: none; background:; }
#gNavi li:nth-child(2) a	{ border-bottom: none; background:; }
#gNavi li:nth-child(3) a	{ border-right: none; background:; }
#gNavi li:nth-child(4) a	{ background:; }

/* contents要素
----------------------------------------------------------- */
#contents	{
	margin: 0;
	overflow: hidden;
	font-size:12px;
	line-height: 150%;
	background:#fff;
	background: url(http://www.gyuta.com/_img/bgimg_washi_02.jpg);
	background-size: auto;
}

#contents strong{text-align: right;display: block;font-size: 110%;margin-top: 10px;}
#contents .spimg img	{ width:100%; height:auto; }
#contents section	{ padding: 0 10px; margin-bottom: 30px; }
#contents section h1	{
	padding: 10px 0 5px;
	font-size: 150%;
	text-shadow: 1px 1px 0 #EEE;
	margin: 0 0 20px;
	color: #382300;
	border-bottom: 1px solid #A59C92;
}
#contents section h2	{
	font-size: 16px;
	padding:8px 0px;
	color:#fff;
	background: #8B2108;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#C9E493), to(#99CC33));
	text-shadow: 1px 1px 0 #669900;*/
	text-align: center;
	margin: 0 0 10px;
	border-radius:5px;
}
#contents section h3	{
	font-size: 14px;
	padding: 5px 0;
	color: #669900;
	text-shadow: 1px 1px 0 #eee;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 7px;
}
#contents section .price h3	{
	width: 40%;
	background: #FFCC00;
	color: #000;
	padding:5px;
	text-shadow: none;
	border: none;
	margin-bottom:0;
}
#contents section p,#contents section dl	{ margin-bottom: 10px; }
#contents section dt	{ font-weight: bold; color: #382300; text-shadow: 1px 1px 0 #eee; margin-bottom:5px; font-size:125%; }
#contents section dd	{ margin-bottom: 15px; }
#contents nav.menu ul	{ margin: 0 5px 10px;}
#contents nav.menu li:first-child	{ padding: 10px;}

#contents #address	{ margin-bottom: 10px;}

#contents header	{ margin: -5px -10px 10px; background: #333; padding: 10px 20px 5px; }
#contents header .imgArea	{ margin-bottom:0;}
#contents .time	{ padding-bottom: 5px; border-bottom: 1px dotted #656565; }


/* トップ店舗ナビ
----------------------------------------------- */
#contents .shop_nav {overflow: hidden;text-align: center; padding: 10px 0;background: #151515;border-bottom: 2px solid #8B2108;margin-bottom:15px; }
#contents .shop_nav ul	{  }
#contents .shop_nav li	{ display: inline; color:#fff; padding: 5px;}
#contents .shop_nav a	{　text-decoration: none;color:#fff;}
#contents .shop_nav a:hover	{ color:#8B2108; }

/* 共通要素
----------------------------------------------- */
#contents p.main	{ text-align: center; margin-bottom: 1px; }
@media all and (orientation:landscape) {
	#contents p.main img {
		width: 480px; height: auto;
	}
}
#contents .kome  {
	padding-left: 1em;
	text-indent: -1em;
}
#contents .dis	{
	padding: 10px;
	background: #ECFAC1;
}
#contents .dis2	{ background:#E1EEFF; }
#contents .dis3	{ background:#FFEED5; }

#contents .at	{
	padding: 20px 10px;
	color:#F66;
	font-weight: bold;
}
#contents .bnr a:hover	{ opacity:.7; }
#contents .txtC	{ text-align: center; }
#contents .txtR	{ text-align: right; }
#contents .data	{ text-align: right; }
#contents .data a	{
	background: url(../img/common/icon/back.png) no-repeat left 3px;
	padding: 0 0 0 20px;
}

#contents section ul.nl, 
#contents section ol.nl	{ margin-bottom: 15px; }
#contents section ul.nl li	{
	list-style-type: disc;
	padding: 3px 0px;
	margin-left: 25px;
}
#contents section ol.nl li	{
	list-style-type: decimal;
	padding: 3px 0px;
	margin-left: 35px;
}


#contents .tabNav	{ overflow: hidden; margin: 0 -10px; }
#contents .tabNav li	{ width: 50%; float: left; }
#contents .tabNav li a	{
	display: block;
	text-decoration: none;
	padding: 8px 18px;
	margin: 2px;
	background: url(../img/common/icon/fnav.gif) no-repeat right center;
}
#contents .tabNav li a.active	{ margin: 0; padding: 10px 20px; }
#contents .tabNav li:nth-child(1) a	{ background-color: #390D32; }
#contents .tabNav li:nth-child(2) a	{ background-color: #28390D; }
#contents section.lecture #box1	{
	background: -webkit-gradient(linear, left top, left bottom, from(#390D32), color-stop(0.3, #000), to(#000));
	padding: 10px;
	margin: 0 -10px;
}
#contents section.lecture #box2	{
	background: -webkit-gradient(linear, left top, left bottom, from(#28390D), color-stop(0.3, #000), to(#000));
	padding: 10px;
	margin: 0 -10px;
}

#contents section.lecture .list a	{
	background: url(../img/common/icon/fnav.gif) no-repeat center right,
	-webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
	padding: 5px 20px;
}
#contents section .list a .imgL	{ margin-bottom:0; }
#contents section.lecture dl	{ padding-top: 10px; }

li:first-child	{}
li:last-child	{}
li:nth-child(odd)	{}
li:nth-child(even)	{}
li:nth-child(1)	{}
li:nth-child(2)	{}




/* Image Style
----------------------------------------------- */
#contents .imgArea	{ width: 100%; margin-bottom:15px; }
#contents .dis2	{ width: 94%; padding: 10px; background: #DDE8F7; }
.imgR {	float: right;	margin: 0 0 0 5px;}
.imgRs {float: right;	}
.imgL {	float: left;	margin: 0 15px 0 0;}
.imgC	{ text-align: center; }
.textArea	{ overflow: hidden; _zoom: 1; }
#contents .imgList li img, .img img	{ padding: 1px; border: 1px solid #eee; }
#contents .map	{ margin: 0 auto 5px; }
#contents section .map iframe	{ width:100%; }
#contents .imgList	{ overflow: hidden; text-align: center; margin-right: -6px; }
#contents .imgList li	{ display: inline-block; margin: 0 6px 6px 0; list-style-type: none; }
@media all and (orientation:portrait) {
	#contents .imgList li	{ width: 144px; }
	#contents .imgList li img {
		width: 140px;
	}
}
@media all and (orientation:landscape) {
	#contents .imgList li	{ width: 224px; }
	#contents .imgList li img {
		width: 220px;
	}
}

/* よくある質問
----------------------------------------------- */
#contents .faq { margin: 0 -10px; color: #fff; }
#contents .faq dt	{
	background: url(../img/common/icon/q.gif) no-repeat 20px 10px,
	-webkit-gradient(linear, left top, left bottom, from(#333), to(#232323));
	padding: 10px 20px 10px 50px;
	color: #fff;
	margin-bottom:1px;
}
#contents .faq dt span	{ display: block; background: url(../img/common/icon/a_b.gif) no-repeat center right; padding-right: 20px; }
#contents .faq .nowOpen span	{ background: url(../img/common/icon/a_t.gif) no-repeat center right; padding-right: 20px; }
#contents .faq dd	{
	background: #333 url(../img/common/icon/a.gif) no-repeat 20px 10px;
	padding: 10px 20px 10px 50px;
	margin-bottom:1px;
}

/* テーブル共通指定
----------------------------------------------- */
#contents table  {
	width: 100%;
	margin: 0 auto 20px;
}
#contents th, #contents td {
    padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
#contents th	{
	width:30%;
/*	background: #eee;*/
	color:#382300;
	text-align: left;
}
#contents table.time td	{ text-align: center; }

/*--------------------------------------------*/
/*--------------------------------------------*/
/*map*/
/*--------------------------------------------*/
/*--------------------------------------------*/
#map_canvas{
	width:100%;
	height:200px;
}
#map_canvas div{
	text-align:center;
}

/* お問い合わせフォーム
--------------------------------------------------*/



#contents section .contact	{
	border: 3px solid #eee; padding: 10px;
	text-align:center;
}
#contents section .contact dd	{ margin:0; }

#contents section .unit	{ padding: 10px 0; margin-bottom: 30px; }
#contents section .unit dl	{ margin-bottom: 15px; }
#contents section .unit dd	{ margin-bottom: 15px; position:relative; }
#contents section .unit footer	{ text-align: center; }

#contents section .unit select	{ padding: 10px; border: 1px solid #ccc; }
#contents section .unit input[type=text]	{
	width: 270px;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
#contents section .unit button	{
	background: -webkit-gradient(linear, left top, left bottom, from(#C9E493), color-stop(0.49, #B9DC72), color-stop(0.5, #9BCD38), to(#9BCD38));
	border: 1px solid #669900;
	padding: 10px;
	font-weight: bold;
	color: #fff;
}
#contents section .unit button:hover	{ opacity:.7; cursor: pointer; }
#contents section .unit button a	{ text-decoration: none; color:#fff; }

#contents section .unit input.w120	{ width: 40%; }
#contents section .unit .textarea	{
	width: 92%;
	border: 1px solid #ccc;
	padding: 5px 10px;
	height: 120px;
}
#contents .unit .kome {
	color: #F00;
	text-shadow: none;
}
#contents .unit .check dd	{ padding: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }
#contents .unit .err,#contents .unit .conf,#contents .unit .check dd strong	{ color: #C00; font-weight: bold; }
.zm_copyright, .wtn_copyright { display:none }

/* footer要素
----------------------------------------------------------- */
#footer {background:#151515;}
#footer .menu	{ overflow: hidden; background: #151515; }
#footer .menu li	{ float: left; font-weight: bold; color: #fff; border-bottom: 2px solid #151515; }
#footer .menu li:nth-child(1)	{ width:65%; padding: 10px 0; }
#footer .menu li:nth-child(2)	{ width: 35%; }
#footer .menu .pageTop a	{
	display: block;
	/*background: url(../img/common/icon/pagetop.gif) no-repeat 10px center,*/
	-webkit-gradient(linear, left top, left bottom, from(#CBE596), to(#99CC33));
	color: #fff;
	padding: 12px 10px;
	font-size: 10px;
	text-shadow: 1px 1px 0 #4F0D0D;
	text-decoration: none;
	background: #8B2108;
}
#footer .menu .pageTop a:active	{ background-color: #8B2108; }

#footer .fNav	{ margin-bottom: 15px; }
#footer .fNav li	{ /*margin-bottom:1px;*/ background: #E5DED4;}
#footer .fNav a	{
	display: block;
	border-bottom: 1px solid #382300;
	/*background: #fff url(../img/common/icon/fnav.gif) no-repeat right center;*/
	padding: 10px 10px 10px 13px;
	text-decoration: none;
	color:#151515;
}
#footer .fNav a:hover	{ background-color:#8B2108;color:#fff; }

#footer p.bnr	{ text-align: center; padding: 5px; }
#footer p.bnr:hover	{ border-color:336600; }

#footer .about ul	{ text-align: center; margin-bottom:10px; }
#footer .about li	{ display: inline; color:#fff;}

#footer .about a	{
	text-decoration: none;color:#fff;
}
#footer .about a:hover	{ color:#8B2108; }

#footer dl	{ margin:20px 5px 5px 5px; border: padding: 10px; text-align:center; }
#footer dd	{ position: relative; }
#footer dt, #footer dd p	{ margin-bottom: 3px; color:#fff;}
#footer dd .map	{ position: absolute; bottom: 20px; right:0;background:#8B2108;padding:3px 5px;margin-right:3px; font-size:90%;}
#footer dd .map	a, a:hover{ opacity:.7;color:#fff; }

#footer .copyright	{
	padding: 5px;
	background:#8B2108;
	color: #fff;
	text-align: center;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer .tel a, a:hover{ color:#8B2108;}


/* その他要素
----------------------------------------------------------- */
/*ランチ*/

#contents .Lunch		{ overflow: hidden;}
#contents .Lunch dd	{ font-size: 90%;margin-right: 10px;overflow: hidden; }
#contents .Lunch dl	{ margin-bottom:20px; }
#contents .Lunch .img	{  float:right; }
#contents .Lunch .inner { overflow: hidden; }

/*店舗情報*/
#contents .mise .yoyaku a{font-weight:bold;color:#fff;text-shadow: 1px 1px 0 #4F0D0D;}


#contents ul.cont	{ overflow: hidden; }
#contents ul.cont li	{ list-style-type:none; margin-bottom:2px; }
#contents ul.cont dd	{ font-size:10px; overflow: hidden; }
#contents ul.cont dd p	{ margin-bottom:0; }
#contents ul.cont dd .img01	{ border: 1px solid #eee; padding:1px; }
#contents ul.cont dd .img02	{ border: 1px solid #eee; padding:1px;margin-bottom:10px; }
#contents ul.cont strong a	{background: #D0BCA7;padding: 3px 5px;}

#contents .cont02 .yoyaku a{font-weight:bold;color:#fff;text-shadow: 1px 1px 0 #4F0D0D;}
#contents ul.cont02	{ overflow: hidden; }
#contents ul.cont02 li	{ list-style-type:none; margin-bottom:2px; }
#contents ul.cont02 dd	{ font-size:10px; overflow: hidden; }
#contents ul.cont02 dd p	{ margin-bottom:0; }
#contents ul.cont02 dd .img01	{ border: 1px solid #eee; padding:1px; }
#contents ul.cont02 dd .img02	{ border: 1px solid #eee; padding:1px;margin-bottom:10px; }
#contents ul.cont02 strong a	{background: #D0BCA7;padding: 3px 5px;}

.yoyaku {background: background: #8b2108; /* Old browsers */
background: -moz-linear-gradient(top,  #8b2108 0%, #8b2108 41%, #4f0d0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b2108), color-stop(41%,#8b2108), color-stop(100%,#4f0d0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8b2108 0%,#8b2108 41%,#4f0d0d 100%); /* Chrome10+,Safari5.1+ */;
margin: 10px 0 5px;padding: 10px 0;text-align: center;font-size: 150%;
border-radius: 6px;/ 
}


/*--------------------------------------------*/
/*--------------------------------------------*/
/*lesson*/
/*--------------------------------------------*/
/*--------------------------------------------*/

#contents .small	{ font-size:10px; }
#contents .mini{font-size:85%;}
#contents .list2 th	{ width: 60%; }
#contents .list2 td	{ text-align: right; }
#contents table.lesson{
	width:100%;
	margin: 0 0 15px;
	font-size:10px;
}
@media screen and (max-width:320px){
	#contents table.lesson	{ margin: 0 -9px 15px; }
}
#contents table.lesson th, #contents table.lesson td{
	padding:5px;
	text-align:center;
	border:solid 1px #ccc;
	vertical-align: middle;
}
#contents table.lesson th{
	font-weight:bold;
	background-color:#efefef;
}
.regc{
	background-color:#ecfac1;
}
.redc{
	background-color:#ffeed5;
}
.bluec{
	background-color:#e1eeff;
}
.text_orange_big{
font-size: 100%;
color: #CC3333;
line-height: 180%;
}
.pdf_download {
  font-weight:bold;
}
.pdf_download a {
  color: #ff6600;
  text-decoration: none;
}
section.ticket{
	margin:30px 0px;
}
.ticket img{
	width: 100%;
	margin-bottom: 1.2em;
}

.pdf_download a:hover {
  color: #ff6600;
  text-decoration: underline;
}
/* clearfix */
#contents .imgArea:after, .clearfix:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }