﻿/* 共通スタイルシートの読み込み */











#popularity {

	margin-top: 5px;

	background-image: url(../images/bg_item.gif);

	margin-bottom: 10px;

}

#popularity h4 {
	height:30px;
	overflow: hidden;
	margin-bottom: 5px;
}

#popularity p {
	margin-bottom:10px;
	margin-top:10px;
	font-size: 12px;	
}

.items,.items01 {

	width: 107px;

	padding-right: 2px;

	padding-left: 2px;

	margin-left: 11px;

	background-image: url(../images/bgitem_pic.gif);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 2px;

	margin-top: 5px;

	float: left;

}

*html .items,*html .items01 {

	width: 111px;

}

*html .items01 {

	margin-left: 7px;

}

.item_name {

	text-align: center;

	display: block;

	width: 107px;

	margin-top: 7px;

	font-size: 10px;

	font-weight: bold;

	color: #000000;

	margin-bottom: 5px;

}

.items p,.items01 p {

	background-position: center;

	width: 107px;

	display: block;

	text-align: center;

	font-weight: normal;

	color: #FF3333;

	font-size: 10px;

}

#bn2 {

	width: 160px;

}

#bn2 li {

	margin-bottom: 10px;

}



.p10 {



}

.topic {

	width: 308px;

	background-image: url(../images/bg_topic.gif);

	float: left;

	margin-bottom: 10px;

}

.topic_pic {

	display: block;

	height: 82px;

	width: 82px;

	background-image: url(../images/bgtopic_pic.gif);

	padding-top: 2px;

	padding-left: 2px;

	margin-top: 10px;

	margin-left: 12px;

	float: left;

	margin-right: 10px;

}

*html .topic_pic {

	margin-left: 6px;

}



*html .topic_pic {

	height: 84px;

	width: 84px;

}

.p10 {



}

.topic01 {

	background-image: url(../images/bg_item02.gif);

	background-repeat: no-repeat;

	background-position: top;

	width: 189px;

	margin-top: 10px;

	float: left;

	padding-top: 10px;

}

.topic01 h4 {

	display: block;

	margin-bottom: 5px;

	margin-left: 10px;

}

.topic01 a {

	font-size: 12px;

	color: #000000;

	line-height: 16px;

}

.topic01 p {

	color: #FF3333;

	text-align: right;

	margin-right: 10px;

}

.details {

	display: block;

	float: right;

	height: 21px;

	width: 102px;

	margin-top: 7px;

	margin-bottom: 10px;

}

#bn1 {

	clear: both;

	height: 180px;

	width: 160px;

	margin-bottom: 10px;

}

.all_item {
	float: left;
	width: 180px;
	background: #E3FFD7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	height: 190px;
	text-align: center;
}

#all {

	width: 624px;

	margin-bottom: 50px;

}



.all_item a {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	display: block;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.p4 {
	margin-left: 10px;
	margin-top: 10px;
}

.p5 {

	margin-left: 5px;

}

*html .p5 {

	margin-left: 4px;

}

.all_item p {
	font-size: 12px;
	color: #FF3333;
	display: block;
	width: 180px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}


#im h2 {
	margin-top: 20px;
}

#im_navi {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;
	
	margin-bottom: 20px;

}



#im_navi ul {

	margin-top: 10px;

	display: block;

	margin-bottom: 10px;

	height: 50px;

	padding-bottom: 10px;

	width: 800px;

}



#im_navi li {

	float: left;

	margin-top: 10px;

	margin-left: 10px;

}



.section {

	margin-bottom: 30px;

}



.lead {

	line-height: 1.5em;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;

}

.text_area {

	margin: 10px;

}



.text_area li {

	margin: 10px;

	line-height: 1.5em;

}



/* SECTION2 */

.section2 {

	margin-bottom: 30px;

}



.section2 h5 {

}



.section2 p {

	line-height: 1.5em;

}





.section2 ul {

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 20px;

	margin-left: 20px;



}



.section2 li {

	padding: 5px;

	color: #666666;



}



.bold {

	font-weight: bold;

	padding-left: 20px;

	padding-top: 10px;

	padding-bottom: 5px;

	color: #666666;

}



.inner {

	padding-right: 10px;

	padding-left: 20px;

}







/* INFOtable */

.infoTable {

	width: 300px;

	margin-left: 20px;

}



.leftCell{

	padding: 5px;
	font-size:12px;

}



.rightcell {

	padding: 5px;

	text-align: center;

}





.price1 {

	text-align: right;

	padding: 5px;
	font-size:12px;

}



/* 特定商取引法の表記table */



.lowtable {

	margin-top: 30px;

	margin-left: 10px;

	width: 780px;

}



.low table td{

	padding:10px;
	font-size:12px;



}



.onColor {

	background-color: #eae5bf;

}



/* 店舗情報table */



.tenpotable {

	margin-top: 30px;

	margin-left: 10px;

	width: 600px;

}



.tenpo table td{

	padding:10px;
	font-size:12px;



}



.onColor {

	background-color: #eae5bf;

}