@charset "utf-8";
/* CSS Document */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+	index.css 
+	
+	
+	
+	
+	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#main {
	width:860px;
	clear:both;
}

h2 {
	float:left;
	padding-top:10px;
}
h3 {
	padding-bottom:5px;
	border-bottom:1px dashed #333;
}
h3 span {
	display:block;
	color:#e60012;
	padding-left:20px;
	}
h4 {
	width:564px;
	height:28px;
	padding: 5px 10px 0px 20px;
	margin: 30px 0px 5px 0px;
	background:url(../../images/name_back.gif) no-repeat;
	font-size:16px;
	clear:both;
}
h4.notop {
	margin: 5px 0px;
	}
h4 em {
	float:left;
}
h4 span {
	float:right;
	font-size:14px;
	padding-top:2px;
}


/* ミドルタイトル用h3
=========================================
h3.middle_ttl {
	width:564px;
	height:32px;
	padding: 5px 10px 0px 20px;
	border:none;
	margin: 30px 0px 5px 0px;
	background:url(../../images/title_back.gif) no-repeat;
	font-size:16px;
	clear:both;
}
*/
h3.middle_ttl {
	width:564px;
	height:32px;
	padding: 5px 10px 0px 0px;
	border:none;
	margin: 10px 0px 0px 0px;
	font-size:16px;
	clear:both;
}




/* ========================================

	左側　ナビ

=========================================*/

#left {
	float:left;
}
#left ul {}
#left ul li {}
#left ul li a {}
#left ul li a:hover {}
#left ul li a:hover img {}
#left ul li a img {}

/* ========================================

	右側　コンテンツ

=========================================*/

#right {
	float:left;
	padding-left:33px;
	text-align:left;
}
#right p {
	padding-top:5px;
}
#right .box {
	clear:left;
}


#right .box dl dt img {
	border:1px solid #999;
}
#right .box dl dd {
	font-size:14px;
	font-weight:bold;
}
#right .box dl dd img {
	font-size:14px;
	font-weight:bold;
}

#right .box dl dd span {
	display:block;
	padding-bottom:5px;
}

#right .box table {
	margin-bottom:40px;
}

/* ==========================
	商品画像と種別
===========================*/
#right .box dl.photo {
	width:595px;
	height:155px;
	clear:both;
	margin: 10px 0px 5px 0px;
}
#right .box dl.photo dt {
	float:right;
	width:200px;
}
#right .box dl.photo dd {
	float:left;
	text-align:left;
	width:350px;
	padding-bottom:5px;
}
#right .box dl.photo dd img {
	border:none;
	padding-right:5px;
	float:left;
	display:block;	
}


/* ==========================

===========================*/
#caption {
	width:595px;
	padding: 10px 0px 20px 0px;
	float:left;
}
#caption em {
	float:left;
	padding-bottom:5px;
}
#caption div{
	float:left;
	padding-top:10px;
}
#caption .cap-1 {
	width:595px;
}
#caption .cap-1 em {}
#caption .cap-1 p {}
#caption .cap-2 {
	width:290px;
	float:left;
}
#caption .cap-2 em {}
#caption .cap-2 p {}
#caption .cap-3 {
	width:290px;
	float:left;
	padding-left:15px;
}
#caption .cap-3 em {}
#caption .cap-3 p {}

/* ==========================
	２カラム表示
===========================*/
#right .col-2 {
	clear:left;
}
#right .col-2 h4 {
	float:left;
}

#right .col-2 dl{
	float:left;
	width:595px;
	clear:both;
	text-align:left;
	margin-bottom:25px;
}
#right .col-2 dl dt{
	float:left;
}
#right .col-2 dl dt img {
	border:1px solid #999;
	margin:0px;
}
#right .col-2 dl dd{
	float:left;
	width:350px;
	height:130px;
	padding:10px;
	margin-left:20px;
	background-color:#ffecab;
}
#right .col-2 dl dd em{
	width:350px;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding-bottom:7px;
	border-bottom:1px solid #666;
	margin-bottom:3px;
}
#right .col-2 dl dd span{
	display:block;
	padding-top:5px;
}

/* ==========================

===========================*/