@charset "utf-8";
/* ===================================================================
CSS information
file name  :main.css
EC-CUBE ver:2.4.3
Author     :shiro8.net
Author URL :http://www.shiro8.net
style info :コンテンツ一覧・コンテンツ詳細
=================================================================== */

ul,li {
	margin:0;
	padding:0;
}

/* 検索結果
----------------------------------------------- */
p.conditionarea {
clear:both;
width:auto;
margin:0 auto;
padding:5px;
border:#CCC solid 1px;
clear:both;
}

/* ページ送り
----------------------------------------------- */
ul.pagenumberarea {
	padding-top:10px;
	border-bottom:#D7DBDE 1px solid;
}

.pagecondarea {
color:#555;
background:#F3F3F3;
clear:both;
margin:20px 10px;
padding:10px;
}

ul.pagenumberarea li.left {
text-align:left;
white-space:nowrap;
padding:0 0 10px 10px;
float:left;
/* フォントサイズリセット
font-size:100%; */
}

ul.pagenumberarea li.right {
white-space:nowrap;
width:25%;
padding:0 10px 10px 0;
float:right;
/* フォントサイズリセット
font-size:100%; */
}
ul.pagenumberarea li.right span.sortnav {
	display:inline-block;
	background:url(../img/common/icn_link.gif) 0 0.2em no-repeat;
	padding-left:15px;
/* フォントサイズリセット
font-size:93%; */
}

.pagenumberarea .pagenumber{
color:#CC3333;
font-weight:bold;
}

p.pagenumberarea .number{
font-weight:bold;
}

.pagenumberarea a{
color:#444;
}

.pagenumberarea a:hover{
color:#0099CC;
}

/* コンテンツ一覧/コンテンツ詳細共通設定
----------------------------------------------- */

/* タイトル--- */
div#container h1,
div#windowcolumn h1,
h2#title {

	padding:22px 19px 15px;
	background:url(../img/products/bg_category.jpg) repeat-x;
	/* フォントサイズリセット
	font-size:115%;
	*/
	font-size:1.6em !important;
	font-weight:bold;
	line-height:120%;
	color:#000;
	border-bottom:1px solid #D7DBDE;
}


/* コンテンツ一覧
----------------------------------------------- */
/*--1col--*/
div#one_maincolumn div.listarea {
width:262px;
margin:4px;
padding:0 5px;
border-bottom:#CCC dotted 1px;
text-align:center;
float:left;
display:block;
}
/*--2col--*/
/*
div#two_maincolumn div.listarea {
width:169px;
margin:4px;
padding:0 5px;
border-bottom:#CCC dotted 1px;
text-align:center;
float:left;
}

* html div#two_maincolumn div.listarea{
margin:4px 3px;
}
*/

/*--3col 2011.3.29--*/
div#productsarea {
	width:560px;
	margin:0 auto;
	border-bottom:#D7DBDE 1px solid;
	padding-top:30px;
}

div.listarea {
width:540px;
margin:0 auto 30px;
}

div.listphoto{
	width:92px;
	float:left;
}
div.listphoto img.standread {
	margin:10px 0 5px 0;
}

div.listrightblock {
	width:428px;
	border-top:#7598C7 2px solid;
	float:right;
}

ul.status_icon{
	display:none;
width:145px;
margin:0 auto;
padding:0;
clear:both;
}

div.listrightblock ul.status_icon li {
display:inline;
margin-right:2px;
margin-bottom:2px;
padding:0;
float:left;
}

div.listrightblock h2 {
padding:10px 5px;
margin:0;
/* フォントサイズリセット
font-size:115%; */
font-size:1.4em !important;
line-height:125%;
font-weight:bold;
}

div.listrightblock .listcomment {
/* フォントサイズリセット
font-size:93%; */
margin-bottom:5px;
}

div.listrightblock table.tbl {
	width:428px !important;
	margin-bottom:5px !important;
	border-top:#999 1px dotted;
}
div.listrightblock .tbl th,
div.listrightblock .tbl td {
	padding:7px 5px 5px 10px;
}
div.listrightblock .tbl th {
	width:110px;
	text-align:left;
}
div.listrightblock .tbl .on {
	background:#FFF;
}
div.listrightblock .tbl .off {
	background:#F3F1EC;
}
.tbl .pricepage {
	color:#F00;
	width:292px;
	font-weight:300 !important;
}



div.listrightblock div.itempage-t{
	width:auto;
	margin-right:60px;
	float:left;
	margin-bottom:5px;
	font-weight:600;
	line-height:150%;
	}

div.listrightblock div.itempage-c{
	color:#F00;
	width:auto;
	float:left;
		margin-bottom:5px;
		line-height:150%;

	}

/*--通常価格--*/

div.basicprice{
	font-weight:600;
	line-height:150%;
	}

div.listrightblock div.basicprice{
	width:auto;
	float:left;
	margin-right:50px;
	}

div.basicprice span.ngline{
	font-weight:300 !important;
	}

/*--販売価格--*/

div.salesprice{
	font-weight:600;
	line-height:150%;
	}

div.listrightblock div.salesprice{
	width:auto;
	float:left;
	}

div.listrightblock ul.dl_pdf {
	width:auto;/* 2012.07.27修正 */
	margin:0;
	padding:0;
}

/* 20110819追加 */
div.listrightblock ul.dl_pdf li {
	display: inline-block;
	margin:0;
	padding:2px 0 5px 0;/* 2012.07.27修正 */
	/* フォントサイズリセット
	font-size:84%; */
	float:left;
	width:50%;	/* 2012.07.27追加 */
}
div.listrightblock ul.dl_pdf li.pdfwin {background:url(../img/products/ttl_windows.gif) 0 0.1em no-repeat; }/* 2012.07.27修正 */
div.listrightblock ul.dl_pdf li.and_tab { background:url(../img/products/ttl_and_tab.gif) 0 0.1em no-repeat; }/* 2012.07.27修正 */
div.listrightblock ul.dl_pdf li.and_smf { background:url(../img/products/ttl_and_smp.gif) 0 0.1em no-repeat; }/* 2012.07.27修正 */
/* 20110819追加_end */

/* 20111006追加 */
div.listrightblock ul.dl_pdf li.and_tab2 { background:url(../img/products/ttl_and_tab2.gif) 0 0.1em no-repeat; }/* 2012.07.28修正 */
/* 20111006追加_end */

/* 2012.07.27追加 */
div.listrightblock ul.dl_pdf li.iphone_ipod { background:url(../img/products/ttl_iphone.gif) 0 0.1em no-repeat; }
div.listrightblock ul.dl_pdf li.ipad { background:url(../img/products/ttl_ipad.gif) 0 0.1em no-repeat; }

div.listrightblock ul.dl_pdf li.pdfwin span { pading-right: 0px; padding-left: 93px;}
div.listrightblock ul.dl_pdf li.and_tab span{ pading-right: 0px; padding-left: 115px;}
div.listrightblock ul.dl_pdf li.and_smf span {pading-right: 0px; padding-left: 132px;}
div.listrightblock ul.dl_pdf li.and_tab2 span {	pading-right: 0px;	padding-left: 137px;}
div.listrightblock ul.dl_pdf li.iphone_ipod span{ margin-right: 0px;	padding-left: 131px;}
div.listrightblock ul.dl_pdf li.ipad span { margin-right: 0px; padding-left: 93px;}
/* 2012.07.27追加 end */


div.listrightblock ul.dl_pdf li.pdfmac { background:url(../img/products/ttl_mac.gif) 0 0.1em no-repeat; }

div.listrightblock .iteminfobox {
	margin:5px;
	padding-right:15px;
	float:right;
}
div.listrightblock .iteminfobox p.detaillink {
	margin-bottom:0 !important;
	padding:0 0 0 15px;
	background:url(../img/common/icn_link.gif) 0 0.1em no-repeat;
	/* フォントサイズリセット
	font-size:100%; */
	margin-top:5px;
}

div.listrightblock .soldout {
clear:both;
}

div.listrightblock .in_cart {
	float:right;
}

div.listrightblock .quantity {
}

div.listrightblock p.btn_detail {
width:115xpx;
margin:8px auto;
display:block;
clear:both;
text-align:center;
}

div.listrightblock p.btn_detail img{
margin:0 auto;
}

div.listrightblock dl{
	float:left;
}

div.listrightblock dt {
padding:2px 0;
min-width:3em;
}

div.listrightblock dd {
padding:2px 0;
text-align:left;
}

div.listrightblock dl.unit{
margin-bottom:5px;
}

div.listrightblock dl.unit dt {
float:left;
display:inline;
width:3em;
}

div.listrightblock dl.unit dd {
text-align:left;
padding:7px 10px 0 0;
float:left;
}

div.listrightblock .cartbtn {
	clear:both;
	width:135px;
	float:right;
}



/* コンテンツ詳細
----------------------------------------------- */
div#detailarea {
margin:15px 0 0 0;
padding:0 20px;
}

/*--3col--*/
div#three_maincolumn div#detailarea {
width:540px;
}

div#detailphotoblock {
	width:164px;
float:left;
text-align:center;
}

/*
div#detailphotoblock p {
margin:5px 0 0 0;
}
*/

div#detailphotoblock ul {
	width:162px;
	margin:0;
	padding-top:10px;
}
div#detailphotoblock ul li {
	margin-bottom:10px;
}
div#detailphotoblock img{
	vertical-align:bottom !important;
	}

/*
div#detailphotoblock img.picture{
	margin-bottom:30px;
	}
*/

div#detailphotoblock p.howtointerest {
	margin:0;
	padding:0;
	padding-left:15px;
	background:url(../img/common/icn_link.gif) 0 0.2em no-repeat;
	/* フォントサイズリセット
	font-size:100%; */
	text-align:left;
}


/* list :ie7 */
*:first-child+html div#detailphotoblock ul li p.howtointerest
{
    margin-top:1em;
}



div#detailrightblock {
	width:350px;
	float:right;
}

div#detailrightblock .tbl {
	width:350px !important;
	margin-bottom:5px;
}
div#detailrightblock .tbl th,
div#detailrightblock .tbl td {
	padding:7px 5px 5px 10px;
}
div#detailrightblock .tbl th {
	width: 100px;
	white-space:nowrap;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
div#detailrightblock .tbl .on {
	background:#FFF;
}
div#detailrightblock .tbl .off {
	background:#f3f1ec;
}








div#detailrightblock div.contsinfo01{
	width:auto;
	float:left;
	line-height:1.5em;
	margin-right:0.5em;
	}

div#detailrightblock div.contsinfo02{
	width:auto;
	float:left;
	line-height:1.5em;
	color:#666;
	}

div#detailrightblock div.contsinfo03{
	clear:both;
		line-height:1.5em;

	}

div#detailrightblock div.contspage01{
	width:auto;
	float:left;
	line-height:1.5em;
	}

div#detailrightblock div.contspage02{
	width:auto;
	float:left;
	line-height:1.5em;
	}


div#detailrightblock p.commentlink {
	padding: 0 0 7px 25px;
	margin: 10px 0;
	background:url(../img/common/icn_link2.gif) 10px 0.2em no-repeat;
	/* フォントサイズリセット
	font-size:100%; */
}
div#cartwrap {
	background:#F3F1EC;
	margin-bottom:15px;
	padding:10px 0;
}

/*--個数を削除--*/
div#cartwrap dl{
	display:none;
	}

div#detailrightblock .code{
color:#333;
/* フォントサイズリセット
font-size:93%; */
padding:0 0 0 4px;
clear:both;
border-bottom:#0099CC dotted 1px;
}

div#detailrightblock h2 {
margin:20px 0 10px 0;
padding:0 0 0 20px;
color:#666600;
/* フォントサイズリセット
font-size:134%; */
font-weight:bold;
background:url(../img/products/bg_corner.gif) no-repeat left bottom;
border-bottom:#0099CC solid 1px;
}

div#detailrightblock dl {
	width:200px;
	height:24px;
	margin:0 auto;
padding:8px 0;
clear:both;
}

div#detailrightblock dt {
padding:0;
float:left;
}

div#detailrightblock dd {
	width:100px;
margin:4px 15px 0 0;
float:left;
}

#detailrightblock .btnbox {
display:block;
clear:both;
margin:30px 0 0 0;
padding:15px 0 0 0;
text-align:center;
border-top:#CCC dotted 1px;
position:relative;
}

#detailrightblock .cartbtn {
	text-align:center;
	margin-top:0 !important;
}


/*ポイント/関連カテゴリ*/
#detailrightblock .detail_point,#detailrightblock .detail_cat{
padding:3px 0;
}

detailrightblock .detail_cat p{
/* フォントサイズリセット
font-size:93%; */
margin-bottom:5px;
}

#detailrightblock .btn_fav {
clear:both;
margin:5px 0;
padding:0;
}

div#detailrightblock ul li {
font-size: 1.0em !important;
}

/*対応端末*/
ul.terminallist {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.terminallist li {
	display: block;
	width: 86px;
	float: left;
	margin: 0 4px 0 0;
}

ul.terminallist li.last {
	margin-right: 0;
}

/* サブタイトル
----------------------------------------------- */
div.subarea {
clear:both;
width:540px;
margin:0 auto 20px;
padding:0;
}

div.subarea h3 {
color:#000;
margin:0 0 10px !important;
padding:0 0 7px;
border-bottom:#CCC solid 1px;
}
div.subarea h3.bordernone {
	border: 0 none;
	margin-bottom: 0 !important;
}

div.subtext {
	width:430px;
	float:left;
	font-size:1.2em;
	line-height:1.6em;
}

div.subtext2 {
	font-size:1.2em;
	line-height:1.6em;
}

div.subphotoimg {
float:right;
width:90px;
}

div.subphotoimg p {
margin:0;
text-align:right;
}


/* スペック表
----------------------------------------------- */
table.spec {
	clear:both;
	width:540px !important;
	margin:0 auto 20px !important;
}
table.spec th,
table.spec td {
	padding:7px 5px 5px 10px;
	border:#CCC 1px solid;
	text-align:center;
	/* フォントサイズリセット
	font-size:100%; */
}
table.spec th {
	background:#F3F1EC;
	font-weight:bold;
}
table.spec .dl_caution {
	color:#F00;
}

/* お客様の声
----------------------------------------------- */
div#customervoicearea {
clear:both;
	width:540px;
	margin:0 auto;

/*
padding:15px 10px 0 10px;
*/
}

div#customervoicearea h2 {
	height:36px;
margin:0;
padding:0 0 10px;
}
div#customervoicearea #voicecatch {
	font-weight:bold;
	margin:0;
	padding-bottom:10px;
}

div#customervoicearea .voicedate{
color:#333;
font-weight:bold;
margin:10px 0;
font-size:100% !important;
background:#F3F1EC;
font-weight:300;
padding:7px 10px;

}

div#customervoicearea div#commentbtn{
	margin-bottom:15px;
	}

div#customervoicearea ul{
	clear:both;

	}

div#customervoicearea ul li{
	margin-bottom:20px;
	}

div#customervoicearea .voicedate span.voice-l{
	display:block;
	float:left;
	width:320px;
	line-height:1.6em !important;
	}

div#customervoicearea .voicedate span.voice-r{
	display:block;
	float:right;
	width:13em;
	white-space:nowrap;

	}

div#customervoicearea .voicedate span.voice-r span.stars{
	color:#f90;
	}

div#customervoicearea .voicetitle{
/*
color:#3399CC;
padding:0;
margin:15px 0 5px 0;
font-weight:bold;
border-bottom:#99CCFF solid 1px;
font-size:100% !important;

*/
/*-- h2と同指定 --*/
	clear:both;
	border-bottom:1px #ccc solid;
	padding-bottom:5px;
	margin-bottom:10px;
	font-weight:600;
	padding-left:10px;
}

div#customervoicearea .voicecomment{
	font-size:100% !important;
	padding-left:10px;
	}

div#customervoicearea li {
	clear:both;
	padding:0 0 10px 0;

}
div#commentcoming {
	margin-bottom:10px;
	padding:20px 0 18px;
	border:#BFBFBF 1px dashed;
}
div#commentcoming p {
	text-align:center;
	margin:0;
}
div#commentbtn {
	width:185px;
	float:right;
	padding-right:5px;
}

/* トラックバック
----------------------------------------------- */
div#trackbackarea {
clear:both;
width:auto;
padding:35px 10px 10px 10px;
}

div#trackbackarea h2 {
padding:0;
margin-bottom:5px;
background:#F0F0F0;
line-height:30px;
}

div#trackbackarea p {
color:#99CCCC;
font-weight:bold;
padding:0 0 10px 0;
}

div#trackbackarea .box500 {
width:500px;
border:#CCC solid 1px;
}

/* 関連書籍
----------------------------------------------- */
div#connectarea {
	clear:both;
	width:540px;
	margin:0 auto;
}
div#connectarea h3 {
	padding:0;
}
div#connectarea div#connectlist {
	border:#BFBFBF 1px solid;
	border-top:none;
	padding:20px;
}
/* このコンテンツを買った人はこんなコンテンツも買っています
----------------------------------------------- */
div#whoboughtarea {
clear:both;
width:540px;
margin:0 auto;
margin-bottom:30px;
}
div#whoboughtarea h2 {
padding:0;
}
div.whoboughtblock {
	border:#BFBFBF 1px solid;
	border-top:none;
	padding:20px;
}
div.whoboughtblock .boxR{
width:115px;
padding-right:5px;
padding-top:10px;
}

div.whoboughtleft h3 ,div.whoboughtright h3{
padding:0;
font-weight:normal;
}

div.whoboughtleft,
div.whoboughtright {
float:left;
width:24%;
}