@charset "Shift_JIS";
/*======= 基本設定 =======*/
body{
	color: #000;
	text-align: center;
	background-color: #fff;
	margin: 0;
font-family: 'ＭＳ Ｐ明朝','平成明朝',serif;
 box-sizing:border-box;
}
div{box-sizing:inherit;}
#container{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: left;
    border:0;
}
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.head_title{
	position: relative;
	top: 15px;
	left: 20px;
	width: 700px;
	height: auto;
	font-size: 24px;
	font-weight: bold;
	font-style: serif;
	color: #040;
}
#header{
	box-sizing:border-box;
	width:100%;
	height: auto;
	margin: 0;
	padding:0;
	border:0;
	border-collapse:collapse;
	display:table;
}
 .site_banner{
	box-sizing:border-box;
	width:260px;
    height:100px;
	margin:0;
	padding:0;
	display:table-cell;
 }
.site_banner a:hover{
 opacity:0.6;
}
 .header_right{
	box-sizing:border-box;
	height:100px;
	display:table-cell;
	vertical-align:top;
 }
.h1-base{
	box-sizing:border-box;
    height:40px;
	padding:1px 10px 0 10px;
	text-align:left;
	background-color:#fbf4b8;
}
h1{
	box-sizing:border-box;
	width:100%;
    height:38px;
	font-size:0.6em;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight:normal;
	color:#000;
	line-height:1.1em;
	text-align:left;
}
#gmenu{
	box-sizing:border-box;
	width:100%;
	height:60px;
	padding:10px 20px 0 20px;
	margin:0;
	background-color:#fff;
}
ul.header_item{
box-sizing:border-box;
width:100%;
height:auto;
list-style-type:none;
padding:0;
margin:10px 0 0;
overflow:hidden;
font-size:0;
line-height:0;
}
ul.header_item li{
box-sizing:border-box;
width:33.33%;
height:auto;
padding:6px;
float:left;
}
ul.header_item li img{
box-sizing:border-box;
width: 100%;
border-radius: 7px;
border: 3px solid #cae4a7;
}
ul.header_item li a:hover{
 opacity:0.6;
}
#gmenu ul{
	box-sizing:border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow:hidden;
}
#gmenu ul li{
	box-sizing:border-box;
	float: left;
	margin: 0;
	padding: 0;
	padding:0 10px 0 10px;
	font-size: 0.8em;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
	height:22px;
	color:#fff;
	overflow:hidden;
}
#gmenu ul li a{
	display: block;
	padding: 0px;
	color: #333;
	overflow: hidden;
	text-decoration: none;
	line-height:22px;
}
#gmenu ul li a:hover{
	color: lime;
	text-decoration: none;
}
#gmenu ul li.active{
box-sizing:border-box;
	float: left;
	margin: 0;
	padding: 0;
	padding:0 10px 0 10px;
	height: 22px;
	color: orange;
    line-height:22px;
	overflow:hidden;
}
#main{
	box-sizing:border-box;
	clear:both;
	width:100%;
	height:auto;
	margin: 0;
	display:table;
	border:0;
	border-collapse:collapse;
}
.menu{
	box-sizing:border-box;
 	margin:0;
	padding:30px 20px 20px 20px;
}
.side_content{
	box-sizing:border-box;
 	margin:0;
	padding:30px 20px 20px 20px;
}
.sidebar{
	box-sizing:border-box;
	width:260px;
	height:auto;
	margin:0;
	padding:0;
	background-color:#fbf4b8;
	display:table-cell;
	vertical-align:top;
}
.content{
	box-sizing:border-box;
	height:auto;
 	margin:0;
	padding: 0;
	display:table-cell;
	vertical-align:top;
}
.footer {
	box-sizing:border-box;
	clear: both;
	margin: 0;
	width: 100%;
	line-height: 1.5em;
	text-align: center;
	font-size: 0.9em;
	background: #FFFFFF;
	padding: 20px 0px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 5px solid #fff;
}
a.footer_link:link, a.footer_link:visited{
	color: #666;
}
a.footer_link:hover, a.footer_link.active{
	color: orange;
}
/*======= MAIN =======*/
h2{
         clear:both;
	box-sizing:border-box;
	margin: 20px;
 	height: 30px;
 	font-size:1.2em;
 	color:#000;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
 	font-weight:bold;
 	padding:0 10px 0 10px;
	line-height: 30px;
	border-bottom:1px solid #aaa;
}
.txt{
	margin: 15px 10px 10px;
	font-size:13px;
	color:#666;
	text-align:left;
}
.txt a:link{
 	color: #0000FF;
 	text-decoration: underline;
}
.txt a:visited{
 	color: #0000FF;
 	text-decoration: underline;
}
.txt a:hover{
 	color: #800080;
 	txt-decoration: underline;
}
.form_label{
 box-sizing:border-box;
 white-space:nowrap;
	font-size: 13px;
	color: #666;
	text-align: center;
}
/*------- CONTENT -------*/
/*------- CONTENT HEADER------*/
.content_header{
 width:100%;
 margin:0;
 height:0;
 padding-top:40.0%;
 background:url(../../media/common/top_header.jpg) no-repeat;
 background-size:contain;
}
.content_container{
 box-sizing:border-box;
 width:100%;
 height:auto;
 padding:0;
 margin:0;
 display:table;
}
.content_left{
 box-sizing:border-box;
 width:50%;
 height:auto;
 margin:0;
 padding:20px;
 font-size:0.9em;
 line-height:1.5em;
 color:#fff;
 background-color: #b06868;
 display:table-cell;
 vertical-align:top;
}
.content_left_label{
 width:100%;
 height:auto;
 padding:5px 0 5px;
 text-align:center;
 font-size:1.1em;
 color:#fff;
 font-weight:bold;
 line-height:26px;
 border-bottom:1px solid #fff;
}
.content_left_inner{
 width:100%;
 height:auto;
 text-align:left;
 font-size:0.8em;
 line-height:1.4em;
 color:#fff;
}
.content_right{
 box-sizing:border-box;
 width:50%;
 height:auto;
 margin:0;
 padding:0;
 background-color:#b06868;
 display:table-cell;
 vertical-align:top;
}
.content_right img{
 width:100%;
 border:0;
}	
.content_body{
	box-sizing:border-box;
	margin: 0;
	padding: 20px 30px 20px;
	height:auto;
	font-size:1.0em;
	color:#333;
	text-align:left;
	line-height: 1.5em;
}
.content_body p{
 font-size:1.0em;
 line-height:1.5em;
 color:#333;
}
.content_body a:link{
	color:#0000FF;
}
.content_body a:visited{
	color:#0000FF;
}
content_body a:hover{
	color:#800080;
}
.content_area{
box-sizing:border-box;
	margin: 20px 10px 20px;
	width:100%;
	background-color:#FFF;
	border:1px WHITE solid;
 padding:0 30px 0;
}
.mini{
	font-size:1px;
}
.page{
	margin:20px 20px 20px 30px;
}
a.page_link:link, a.page_link:visited {
	text-decoration:none;
	font-size:13px;
	color:#70a44d;
	font-weight:bold;
	padding:3px;
	background-color:#FFF;
}
a.page_link:hover, a.page_link:active {
	text-decoration:none;
	font-size:13px;
	color:#dae270;
	font-weight:bold;
	padding:3px;
	background-color:#FFF;
}
a.body_anchor:link, a.body_anchor:visited{
	color:#000000;
}
a.body_anchor:hover, a.body_anchor:active{
	color:#0000FF;
}
/*------- SHOPPING CART -------*/
td.goods_title{
  box-sizing:border-box;
	margin:0;
	width: 519px;
	height: 36px;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	background: url(../../media/common/cart_label.png) repeat-x;
	padding: 5px 5px 5px 15px;
}
table.shop_cart{
 box-sizing:border-box;
	width:80%;
	margin:10px 0 0;
	border:3px #ccc solid;
 border-radius:6px;
}
table.shop_cart td.txt{
 padding:6px;
 font-size:1.2em;
 line-height:1.5em;
 color:#000;
}
table.shop_cart td.txt img{
 width:30%;
}
.cart_input{
	font-size:13px;color:black;
	text-align: center;
}
.sell_out{
	width:150px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	font-size:16px;
	color:RED;
	border:2px RED solid;
}
/*------- MAIL FORM -------*/
table.mail_form{
 box-sizing:border-box;
	width:100%;
	margin:0px;
	border:5px #C0DEB8 solid;
        border-radius:10px;
	padding:10px 20px 10px 20px;
}
table.mail_form textarea{
 width:80%;
 height:100px;
}
/*------- RESERVATION -------*/
.reservation{
	width:525px;
	margin:0px;
	border:1px #C0DEB8 solid;
	padding:10px;
}
/*======= MENU =======*/
.menu_home{
 	box-sizing:border-box;
 	margin: 0 0 3px;
 	height: 30px;
 	font-size:15px;
 	color:#000;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
 	font-weight:bold;
	text-align:left;
 	padding-left: 10px;
	line-height: 30px;
	overflow: hidden;
}
.menu_home a{display:block}
.category{
 	margin: 0;
	padding:0;
	overflow:hidden;
}
h3{
 	box-sizing:border-box;
 	margin: 0 0 3px;
 	height: auto;
 	font-size:15px;
 	color:orange;
 	font-weight:bold;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	text-align:left;
 	padding:10px auto 10px 10px;
	overflow: hidden;
}
h4{
 	box-sizing:border-box;
 	margin: 0 0 3px;
 	height:auto;
 	font-size:15px;
 	color:#000;
 	font-weight:bold;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	text-align:left;
 	padding:10px auto 10px 10px;
	overflow: hidden;
}
h5{
 	margin: 0;
 	height: 26px;
 	font-size:12px;
 	color:#418200;
 	font-weight:bold;
 	background-image:url(http://web.joy-plaza.jp/media/common/type89_4.png);
 	background-repeat: no-repeat;
 	padding-left: 20px;
	line-height: 25px;
	overflow: hidden;
}
h6{
 	margin: 0;
 	height: 26px;
 	font-size:12px;
 	color:#418200;
 	font-weight:bold;
 	background-image:url(http://web.joy-plaza.jp/media/common/type91_7.png);
 	background-repeat: no-repeat;
 	padding-left: 20px;
	line-height: 25px;
	overflow: hidden;
}
#tools{
	margin: 0;
}
.tool{
 	margin: 0;
 	height: 26px;
 	font-size:12px;
 	color:#418200;
 	font-weight:bold;
 	background-image:url(http://web.joy-plaza.jp/media/common/type89_4.png);
 	background-repeat: no-repeat;
 	padding-left: 10px;
	line-height: 25px;
	overflow: hidden;
}
.menu_home a:link,
h4 a:link,
.menu_home a:visited,
h4 a:visited{
 color:#333;
}
h3 a{display:block;color:#000;}
h4 a{display:block}
.menu_home a:hover,h3 a:hover,h4 a:hover{
 color:yellowgreen;
}
*------- LINK LIST -------*/
div#link_list{
	margin:20px 10px 20px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 18px;
}
#link_list{
	margin:20px 10px 20px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 18px;
}
#link_list a:link{
 	color: #339900;
}
#link_list a:visited{
 	color: #339900;
}
#link_list a:hover{
 	color: #66ff66;
}
/*======= LINK =======*/
a, a:link, a:visited  {
	color: #555;
	text-decoration: none;
}
a:hover, a:active {
	color: ORANGE;
}
/*======= DIARY =======*/
.diary_title{
	margin:0px;
	width:100%;
	height: 26px;
 	font-size:12px;
 	color:#418200;
 	font-weight:bold;
 	background-image:url(http://web.joy-plaza.jp/media/common/type89_5.png);
 	background-repeat: no-repeat;
 	padding-left: 10px;
}
#calendar{
 	margin: 0 10px 10px;
 	border: 1px #70a44d solid;
	padding: 5px 10px;
	overflow: auto;
}
.cal{
	font-size:12px;color:#70a44d;
}
a.datelink:link, a.datelink:visited {
	text-decoration:none;
	font-size:12px;
	color:#ffcc00;
	background-color:#FFF;
}
a.datelink:hover, a.datelink:active {
	text-decoration:none;
	font-size:12px;
	color:#ffcc00;
	background-color:#FFF;
}
a.comment:link, a.comment:visited {
	text-decoration:none;
	font-size:12px;
	color:#70a44d;
	font-family:'ＭＳ ゴシック';
	font-weight:bold;
	padding:3px;
	background-color:#FFF;
}
a.comment:hover, a.comment:active {
	text-decoration:none;
	font-size:12px;
	color:#dae270;
	font-family:'ＭＳ ゴシック';
	font-weight:bold;
	padding:3px;
	background-color:#FFF;
}
/*======= BBS =======*/
.bbs_title{
	font-size: 13px;
	color: #006633;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
	background-color:#c7df88;
	border-top:1px solid WHITE;
	border-bottom:1px solid WHITE;
}
#upload{
	margin-bottom: 20px;
	margin-left: 450px;
}
.thread_area{
	margin-top:20px;margin-bottom:30px;
}
.updatetime{
	font-size:11px;color:BLACK;
}
a.bbs_regist:link, a.bbs_regist:visited {
	border: 1px #70a44d solid;
	padding: 2px;
	font-size: 13px;
	color: #70a44d;
	background-color: #fff;
}
a.bbs_regist:hover, a.bbs_regist:active {
	border: 1px #dae270 solid;
	padding: 2px;
	font-size: 13px;
	color: #dae270;
	background-color: #fff;
}
a.bbs_response:link, a.bbs_response:visited {
	text-decoration:none;
	font-size:13px;
	color:#ccff99;
	font-weight:bold;
	padding:3px;
	background-color:#70a44d;
}
a.bbs_response:hover, a.bbs_response:active {
	text-decoration:none;
	font-size:13px;
	color:#ffff66;
	font-weight:bold;
	padding:3px;
	background-color:#70a44d;
}
a.updatelink:link, a.updatelink:visited {
	text-decoration:none;
	font-size:12px;
	color:#70a44d;
	font-weight:bold;
	padding:3px;
	background-color:#FFF;
}
a.updatelink:hover, a.updatelink:active {
	text-decoration:none;
	font-size:12px;
	color:#dae270;
	font-weight:bold;
	padding:3px;
	background-color:#FFF;
}
/*======= SIDE CONTENT =======*/
.menu_content{
 	margin: 15px 10px 0 10px;
}
.menucontent_title{
 	margin: 0 0 2px;
	height:24px;
 	font-size: 1.0em;
font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
 	color: #333;
	line-height: 24px;
	padding-left:6px;
	overflow: hidden;
border-bottom: 1px solid #bc0202;
border-left: 3px solid #bc0202;
}
.menucontent_body{
 	margin: 0 0 15px;
 	font-size: 0.9em;
font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
 	color: #333;
 	padding: 0 8px;
	line-height: 1.5em;
}
.menucontent_body img{
    margin: 3px auto 0;
}
.menucontent_body a:link{
 	color: ORANGE;
 	text-decoration: underline;
}
.menucontent_body a:visited{
 	color: ORANGE;
 	text-decoration: underline;
}
.menucontent_body a:hover{
 	color: RED;
 	text-decoration: underline;
}
/*======= ETC =======*/
.sp1{
	font-size:1px;
}
.sp2{
	font-size:1px;
}
.sp{
	font-size:1px;
}
table{
	font-size: 13px;
	color: #666;
}
img{
	border: 0;
}
td.txt{
    margin: 8px;
    line-height:150%;
}
span{line-height:150%;}
/*--------コンテンツ２カラム---------*/
table.content_inner{
 display:table;
 box-sizing:border-box;
 table-layout:fixed;
 font-size:1.0em;
 line-height:1.5em;
}
table.content_inner tr td{
 display:table-cell;
 box-sizing:border-box;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align:top;
}
table.content_inner tr td img{
 width:100%;
 box-shadow:5px 5px 8px #999;
}
/*--------２カラム右側３０％--------*/
table.content_inner2{
 display:table;
 box-sizing:border-box;
 font-size:1.0em;
 line-height:1.5em;
}
table.content_inner2 tr td.inner_left{
 display:table-cell;
 box-sizing:border-box;
 width:70%;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align:top;
}
table.content_inner2 tr td.inner_right{
 display:table-cell;
 box-sizing:border-box;
 width:30%;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align:top;
}
table.content_inner3{
 display:table;
 box-sizing:border-box;
 font-size:1.0em;
 line-height:1.5em;
}
table.content_inner3 tr td.inner_left{
 display:table-cell;
 box-sizing:border-box;
 width:60%;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align:top;
}
table.content_inner3 tr td.inner_right{
 display:table-cell;
 box-sizing:border-box;
 width:40%;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align:top;
}
table.content_inner3 tr td.inner_right img{
 width:100%;
 box-shadow:5px 5px 8px #999;
}
/*-------特定商取引の表--------*/
table.tokutei{
 box-sizing:border-box;
 width:100%;
 height:auto;
 margin:20px 0 0 0;
 border:3px solid orange;
 border-collapse:collapse;
}
table.tokutei td.left_column{
 width:10px;
 white-space:nowrap;
 padding:6px;
 font-size:14px;
 color:#333;
 border:1px solid orange;
}
table.tokutei td.right_column{
 width:auto;
 padding:6px;
 font-size:14px;
 color:#333;
 border:1px solid orange;
}
/*---------スマートフォン用---------*/
.sp_content{display:none;}
#sp_header{display:none;}
.content table{
 margin-top:20px;
}