/* CSS Document */

*{
	word-wrap: break-word;
}

hr{
	border: 0;
    border-bottom: 1px dotted #ccc;
    background: #999;
	margin:0;
}

body{
	margin:12px 0px 0px 0px;
}

img{
	border:0;

}

form{
    margin:0px;
	padding:0px;
}

a{
	color:#1C8EC2;
}

a:hover img.alp {
	-moz-opacity:0.9;
	opacity:0.9;
	filter: alpha(opacity=90);
}

/* HEADER -----------*/


#header{
	width:820px;
	margin:0px auto;
	padding:10px 0 0 0;
}


#logo{
	width:240px;
	float:left;
}


#header-right{
	width:557px;
	padding-right:10px;
	float:right;
}

#h-cart-area{
	background: url(/assets/images/pc/common/head_cart.gif) no-repeat;
	width:420px;
	height:35px;
	float:left;
	margin-top:2px;
}

.h-cart{
	margin:6px 0 0 85px;
	font-size:16px;
	width:330px;
}

.cart-table{
	width:310px;

}

.cart-table td{
	vertical-align:center;

}

.h-cart-t{
	width:223px;
	line-height:120%;
	padding-top:2px;

}

.h-cart-t-num{
        font-family:'MS UI Gothic';

}


.h-cart-btn{
	widows:87px;

}


.h-cart-btn{

}


#h-btn-area{
	width:130px;
	float:right;
}

.h-btn-space{
	margin-bottom:2px;
}

#h-send-area{
	clear:both;
	width:557px;
	padding:4px 0 0 0;


}


/* HEADER RENEWAL-----------*/
#ie_alert,
#noscript_alert {
	background: #C00;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	color:#FFF;
	position: fixed;
	top: 0;
	left: 0;
	font-weight: bold;
	line-height: 1.3;
	z-index: 1000000;
}
	#ie_alert a {
		color: #FFF;
	}
#header_rn {
	width: 820px;
	margin: 0px auto;
	padding: 0;
}
	#header_rn #logo {
		width: 240px;
		float: left;
		margin-top: 9px;
	}
	#header_rn #header-right {
		width: 555px;
		padding-right: 10px;
		float: right;
	}
	#header_rn ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#header_rn a:hover img {
		opacity: 0.8;
	}
		#header_rn #header-right #postage {
			width: 258px;
			float: left;
			margin-top: 8px;
		}
			#header_rn #header-right #postage p {
				margin: 0;
			}
			#header_rn #header-right #postage ul {
				margin: 6px 0 4px;
				padding: 0;
			}
			#header_rn #header-right #postage li {
				float: left;
				margin-right: 8px;
			}
			#header_rn #header-right #postage .link01 {
				text-align: right;
				padding-right: 8px;
			}
				#header_rn #header-right #postage .link01 a {
					background: url(/assets/images/pc/common/ico/ico_arrow01.gif) no-repeat center left;
					padding-left: 10px;
					font-size: 70%;
				}
		#header_rn #header-right #cart {
			width: 285px;
			float: right;
			background: #ECECEC;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ECECEC), color-stop(0.00, #fff));
			background: -webkit-linear-gradient(top, #fff 0%, #ECECEC 100%);
			background: -moz-linear-gradient(top, #fff 0%, #ECECEC 100%);
			background: -o-linear-gradient(top, #fff 0%, #ECECEC 100%);
			background: -ms-linear-gradient(top, #fff 0%, #ECECEC 100%);
			background: linear-gradient(top, #fff 0%, #ECECEC 100%);
			border: 1px solid #CCC;
			border-radius: 5px;
			padding: 5px;
			font-size: 75%;
		}
			#header_rn #header-right #cart ul {
				width: 184px;
				height: 29px;
				float: left;
				background: #FFF;
				box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.6) inset;
				border-radius: 5px;
				padding: 11px 10px 10px;
			}
			#header_rn #header-right #cart li {
				font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			}
			#header_rn #header-right #cart li#total {
				margin: 3px 0 0 8px;
				color: #C00;
				font-weight: bold;
				font-size: 105%;
			}
				#header_rn #header-right #cart li#total span {
					font-size: 80%;
				}
				#header_rn #header-right #cart li#total .total_amount {
					font-size: 105%;
				}
			#header_rn #header-right #cart #cart_btn {
				float: right;
				margin: 0;
			}
			#header_rn #header-right #cart #name {
				margin: 5px 0 0;
				text-align: center;
			}



/* HEADER END -----------*/


.btn-cart{
	margin:9px 0px 8px 11px;
}

#menu{
	width:800px;
	margin:0px auto;
	background-image:url(/assets/images/pc/common/bg_menu.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:11px 10px 0px 10px;
	clear:both;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}

#main-wrrap{
	width:800px;
	margin:0px auto;
}

#sidemenu{
	width:200px;
	float:left;
	padding:8px 0px 60px 0px;
}

/* add 20111216 11:53 */
a:hover img#login{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#return-top{
	clear:both;
	text-align:center;
	padding:16px 0px;
}

#contents{
	width:580px;
	margin:0px;
	letter-spacing:1px;
	line-height:180%;
	font-size:14px;
}
#contents h1{
    margin:8px 0px 20px 0px;
}

#contents2 h1{
    margin:8px 0px 20px;
}

#contents2{
	width:800px;
	margin:0px auto 60px;
	letter-spacing:1px;
	line-height:180%;
	font-size:14px;
}

#contents-item{
	width:800px;
	letter-spacing:1px;

}

#contents p{
    margin:0px 0px 20px 10px;
}

#contents2 p{
    margin:0px 0px 20px 10px;
}

#footer-link{
	margin:10px auto;
	text-align:center;
	font-size:12px;
	color:#1C8EC2;
	line-height:180%;
}

#footer-link ul{
	margin:0px;
	padding:0px;
}

#footer-link li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

#footer{
	width:820px;
	margin:0px auto;
	background-image:url(/assets/images/pc/common/bg_footer.gif);
}



#pankuzu{
	width:800px;
	margin:0px auto;
	text-align:left;
}

#pankuzu ul{
	margin:0px;
	padding:5px 0px 5px 0px;
}

#pankuzu li{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:10px;
	display:inline;
}

#pankuzu a{
	padding-right:15px;
	background-image:url(/assets/images/pc/common/pankuzu.gif);
	background-position:right;
	background-repeat:no-repeat;
}


#column1{
    width:770px;
	margin:0px auto 15px;
}

#column2{
    width:560px;
	margin:0px 10px 80px 10px;
}

#column2 h2{
    margin:0px 0px 16px;
}

#column3{
    width:600px;
	margin:0px 100px;
}

#column3 h2{
    margin:0px 0px 16px;
}

.column4{
    width:540px;
	margin:0px 10px;
	text-align:left;
}

.column4 h2{
    margin:0px 0px 16px;
}

.column4 h3{
    margin:0px 0px 10px;
}

.column5{
    width:540px;
	margin:20px 10px;
	text-align:left;
}

.column5 h2{
    margin:0px 0px 16px;
}

.column5 h3{
    margin:0px 0px 10px;
}

.column5 h4{
    margin: 0px auto 10px auto;
	text-align:center;
}

.column5 h5{
    margin: 0px auto 10px auto;
	text-align:center;
}
.column5 p{
	margin-left:10px;

}

#guide-footer{
	margin:10px auto;
	text-align:center;
	font-size:12px;
	color:#1C8EC2;
	line-height:180%;

}

#guide-footer ul{
	margin: 0px;
	padding: 0px;

}

#guide-footer li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;

}

#tea-firstbuy{
	padding:15px 20px;
	border:1px solid #E2D5AB;
}



/* add 20151018 */


#siden{
	border:1px solid #ccc;
	overflow: hidden;
	display: inline-block;
	*display: inline; /* ie6,7 */
	*zoom: 1; /* ie6,7 */
	padding:0;
	margin:0;
	width:198px;
}


#siden .s-mori{
	background:url(/assets/images/pc/common/s_mori_bg.jpg) repeat-y;
	width:198px;
	clear:both;
	display:block;
}

#siden .s-premium{
	background:url(/assets/images/pc/common/s_premium_bg.jpg) repeat-y;
 	width:198px;
	clear:both;
	display:block
}

#siden .s-slim{
	background:url(/assets/images/pc/common/s_slim_bg.jpg) repeat-y;
 	width:198px;
	clear:both;
	display:block
}

#siden .s-kirei{
	background:url(/assets/images/pc/common/s_kirei_bg.jpg) repeat-y;
 	width:198px;
	clear:both;
	display:block
}

#siden .s-mokuteki{
	background:url(/assets/images/pc/common/s_mokuteki_bg.jpg) repeat-y;
 	width:198px;
	clear:both;
	display:block
}

#siden .s-kiso{
	background:url(/assets/images/pc/common/s_kiso_bg.jpg) repeat-y;
 	width:198px;
	clear:both;
	display:block
}

#siden .s-kinou{
	background:url(/assets/images/pc/common/s_kinou_bg.jpg) repeat-y;
 	width:198px;
	clear:both;
	display:block
}

#siden .s-kinou p{
  margin-top:110px;
}


#siden .s-mori p{
  margin-top:180px;
}

#siden .s-slim p{
  margin-top:190px;
}

#siden .s-kirei p{
  margin-top:90px;
}

#siden .s-mokuteki p{
  margin-top:60px;
}

#siden p{
 float:left;
 width:23px;
 text-align:center;
vertical-align:center;
background:none;
padding:0;
margin:0;
}


#siden ul{
 float:right;
 width:175px;
 margin:0;
 padding:0;

}

#siden ul li{
 margin:0;
 padding:0;
 list-style:none;
 border-bottom:1px solid #ccc;
 line-height:0%;
}





#siden ul li.end{
 border-bottom:none;

}

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



#siden ul li a:hover img {
 opacity: 0.7;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=70)";

}