/************************************************
****************  商品詳細画面CSS  ***************
************************************************/

#detailarea {
	width: 690px;
}


/*******    商品画像 エリア  *******/

#detailphotobloc {
	float: left;
}

#detailphotobloc .photo {
	width: 260px;
	height: 260px;
	border: solid 2px #ccc;
	margin: 0 20px 20px 0px;
	padding: 8px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}

/*******    画像拡大 エリア  *******/

a:link.expansion {
	font-size:80%;
	color:#0099ff;
}


/*******    サブ画像 エリア  （ロールオーバー画像） *******/
 div#over_image_box {
 clear:both;
 margin-top:5px;
 margin-bottom:20px;
 padding-top:25px;
 }

 div.over_image {
 float:left;
 }

 div.over_image img {
 border:#ddd 2px solid;
 margin:0 1px;
 }

 div.over_image img:hover {
 border: #F60 2px solid;
 }

div#over_image_box div#dummy {
 height:5px;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 margin-right:5px;
 }

#detailrightbloc h2 {
 margin: 0 0 10px 0;
 padding: 0 0 15px 0;
 color: #666;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 font-weight: bold;
 font-size: 160%;
 }
 #detailrightbloc .point,
 #detailrightbloc .relative_cat,
 #detailrightbloc .stock {
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 }
 #detailrightbloc .main_comment {
 margin-bottom: 20px;
 }

/*******    試し読みリンク エリア  *******/

.trial_reading {
	margin: 20px 0px;
}

.trial_reading a {
	border: solid 2px #000;
	padding: 8px 20px;
}


/*******    商品詳細 エリア  *******/

#detailrightbloc {
	float: right;
	width: 390px;
}

#detailrightbloc dt {
	float:left;
	clear:left;
}

#detailrightbloc dd {
	float:left;
}
#detailrightbloc dl.product_code {
	font-size:80%;
	color:#666;
	padding: 15px 0px;
}

#detailrightbloc .main_comment {
	clear:both;
	padding: 15px 0px;
	border-top: dotted 1px #ccc;
}


/*******    通常価格 エリア  *******/

.normal_price {
	font-size:80%;
}


/*******    ポイント エリア  *******/

#price .point {
	float:left;
	font-size:80%;
	padding-left:20px;
}


/*******    販売価格 エリア  *******/

.sale_price {
	font-size:120%;
	font-weight:bold;
}

#detailrightbloc .cart_area {
	clear:left;
	background-color:#ededed;
	padding:20px;
}


/*******    規格 エリア  *******/

.classlist ul li {
	float: left;
}


/*******    お客様の声 エリア  *******/

#customervoice_area {
	margin-top: 50px;
	border: solid 5px #ededed;
}

#customervoice_area h2 {
	background-color:#ededed;
	padding: 5px 15px;

}

.review_bloc {
	padding: 20px;
}

#customervoice_area ul {
	padding: 0px 20px  20px;
}

#customervoice_area li {
	padding: 20px;
	background-color:#efefef;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

#customervoice_area li .voicetitle {
	font-weight:bold;
	color:#666;
	border-bottom: solid 1px #ccc;
}

#customervoice_area li .voicedate {
	font-size:80%;
	color:#999;
}

#customervoice_area li .voicecomment {
	font-size:90%;
}


/*******    お客様の声 入力画面 エリア  *******/

#windowcolumn {
	background-color:#fff;
}

/**********     関連商品     **********/

#whobought_area {
	border: solid 5px #666;
	margin-top: 50px;
}

#whobought_area h2 {
	background-color:#666;
	padding: 5px 15px;
}

#whobought_area .product_items {
	float: left;
	padding: 20px 0px 0px 20px;
}

/**********     一覧へ戻るボタン     **********/

#product_back_btn {
	margin-top: 20px;
	margin-left:310px;
}