@charset "utf-8";

/* タイトル
----------------------------------------------- */
h2#title-detail {
	margin: 0 0 2px;
	padding: 0 0 0 3px;
	font-size: 16px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	color:#000;
}

/* 商品詳細
----------------------------------------------- */
/*レイアウト*/
div#detailarea {
	width: 708px;
	margin: 0;
    padding: 10px 0 30px;
    clear: both;
    overflow: hidden;
}
div#detailleftblock {
	width: 280px;
	margin: 0;
    padding: 0;
	float: left;
	overflow: hidden;
}
div#detailrightblock {
	width: 400px;
	margin: 0;
    padding: 0;
	float: right;
	overflow: hidden;
}

/*商品写真*/
div#detailphotoblock {
	width: 280px;
	margin: 0;
    padding: 0;
}
div#detailphotoblock img {
	margin: 0;
	vertical-align: bottom;
	margin-bottom:20px;
}
div#detailphotoblock a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
div#detailleftblock div.expansion {
    margin: 0;
    padding: 3px 0;
    line-height: 1;
}

/*商品写真（サブ詳細）*/
div.subdetail-line {
	width: 303px;
	padding: 7px 0 0;
	clear: both;
}
div.subdetail-box-left {
	width: 99px;
	margin: 0;
	padding: 0 3px 0 0;
	float: left;
}
div.subdetail-box-center {
	width: 99px;
	margin: 0;
	padding: 0;
	float: left;
}
div.subdetail-box-right {
	width: 99px;
	margin: 0;
	padding: 0;
	float: right;
}
div.subdetail-photo {
	margin: 0;
	padding: 0;
}
div.subdetail-photo img {
	margin: 0;
	vertical-align: bottom;
	/*border: 1px solid #CCCCCC;*/
}
div.subdetail-photo a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
div.subdetail-comment {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

/*商品情報（テキストなど）*/
div#status-icon {
    margin: 0;
    padding: 0 0 17px;
}
div#detailrightblock h2 {
    margin: 0 0 13px;
    padding: 0 0 0 8px;
    font-size: 150%;
    border-left: 2px solid #000000;
    line-height: 1.1;
}
div#detail-comment {
    margin: 0;
    padding: 5px 0 0;
}

/*商品情報（テーブル部分）2014年8月7日修正(通常価格文字大きさ･色)@ATN菊澤*/
div#detailrightblock table {
	width: 400px;
    /*margin-top: 25px !important;*/
    margin-left: 1px !important;
    border-top: 1px solid #CCCCCC;
    border-collapse: collapse;
}
div#detailrightblock table th {
    padding: 8px 5px;
    border-bottom: 1px solid #CCCCCC;
    background: url("../img/products/img_tabel_th.gif");
    font-weight: bold;
	width:90px;
}
div#detailrightblock table td {
    padding: 8px 10px;
    border-bottom: 1px solid #CCCCCC;
    line-height: 140%;
}
div#detailrightblock table span.nomal-price {
	font-size: 90%;
	color: #990000;
}
div#detailrightblock table span.sale-price {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}
div#detailrightblock table span.member-point {
	font-weight: bold;
	color: #000000;
}

/*商品情報（規格部分）*/
div#detailrightblock dl {
    margin: 0;
    padding: 5px 0 0;
}
div#detailrightblock dt {
    font-weight: bold;
    margin: 0;
    padding: 5px 0 3px 12px;
    background: url("../img/products/arrow_class.jpg") no-repeat left center;
    line-height:110%;
}
div#detailrightblock dd {
    margin: 0;
    padding: 0 0 5px 2px;
}
div#detailrightblock .fm-detail-quantity {
    width: 70px;
    height: 16px;
    padding: 2px;
    border: solid 1px #CCCCCC;
}

/*商品情報（カートなどボタン部分）*/
div#detailrightblock div#detail-btn {
    margin: 0;
    padding: 10px 0 0;
}
div#detail-btn div#btn-recommend,
div#detail-btn div#btn-cago {
    margin: 0;
    padding: 0 0 1px;
}
div#btn-contact {
    margin: 8px 0 0 0;
    padding: 0;
}


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

div#detailspecarea {
    clear: both;
    width: 720px;
    padding: 30px 0 0 0;
}
div#detailspecarea h2,div#detail_frame h2 {
	background:url(../img/products/bg_h2.gif) no-repeat;
	background-position:0% 60%;
	border-bottom:solid 1px #CCC;
	padding:10px 0 0px 10px;
	margin: 0 0 15px 0;
	font-size: 100%;
	font-weight: bold;
	clear:both;
}
div#detailspecarea table {
    width: 718px;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-collapse: collapse;
}
div#detailspecarea table th {
    margin: 0 !important;
    padding: 4px 8px !important;
    background: #F0F0F0;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
div#detailspecarea table td {
    margin: 0 !important;
    padding: 4px 8px !important;
    background: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* 商品詳細 ul li 2013年5月31日追加(小器/曲目･編成 追加)@ATN菊澤
----------------------------------------------- */
div#detailspecarea ul,div#detail_frame ul{
    clear:both;
	display: inline; 
    }

div#detailspecarea ul li,div#detail_frame ul li{
    clear:both;
	background: url(../img/products/bg_ul.gif) no-repeat;
	background-position: 0% 60%;
	padding: 10px 0 0px 10px;
	margin-left: 15px;
}

div#detailspecarea ul li.left,div#detail_frame ul li.left{
   display:table !important;
   line-height:20%; !important
   clear:both !important;
   float: left !important;
   background: url(../img/products/bg_ul.gif) no-repeat;
   background-position: 0% 60%;
   width: 200px;
   margin-top:10px;
   
}


div#detailspecarea ul li.right,div#detail_frame ul li.right{
	display:table !important;
	line-height:20%; !important
	background: url(../img/products/bg_ul.gif) no-repeat;
	background-position: 0% 60%;
    float: left !important;
    width: 200px;
    margin-top:10px;
}

h3.line{
	clear:both;
	padding:15px 0 0 0;
	margin:40px 0 0 0 ; 
	border-style:dotted none none none ;
	border-width:1px; 
	border-color:#cccccc; 
	
	
}

/* お客様の声
----------------------------------------------- */
div#customervoicearea {
    clear: both;
    width: 708px;
    padding: 30px 0 0 0;
}
div#customervoicearea h2 {
	background:url(../img/products/bg_h2.gif) no-repeat;
	border-bottom:solid 1px #CCC;
	padding:0 0 5px 10px;
	margin: 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}
div#customervoicearea ul {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
}
div#customervoicearea ul li {
    margin: 0;
    padding: 5px 0 8px;
}
div#customervoicearea p.voicedate {
    margin: 0;
    padding: 1px 4px;
    background: #EEEEEE;
}
p.voicedate span.date-num {
    margin: 0;
    padding: 1px 3px;
    background: #999999;
    color: #FFFFFF;
}
p.voicedate span.staricon {
    color: #FF9900;
}
div#customervoicearea p.voicetitle {
    margin: 0;
    padding: 6px 3px 4px;
    font-size: 110%;
    font-weight: bold;
}
div#customervoicearea p.voicecomment {
    margin: 0;
    padding: 0 3px;
}

/* トラックバック
----------------------------------------------- */
div#trackbackarea {
    clear: both;
    width: 708px;
    padding: 30px 0 15px 0;
}
div#trackbackarea h2 {
	background:url(../img/products/bg_h2.gif) no-repeat;
	border-bottom:solid 1px #CCC;
	padding:0 0 5px 10px;
	margin: 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}
div#trackbackarea h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 5px 0 5px 3px;
	border-bottom: 1px dotted #CCCCCC;
}
div#trackbackarea ul {
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
}
div#trackbackarea ul li {
    margin: 0;
    padding: 5px 0;
	border-bottom: 1px dotted #CCCCCC;
}
div#trackbackarea .box500 {
    width: 500px;
    padding: 3px;
    border: 1px solid #CCCCCC;
}

/* この商品を買った人はこんな商品も買っています
----------------------------------------------- */

.whoboughtarea {
    clear: both;
    width: 708px;
    padding: 30px 0 0 0;
	overflow: hidden;
}
.whoboughtarea h2 {
	background:url(../img/products/bg_h2.gif) no-repeat;
	border-bottom:solid 1px #CCC;
	padding:0 0 5px 10px;
	margin: 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}


/* 2010年11月18日追加  2013年5月2日修正@ATN菊澤*/

#detail_frame {
	padding:5px;
	margin:15px 0 0 0;
	background:url(../img/products/bg_detail_frame.gif) repeat;
}

#detail_frame_wrapper {
	padding: 20px;
	background:#FFF;
	overflow:hidden;
	clear:both;
}

#detail_frame_wrapper #detail_text,#detail_frame_wrapper p{
	margin-bottom:20px;
}

#whoboughtarea h3 {
	font-size:90%;
}

#data_table {
	width:280px;
	border-collapse:collapse;
	font-size:100%;
	border-top: 1px solid #CCCCCC;
	padding:5px;
    line-height:110%;
}

#data_table th {
    padding: 8px 5px;
    border-bottom: 1px solid #CCCCCC;
    background: url("../img/products/img_tabel_th.gif") !important;
    font-weight: bold;
	width:80px;
;
}

#data_table td {
    padding: 8px 10px;
    border-bottom: 1px solid #CCCCCC;
}

.photo_left_float {
	float:left;
	margin-right:20px;
	display:block;
	width:160px;
}
.left_text {
	float:left;
	width:470px;
}


.author_area {
	background:#EEE;
	padding:20px;
	margin:20px 0 0 0;
	overflow:hidden;
}
.author_area h2 {
	margin-bottom:15px;
}
.marginBottom_9 {
	margin: 0 0 9px;
}
 .mainTitle_110 {
 	font-size: 110%;
}
.psub_sub_title {
	font-weight:bold;
	color:#434343;
	line-height:120%;
	font-size: 105%;
/*	margin-top:5px;
	margin-bottom:5px;*/
}
.psub_title {
	font-weight:bold;
	color:#990000;
	margin-top:5px;
	line-height:120%;
	margin-bottom:5px;
}
.psub_title2 {
	font-weight:bold;
	color:#990000;
	margin-top:5px;
	line-height:120%;
	margin-bottom:5px;
	font-size: 90%;
}
#warning {
	padding:20px;
	margin:20px 0 0 0;
	overflow:hidden;
	font-weight:bold;
	color:#000;
	border:solid 2px #353A90;
}

.text_center {
	text-align:center;
}
/*2011年2月9日追加　aratana@kimura*/
span.detailtaxin {
	font-size: 80%;
	color:#333333;
}

/*2011年2月14日追加　Diamondmedia@sekido*/
/*2013年4月10日修正　ATN@Kikuzawa*/
h2#free_title{
	font-size:16px;
	color:#434343;
	border-left:4px solid #900;
	padding-left:10px;
}

/*2012年12月07日追加　ATN@Kikuzawa*/

a img.linkimg{
background:none!important;
}

a:hover img.linkimg{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* 2013.04.30追加 楽レコミニプラン hanna@aratana
----------------------------------------------- */
#recommend_title {
background: url("/user_data/packages/default/img/products/bg_h2.gif") no-repeat left top;
border-bottom: 1px solid #CCCCCC;
font-size: 100%;
font-weight: bold;
margin: 30px 0 5px;
padding: 0 0 5px 10px;
}
#block-checkedhistory {
width: 708px;
padding: 0 0 30px;
clear: both;
overflow: hidden;
}

/* 2013.05.08追加 クリックで表示/非表示の切替 ATN菊澤
----------------------------------------------- */
.open{
     float: right;
     color: #000000;
     font-weight: bold;
     text-align: center;
     cursor: pointer;
     width:200px;
     padding: 0px
     -moz-border-radius: 5px;    /* Firefox */
     -webkit-border-radius: 5px; /* Safari,Chrome */
     border-radius: 5px;         /* CSS3 */
     border: 1px #BBBBBB dotted;     /* 枠線の装飾 */
     background-color: #EEEEEE;   /* 背景色 */
}
     
     
#slideBox{
     margin: 20px 0 0 0;
     clear:both;
     border: none;
     display:none;
     }

/* 2013.05.16追加 ソーシャルプラグイン ATN菊澤
----------------------------------------------- */
.fb-like{
     margin-right:15px;
}


/* 2013.10.01追加 YouTube埋め込み時スマホ用ATN菊澤
----------------------------------------------- */
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}