@charset "UTF-8";

/* =================================================================================

 search style

================================================================================= */

/* /////////////////////////////////////////////////////////////////////////// common */

/* //////////////////////////////////////// index */

div#searchHead{
	width:706px;
	margin:0 auto;
}

	div#searchHead h1,
	div#searchHead h3{
		margin-top:38px;
		padding-left:13px;
	}
	
	div#searchHead h3{
		margin-top:17px;
	}
	
	div#main div#searchHead p.result{
		margin-top:7px;
	}

/* 販売店を検索 */

p#boxShopSearch{
	margin-bottom:14px;
}

/* よく検索されている商品 */

div#boxRank.boxStyle01{
	padding-bottom:14px;
}

ul#ranking{
	margin-top:14px;
}
ul#ranking li{
	position:relative;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:12px;
	zoom:1;
}

	ul#ranking li.bigtarget{
		cursor:pointer;
	}
	ul#ranking li span{
		position:absolute;
		left:0;
		top:4px;
		zoom:1;
	}
	
	ul#ranking li#last{
		padding-bottom:0;
	}
	
	ul#ranking li dl{
		padding-left:13px;
		padding-top:14px;
	}
	
	ul#ranking li dl dt,
	ul#ranking li dl dd{
		float:left;
	}
	
	ul#ranking li dl dt{
		width:48px;
	}
	
	ul#ranking li dl dd{
		width:117px;
		padding-left:6px;
		width:123px;
		padding-left:0;
		line-height:1.5;
	}
	
		ul#ranking li dl dd a{
			/*color:#999;*/
		}

div#searchBox{
	margin-bottom:14px;
}

/* /////////////////////////////////////////////////////////////////////////// detail */

div#itemBody{
	color:#555;
	position:relative;
}

	div#itemBody.boxStyle01{
		padding-top:45px;
		padding-top:44px;
	}
	
	* html div#itemBody.boxStyle01{
		/*padding-bottom:0 !important;*/
	}

	div#itemBody div.boxBorder01{
		/*border-bottom:none;*/
		margin-top:-1px;
		zoom:1;
	}
	
	/*div#itemBody div#boxFaq,
	div#itemBody div.boxBorder01.last{
		border-bottom:1px solid #e5e5e5;
	}
*/


/* //////////////////////////////////////// itemMain */

div#itemMain{
	width:678px;
	margin:0 auto;
}

div#itemMain div.itemLtr{
	margin-bottom:25px;
}

div#itemMain div.itemRtl{
	margin-bottom:30px;
}

div#itemMain div.itemText{
}

/* 商品番号 */

div#itemMain dl,
div#main dl.itemNum{
	margin-top:19px;
	margin-bottom:9px;
	/*background:url(img/bg_item_number.gif) repeat-y left top;*/
}

	div#itemMain dl dt,
	div#itemMain dl dd,
	div#main dl.itemNum dt,
	div#main dl.itemNum dd{
		float:left;
		padding:2px 0px 2px;
		line-height:1.0 !important;
	}
	
	div#itemMain dl dt,
	div#main dl.itemNum dt{
		background-color:#555;
		background:#555 url(img/bg_item_number.gif) repeat-y left top;
		color:#ddd;
		width:45px;
		text-align:center;
	}

	div#itemMain dl dd,
	div#main dl.itemNum dd{
		background:url(../../common/css/img/bg_style02.gif) repeat left top;
		font-weight:bold;	
		font-size:107%;
		padding:2px 8px 1px;
	}
	

* html div#itemMain dl dd { letter-spacing:1px;}
*:first-child+html div#itemMain dl dd { letter-spacing:1px; }
head~/* */body div#itemMain dl dd { letter-spacing:1px; }
html:not(:target) div#itemMain dl dd { letter-spacing:1px;}


/* 商品名 */

div#main h1#itemName{
	color:#333;
	background:#fff999 url(img/bg_item_name.gif) repeat-x left bottom;
	font-size:180%;
	font-weight:bold;
	padding:6px 4px 10px;
	margin-bottom:3px;
}

/* 基本スペック */

div#itemMain ul.basic{
	margin-bottom:17px;
}

	div#itemMain ul.basic li{
		background:url(../../common/css/img/bg_dot.gif) repeat-x left bottom;
		padding-top:2px;
	}

/* 説明テキスト、基本情報 */

div#itemMain div.itemText p{
	line-height:1.67 !important;
}

span.iconZoom{
	display: -moz-inline-box;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	margin-top:10px;
	margin-bottom:9px;
	/*font-size:83.3%;*/
}

div#main span.iconZoom.inner{
	font-size:129.8%;
	margin-top:7px;
	margin-bottom:5px;
}

ul.edit{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	margin-top:13px;
}

div#main ul.edit li{
	line-height:1.4;
	padding-left:5px;
}

ul.edit li span{
	font-size:83.3%;
	color:#999;
}


/* //////////////////////////////////////// アイコンボックス */

div#boxIcon{
}

div#boxIcon div#printer,
div#boxIcon div#types{
	float:left;
	vertical-align:top;
	overflow:hidden;
}

div#boxIcon div#types{
}

div#boxIcon div#printer ul,
div#boxIcon div#types ul{
	margin-top:15px;
	margin-bottom:18px;
}

div#boxIcon div#types ul{
	/*margin-bottom:12px;*/
	margin-bottom:0;
}

div#boxIcon div#printer{
	max-width:398px;
	
	padding-right:18px;
}
* html div#boxIcon div#printer{
	 /* width : expression(
	  (document.documentElement.clientWidth > 380)? "380px" :
	  (document.documentElement.clientWidth < 323)? "323px" :
	  "auto");
	  zoom:1;*/
	  max-width:394px;
	  min-width:72px;
	  width:394px;
}

	div#boxIcon div#printer ul li{
		margin-right:7px;
	}

div#main div#boxIcon p.alignRight.clear{
	zoom:1;
	position:relative;
	top:-7px;
	margin-bottom:-7px;
}

* html div#main div#boxIcon p.alignRight.clear{
	top:3px;
	margin-bottom:0;
}

div#boxIcon div#types{
	width:272px;
	width:264px;
}

	div#boxIcon div#types ul li{
		margin-right:5px;
		display:inline;
	}


/* //////////////////////////////////////// 商品仕様 */

div#boxSpec h2{
	/*margin-bottom:-5px;*/
}
div#boxSpec h3{
	/*margin-bottom:25px;*/
	margin-top:15px;
}
/*
div.specIn{
	margin-bottom:15px;
}
div#boxSpec p.specImg,
div#boxSpec table.detail,
div#boxSpec table.word{
	float:left;
}

div.tableArea{
	float:right;
}
*/

/* 画像がないときは右詰め */

div.specIn{
	/*margin-bottom:15px;
	display:table;*/
	margin-top:15px;
	zoom:1 !important;
}
/*div#boxSpec p.specImg,
div#boxSpec div.tableArea{
	display:table-cell;
	vertical-align:top;
	padding-top:15px;
	/float:left;
}*/

/*div#main div#boxSpec table.detail th,
div#main div#boxSpec table.detail td,
div#main div#boxSpec table.word th,
div#main div#boxSpec table.word td{
	padding-bottom:3px;
	padding-top:5px;
}*/
/* 画像がないときは右詰め end */


div#boxSpec table.detail{
	/*margin-top:-8px;*/
	
}

div#boxSpec table.word{
	margin-top:29px;
}
div#boxSpec p.specImg{
	width:200px;
	text-align:center;
	margin-right:20px;
}

div#boxSpec table.detail{
	/*width:240px;
	margin-right:23px;*/
}

	div#boxSpec table.detail th{
		width:94px;
		width:200px;
	}

div#boxSpec table.word{
	/*width:190px;*/
}

	div#boxSpec table.word th{
		width:143px;
		width:200px;
	}

a.tips img{
	vertical-align:middle;
	margin-left:5px;
	margin-bottom:2px;
}

p.printset{
	margin-bottom:15px;
	margin-top:15px;
}

/* for IE6 */

* html div#boxSpec div.itemRtl{
	margin-bottom:0 !important;
}


/* //////////////////////////////////////// 備考、関連商品、よくあるご質問 */

div#main div#boxRecital h2,
div#main div#boxRelated h2,
div#main div#boxFaq h2{
	margin-bottom:12px;
	
}

div#main div#boxRelated ul li{
	padding-left:10px;
}

div#main div#boxRelated ul,
div#main div#boxFaq ul{
	margin-left:2px;
	margin-right:2px;
}

div#main div#boxFaq ul li{
	margin-top:12px;
}


div#main div#boxRelated ul li{
	margin-bottom:5px;
}

div#main div#boxBanner dl{
	margin: 10px 0;
	padding-left: 10px;
}
div#main div#boxBanner dl dt{
	width: 185px;
}
div#main div#boxBanner dl dt img{
	border: 1px solid #e5e5e5;
}

div#main div#boxBanner dl dt,
div#main div#boxBanner dl dd{
	float: left;
}
div#main div#boxBanner dl dd{
	margin-top: 20px;
}

/* //////////////////////////////////////// mylist */

div#mylistBody{
	color:#555;
	position:relative;
	margin-bottom:14px;
}

table#mylist td{
	position:relative;
}

table#mylist td p.image{
	position:absolute;
}

table#mylist td div.itemSummary{
	padding-left:75px;
}

table#mylist td h2{
	margin-top:10px;
	/margin-top:0px;
	line-height:1.4;
	clear:both;
}

/* tableSrtle03に継承される値をクリア */

/*table.tableStyle04{
}

	table.tableStyle04 th,
	table.tableStyle04 td{
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
	}

	table.tableStyle04 th{
		padding-top:8px;
		padding-bottom:5px;
		text-align:center;
		font-weight:bold;
	}
	
	table.tableStyle04 td{
		padding:16px 14px 17px; 
	}
*/

table.tableStyle04 table.tableStyle03{
	border:none;
	margin-bottom:0;
}
	table.tableStyle04 table.tableStyle03 th,
	table.tableStyle04 table.tableStyle03 td{
		padding:2px 5px;
		text-align:center;
		border-bottom:1px dotted #ccc;
		border-right:none;
	}

	table.tableStyle04 table.tableStyle03 th{
		font-weight:bold;
		border-bottom:1px solid #ccc;
		border-top:1px dotted #ccc;
		background:#fffccc url(/product/common/css/img/bg_dot_y.gif) repeat-y right top;
	}
	
	table.tableStyle03 tr.first{
		background:#fffccc url(img/bg_dot.gif) repeat-x left top;
	}

	table.tableStyle04 table.tableStyle03 td{
		/*background:url(img/bg_dot_y.gif) repeat-y right top;*/
		border-right:1px dotted #ccc;
}
	
	.right{
	}


/* for IE6 */

* html table.tableStyle04 table.tableStyle03{
	/*background-image:url(img/bg_table_dot.gif);
	background:url(/product/common/css/img/bg_dot.gif) repeat-x left bottom;*/
	background:url(/product/common/css/img/bg_dot.gif) repeat-x left top;
	border-top:1px solid #ccc;
}

	* html table.tableStyle04 table.tableStyle03 th,
	* html table.tableStyle04 table.tableStyle03 td{
		border:none;
		border-right:1px solid #ccc;
		/*background:url(/product/common/css/img/bg_dot.gif) repeat-x left top;
		background:url(/product/common/css/img/bg_dot.gif) repeat-x left bottom;*/
}
	
	* html table.tableStyle04 table.tableStyle03 th{
		background-image:none;
		background-color:#fffccc;
		border-bottom:1px solid #ccc;
	}
	* html table.tableStyle04 table.tableStyle03 td{
}
	
	* html .right{
		/*background-image:url(/product/common/css/img/bg_dot.gif)  !important;
		background-position:left bottom;*/
	}
	
/* 縦に並ぶ画像の余白設定 */

/* フォーマット図 */

div#main td.format{
	/*padding-bottom:0 !important;*/
	text-align:center;
}
td.format img{
	/*margin-bottom:10px;*/
}

div#main td.format ol{
	padding-left:0;
}

div#main td.format ol li{
	/*border-bottom:1px solid #ccc;*/
	padding-bottom:10px;
	margin-bottom:10px;
	vertical-align:top !important;
	list-style-position:inside;
}

	div#main td ol li{
		font-size:100% !important;
	}

div#main td.format ol li.last{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:3px;
}
	div#main td.format ol li img{
		vertical-align:top !important;
	}

/* //////////////////////////////////////// mylistの比較 */

table#compare{
	width:auto !important;
}

table#compare th{
	width:123px !important;
}
table#compare td{
	width:178px !important;
	text-align:left;
}

div#main table#compare ul.note li{
	padding:0 !important;
	text-indent:0 !important;
}

/* チェックボックスをセンターに */

table.tableStyle05 span.jqTransformCheckboxWrapper{
	position:relative;
	left:41%;
	/left:38%;
	margin-top:0;
	margin-bottom:5px;
}

ul.mark{
	width:163px;
	margin:0 auto;
}

	ul.mark li{
		margin-left:1px;
		margin-right:2px;
	}

/* プリンタ対応のアイコン */

td.printer {
	padding-bottom:2px !important;
}
td.printer img{
	margin-right:4px;
	margin-bottom:4px;
}


/* /////////////////////////////////////////////////////////////////////////// MYリストの使い方 */

div#mylistHead{
	width:616px;
	margin:44px auto 0;
}

div#mylistHead h2{
	margin-bottom:28px;
}

dl#howtoMenu{
}

	dl#howtoMenu dt,
	dl#howtoMenu dd{
		padding-left:7px;
		padding-right:7px;
	}
	
	dl#howtoMenu dt{
		margin-bottom:7px;
	}
	
	dl#howtoMenu dd{
		background:url(../../common/css/img/bg_dot.gif) repeat-x left bottom;
		margin-bottom:18px;
		padding-bottom:9px;
	}

/* 関連商品 */

div.boxRelated{
	width:673px;
	margin:29px auto;
	padding-bottom:29px;
	border:1px solid #e5e5e5;
}

div.boxRelated h4{
	font-size:136%;
	background-color:#fff999;
	color:#252525;
	border:1px solid #FFF;
	border-bottom:none;
	padding:15px 29px 9px;
	font-weight:bold;
}

div.boxIn{
	padding-left:29px;
	padding-right:38px;
	margin-top:30px;
}

.resetR{
	padding-right:0 !important;
}

div.boxIn h5{
	margin-bottom:9px;
}

p.howtoTxt,
ul.howtoList{
	padding-left:12px;
}

p.howtoTxt{
	margin-top:12px;
}

ul.howtoList{
	margin-top:10px;
}


/* /////////////////////////////////////////////////////////////////////////// アイコンの説明 */

table.icon th{
	letter-spacing:0.25em;
}

* html table.tableStyle03.icon{
	background:none !important;
}

* html table.icon{
	background:url(../../common/css/img/bg_dot.gif) repeat-x left top !important;
	zoom:1;
}

* html table.icon td{
	background:url(../../common/css/img/bg_dot.gif) repeat-x left bottom !important;
}

table.icon td{
	padding:13px 10px 11px !important;
}

div#main table.icon .none{
	border:none;
	background:none !important;
}

table.icon dl.inner dt,
table.icon dl.inner dd{
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
}

table.icon dl.inner dt{
	padding-right:8px;
}



/* /////////////////////////////////////////////////////////////////////////// 対応ソフト */
table.taiouSoft th{
	white-space: nowrap;
}