@charset "utf-8";

/* basic layout
++++++++++++++++++++++++++++++*/
.contents{
	position:relative;
	width:930px;
	margin: 0 auto;
	}

.left_cont {
	width:615px;
	float:left;
	text-align: left;
	}
	
.shop_side {
	width:285px;
	float:right;
	}
@media screen and (max-width: 767px) {
.contents{
	width:100%;
	}

.left_cont {
	width:100%;
	float:none;
	}
	
.shop_side {
	border-top: 5px solid #EFEFEF;
	padding: 25px 0 0;
	margin-top: 25px;
	width:100%;
	float:none;
	}
}

/* side navi
++++++++++++++++++++++++++++++*/
ul#sidemenu li a{
	height:34px;
	position:absolute;
	top:0;
	text-indent:-9999px;
	text-decoration:none;
	}

ul#sidemenu li#sidemenu01 a{background:url(../img/shopping/side-navi01.gif) no-repeat 0 0 ; top:1px; left:1px; width:218px;}
ul#sidemenu li#sidemenu02 a{background:url(../img/shopping/side-navi01.gif) no-repeat 0 -34px; top:35px; left:1px; width:218px;}
ul#sidemenu li#sidemenu03 a{background:url(../img/shopping/side-navi01.gif) no-repeat 0 -68px; top:69px; left:1px; width:218px;}
ul#sidemenu li#sidemenu04 a{background:url(../img/shopping/side-navi01.gif) no-repeat 0 -102px; top:103px; left:1px; width:218px;}
ul#sidemenu li#sidemenu05 a{background:url(../img/shopping/side-navi01.gif) no-repeat 0 -136px; top:137px; left:1px; width:218px;}

ul#sidemenu li#sidemenu01 a:hover{background:url(../img/shopping/side-navi01.gif) no-repeat -218px 0;}
ul#sidemenu li#sidemenu02 a:hover{background:url(../img/shopping/side-navi01.gif) no-repeat -218px -34px;}
ul#sidemenu li#sidemenu03 a:hover{background:url(../img/shopping/side-navi01.gif) no-repeat -218px -68px;}
ul#sidemenu li#sidemenu04 a:hover{background:url(../img/shopping/side-navi01.gif) no-repeat -218px -102px;}
ul#sidemenu li#sidemenu05 a:hover{background:url(../img/shopping/side-navi01.gif) no-repeat -218px -136px;}


#inquiry-image{
	margin:10px 0;
	}

#zen-yuseki img{
	float:left;
	}


#kawanaka-side	{
	margin:10px auto;


	}


/* contents_style.css */
.shopping-topbox {
	width:615px;
	margin: 0;
	padding:0 0 20px;
	background:url("../img/shopping/top01bg.gif") no-repeat center bottom;
	}

.shopping-topbox h2	{
	width:566px;
	height:50px;
	background:url("../img/shopping/shopping-top-h2.gif") no-repeat;
	margin:15px 0 5px 20px;
	padding:19px 0 0 55px;
	text-align:left;
	font-size: 18px;
	line-height: 1;
	}
@media screen and (max-width: 767px) {
.shopping-topbox {
	background-size: 100% 100%;
	width:100%;
	margin:15px 0;
	padding:0 0 10px;
	}
	.shopping-topbox > img {
		width: 100%;
		height: auto;
	}

.shopping-topbox h2	{
	width:96%;
	height:50px;
	background-size: auto 50px;
	margin: 5px;
	padding:18px 0 0 45px;
	text-align:left;
	font-size: 18px;
	line-height: 1;
	}
}


#shopping-ranking-box01	{
	width:577px;
	margin-left:19px;
	}

.shopping-ranking02	{
	width:167px;
	float:left;
	margin-left:19px;
	text-align:left;
	}

.shopping-ranking02 p	{
	font-size: 14px;
	line-height: 20px;
	}

#ranking-title-1st, #ranking-title-2nd, #ranking-title-3rd	{
	padding-left:32px;
	margin-bottom: 10px;
	font-size:100%;
	min-height:40px;
	height: auto !important;
	line-height: 22px;
	}

#ranking-title-1st	{
	background:url("../img/shopping/ranking-title-1st.gif") no-repeat left top;
	}

#ranking-title-2nd	{
	background:url("../img/shopping/ranking-title-2nd.gif") no-repeat left top;
	}

#ranking-title-3rd	{
	background:url("../img/shopping/ranking-title-3rd.gif") no-repeat left top;
	}
@media screen and (max-width: 767px) {
#shopping-ranking-box01	{
	width:100%;
	margin-left:0;
	}
	#shopping-ranking-box01	img {
		width: 90%;
		margin: 0 auto;
	}
.shopping-ranking02	{
	width:100%;
	float:none;
	padding: 0 15px;
	margin-left:0;
	text-align:left;
	}

.shopping-ranking02 p	{
	}

#ranking-title-1st, #ranking-title-2nd, #ranking-title-3rd	{
	padding-left:32px;
	padding-top: 8px;
	margin-bottom: 0;
	font-size:16px;
	min-height:40px;
	height: auto !important;
	line-height: 22px;
	}
}




#shopping-recommend-box01	{
	width:589px;
	margin-left:13px;
	}

.shopping-recommend02	{
	width:257px;
	float:left;
	margin-left:25px;
	text-align:left;
	}

.shopping-recommend02 p	{
	font-size:80%;
	}

.recommend-title	{
	padding-left:50px;
	margin:5px 0 5px 5px;
	background:url("../img/shopping/recommend-title.gif") no-repeat left;
	font-size:100%;
	}

#ranking-title-1st a,#ranking-title-2nd a,#ranking-title-3rd a,.recommend-title a	{
	color:#00a22d;
	}
#ranking-title-1st a:hover,#ranking-title-2nd a:hover,#ranking-title-3rd a:hover,.recommend-title a:hover	{
	color:#6bc986;
	}

#special-txt	{
	text-align:left;
	margin-left:30px;
	line-height:1.8;
	fopnt-size:90%;
	}

.special01	{

	}



#shopping-category01	{
	width:554px;
	margin:0 0 30px 38px;
	position:relative;
	height:405px;
	background-image: url(../img/shopping/shopping-category01.gif);
	background-repeat: no-repeat;
	}


#shopping-category01 li a	{
	position:absolute;
	width:262px;
	height:90px;
	display: block;
	float:left;
	font-size:80%;
	text-align:left;
	line-height:1.4;
	text-decoration:none;
	color:#333;
	}

#shopping-category01 li a strong	{
	display: block;
	text-indent: -999999px;
	}

#shopping-category01 li a span	{
	display: block;
	width:185px;
	height:50px;
	margin:22px 0 0 75px;
	}



#shopping-category01 li a:hover	{
	}



#shopping-category01 li#shopping-category01-01 a{top:0px;left:0;}
#shopping-category01 li#shopping-category01-02 a{top:0px;left:277px;}
#shopping-category01 li#shopping-category01-03 a{top:105px;left:0;}
#shopping-category01 li#shopping-category01-04 a{top:105px;left:277px;}
#shopping-category01 li#shopping-category01-05 a{top:210px;left:0;}
#shopping-category01 li#shopping-category01-06 a{top:210px;left:277px;}
#shopping-category01 li#shopping-category01-07 a{top:315px;left:0;}
#shopping-category01 li#shopping-category01-08 a{top:315px;left:277px;}

#shopping-category01 li#shopping-category01-01 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat 0 -420px;}
#shopping-category01 li#shopping-category01-02 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat -277px -420px;}
#shopping-category01 li#shopping-category01-03 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat 0 -525px;}
#shopping-category01 li#shopping-category01-04 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat -277px -525px;}
#shopping-category01 li#shopping-category01-05 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat 0 -630px;}
#shopping-category01 li#shopping-category01-06 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat -277px -630px;}
#shopping-category01 li#shopping-category01-07 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat 0 -735px;}
#shopping-category01 li#shopping-category01-08 a:hover{background:url(../img/shopping/shopping-category01.gif) no-repeat -277px -735px;}






#beta-tsuhan {
	background:url("../img/shopping/side-mo-bg.gif") no-repeat left bottom;
	padding-bottom:14px;
	margin-bottom: 10px;
	text-align: center;
}

.shop_side #beta-tsuhan {
	background:url("../img/shopping/side-mo-top2.gif") no-repeat left top;
	padding-top:12px;
}
@media screen and (max-width: 767px) {
#beta-tsuhan {
	padding-bottom:0;
	margin-bottom: 10px;
}

.shop_side #beta-tsuhan {
	background-size: 100% auto;
	vertical-align: bottom;
	padding-top:10px;
}
}

/*-- 20111122 add --*/
#beta-tsuhan .tsuhanInnerS {
	background:url("../img/shopping/side-mo-bg.gif") no-repeat left bottom;
	width:285px;
	padding-bottom:14px;
}
@media screen and (max-width: 767px) {
#beta-tsuhan .tsuhanInnerS {
	background-size: 100% auto;
	width:100%;
	padding-bottom:12px;
	text-align: center;
}
}

#beta-tsuhan a .tel{
	background:url("../img/shopping/side-tel.gif") no-repeat;
	width:261px;
	height:90px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:5px;
	margin-left:15px;
}

#beta-tsuhan a:hover .tel{
	background:url("../img/shopping/side-tel-on.gif") no-repeat;
	width:261px;
	height:90px;
}

#beta-tsuhan .tel {
	background:url("../img/shopping/telNum.gif") no-repeat;
	width:261px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:15px;
	margin-bottom:20px;
}

#beta-tsuhan .mobile {
	background:url("../img/shopping/side-mo-mobile.gif") no-repeat;
	width:261px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:15px;
	margin-bottom:20px;
}







.productsbox-left {
	width:200px;
	float:left;
	}
	.productsbox-left img {
		margin: 0 0 16px;
	}
@media screen and (max-width: 767px) {
.productsbox-left {
	width:100%;
	float:none;
	}
	.productsbox-left img {
		margin: 0 0 5px;
	}
}

.productsbox-right {
	padding-top: 20px;
	width:340px;
	float:right;
	text-align:left;
	}
	.productsbox-right img {
		margin: 0;
	}
	.productsbox-right p {
		margin: 0 0 1em;
		font-size: 16px;
		line-height: 24px;
	}
	.productsbox-right .att {
		margin-bottom: 0;
		text-align: left;
	}
		.productsbox-right .att p {
			margin-bottom: 0;
		}
		.productsbox-right .att ul {
			margin: 5px 0 0;
		}
			.productsbox-right .att li {
				margin-bottom: 0.5em;
			}
@media screen and (max-width: 767px) {
.productsbox-right {
	padding-top: 0;
	width:100%;
	float:none;
	}
	.productsbox-right > img {
		width: 89px;
		height: auto;
	}
	.productsbox-right p {
		margin: 0 0 0.5em;
	}
}

.product-title	{
	padding-left:20px;
	background:url("../img/shopping/product-title-bg.gif") no-repeat left center;
	font-size:20px;
	font-weight:bold;
	margin: -15px 0 10px !important;
	}

.product-price {
	line-height:20px;
	border-bottom:dotted 1px #c6c6c6;
	padding:0 0 8px 5px;
	font-weight:bold;
	margin-bottom: 20px !important;
	}

.products .main p {
	margin:10px auto;
	font-size:90%;
	}

.back-link a	{
	margin-left:485px;
	margin-bottom:20px;
	width:92px;
	height:39px;
	text-indent:-9999px;
	background:url("../img/shopping/back-link.gif") no-repeat left top;
	display: block;

	}
.back-link a:hover {
	background-position: 0 -39px;
}

.cart01 a {
	margin:0 auto 5px;
	width:286px;
	height:67px;
	text-indent:-9999px;
	background:url("../img/shopping/cart01.gif") no-repeat left top;
	display: block;
	}

.cart01 a:hover {
		opacity: 0.7;
	}

.cart02 a	{
	margin:0 auto 35px;
	width:286px;
	height:67px;
	text-indent:-9999px;
	background:url("../img/shopping/cart02.gif") no-repeat left top;
	display: block;
	}
.cart02 a:hover {
		opacity: 0.7;
	}
@media screen and (max-width: 767px) {
.cart01 a {
	background-size: 250px auto;
	margin:0 auto 5px;
	width:250px;
	height:59px;
	}
.cart01 a:hover { opacity: 1; }

.cart02 a {
	background-size: 250px auto;
	margin:0 auto 15px;
	width:250px;
	height:59px;
	}
.cart02 a:hover {
		opacity: 0.7;
	}
}


/*--20111119 add--*/
#category-title ul{
	width:280px;
	margin:10px 0 0 0;
}


li#cat-title{
	width:100px;
	margin:0 0 0 35px;
	padding:0 0 0 20px;
	text-align:left;
	background:#fffcf0;
	background:url(../img/shopping/category.gif) no-repeat center left;
}

li#cat-bar{
	width:253px;
	margin:0 0 0 0;
	background:none;
}




.shopping-list-box	{
	width:150px;
	margin:15px 0 15px 38px;
	float:left;
	border-bottom:dotted 2px #e3e3e3;
	text-align:left;
	}

.shopping-list-box-title {
	margin-top: 4px;
	padding-left: 20px;
	background:url("../img/shopping/product-title-bg.gif") no-repeat left 2px;
	font-size: 14px;
	line-height: 18px;
	}


.shopping-list-box-price {
	margin-top: -5px;
	text-align: right;
	}
@media screen and (max-width: 767px) {
.shopping-list-box {
	width: 85%;
	margin: 10px auto;
	padding: 0;
	float:none;
	text-align: center;
	}

.shopping-list-box-title {
	padding-left: 18px;
	margin-bottom: 5px;
	background-position: left 5px;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	}


.shopping-list-box-price {
	margin-top: -5px;
	text-align: right;
	}
}



.att,.in-cart {
	display: none;
}

.in-cart div form {
	font-size: 0px;
	line-height: 0px;
	text-indent: -999999px;
	}

.in-cart input {
	min-width: 3em;
	vertical-align:middle;
	margin-right:15px;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	}
@media screen and (max-width: 767px) {
.in-cart {
	padding: 15px 0 0;
	text-align: right;
}
.in-cart input {
	margin-right:5px;
	}
}

.products .att{
	margin:10px 0;
	color:red;
	line-height: 20px;
}
.products .att p {
	display:block;
	font-weight:bold;
	margin:0;
}
.products .att li {
	list-style:disc outside none;
	margin-left:15px;
	font-size:12px;
}


/* Photo Gallery */


.photoList {
	zoom: 1;
}

.photoList:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.photoBox {
	float: left;
	width: 175px;
	overflow: hidden;
	display: block;
	margin: 0 0 10px 10px;
}

.photoBox a {
	height: 165px;
	border: 5px solid #f0f0f0;
	display: block;
	overflow: hidden;
}

.photoBox a:hover {
	border-color: #72D31E;

}

.aisatu {
	text-align:left;
	margin:0 20px;
}
.aisatu span {
	display:block;
	font-size:16px;
	margin:10px 0;
	text-align:center;
	color:red;
}
.aisatu dl {
	border:2px solid #f1f9ec;
	width:90%;
	padding:10px;
}
.aisatu dt {
	font-size:15px;
	color:#00A22D;
}
.aisatu dd {
	padding:0 15px;
}


.categoryList {
	background:#fffcef;
	padding:20px;
	line-height: 20px;
}

.categoryList p {
	margin: 0 0 4px;
}
.categoryList p.title {
	background:url("../img/shopping/categoryListBg.png") no-repeat left bottom;
	padding-left:18px;
	height:31px;
	line-height: 20px;
}

#category-price p {
	background:url("../img/shopping/Gift.gif") no-repeat left bottom;
	padding-left:30px;
	line-height: 30px;
}
#category-product p {
	background:url("../img/shopping/product.gif") no-repeat left bottom;
	padding-left:30px;
	line-height: 30px;
}

.categoryList ul {
	margin: 0 0 10px 25px;
}
.categoryList li {
	width: 100%;
	margin-bottom: 1px;
	padding: 0 0 0 28px;
	text-align:left;
	background: #fffcf0 url(../img/shopping/arrow.gif) no-repeat left center;
}	
		.categoryList li a:link, .categoryList li a:visited {
			margin-top: 10px;
			padding-top: 10px;
			text-decoration: none;
			color:#7e2100
		}
		.categoryList li a:hover, .categoryList li a:active {
			text-decoration: underline;
		}	
@media screen and (max-width: 767px) {
.categoryList {
	padding: 15px 10px;
}

.categoryList p.title {
	background-size: 100% auto;
	padding-left:18px;
	height:31px;
	line-height: 20px;
}

.categoryList ul {
	margin: 0 28px 10px;
}
.categoryList li {
	padding: 0 0 10px 26px;
	background-position: left 2px;
}	
}

a.catalogBanner {
    background:url("../img/shopping/catalogBanner.png") no-repeat left top;
    width:267px;
    height:54px;
    margin:0 0 10px 14px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
}
a.catalogBanner:hover {
    opacity: 0.7;
}
a.sideTel {
    background:url("../img/shopping/telOrder.png") no-repeat left top;
    width:263px;
    height:54px;
    margin:0 0 10px 14px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
}
a.sideTel:hover {
    opacity: 0.7;
}
@media screen and (max-width: 767px) {
a.catalogBanner {
    background-size: 230px auto;
    width:230px;
    height:47px;
    margin:0 auto 10px;
}
a.catalogBanner:hover { opacity: 1; }
a.sideTel {
    background-size: auto 47px;
    width:230px;
    height:47px;
    margin:0 auto 10px;
}
a.sideTel:hover { opacity: 1; }
.tsuhanInnerS img {
	width: 230px;
	height: auto;
	margin: 0 auto;
}
}


/* 2015.07.02 */

.tabekata dl:after {
	clear:both;
	content:"";
	height:0;
	display:block;
}
.tabekata dl {
	zoom:1;
}

.tabekata dl dt {
	float:left;
	width:200px;
	margin-bottom:20px;
}
.tabekata dl dd {
	float:right;
	width:350px;
	height:145px;
	margin-bottom:20px;
}

.tabekata div {
	margin-bottom:30px;
}

/****/

.contents #alpha .rest_notice {
	border:solid 2px #ecc;
	padding: 15px 0;
	margin-bottom:20px;
}

.contents #alpha .rest_notice h3 {
	margin-bottom: 2em;
}