﻿@charset 'UTF-8';

* {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
}
html,body{
	margin : 0px auto;
	padding : 0px;
	background-color : #ffffff;
	color : #333333;
	line-height : 1.3;
	font-size : 12px;
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.clearfix:after{
	content : ".";
	display : block;
	visibility : hidden;
	clear : both;
	height : 0;
}
.clearfix{
	display : block;
	min-height : 1px;
}
* html .clearfix{
	height : 1px;
	/*¥*//*/
	height : auto;
	overflow : hidden;
	/**/
}
a{
	text-decoration : none;
}
a:link{
	color : #333333;
}
a:visited{
	color : #333333;
}
a:hover{
	color : #333333;
	cursor : pointer;
}
img{
	border-style : none;
}
table{
	border-collapse : collapse;
	border-spacing : 0;
	empty-cells : show;
}
input:focus,textarea:focus{
	background-color : #d0d0d0;
}
div,td,th{
	border-color : #d0d0d0;
	border-width : 1px;
}
th{
	text-align : center;
}
*html th{
	font-size : smaller;
}
.no-wrap{
	white-space: nowrap;
}

#shop_page{
	width: 850px;
/*	border: solid 1px #000000; */
	margin: 0 auto;
	padding: 0;
}

#shop_header{
	height: 150px;
	margin: 0;
	padding: 0;
}
#shop_header img{
	width: 100%;
	height: 150px;
	border-style: none none solid none;
	border-color: #000000;
	border-width: 1px;
}

address{
	font-style : normal;
}

#shop_meta{
	margin: 0;
	padding: 0.5em;
	border: none;
}
#shop_meta_left{
	float: left;
	width: 50%;
	text-align: left;
}
#shop_meta_right{
	float: right;
	width: 50%;
	text-align: right;
}
#shop_meta_left h1{
	display: inline;
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	float: left;
}
#shop_meta h4{
	font-size: 100%;
	font-weight: normal;
	font-color: #333333;
	margin: 0 0 0 1em;
	float: left;
}

#shop_header_simple{
	font-size: 150%;
	font-weight: bold;
	height: 60px;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #000000;
}

#shop_navi_box{
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}
#shop_navi{
	list-style:none;
	margin: 0;
	padding: 0;
	border: none;
}
#shop_navi li{
	display: block;
	margin: 16px 5px 0 0;
	padding: 5px 0 0 0;
	width: 166px;
	height: 42px;
	text-align: center;
	float: left;
	border: none;
	background: url(images/top_button01.png) repeat-x;
}
#shop_navi li.active{
	background: url(images/top_button02.png) repeat-x;
}
#shop_navi li a.active{
	color: #ffffff;
}
#shop_navi li#cpn_menu{
	margin: 0;
	padding-top: 20px;
	background: url(images/cpn_menu.png) no-repeat;
}
#shop_navi li.menu_non_cpn{
	margin-right: 0;
}
#shop_navi li a{
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

#tabcontent2, #tabcontent3, #tabcontent4, #tabcontent5{
	display: none;
}

#sns_buttons{
	float: right;
	margin: 0 0 30px 0;
}
#sns_buttons *{
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 4px;
}

.shop_content{
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	border-style: none;
}

#shop_footer{
	clear: both;
	margin-top: 1em;
	padding: 1em auto;
	text-align: center;
	border-top: solid 1px #000000;
}
#shop_footer a{
	font-weight:bold;
	text-decoration: none;
}
#shop_footer a:link{
	color: #333333;
}
#shop_footer a:visited{
	color: #333333;
}
#shop_footer a:hover{
	color: #333333;
	cursor: pointer;
}

#shop_top_top{
	margin: 0;
	padding: 0;
}
#shop_top_comment{
	float: left;
	width: 490px;
	margin: 0;
	padding: 0;
}
#shop_top_top_photo{
	width: 360px;
	height: 270px;
	float: right;
	margin: 0;
	padding: 0;
}
#shop_top_top h2{
	font-size: 150%;
	font-weight: bold;
	display: inline-block;
	width: 360px;
	margin: 0 auto 0 80px;
}
#shop_top_rec{
	width: 360px;
	margin-top: 20px;
	margin-left: 80px;
}
#shop_top_flg{
	clear: both;
	width: 360px;
	height: 40px;
	margin-left: 80px;
	margin-top: 20px;
	text-align: center;
}
#shop_top_flg img{
	width: 100px;
	height: 40px;
	text-align: center;
}
#shop_top_phots{
	margin: 40px 0 0 0;
	padding: 0;
}
#shop_top_phots p{
	width: 240px;
	float: left;
	margin: 0 65px 0 0;
	padding: 0;
}
#shop_top_phots p img{
	margin: 0 0 4px 0;
	padding : 0;
}

#shop_top_best{
	margin: 40px 0 0 0;
	padding: 0;
}
#shop_top_best h4{
	font-size: 130%;
	font-weight: bold;
	height: 25px;
	padding: 2px 8px;
	background: url(images/top_button03.png) repeat-x;
}
#shop_top_best p{
	width: 240px;
	float: left;
	margin: 0 65px 0 0;
	padding: 0;
}
#shop_top_best p img{
	margin: 0 0 4px 0;
	padding : 0;
	width: 240px;
	height: 180px;
}
#shop_top_best p img.best_button{
	width: 26px;
	height: 20px;
	float: left;
	margin: 0 4px 4px 0;
}
#shop_top_best p span{
	font-weight: bold;
	font-size: 100%;
}

#shop_top_check{
	margin: 40px 0 0 0;
	padding: 0;
}
#shop_top_check h4{
	font-size: 130%;
	font-weight: bold;
	height: 25px;
	padding: 2px 8px;
	background: url(images/top_button03.png) repeat-x;
}
#shop_top_check img{
	margin: 0;
	padding : 0;
	width: 240px;
	height: 180px;
	float: left;
}
#shop_top_check div{
	width: 450px;
	float: left;
	margin: 0;
	margin-left: 80px;
	padding: 0;
}
#shop_top_check h3{
	font-size: 150%;
	font-weight: bold;
	display: inline-block;
	width: 450px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#shop_top_check p{
	margin: 30px 0 0 0;
	padding: 0;
}

#shop_top_news{
	margin: 40px 0 0 0;
	padding: 0;
}
#shop_top_news_title{
	font-size: 130%;
	font-weight: bold;
	height: 25px;
	padding: 2px 8px;
	background: url(images/top_button03.png) repeat-x;
}
#shop_blog_rss{
	width: 550px;
	float: left;
}
#shop_blog_hed{
	font-weight: bold;
	font-size: 100%;
	padding-left: 4px;
	padding-top: 2px;
	margin-bottom: 10px;
	background: url(images/top_button05.png) repeat-x;
}
#shop_blog_hed a{
	text-align: right;
	float: right;
	padding-right: 4px;
}
#shop_top_news ul#shop_top_rss{
	list-style:none;
	margin: 0;
	padding: 0;
	width: 550px;
}
#shop_top_news ul li{
	margin: 0;
	padding: 0 0 0.5em 0;
}
#shop_top_news ul li a:hover{
	font-weight: bold;
}
#shop_top_twitter{
	float: right;
	width: 230px;
	margin: 0;
	padding: 0;
}
#shop_top_twitter h4{
	border-style: none;
}

.shop_rec_list_left, .shop_rec_list_right{
	width: 400px;
	vertical-align: top;
	margin-bottom: 1em;
	padding-top: 1em;
	border-top: solid 1px #d0d0d0;
}
.shop_rec_list_left{
	float: left;
}
.shop_rec_list_right{
	float: right;
}
.shop_rec_img{
	float: left;
	margin: 0;
	width: 200px;
	height: 150px;
}
.shop_rec_list_name{
	margin: 0;
	padding: 0;
	float: right;
	width: 196px;
}
.rec_menu_text{
	margin: 0;
	width: 196px;
}
.rec_menu_space{
	display: block;
	width: 12px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/top_button04.png) repeat-x;
}
.rec_menu_name{
	display: block;
	width: 180px;
	height: 25px;
	margin: 0;
	padding: 6px 0 0 0;
	float: right;
	font-weight: bold;
}
.rec_menu_comment{
	clear: right;
	width: 196px;
	margin: 0;
	padding-top: 1em;
}

#shop_menu_index{
	position:absolute;
	width: 200px;
	float: right;
	border: solid 1px #333333;
	margin: 0 0 0 535px;
	padding: 0.5em 0.5em 0 0.5em;
}
#shop_menu_index ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#shop_menu_index ul li{
	border-style: solid none none none;
	border-width: 1px;
	border-color: #333333;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
}
#shop_menu_index ul li a{
	text-decoration: none;
}
.shop_menu_kind{
	width: 400px;
	margin: 0 0 0 95px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 120%;
	border-style: none none solid none;
	border-color: #333333;
	border-width: 1px;
}
.shop_menu_kind_blank{
	display: inline-block;
	width: 4px;
	height: 25px;
	margin-right: 4px;
	background: url(images/top_button04.png) repeat-x;
}
.shop_menu_kind_name{
	display: inline-block;
	height: 25px;
	padding-top: 12px;
}
.shop_menu_kind a{
	float: right;
	font-size: 80%;
	padding-top: 20px;
	font-weight: normal;
}
.shop_menu_list{
	width: 400px;
	margin: 0 0 1em 95px;
}
.shop_menu_list tr{
	height: 1.5;
}
.shop_menu_list tr:hover{
	background-color: #e0e0e0;
}
.shop_menu_list_price{
	width: 100px;
	white-space: nowrap;
	text-align: right;
}

#tabcontent4 table{
	width: 600px;
	margin: 0 auto 2em auto;
}
#tabcontent4 h4{
	width: 600px;
	margin: 0 auto;
}
#shop_data{
	clear: both;
	width: 100%;
	margin-bottom: 1.5em;
}
#shop_data tr:hover{
	background-color: #e0e0e0;
}
#shop_data td{
	padding: 2px;
	border: solid 1px #d0d0d0;
	vertical-align: top;
}
.shop_data_name{
	width: 140px;
	white-space: nowrap;
	background-color: #f2f0e5;
}
#shop_option{
}
#shop_option tr:hover{
	background-color: #e0e0e0;
}
#shop_option td{
	padding: 2px;
	border: solid 1px #d0d0d0;
	vertical-align: top;
}

#shop_jamca_logo{
	margin-top: 0.5em;
	text-align: center;
}

#cpn_block{
	background-color: #efa61b;
	width: 600px;
	margin: 0 auto;
}
#cpn_name{
	margin: 0 auto;
}
#cpn_name h2{
	width: 300px;
	margin: 0;
	padding: 8px;
	font-size: 200%;
	font-weight: bold;
	float: left;
}
#cpn_name p{
	width: 230px;
	float: right;
	margin-right: 1em;
}
#cpn_name p span{
	background-color: #ffffff;
	display: inline-block;
	width: 230px;
	text-align: center;
}
#cpn_content{
	width: 500px;
	margin: 20px auto 20px auto;
	background-color: #ffffff;
	padding: 1em;
}
#cpn_service{
	font-size: 300%;
	font-weight: bold;
	text-align: left;
}
#cpn_info{
	border-top: solid 1px #333333;
	margin-top: 1em;
	padding-top: 1em;
}
#cpn_qrcode{
	width: 500px;
	min-height: 80px;
	margin: 0 auto 20px auto;
	background-color: #ffffff;
	padding: 1em;
}
#cpn_qrcode img{
	float: right;
	margin: 0;
}


