@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      products.css
 Style Info:     商品ページ
----------------------------------------------------------- */

.PageTop {
	margin: 0;
	padding: 20px 0 40px 0;
}

.mgnL8{ /* バナーとバナーの間用 */
	margin-left: 8px;
}
.mgnB5 { /* pタグ直下にnewがある際のpタグに */
	margin-bottom: 5px;
}
.mgnB10 { /* pタグ直下にnewがない際のpタグに */
	margin-bottom: 10px;
}
.mgn30 { /* newがある時の次の段 */
	padding-top: 30px;
}
.mgn40 { /* newがない時の次の段 */
	padding-top: 40px;
}

/*----------------------------------------------------
	準備中
----------------------------------------------------*/

.pwait {
	text-align: center;
	margin: 60px 0 540px 0;
}

/*----------------------------------------------------
	商品リスト
----------------------------------------------------*/

h2 {
	margin-bottom: 5px;
}

div.item6 ul {
	width: 131px;
	float: left;
}
	div.item6 ul.item_last {
	width: 115px;
	}

/*----------------------------------------------------
	各要素
----------------------------------------------------*/

ul.item_new {
	width: 770px;
	padding-bottom: 5px;
	line-height:0;
}

ul.item_new li {
	width:131px;
	float:left;
}

ul.item_new li.emp {
	padding: 0 131px 0 0;
}


ul.item_new li.last {
	width:115px;
	float:left;
}


.item_pht {
	padding: 0;
}
.item_num ,
.item_num_last {
	color: #E56E7D;
	padding: 0 0 3px 0;
}
.item_size {
	float: right;
	padding: 0 15px 0 0;
}
	ul.item_last li.item_size {
		float: right;
		padding: 0;
	}
.item_name {
	clear: both;
	color: #79584C;
	padding: 2px 0 2px 0;
	background: #fff url(../products/img/item_dotline.gif) 0 0 no-repeat;
}
.item_prc {
	padding: 3px 0;
	margin-bottom: 6px;
	background: #fff url(../products/img/item_dotline.gif) 0 0 no-repeat;
}

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

div.btn6 ul {
	width: 770px;
}

div.btn6 ul li {
	width: 95px;
	padding: 0 26px 0 10px;
	background: url("../products/img/item_btn_on.gif") no-repeat 10px 0 ;
	line-height: 0;
	font-size: 0;
	float: left;
}

div.btn6 ul li.last {
	width: 95px;
	padding:0 0 0 10px;
	background: url("../products/img/item_btn_on.gif") no-repeat 10px 0 ;
	float: left;
}


div.btn6 ul li a , div.btn6 ul li.last a {
	display:block;
	width: 95px;
	height: 20px;
}

div.btn6 ul li a:hover , div.btn6 ul li.last a:hover {
	_text-indent:-9999px;
}


div.btn6 ul li a:hover img , div.btn6 ul li.last a:hover img {
	display:none;
}

@media print {

div.btn6 {
	display:none;
}

}

/*----------------------------------------------------
	バナー
----------------------------------------------------*/

.bnr_mgn { /* bnr前の最後の商品詳細btnに */
	padding: 0 0 20px 0;
}

div.products_bnr {
	margin: 20px 0 0 0;
	padding: 12px 0 0 0;
	background: url(../products/img/bnr_bg_head.gif) no-repeat;
}
	div.products_bnr_bg {
		background: url(../products/img/bnr_bg_in.gif) repeat-y 0 0;
	}

	div.products_bnr ul {
		margin-left: 12px;
		line-height:0;
		font-size:0;
		height: 55px;
		}

	div.products_bnr li {
		display: inline;
	}

	div.products_bnr li.mgnL13 img {
		display: inline;
		padding-left:13px;
	}

	.products_bnr_bottom {
		width:770px;
		padding: 0 0 12px 0;
		background: url(../products/img/bnr_bg_bottom.gif) no-repeat 0 100%;
	}
	
	

/*----------------------------------------------------
	インデックス
----------------------------------------------------*/
.NewPrd {
	width: 770px;
	padding: 5px 0 0 0;
	background:url("../products/img/index/parts_01.gif") no-repeat left top;
}

.NewPrd .MainBox {
	width: 720px;
	padding: 10px 25px 15px 25px;
	background:url("../products/img/index/parts_02.gif") no-repeat left bottom;
}

.MainBox .ContArea {
	width: 720px;
	background:url("../products/img/index/new_bg.gif") repeat-y;
}

 .ContArea .Left {
	width: 250px;
	height: 90px;
	background: url("../products/img/index/new_img.png") no-repeat 50px bottom;
	_background: url("../products/img/index/new_img.gif") no-repeat 50px bottom;
	float: left;
	padding: 10px 0 0 10px;
	line-height: 0;
	font-size: 0;
}

.ContArea .Right {
	width: 440px;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 0;
	font-size: 0;
	float: left;
}

.IndPrd {
	padding: 15px 0 0 0;
}

.IndPrd .Left {
	width: 347px;
	height: 200px;
	border: 1px solid #DDDDDD;
	border-collapse: separate;
	padding: 17px 14px 17px 14px;
	float: left;
}

.IndPrd .Right {
	width: 347px;
	height: 200px;
	border: 1px solid #DDDDDD;
	border-collapse: separate;
	margin: 0 0 0 15px;
	padding: 17px 14px 17px 14px;
	float: left;
}

.IndPrd .Left .PrdTxt ,.IndPrd .Right .PrdTxt {
	width: 185px;
	float: left;
}

.IndPrd .Left .PrdPht ,.IndPrd .Right .PrdPht {
	width: 149px;
	padding: 0 0 0 12px;
	margin: 0;
	line-height: 0;
	font-size: 0;
	float: left;
}

.PrdTxt p {
	font-size: 12px;
	margin: 10px 0 0 0 ;
	line-height: 1.75;
	background:url("../products/img/index/bg_dotline.gif") repeat-y;
	
}


.PrdTxt .Btn {
	overflow: hidden;
	margin: 15px 0 0 0 ;
	font-size: 0;
	line-height: 0;
	padding: 0;
	text-indent: -9999px;
}

.PrdTxt .Btn a {
	display:block;
	width: 95px;
	height: 20px;
	background: url("../products/img/index/list_btn.gif") no-repeat left top;
	outline:none;
}

.PrdTxt .Btn a:hover {
	background-position: left bottom;
}

/* 4bu   */

.IndPrd_4bu {
	padding: 15px 0 0 0;
}

.IndPrd_4bu .Left {
	width: 740px;
	height: 170px;
	border: 1px solid #DDDDDD;
	border-collapse: separate;
	padding: 17px 14px 17px 14px;
	float: left;
}

.IndPrd_4bu .Right {
	width: 347px;
	height: 200px;
	border: 1px solid #DDDDDD;
	border-collapse: separate;
	margin: 0 0 0 15px;
	padding: 17px 14px 17px 14px;
	float: left;
}

.IndPrd_4bu .Left .PrdTxt ,.IndPrd_4bu .Right .PrdTxt {
	width: 575px;
	float: left;
}

.IndPrd_4bu .Left .PrdPht ,.IndPrd .Right .PrdPht {
	width: 149px;
	padding: 0 0 0 12px;
	margin: 0;
	line-height: 0;
	font-size: 0;
	float: left;
}

.IndPrd_4bu .PrdTxt p {
	font-size: 12px;
	margin: 10px 0 0 0 ;
	line-height: 1.75;
	background:url("../products/img/index/bg_dotline.gif") repeat;
	
}


.IndPrd_4bu .PrdTxt .Btn_4bu {
	overflow: hidden;
	margin: 15px 0 0 0 ;
	font-size: 0;
	line-height: 0;
	padding: 0;
	text-indent: -9999px;
}

.IndPrd_4bu .PrdTxt .Btn_4bu a {
	display:block;
	width: 210px;
	height: 20px;
	background: url("../products/img/index/list_btn_4bu.gif") no-repeat left top;
	outline:none;
}

.IndPrd_4bu .PrdTxt .Btn_4bu a:hover {
	background-position: left bottom;
}

/* 4bu   */



#GoSrch {
	width:470px;
	height:147px;
	padding:0 0 0 0;
	margin:0 auto;
	background:url("../products/img/index/bg_gosearch.gif") no-repeat 0 0 ;
}


#GoSrch div.TxtArea {
	width:335px;
	padding:15px 0 0 85px;
}

#GoSrch div.TxtArea p {
	margin: 0 auto 10px;
}

#GoSrch div.BtnArea {
	float: left;
}

#GoSrch div.BtnArea a {
	display:block;
}

#GoSrch div.BtnArea a.ready {
	background: url(../products/img/index/btn_search_ready.gif) no-repeat 0 0;
	height: 43px;
	width: 167px;
	text-indent: -9999px;
	margin-left: 10px;
}

#GoSrch div.BtnArea a.order {
	background: url(../products/img/index/btn_search_order.gif) no-repeat 0 0;
	height: 43px;
	width: 167px;
	text-indent: -9999px;
	margin-left: 85px;
}

#GoSrch div.BtnArea a:hover {
	background-position: 0 -43px;
}



/* -----------------------------------------------------------
　商品詳細ボックス
----------------------------------------------------------- */
#productCont {
	width:770px;
	margin:0px;
	padding:0px;
}


/* -----------------------------------------------------------
　商品詳細ヘッダー
----------------------------------------------------------- */

#productHead {
	width:770px;
	margin:30px 0px 0px 0px;
	padding:0px;
}


.pdt-logo {
	width:320px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-size:0px;
	line-height:0px;
}


.pdt-navi {
	width:320px;
	float:right;
	margin:0px;
	padding:0px;
	text-align:right;
}

.border-img {
	width:770px;
	margin:0px;
	font-size0px;
	line-height:0px;
	clear:both;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	



/* -----------------------------------------------------------
　商品詳細 detail box
----------------------------------------------------------- */

#pdt-detail-bx {	
	width:770px;
	margin:20px 0px 0px 0px;
	padding:0px;
}



/* -----------------------------------------------------------
　商品詳細 photo area
----------------------------------------------------------- */


#pdt-detail-bx .photo-area-p {
	width:251px;
	float:left;
	margin:0px 42px 0px 0px;
	padding:0px;
}

.ic-status {
	width:251px;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}

.ic-status ul {
	width:251px;
	margin:0px;
	padding:0px;
}

.ic-status li {
	list-style:none;
	display:inline;
}


.pdt-main-img {
	width:247px;
	margin:5px 0px 0px 0px;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}


.pdt-main-txt-s {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:80%;
	color:#999999;
	text-align:right;
}


.photo-area-p .thumbnail {
	margin:25px 0px 0px 0px;
	padding:0px;
}


.thb-ttl {
	width:251px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:0px;
	line-height:0px;
}


.thb-01 { /* サムネイル1番目*/
	width:79px;
	float:left;
	padding:0px;
	margin:0px;
}

.thb-01 p {
	width:74px;
	margin:0px 0px 15px 0px;
	padding:3px 0px 0px 0px;
	text-align:center;
	font-size:80%;
}

.thb-img {
	width:75px;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}




.thb-02 { /* サムネイル2番・3番目*/
	width:79px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 7px;
}

.thb-02 p {
	width:74px;
	margin:0px 0px 15px 0px;
	padding:3px 0px 0px 0px;
	text-align:center;
	font-size:80%;
}



/* -----------------------------------------------------------
　商品詳細 text area
----------------------------------------------------------- */

.txt-area-p {
	width:476px;
	float:left;
	margin:0px;
	padding:0px;
}


.txt-area-p dl{
	padding:15px 0px 0px 0px;
	margin:0px;
}


.txt-area-p dl dt {
   width: 6em;
   float: left;
	 padding-bottom:10px;
	 color:#e56e7d;
	 font-size:110%;
	 font-weight:bold;
}

.txt-area-p dl dd{
    margin-left: 6em;
	 	padding-bottom:10px;
		font-size:110%;
}


.ttl-sub {
	margin:30px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(../products/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.colorComment {
	padding:10px 0px 0px 0px;
	font-size:80%;
}




.spc-bx {
	width:476px;
	margin:35px 0px 0px 0px;
	padding:0px;
}

.spc-bx ul {
	width:476px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}

.spc-bx li {
	list-style:none;
	display:inline;
	width:107px;
	margin-right:2px;
}


.spc-bx li img {
	padding-bottom:2px;
}


.sub-info01 {
	float:left;
	margin:0px 50px 25px 0px;
	padding:0px;
}




.sample {
	width:770px;
}


.b-info02 {
	width:770px;
	margin:0px;
	padding:0px;
}




.sub-info01 .ttl-sub {
	margin:0px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(../products/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}


.sub-info02 {
	width:770px;
	float:left;
	margin:0px 0px 25px 0px;
	padding:0px;
	clear:both;
}



.sub-info02 .ttl-sub {
	margin:0px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(../products/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}




.sub-info03 {
	width:770px;
	float:left;
	margin:0px;
	padding:0px;
	clear:both;
}


.sub-info03 .ttl-sub {
	margin:0px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(../products/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.noteComment {
	font-size:75%;
}



.ln-dot02 {
	width:770px;
	padding:20px 0px;
	clear:both;
}


.ln-dot03 {
	width:770px;
	padding:20px 0px 10px 0px;
	clear:both;
}


.mgn_t10 {
	margin-top:10px;
}

.mgn_t20 {
	margin-top:20px;
}


.mgn_t30 {
	padding:30px 0px 0px 0px;
}

.mgn5 {
	margin:0px 5px 0px 0px;
}

.ic-bx {
	width:251px;
	height:16px;
	_height:18px;
	margin:0px;
	padding:0px;
}

.ic-status {
	width:136px;
	margin:0px;
	padding:0px;
	line-height:0px;
	float:left;
}
.ic-status ul {
	width:136px;
	margin:0px;
	padding:0px;
}

.ic-status li {
	list-style:none;
	display:inline;
}

.ic-txt-release {
	width:114px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#9d9265;
	text-align:right;
	float:left;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.banner-tech {	
	width:240px;
	height:55px;
	margin:10px 0px 10px 0px;
	padding:0px;
}