@import url("base.css");

#contents {
	width:680px;
	margin:28px 0px 70px 0px;
	padding:0px;
}

#contents .inner {
	width:680px;
	border:5px solid #333333;
	padding:12px 20px 12px 20px;
}

/* ページリンク
-----------------------------------*/
#contents .page_link {
	width:680px;
	padding-bottom:18px;
}

#contents .page_link .number {
	float:left;
	width:500px;
}

#contents .page_link .move {
	float:right;
	width:180px;
	text-align:right;
}

#contents .page_link a:link {
	text-decoration: none;
}
#contents .page_link a:visited {
	text-decoration: none;
}
#contents .page_link a:hover {
	color: #4D94DB;
	text-decoration: underline;
}
#contents .page_link a:active {
	text-decoration: none;
}

/* ボックス
-----------------------------------*/
#contents .box {
	width:680px;
	padding:5px 0px 5px 0px;
}

#contents .box .photo_area {
	float:left;
	width:152px;
	height:153px;
	background-image:url(../img/actus/photo_kage.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#contents .box .photo_area .photo {
	width:150px;
	height:140px;
	border:1px solid #D9D9D9;
	padding:0px;
}

#contents .box .title {
	float:right;
	width:520px;
	color:#666666;
	font-weight:bold;	
}
#contents .box .title a:link {
	color: #0066CC;
	text-decoration: none;
}
#contents .box .title a:visited {
	color: #0066CC;
	text-decoration: none;
}
#contents .box .title a:hover {
	color: #4D94DB;
	text-decoration: underline;
}
#contents .box .title a:active {
	color: #0066CC;
	text-decoration: none;
}

#contents .box .price {
	float:right;
	width:520px;
	padding:5px 0px 5px 0px;
}

#contents .box .comment {
	float:right;
	width:520px;
}

#contents .box .bt_area {
	float:right;
	width:520px;
	padding-top:16px;
}

/* 詳細ボタン */
a.bt_details {
	width:100px;
	height:23px;
	display:block;
	background-image:url(../img/actus/bt_details.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_details:hover {
	background-position:top right;
}


/* 詳細
-----------------------------------*/
#contents .title_left {
	float:left;
	width:580px;
}

#contents .title_right {
	float:right;
	width:100px;
	height:48px;
	padding-top:24px;
	text-align:right;
	background-image:url(../img/actus/actus_text_right.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#contents .details {
	width:680px;
	padding:0px 0px 35px 0px;
	color:#666666;
}

#contents .details .photo_area {
	float:left;
	width:152px;
	height:153px;
	background-image:url(../img/actus/photo_kage.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#contents .details .photo_area .photo {
	width:150px;
	height:140px;
	border:1px solid #D9D9D9;
	padding:0px;
}

#contents .details .title {
	float:right;
	width:520px;
	font-weight:bold;	
}

#contents .details .info {
	float:right;
	width:520px;
	line-height:16px;
	padding-top:5px;
}

#contents .details .price {
	float:right;
	width:520px;
	padding:5px 0px 5px 0px;
}

#contents .details .comment {
	float:right;
	width:520px;
}

#contents .details .bt_area {
	float:right;
	width:520px;
	padding-top:16px;
}


/* フォトエリア
-----------------------------------*/
#contents .photo_area {
	width:660px;
	margin:auto;
}

#contents .photo_area .photo {
	width:640px;
	height:470px;
	padding:9px;
	border:1px solid #D9D9D9;
}


/* この商品をお問い合わせ
-----------------------------------*/
#contents .contact_area {
	width:660px;
	margin:auto;
	padding:30px 0px 10px 0px;
}
#contents .sub_details_text{
	width:660px;
	margin:auto;
	padding:0px 0 20px;
	text-align:center;
	
}

a.bt_item_contact {
	width:200px;
	height:46px;
	display:block;
	margin:auto;
	background-image:url(../img/actus/bt_contact.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_item_contact:hover {
	background-position:top right;
}


/* おすすめ商品関連
-----------------------------------*/
#contents .reco_area {
	width:660px;
	line-height:39px;
	margin:auto;
	padding-bottom:16px;
}

#contents .reco_area .reco {
	float:left;
	width:140px;
	height:180px;
	line-height:18px;
	padding:0px 11px 0px 12px;
}

#contents .reco_area .reco table {
	width:140px;
	height:105px;
}

#contents .reco_area .reco tr {
	text-align:center;
	vertical-align:middle;
}

#contents .roco_area .reco .photo {
	width:140px;
	height:105px;
	display:block;
	text-align:center;
}

#contents .reco_area .space {
	float:left;
	width:1px;
	height:180px;
	background-image:url(../img/actus/reco_dotline.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


/* 一覧へ戻る
-----------------------------------*/
#back_area {
	width:730px;
	text-align:center;
	padding-top:24px;
}


/* マップエリア
-----------------------------------*/
#contents .map_area {
	width:660px;
	margin:auto;
}

#contents .map_area .map {
	width:650px;
	height:440px;
	padding:4px;
	border:1px solid #D9D9D9;
}

#contents .map_area .back {
	width:660px;
	text-align:center;
	padding:24px 0px 20px 0px;
}


/* フォント
-----------------------------------*/
.font_gray11 {
	color:#999999;
	font-size:11px;
}

.font_verdana_gary14 {
	color:#B3B3B3;
	font-size:14px;
	font-family:Verdana;
}