@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2010-02-26
 * Editor:    mitoma
 * Modified:   2010-02-26 by:mitoma
 *
 * ***********************************************************
 */

/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %
*/

/* ----------------------------------------------------------------------------------------------------------
STORE
------------------------------------------------------------------------------------------------------------- */


#butsudan {
	position: relative;
	margin:15px 0 20px 0;
	width:690px;
}
	
	#butsudan h3{
		padding:10px 0 60px;
		}
	
	#butsudan dl#sort {
	width:690px;
	padding: 25px 0px 10px;
	}
		
		#butsudan dl#sort dt,
		#butsudan dl#sort dd {
				float: left;
		}
		#butsudan dl#sort dd {
			margin: 0 5px;
			background: url(../img/butsudan/mark01.gif) no-repeat left top;
		}
		#butsudan dl#sort dd a {
			padding-left: 10px;
		}
	
	#butsudan p.page_num {
	display: block;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
	background: url(../img/butsudan/bk_img01.gif) repeat;
	margin: 20px 0px 15px;
	}
	
	#butsudan div.producsBox {
		width: 690px;
		height: 185px;
		background: url(../img/butsudan/bk_img02.gif) no-repeat;
		position:relative;
		margin-bottom: 20px;
	}
		#butsudan div.producsBox p {
			width: 132px;
			padding-top: 25px;
			margin: 0 25px;
			float: left;
		}
		#butsudan div.producsBox dl {
			width: 478px;
			float: left;
			padding: 25px 0 0 0;
		}
		#butsudan div.producsBox dl dt {
			padding: 5px 10px;
			background:url(../img/butsudan/producs_ttl_bk.jpg) repeat;
			color: #FFF;
			margin-bottom: 30px;
		}
		#butsudan div.producsBox dl dd span {
				font-size: 18px;
				color: #C00;
		}
		#butsudan div.producsBox dl dd.btn_details {
			position:absolute;
			bottom: 30px;
			right: 30px;
		}
	
	#butsudan #mt_in01 {
		width:690px;
		background: url(../img/maintenanse/img01.jpg) no-repeat;
		height: 900px;
	}



/*商品一覧*/


#butsudan{
	padding: 25px 0px 0px;
}

#products_title{
	font-size: 18px;
	color: #FFFFFF;
	background: url(../img/butsudan/producs_ttl_bk.jpg) repeat;
	padding: 7px 0px;
	height: auto;
	width: 100%;
	text-align: center;
}

.producs_list_box{
	float: left;
	height: auto;
	width: 230px;
	margin: 20px 0px 0px;
	background: url(../img/butsudan/producs_list_box_btm.jpg) no-repeat 2px bottom;
}

.producs_list_box_in{
	margin: 0px auto;
	height: auto;
	width: 227px;
	background: left;
}


.producs_list_box_in_write{
	margin: 0px auto;
	padding: 0px 0px 20px;
	height: auto;
	width: 200px;
}


	.producs_list_box_in_write .title{
	font-size: 12px;
	color: #FFFFFF;
	background: url(../img/butsudan/producs_list_box_bar.jpg) repeat;
	text-align: center;
	}
	
	.producs_list_box_in_write .title span{
	text-align: center;
	display: block;
	padding: 4px 0px;		
	}
	
	.producs_list_box_in_write .title span a{
	color: #FFFFFF;
	text-decoration: none;	
	}
	
	
	.producs_list_box_in_write .main_pic{
	width: 199px;
	height: 200px;
	margin-left: 1px;
	margin-top: 8px;
	text-align: center;
	}

	
	
	.producs_list_box_in_write .text{
	padding: 5px 0px 5px;	
	}
	
	.producs_list_box_in_write .dt{
	font-weight: bold;	
	}
	
	
	.producs_list_box_in_write .btn{
	margin: 15px auto;
	height: auto;
	width: 92px;	
	}
	
#producs_details_box{
	height: auto;
	width: 100%;
	padding: 0px 0px 30px;
	margin: 25px 0px 20px;
}

	#producs_details_box .title{
	background: url(../img/butsudan/bk_img01.gif) repeat;
	text-align: center;
	padding: 8px 0px;
	height: auto;
	width: 100%;
	border-top: 2px solid #182b0b;
	border-bottom: 1px solid #182b0b;
	margin: 0px 0px 25px;
	font: bold 20px "メイリオ";
	}
	
	#producs_details_box .left_box{
	float: left;
	height: auto;
	width: 310px;
	text-align: center;
	}
	
	
	#producs_details_box .left_box .pic_box .main_pic{
	margin: 0px auto;
	position:relative;
	width:80px; /*javascript内のsetSizeと値を合わせること*/
	height:80px;
	overflow:hidden;		
	}
	

	#producs_details_box .left_box .pic_box .main_pic img{	
	position:absolute;
	width:80px; /*javascript内のsetSizeと値を合わせること*/
	height:80px;
	}
	
	#producs_details_box .left_box .main_pic_box{
	margin: 0px 0px 10px 10px;
	height: auto;
	width: 290px;		
		}
	
	#producs_details_box .left_box .pic_box table{

	}
	
	#producs_details_box .left_box .pic_box td{
	text-align: center;
	padding: 8px 0px;
	}
	
	#producs_details_box .right_box{
	float: right;
	height: auto;
	width: 360px;	
	}
	
	#producs_details_box .data_box {
	padding: 20px 0px 0px;	
	}
	
	#producs_details_box .data_box td{
	padding: 5px 0px;
	}
	
	#producs_details_box .comment_box{
	padding: 20px 0px 0px;	
	}
	
	
	#producs_details_box .clear{
	padding: 30px 0px 0px;	
	}
.add_box {
	margin: 0 0 30px;
}
.add_box .add_cont {
	padding: 0 10px;
}	
.add_box .imgbox .addbox_left {
	float: left;
	width: 420px;
}
.add_box .imgbox .addbox_right {
	float: right;
	width: 250px;
}
.add_box .imgbox .addbox_right img {
	width: 100%;
	height: auto;
}
.add_midashi {
	font-weight: bold;
	margin: 0 0 10px;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #172E3E;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}