@charset "utf-8";

/* top 
---------------------------------------------------------------- */

#top ol li {
	float: left;
}

#top .rank {
	width: 223px;
	float: left;
	background: url(../images/top/rankBg.jpg) repeat-y left bottom;
}
#top .rank:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #top .rank {
    height: 1em;
}

#top .rank {
    display: block;
}
/**/

/*
#top .rank a,
#top .commodityBox a {
	color: #bf0f11;
	text-decoration: underline;
}
*/

#top .rank h4 a {
	font-size: 13px;
	font-weight: 600;
	color: #1e6346;
	text-decoration: none;
}

#top .rank h4 a:hover {
	text-decoration: underline;
}

#top .price {
	text-align: right;
	font-size:160%;
	font-weight:bold;
	color:#fc3808;
	letter-spacing:-1px;
	padding:5px 10px 5px 0;
}
#top .price .mini {
	font-size:70%;
}


#top p.comment,
#top .rank h4 {
	padding: 0 15px 0 10px;
}

#top p.comment {
	color: #bf0f11;
}

#top #commodityWrapper {
	width: 670px;
	background: url(../images/top/top_15.jpg) no-repeat 274px bottom;
}

#top .commodityBox {
	width: 132px;
	float: left;
	margin-top: 10px;
	border-right: 1px dotted #cccccc;
	border-bottom: 1px solid #cccccc;
}

*:first-child+html #top .commodityBox {
	min-height: 250px
}

#top .commodityBox h4 a {
	font-size: 82%;
	font-weight: 600;
	color: #1e6346;
}

#top p.commentMini {
	font-size: 10px;
	color: #bf0f11;
}

#top p.commentMini,
.commodityBox h4 {
	padding: 0 10px 0 10px;
}

#top p.priceMini {
	text-align:right;
	font-weight:bold;
	color:#fc3808;
	letter-spacing:-1px;
	padding:5px 5px 5px 0;
}

p.payment {
	padding: 10px 5px;
}
p.payment02 {
	padding: 0 5px 10px;
}
p.payment03 {
	text-align: center;
	padding: 10px 0;
}

#about {
	width: 665px;
	background: url(../images/top/top_17.jpg) no-repeat top left;
	margin-bottom: 20px;
	border-left: 5px solid #9a7e01;
}

#about p {
	padding: 0 10px;
	margin: 0 100px 0 10px;
	color: #62390b;
	border-bottom: 1px dotted #62390b;
	letter-spacing: -1px;
}

#about .bold {
	font-size: 15px;
	font-weight: 600;
}


/* cartridge 
---------------------------------------------------------------- */

#cartridge h2{
	background:url(../images/detail/page_01.jpg) repeat-y 0 0;
	width:650px;
	font-size:90%;
	color:#62380e;
	padding:10px;
	font-weight:600;
	letter-spacing:-1px;
	}
#cartridge .price {
	text-align: left;
	font-size:160%;
	font-weight:bold;
	color:#fc3808;
	letter-spacing:-1px;
	padding-bottom:10px;
}
#cartridge .price .mini {
	font-size:70%;
}

#cartridge .commodityWrapper {
	width: 670px;
	border-bottom: 1px solid #cccccc;
}

#cartridge .commodityBox {
	width: 155px;
	float: left;
	margin-top: 15px;
	padding-right: 16px;
}

#cartridge .rightSide {
	float: right;
	padding: 0;
}

#cartridge p.comment {
	padding: 15px 0 10px 0;
}

#cartridge .commodityBox a {
	color: #bf0f11;
	text-decoration: none;
}

#cartridge .commodityBox a:hover {
	text-decoration: underline;
}

p.commodityImg img {
	display: inline;
	width: 300px;
	height: 300px;
	margin: 0 20px 20px 0;
}


/* detail 
---------------------------------------------------------------- */

#detail{
	
	}
#detail h2{
	background:url(../images/detail/page_01.jpg) repeat-y 0 0;
	width:650px;
	font-size:90%;
	color:#62380e;
	padding:10px;
	font-weight:600;
	letter-spacing:-1px;
	}
#detail ul.pic li{
	float:left;
	}
#detail .price{
	font-size:280%;
	font-weight:800;
	color:#ff360a;
	text-align: center;
    zoom: 1;
	}
#detail .price .mini{
	font-size:80%;
	}
#detail .price img{
	padding-bottom:12px;
	}


#detail .paraCenter {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #be1d2d;
	line-height:1.7;
	margin-top:20px;
	clear:both;
}

#detail .paraCenter02 {
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #603912;
	padding:10px 0;
}

#detail .paraCenter03 {
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #be1d2d;
	padding-bottom: 7px;
	clear:both;
	margin-top:20px;
}

#detail .paraCenterPetit {
	text-align: center;
	color: #be1d2d;
}

#detail .paraCenterPetit02 {
	text-align: center;
	color: #603912;
	padding: 1em 0;
}

#detail .btnCenter {
	text-align: center;
	padding-bottom: 30px;
}

#detail .aboutSmoker01 {
	font-size: 14px;
	color: #603912;
}

#detail .aboutSmoker02 {
	font-size: 16px;
	color: #be1d2d;
	padding-top: 1em;
	padding-bottom: 1em;
}

#detail .aboutSmoker03 {
	color: #be1d2d;
	padding-bottom: 1em;
}

#detail .aboutSmoker04 li{
	font-size: 14px;
	padding: 0 0 1em 0;
}

#detail .aboutSmoker05 {
	font-size: 14px;
	color: #603912;
	padding-bottom: 1em;
}

#detail .paraFirst {
	padding-top: 1em;
}

#detail dl {
}

#detail dd {
	padding: 0 0 1em 1em;
}

#detail #smokerBox {
	background: #f1f1f1;
	margin-top: 20px;
	padding: 20px;
}

#detail #smokerBox .last {
	padding-bottom: 20px;
}

/* policy 
---------------------------------------------------------------- */
#policy{
	line-height:1.7;
	
	}
	
#policy dt{
	padding-top:15px;
	font-weight:800;
	}
	
/* cancell 
---------------------------------------------------------------- */
#cancell{
	line-height:1.7;
	
	}
/* law
---------------------------------------------------------------- */
#law{
	line-height:1.7;
	}
#law table{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top:15px;
	}
#law th{
	width:20%;
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#FAFAFA;
	}
#law td{
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
/* company
---------------------------------------------------------------- */
#company{
	line-height:1.7;
	}
#company table{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top:15px;
	}
#company th{
	width:20%;
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#FAFAFA;
	}
#company td{
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
/* information
---------------------------------------------------------------- */
#information{
	line-height:1.7;
	}	
	
p.payment {
	padding: 10px 5px;
}
p.payment02 {
	padding: 0 5px 10px;
}
p.payment03 {
	text-align: center;
	padding: 10px 0;
}
#information table{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top:15px;
	}
#information th{
	width:30%;
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#FAFAFA;
	}
#information td{
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
	
/* guide
---------------------------------------------------------------- */
#guide{
	line-height:1.7;
	}
#guide{
	line-height:1.7;
	
	}
	
#guide dt{
	padding-top:15px;
	font-weight:800;
	color: #F30;
	border-bottom:1px dotted #ccc;
	}
	
