@charset "utf-8";
/* ===================================================================
CSS information

 file name  :detail.css
 author     :kouji.ogishima
 style info :商品詳細用CSS
=================================================================== */

/*すくすくAXコメント*/
@import "sukusuku-ax.css";

/*アーチローチェアのコメント*/
@import "arch.css";

/*アーチローチェアのコメント*/
@import "hannahula.css";

/* -----------------------------------------------------------
    商品詳細
----------------------------------------------------------- */


/* 商品カテゴリ
----------------------------------------------- */
div#product_detail h2#product_category {

    line-height: 35px;
    padding: 0 0 0 35px;
    margin:0 0 28px 0;
    color:#fff;
    font-size:150%;
    font-family:verdana;
}

div#product_detail h2.category_18 {
    background: url(../../img/products/title-category_18.gif) no-repeat;
}

div#product_detail h2.category_19 {
    background: url(../../img/products/title-category_19.gif) no-repeat;
}

div#product_detail h2.category_20 {
    background: url(../../img/products/title-category_20.gif) no-repeat;
}

div#product_detail h2.category_17 {
    background: url(../../img/products/title-category_17.gif) no-repeat;
}

div#product_detail h2.category_50 {
    background: url(../../img/products/title-category_50.gif) no-repeat;
}

div#product_detail h2.category_56 {
    background: url(../../img/products/title-category_56.gif) no-repeat;
}

div#product_detail h2#product_category span.currentCat{
    padding: 0 0 0 6px;
    line-height: 35px;
    font-size:84%;
    vertical-align:bottom;
}

/* 商品名部分
----------------------------------------------- */
div#product_detail div#product_title {
    margin: 0 0 12px 0;
}

/* ステータスアイコン
----------------------------------------------- */
div#product_detail span#status_icon {
    float:left;
	margin-bottom:10px;
}

div#product_detail span#status_icon img{
	margin-right:1px;
}

/* 商品名
----------------------------------------------- */
div#product_detail h3#product_name {
    margin: 10px 0px 0px 0px;
    padding:6px 0px 0px 28px;
    font-size: 1.3em;
	height:31px;
	background:url(../../img/product/produ-title_18.gif) top left no-repeat;
	clear:both;
}

/* 商品画像とカラーラインナップ包括
----------------------------------------------- */
div#product_detail div#imagebox{
    width: 280px;
    margin:0;
	padding:0;
    float:left;
}

/* 商品画像
----------------------------------------------- */
div#product_detail div#product_photo {
    width: 276px;
    margin:0px;
	padding:7px;
	border:1px solid #D0E4EF;
    float:left;
}

div#product_detail div#product_photo img{
    margin: 0px auto;
}

/* 商品画像を拡大するボタン
----------------------------------------------- */

div#product_detail div#product_photo p#closeup{
    height: 20px;
    margin: 8px;
    padding: 0 0 0 26px;
    background: url(../../img/products/ico-zoom.gif) no-repeat 0 45%;
    vertical-align:middle;

}
div#product_detail div#product_photo p#closeup a{
    color:#565656;
    line-height: 20px;
    text-decoration: underline;
}
div#product_detail div#product_photo p#closeup a:hover{
    text-decoration: none;
}

/* 商品画像下のカラーラインナップ
----------------------------------------------- */
div#product_colorlineup {
    width:292px;
    margin:0;
    _padding-bottom:10px;
    float:left;
    background:#D5E9F4;
}

div#product_colorlineup .colorimage{
    width:268px;
	margin:0px 6px 0 6px;
}

div#product_colorlineup .colorimage:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

div#product_colorlineup .colorimage .photo{
	float:left;
	width:64px;
	margin-right:4px;
	_margin-right:-4px;
	margin-bottom:0px;
}

div#product_colorlineup .colorimage .photoend{
	float:right;
	width:64px;
	_margin-right:-10px;
	margin-bottom:0px;
}

div#product_colorlineup .colorimage .photo img,
div#product_colorlineup .colorimage .photoend img{
	width:60px;
	border:1px solid #A2C1D6;
}

div#product_colorlineup .colorimage a {
	display:block;
	width:64px;
	height:58px;
	padding:1px;
}

div#product_colorlineup .colorimage a:link,
div#product_colorlineup .colorimage a:visited{
    background:url(../../img/products/bg-off.gif) no-repeat;
}

div#product_colorlineup .colorimage a:hover,
div#product_colorlineup .colorimage a:active{
    background:url(../../img/products/bg-on.gif) no-repeat;
}

div#product_colorlineup .colorimage .colorname{
	width:64px;
	margin-left:4px;
	margin-top:3px;
	margin-right:4px;
	font-size:9px;
	line-height:9px;
}

div#product_colorlineup .colorimage .colornameend{
	width:64px;
	margin-left:4px;
	margin-top:3px;
	margin-right:4px;
	font-size:9px;
	line-height:9px;
}

div#product_colorlineup .colorimage .colorname a:link,
div#product_colorlineup .colorimage .colorname a:visited,
div#product_colorlineup .colorimage .colorname a:hover,
div#product_colorlineup .colorimage .colorname a:active,
div#product_colorlineup .colorimage .colornameend a:link,
div#product_colorlineup .colorimage .colornameend a:visited,
div#product_colorlineup .colorimage .colornameend a:hover,
div#product_colorlineup .colorimage .colornameend a:active{
	color:#34332d;
	display:inline;
	background:none;
	text-decoration:none;
}



div#product_colorlineup-bottom{
    width:280px;
	height:2px;
    margin:0 0 15px 0;
    float:left;
    background:url(../../img/products/bg-colorlineup_bottom.gif) no-repeat top;
}

div#product_colorlineup-bottom span{
	visibility:hidden;
}

/* 商品画像右側(商品コメント、カートに入れる)
----------------------------------------------- */
div#product_detail div#product_comment {
    margin: 0;
    padding: 0 0 0 10px;
    color: #555;
	float:right;
	width:246px;
}

div#product_detail div#product_comment div span.price {
    color:#be1e1e;
    font-weight: bold;
}

div#product_detail div#product_comment div#product-cartin {
    width:246px;
    margin: 15px 0 0 0;
    padding: 14px 0 0 0;
    background: #F6F2E7;
}

/* 色の選択
----------------------------------------------- */

div#product_detail div#product_comment div#product-cartin p#product-color{
    padding-left: 13px;
    background: #F6F2E7;
	margin-bottom:5px;
}

/* 組立てオプションの選択
----------------------------------------------- */

div#product_detail div#product_comment div#product-cartin p#product-option{
    padding-left: 13px;
    background: #F6F2E7;
	margin-bottom:7px;
}

/* 購入数量選択
----------------------------------------------- */

div#product_detail div#product_comment div#product-cartin p#product-stock{
    padding-left: 13px;
    background: #F6F2E7;
}

div#product_detail div#product_comment div#product-cartin p#product-stock input{
    width: 50px;
}

/* 商品をカートに入れるボタン
----------------------------------------------- */

div#product_detail div#product_comment div#product-cartin p.btn{
    margin:0;
    padding: 0 0 14px 13px;
    background: #F6F2E7;
}


/* 商品スペック表
----------------------------------------------- */
div#product_detail div#product_spec {
    clear:both;
    width:540px;
    margin: 0 0 30px 0;
	border-bottom:#303030 1px dotted;
	padding:10px 0px 30px 0px;
}

/* ▼スペック_20100622追加 */
div#product_detail div#product_spec ul {
    clear:both;
    width:540px;
    margin: 0 0 30px 0;
	padding-bottom:0px;
}

div#product_detail div#product_spec ul li{
	margin-bottom:5px;
}

/* 商品のポイント
----------------------------------------------- */

div#product_detail div#product_point {
    width:540px;
    margin: 0 0 30px 0;
}

div#product_detail div#product_point img{
    margin: 0 0 20px 0;
}

div#product_detail div#product_point .photo{
	margin: 0 0 8px 0;
}

div#product_detail div#product_point .photo img{
	margin: 0;
}

/* おすすめ商品テーブル
----------------------------------------------- */
div#product_detail div#product_recomend{
	clear:both;
}

div#product_detail div#product_recomend table{
}

div#product_detail div#product_recomend table td {
    width:169px;
    padding: 8px 16px 0 0;
    vertical-align: top;
}
div#product_detail div#product_recomend table td.edge {
    padding: 8px 0 0 0;
}

div#product_detail div#product_recomend table tr td a img{
    background: #fff url(../../img/products/bg-list_frame.gif) no-repeat 0 0;
    padding: 2px;
}
div#product_detail div#product_recomend table tr td a {
    text-decoration:underline;
}

div#product_detail div#product_recomend table tr td a:hover {
    text-decoration:none;
}

/* おすすめ商品ステータスアイコン
----------------------------------------------- */
div#product_detail div#product_recomend table tr td div#reco_status_icon {
    width:169px;
    margin: 5px 0 5px 0;
    padding:0;
    text-align:left;
}

div#product_detail div#product_recomend table tr td div#reco_status_icon img{
    margin:0 1px 1px 0;
    padding:0;
}

/* おすすめ商品名
----------------------------------------------- */
div#product_detail div#product_recomend table tr td h5 {
    text-align:left;
}

div#product_detail div#product_recomend table tr td p {
    text-align:left;
}

/* おすすめ商品コメント
----------------------------------------------- */
div#product_detail div#product_recomend table tr td p.comment {
    dispay:none;
}



/* ピオン　コメント
----------------------------------------------- */
div.pion_point {
	width: 540px;
	margin-top: 28px;
	border-bottom: 1px solid #666;
	padding-bottom: 28px;
	overflow: hidden;
}

div.pion_point img.point_img {
	display: block;
	width: 202px;
	float: left;
}

div.pion_point div.pion_point_comment {
	width: 325px;
	float: right;
}


/* ソーシャルリンク
----------------------------------------------- */
div.sslink {
	width:200px;
	float:right;
	text-align:right;
}

div.sslink iframe{
	vertical-align:top;
}
div.sslink div{
	vertical-align:top;
}