@charset "shift_jis";

/*---------------------------------
  3@ CSS Document 2011
---------------------------------*/

@import "page.css";

/*####################　共通設定　####################*/

html body a:link {color:#2666c6;}
html body a:active {color:#c53f7a;}

#Main {
	float:none;
	width:700px;
	margin:0 100px;
	padding-top:0;
	min-height:500px;
	}

#Main h2 {margin-bottom:20px;}

.contentsBox {margin-bottom:30px;}

.contentsBox h3 {
	clear:both;
	border:1px solid #c5c5c5;
	border-radius:3px;
	background:url(../img/contents/ico-dotte_blue.gif) 8px center no-repeat;
	margin-top:40px;
	margin-bottom:15px;
	padding:8px 10px 7px 21px;
	font-size:100%;
	line-height:1;
	}
.contentsBox h4 {
	clear:both;
	border-bottom:1px solid #c3c3c3;
	/*background:url(../img/contents/ico-dotte_blue.gif) left center no-repeat;*/
	/*margin:40px 9px 15px;*/
	margin:30px 0 15px;
	padding:3px 0 3px 8px;
	font-size:100%;
	}
.contentsBox h5 {
	clear:both;
	background:url(../img/contents/arrow-gray.gif) 0 0.4em no-repeat;
	/*margin:30px 15px 15px;*/
	margin:30px 0 15px;
	padding-left:12px;
	color:#000;
	font-size:100%;
	}
	
.contentsBox p {
	margin:0 15px 1.5em;
	line-height:1.75;
	text-align:inherit; 
	}
.contentsBox p.date {margin:0 0 1.5em;}

.contentsBox table {
/*
	margin-right:15px;
	margin-left:15px;
	width:auto;
*/
	}
/*
.contentsBox th {padding:5px; background:#f0f0f0; font-weight:normal;}
.contentsBox td {padding:5px;}
*/
.contentsBox th {padding:5px 10px; background:#f0f0f0; font-weight:normal;}
.contentsBox td {padding:5px 10px;}


.contentsBox .entryBody {margin-bottom:30px;}
.contentsBox .entryBody ul {margin:0 15px 1em;}
.contentsBox .entryBody ol {margin:0 15px 1em 30px;}

.contentsBox .entryBody ul li {
	background:url(../img/contents/arrow-double.gif) 0 0.4em no-repeat;
	padding-left:12px;
	margin-bottom:5px;
	list-style:none;
}

.contentsBox ul.list li {
	background:url(../img/contents/arrow-blue.gif) 0 0.4em no-repeat;
	padding-left:12px;
	margin-bottom:8px;
	line-height:1.2;
	}
.contentsBox ul.list li span {font-size:93%;}
#Main .contentsBox p.date {text-align:right; font-size:93%; width:700px;}





#PageNewProd #Main,
#PageEvent #Main,
#PageTopics #Main,
#PageInformation #Main
{ float:right; margin:0;}


#PageNewProd #Sub,
#PageEvent #Sub,
#PageTopics #Sub,
#PageInformation #Sub
{ float:left; width:190px;}


#PageNewProd #Sub .archiveBox a,
#PageEvent #Sub .archiveBox a,
#PageTopics #Sub .archiveBox a,
#PageInformation #Sub .archiveBox a
{
	border-top:1px solid #dce1e4;
	padding-top:4px;
	padding-bottom:4px;
	background-position:3px 0.8em;
}


/*####################　ブログ記事　####################*/

.contentsBox.entryList {
}
.contentsBox.entryList dl {
	position:relative;
	background:url(../img/contents/line-dotted.gif) left bottom repeat-x;
	padding:9px 0 8px 90px;
	min-height:60px;
	}
	.contentsBox.entryList dl:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
	.msie6 .contentsBox.entryList dl {width:700px; height:77px; zoom:1;}
	.msie7 .contentsBox.entryList dl {zoom:1;}

	.contentsBox.entryList dl.photo  {min-height:60px;}
	.contentsBox.entryList dl.photo2 {min-height:87px; padding-right:155px;}
	.msie6 .contentsBox.entryList dl.photo  {height:75px;}
	.msie6 .contentsBox.entryList dl.photo2 {height:103px;}





.contentsBox.entryList dl.bottom {background:none; padding-bottom:0;}

.contentsBox.entryList dt {
	background:url(../img/contents/arrow-blue.gif) left 0.46em no-repeat;
	margin-bottom:3px;
	padding:0 5px 0 10px;
	font-size:100%;
	}

.contentsBox.entryList dd {padding-right:5px;}
.contentsBox.entryList dd.code {
	position:relative;
	top:-1.8em;
	float:right;
	margin:0 0 -1.8em 20px;
	font-weight:bold;
	text-align:right;
	}

	.contentsBox.entryList dd.photo,
	.contentsBox.entryList dd.photo2 {
		position:absolute;
		z-index:10;
		border:1px solid #dadada;
		margin:0;
		padding:0;
		width:auto;
		font-size:0;
		}
		.contentsBox.entryList dd.photo  {top:9px; left:0; width:75px; height:55px;}
		.contentsBox.entryList dd.photo2 {top:9px; right:0; width:150px; height:83px;}
			.contentsBox.entryList dd.photo img,
			.contentsBox.entryList dd.photo2 img {margin:0;}



/*####################　新製品情報　####################*/

/*
#PageNewProd.index #NewProd dl {
	position:relative;
	background:url(../img/contents/line-dotted.gif) left bottom repeat-x;
	padding:9px 0 8px 90px;
	width:610px;
	min-height:60px;
	}
#PageNewProd.index #NewProd dl:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
.msie6 #PageNewProd.index #NewProd dl {width:700px; height:77px; zoom:1;}
.msie7 #PageNewProd.index #NewProd dl {zoom:1;}

#PageNewProd.index #NewProd dl.bottom {background:none; padding-bottom:0;}

#PageNewProd.index #NewProd dt {
	background:url(../img/contents/arrow-blue.gif) left 0.46em no-repeat;
	margin-bottom:3px;
	padding:0 5px 0 10px;
	font-size:100%;
	}
#PageNewProd.index #NewProd dt img{position:relative; top:0.2em; margin-left:10px;}

#PageNewProd.index #NewProd dd {padding-right:5px;}
#PageNewProd.index #NewProd dd.photo {
	position:absolute;
	top:9px;
	left:5px;
	z-index:10;
	border:1px solid #dadada;
	width:75px;
	height:55px;
	margin:0;
	padding:0;
	font-size:0;
	}
#PageNewProd.index #NewProd dd.photo img {margin:0;}
#PageNewProd.index #NewProd dd.code {
	position:relative;
	top:-1.8em;
	float:right;
	margin:0 0 -1.8em 20px;
	font-weight:bold;
	}
*/

#PageNewProd.entry.pamph .pageBute {
	position:relative;
	overflow:hidden;
	}
#PageNewProd.entry.pamph .pageBute ul {
	position:relative;
	left:50%;
	float:left;
	}
#PageNewProd.entry.pamph .pageBute li{
	position:relative;
	left:-50%;
	float:left;
	margin:0 15px;
	font-size:100%;
	}
#PageNewProd.entry.pamph .pageBute li.pre {background:url(../img/contents/arrow-double_l.gif) left 0.5em no-repeat; padding-left:12px;}
#PageNewProd.entry.pamph .pageBute li.next {background:url(../img/contents/arrow-double.gif) right 0.5em no-repeat; padding-right:12px;}



/*　ダウンロードボタン
-------------------------------------*/
#PageNewProd.entry #ProductPhoto {position:relative; overflow:hidden; width:100%;}

#PageNewProd.entry #ProductPhoto ul {
	position:relative;
	left:50%;
	float:left;
	width:auto;
}
#PageNewProd.entry #ProductPhoto li {
	position:relative;
	left:-50%;
	float:left;
	margin:0 5px;
	text-align:center;
}
#PageNewProd.entry #Main h2 {margin-bottom:5px;}

/*
#PageNewProd.entry #ProductPhoto ul {vertical-align:bottom; margin-bottom:30px;}
#PageNewProd.entry #ProductPhoto li {text-align:center; margin:0 30px; vertical-align:bottom; line-height:1.2;}
#PageNewProd.entry #ProductPhoto li img {margin-bottom:10px;}
#PageNewProd.entry #ProductPhoto li .name {font-size:87%;}
#PageNewProd.entry #ProductPhoto li .code {font-weight:bold;}
#PageNewProd.entry #ProductPhoto li .size {font-size:93%;}
*/
#PageNewProd.entry #ProductPhoto {text-align:center;}
#PageNewProd.entry #ProductPhoto table {margin:0 auto 30px; text-align:center;}
#PageNewProd.entry #ProductPhoto table td {padding:5px 30px; border:none; vertical-align:top;}
#PageNewProd.entry #ProductPhoto table td.photo {vertical-align:bottom;}
#PageNewProd.entry #ProductPhoto table td .name {font-size:87%;}
#PageNewProd.entry #ProductPhoto table td .code {font-weight:bold;}
#PageNewProd.entry #ProductPhoto table td .size {font-size:93%;}

#PageNewProd.entry #DownloadItem {
	background:url(../img/contents/wall-contents700_bottom.png) left bottom no-repeat;
	padding-bottom:15px;
}
#PageNewProd.entry #DownloadItem .wrap {
	background:url(../img/contents/wall-contents700_top.png) left top no-repeat;
	padding-top:15px;
}
#PageNewProd.entry #DownloadItem ul {
	background:url(../img/contents/wall-contents700_middle.png) left repeat-y;
	padding:20px 0 1px;
	text-align:center;
}
#PageNewProd.entry #DownloadItem li {margin-bottom:14px;}



/*####################　お知らせ　####################*/

#PageInformation .contentsBox.entryList dt {background-image:url(../img/contents/arrow-yellow.gif);}


/*####################　イベント情報　####################*/

#PageEvent .contentsBox.entryList dt {
		display:block;
		float:left;
		clear:left;
		background:no-repeat 0 0.43em;
		padding-left:7px;
		width:97px;
		font-size:12px;
		background-image:url(../img/contents/arrow-pink.gif);
		text-align:right;
		}
		#PageEvent .contentsBox.entryList dt span {display:block;}

#PageEvent .contentsBox.entryList dd.title {float:right; width:490px;}






/*####################　製品サポート　####################*/

#PageSupport.entry .contentsBox .date {margin-top:10px; width:700px;}
#PageEvent .contentsBox .date { margin-top:10px;}



/*　製品に関する大切なお知らせ
-------------------------------------*/
#PageSupport.info.index .contentsBox.copy {margin-bottom:-15px;}
#PageSupport.info.index .contentsBox.copy p {margin-bottom:0;}

#PageSupport.info.index .contentsBox h3 span {font-size:87%; font-weight:normal;}
#PageSupport.info.index .contentsBox dl {
	position:relative;
	background:url(../img/contents/line-dotted.gif) left bottom repeat-x;
	padding:9px 10px 8px;
	/*width:700px;*/
	width:680px;
	}
#PageSupport.info.index .contentsBox dl:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
.msie6 #PageSupport.info.index .contentsBox dl {width:700px; zoom:1;}
.msie7 #PageSupport.info.index .contentsBox dl {zoom:1;}

#PageSupport.info.index .contentsBox dl.bottom {background:none; padding-bottom:0;}
#PageSupport.info.index .contentsBox dt {
	background:url(../img/contents/arrow-blue.gif) left 0.46em no-repeat;
	margin-bottom:3px;
	padding:0 5px 0 10px;
	font-size:100%;
	}
#PageSupport.info.index .contentsBox dt img{position:relative; top:0.2em; margin-left:10px;}
#PageSupport.info.index .contentsBox dd {padding-right:5px;}

/* 使用許諾 */
#PageSupport.entry .contentsBox .entryAssent {
	border:1px solid #ccc;
	height:270px;
	margin-bottom:30px;
	padding:15px;
	overflow-y:scroll;
}
#PageSupport.entry .contentsBox .entryAssent .sign {text-align:right;}



/*　チューナー
-------------------------------------*/

#PageSupport.index.tuner .contentsBox h3 {width:668px; _width:700px;}

#PageSupport.index.tuner .contentsBox .category.bottom {background:url(../img/contents/wall-590_bottom.jpg) bottom no-repeat; width:590px; margin:0 auto 25px; padding-bottom:10px;}
#PageSupport.index.tuner .contentsBox .category.top {background:url(../img/contents/wall-590_top.jpg) top no-repeat; padding-top:10px;}
#PageSupport.index.tuner .contentsBox .category.middle {background:url(../img/contents/wall-590_middle.jpg) top repeat-y; padding:10px 0 0 30px;}

#PageSupport.index.tuner .contentsBox .category h5 {background-position:0 0.3em; margin:0; padding-bottom:15px;}
#PageSupport.index.tuner .contentsBox .category h5 em {font-style:italic;}
#PageSupport.index.tuner .contentsBox .category ul {zoom:1;}
#PageSupport.index.tuner .contentsBox .category ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#PageSupport.index.tuner .contentsBox .category li {
	float:left;
	margin:0 25px 0 0;
	padding-bottom:15px;
	text-align:center;
	line-height:1.3;
	font-weight:bold;
    width:255px;
    min-height:82px;
	}
	#PageSupport.index.tuner .contentsBox .category li.odd {clear:left;}
    #PageSupport.index.tuner .contentsBox .category li.text {
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        text-align:left;
        padding-left:1em;
        text-indent:-1em;
        min-height:0;
    }
    #PageSupport.index.tuner .contentsBox .category li.text:before {content:"・";}
	
#PageSupport.index.tuner .contentsBox .category li img {margin-bottom:10px;}
#PageSupport.index.tuner .contentsBox .category li .attention {font-weight:normal;}



#PageSupport.index.tuner .contentsBox .attentionBox dl{margin:0 15px 15px;}
#PageSupport.index.tuner .contentsBox .attentionBox dt{margin-bottom:10px; font-weight:bold;}
#PageSupport.index.tuner .contentsBox .attentionBox p{
	border:2px solid #999;
	background:#fafafa;
	margin-bottom:5px;
	padding:10px;
}
#PageSupport.index.tuner .contentsBox .attentionBox p.supple{
	border:none;
	background:none;
	padding:0;
	text-align:right;
}
#PageSupport.index.tuner .contentsBox .attentionBox dl .star,
#PageSupport.index.tuner .contentsBox .attentionBox p .star {
	position:relative;
	top:-0.3em;
	color:#900;
	font-size:81%;
	font-weight:bold;
}
#PageSupport.index.tuner .contentsBox .attentionBox p.supple .star{top:0; font-size:87%;}


/*　セキュリティ
-------------------------------------*/
#PageSupport.index.security .contentsBox h3 {width:668px; _width:700px;}

#PageSupport.index.security .contentsBox .category.bottom {background:url(../img/contents/wall-590_bottom.jpg) bottom no-repeat; width:590px; margin:0 auto 25px; padding-bottom:10px;}
#PageSupport.index.security .contentsBox .category.top {background:url(../img/contents/wall-590_top.jpg) top no-repeat; padding-top:10px;}
#PageSupport.index.security .contentsBox .category.middle {background:url(../img/contents/wall-590_middle.jpg) top repeat-y; padding:10px 0 0 30px;}

#PageSupport.index.security .contentsBox .category h5 {background-position:0 0.3em; margin:0; padding-bottom:15px;}
#PageSupport.index.security .contentsBox .category h5 em {font-style:italic;}
#PageSupport.index.security .contentsBox .category ul {zoom:1;}
#PageSupport.index.security .contentsBox .category ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#PageSupport.index.security .contentsBox .category li {
	/*float:left;*/
	/*margin:0 30px 0 0;*/
	margin:0 0 0;
	padding-bottom:15px;
	text-align:center;
	line-height:1.3;
	font-weight:bold;
	}
	#PageSupport.index.security .contentsBox .category li.odd {clear:left;}
	
#PageSupport.index.security .contentsBox .category li img {margin-bottom:10px;}
#PageSupport.index.security .contentsBox .category li .attention {font-weight:normal; font-size:11px;}



#PageSupport.index.security .contentsBox .attentionBox dl{margin:0 15px 15px;}
#PageSupport.index.security .contentsBox .attentionBox dt{margin-bottom:10px; font-weight:bold;}
#PageSupport.index.security .contentsBox .attentionBox p{
	border:2px solid #999;
	background:#fafafa;
	margin-bottom:5px;
	padding:10px;
}
#PageSupport.index.security .contentsBox .attentionBox p.supple{
	border:none;
	background:none;
	padding:0;
	text-align:right;
}
#PageSupport.index.security .contentsBox .attentionBox dl .star,
#PageSupport.index.security .contentsBox .attentionBox p .star {
	position:relative;
	top:-0.3em;
	color:#900;
	font-size:81%;
	font-weight:bold;
}
#PageSupport.index.security .contentsBox .attentionBox p.supple .star{top:0; font-size:87%;}





/*####################　リモコン販売：共通　####################*/

#PageSupport.remocon #Container {padding-top:20px;}
#PageSupport.remocon #Main {
	float:right;
	width:690px;
	margin:0;
	padding-top:0;
	min-height:500px;
	font-size:106%;
	}
#PageSupport.remocon #Main h2 {margin-bottom:30px;}

#PageSupport.remocon.regi .contentsBox h3,
#PageSupport.remocon.conf .contentsBox h3 {border:none; background:none; margin:0 10px 15px; padding:0; font-size:118%;}


#PageSupport.remocon .contentsBox a {text-decoration:underline;}
#PageSupport.remocon .contentsBox p strong.back {color:#333;}

#PageSupport.remocon .contentsBox p.attention strong.error {color:#ff0033; font-size:118%;}
#PageSupport.remocon .contentsBox p strong img {vertical-align:middle;}

#PageSupport.remocon .contentsBox span.must {color:#ff0033; font-weight:normal;}

#PageSupport.remocon .contentsBox table {width:670px; margin:0 10px 30px;}
#PageSupport.remocon .contentsBox th,
#PageSupport.remocon .contentsBox td {padding:10px;}

#PageSupport.remocon .contentsBox th .supple {
    display:inline-block;
    margin-top:0.5em;
    font-size:90%;
    font-weight:normal;
}



/*　メッセージ枠
-------------------------------------*/
#PageSupport.remocon .contentsBox#Information {background:url(../img/contents/wall-contents670_bottom.png) center bottom no-repeat; width:670px; margin:0 auto 20px; padding-bottom:10px;}
#PageSupport.remocon .contentsBox#Information .wrap {background:url(../img/contents/wall-contents670_top.png) center top no-repeat; width:670px; padding-top:10px;}
#PageSupport.remocon .contentsBox#Information p {background:url(../img/contents/wall-contents670_middle.png) center repeat-y; margin:0; padding:10px 20px;}
#PageSupport.remocon .contentsBox#Information p.error {text-align:left; color:#ff0033;}


/*　遷移ボタン
-------------------------------------*/
#PageSupport.remocon .buttonBox:afeter {content:""; display:block; clear:both; height:0; visibility:hidden;}
#PageSupport.remocon .buttonBox {
	zoom:1;
	position:relative;
	overflow:hidden;
	margin:40px 0;
	width:690px;
	}
#PageSupport.remocon .buttonBox ul{
	position:relative;
	left:50%;
	float:left;
	}
#PageSupport.remocon .buttonBox li{
	position:relative;
	left:-50%;
	float:left;
	margin:0 15px;
	}
#PageSupport.remocon .buttonBox li a {position:relative; top:4px;}



/*　Subメニュー
-------------------------------------*/
#PageSupport.remocon.index #Sub ul.menu{ font-size:0;}
#PageSupport.remocon.index #Sub ul.menu li{margin-bottom:5px;}


#PageSupport.remocon.index #Sub h2 {margin-top:10px;}

#PageSupport.remocon.index #Sub ul.category {padding:5px 14px 0;}
#PageSupport.remocon.index #Sub ul.category li{
	background:url(../img/sub/wall-category.png) no-repeat;
	width:162px;
	margin-bottom:3px;
	height:47px;
	overflow:hidden;
	}
	#PageSupport.remocon.index #Sub ul.category a {
		/*background:url(../img/wall-sample.gif);*/
		background:none;
		display:block;
		width:auto;
		/*height:47px;*/
		height:29px;
		padding:10px 3px 8px 14px;
		line-height:1.25;
		color:#5a8ede;
		text-decoration:none;
		}



/*####################　リモコン販売：製品ページ　####################*/

#PageSupport.remocon.index .contentsBox {padding:0 10px;}
#PageSupport.remocon.index .contentsBox h3 {border:none; background:none; margin:0 0 15px; padding:0;}
#PageSupport.remocon.index .contentsBox p {margin:0 10px 1em;}

#PageSupport.remocon.index .contentsBox p.attention {margin:0 0 1em;}
#PageSupport.remocon.index .contentsBox p.attention strong {font-size:118%; color:#3E7AD8;}


/*　製品ブロック
-------------------------------------*/
#PageSupport.remocon.index .contentsBox.category .item {background:url(../img/contents/wall-contents670_bottom.png) center bottom no-repeat; width:670px; margin-bottom:10px; padding-bottom:10px;}
#PageSupport.remocon.index .contentsBox.category .wrap {background:url(../img/contents/wall-contents670_middle.png) repeat-y; padding:20px 20px 10px; width:630px;}

/* カテゴリタイトル */
#PageSupport.remocon.index .contentsBox.category h3 {
	border:solid #e7e7e7;
	border-width:1px 0;
	background:url(../img/contents/wall-title_category.png) left center repeat-x;
	margin:20px 0 12px;
	padding:11px 15px 8px;
	font-size:118%;
	}

/* 製品タイトル */
#PageSupport.remocon.index .contentsBox.category h4 {
	border:none;
	background:url(../img/contents/wall-title_item.png) no-repeat 0 0;
    height: 31px;
	margin:0;
	padding:0 15px;
	color: #FFFFFF;
    font-size: 100%;
    line-height:31px;
	}

#PageSupport.remocon.index .contentsBox .item p.photo{float:left; margin:0; font-size:0;}
#PageSupport.remocon.index .contentsBox .item p.photo img {border:1px solid #d1d1d1;}
#PageSupport.remocon.index .contentsBox .item table {
	float:right;
	width:467px;
	margin:0;
	}
	#PageSupport.remocon.index .contentsBox .item th {
		border-width:0 0 1px;
		background:none;
		width:105px;
		padding:10px 0;
		}

#PageSupport.remocon.index .contentsBox .item td {border-width:0 0 1px; padding:10px 0; width:320px;}

#PageSupport.remocon.index .contentsBox .item td.price strong {color:#FF0033; font-weight:bold;}
#PageSupport.remocon.index .contentsBox .item td.comment {border:none; width:100%;}
#PageSupport.remocon.index .contentsBox .item td.button {border:none; text-align:right; width:100%;}
#PageSupport.remocon.index .contentsBox .item td img {vertical-align:middle;}

#PageSupport.remocon.index .contentsBox .item .products {width:640px; margin-right:-20px;}

#PageSupport.remocon.index .contentsBox .item h5 {background:none; margin-bottom:5px; padding:0; font-size:106%;}
#PageSupport.remocon.index .contentsBox .item dl {float:left; margin-right:20px;}
#PageSupport.remocon.index .contentsBox .item a {text-decoration:underline;}
#PageSupport.remocon.index .contentsBox .item dd img {border:1px solid #d1d1d1;}

#PageSupport.remocon.index .lb-closeContainer {position:relative; top:-40px; z-index:100;}



/*####################　リモコン販売：カートの中　####################*/

#PageSupport.remocon.cart .contentsBox p.attention strong {font-size:118%; color:#444;}

#PageSupport.remocon.cart .contentsBox p {margin:0 10px 1em;}

#PageSupport.remocon.cart .contentsBox table {margin-bottom:40px;}
#PageSupport.remocon.cart .contentsBox th {text-align:center; font-weight:bold;}
#PageSupport.remocon.cart .contentsBox th.name {width:250px;}

#PageSupport.remocon.cart .contentsBox td {text-align:center;}
#PageSupport.remocon.cart .contentsBox td.name {text-align:left;}
#PageSupport.remocon.cart .contentsBox td.none {border:none;}
#PageSupport.remocon.cart .contentsBox td.button {text-align:center;}

#PageSupport.remocon.cart .contentsBox td.total {background:#f6f6f6; font-weight:bold;}
#PageSupport.remocon.cart .contentsBox td.price {text-align:left; font-weight:bold; font-size:131%;}

#PageSupport.remocon.cart .contentsBox input.text {width:2em;}



/*####################　リモコン販売：お届け先入力　####################*/

#PageSupport.remocon.regi {}
#PageSupport.remocon.regi .contentsBox p.attention {margin-bottom:0;}
#PageSupport.remocon.regi .contentsBox p.attention strong.error {font-size:118%; color:#FF0033;}

#PageSupport.remocon.regi .contentsBox th {width:190px; font-weight:bold;}

#PageSupport.remocon.regi .contentsBox td ul {width:350px; zoom:1;}
#PageSupport.remocon.regi .contentsBox td ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#PageSupport.remocon.regi .contentsBox td li {float:left; margin:0 10px 10px 0; line-height:1;}
.msie7 #PageSupport.remocon.regi .contentsBox td li {margin-bottom:0px;}

#PageSupport.remocon.regi .contentsBox td p {clear:both; margin:0;}

#PageSupport.remocon.regi input {padding:2px; margin:2px 0;}
#PageSupport.remocon.regi input#Name1		{width:100px; ime-mode:active;}
#PageSupport.remocon.regi input#Name2		{width:100px; ime-mode:active;}
#PageSupport.remocon.regi input#Ruby1		{width:100px; ime-mode:active;}
#PageSupport.remocon.regi input#Ruby2		{width:100px; ime-mode:active;}

#PageSupport.remocon.regi input#Zip			{width:70px; ime-mode:disabled;}
#PageSupport.remocon.regi input#Area		{width:;}
#PageSupport.remocon.regi input#Address1	{width:370px; ime-mode:active;}
#PageSupport.remocon.regi input#Address2	{width:310px; ime-mode:active;}
#PageSupport.remocon.regi input#Address3	{width:310px; ime-mode:active;}
#PageSupport.remocon.regi input#Tel			{width:130px; ime-mode:disabled;}
#PageSupport.remocon.regi input#Mail1		{width:310px; ime-mode:inactive;}
#PageSupport.remocon.regi input#Mail2		{width:310px; ime-mode:inactive;}
#PageSupport.remocon.regi textarea#Comment {width:380px; ime-mode:active;}



/*####################　リモコン販売：入力内容確認　####################*/

#PageSupport.remocon.conf .contentsBox th {width:150px; font-weight:bold;}
#PageSupport.remocon.conf .contentsBox td.total {font-size:131%; font-weight:bold; color:#ff0033;}

#PageSupport.remocon.conf .contentsBox table.order {margin-bottom:5px;}
#PageSupport.remocon.conf .contentsBox table.order th {width:auto; font-weight:bold; text-align:center;}
#PageSupport.remocon.conf .contentsBox table.order th.name {width:300px;}

#PageSupport.remocon.conf .contentsBox table.order td {text-align:center;}
#PageSupport.remocon.conf .contentsBox table.order td.name {text-align:left;}

/*　お知らせ枠
-------------------------------------*/
#PageSupport.remocon .contentsBox#Information h3,
#PageSupport.remocon .contentsBox#Information ul {
	background:url(../img/contents/wall-contents670_middle.png) center repeat-y;
	margin:0;
	border-radius:0;
	text-align:left;
	line-height:1;
	color:#404040;
	}
#PageSupport.remocon .contentsBox#Information h3 {padding:15px 20px 10px;}
#PageSupport.remocon .contentsBox#Information ul {padding:0 20px 10px;}

#PageSupport.remocon.conf .contentsBox#Information p {
	padding:0 20px 10px;
	text-align:left;
	color:#404040;
	}

/*####################　ご注文完了　####################*/

#PageSupport.remocon.comp .contentsBox p.attention strong {font-size:118%; color:#333;}

/*　ご注文番号
-------------------------------------*/
#PageSupport.remocon.comp .contentsBox.orderNo { clear:both; width:670px; border:1px solid #5e90de; border-radius:3px;}
#PageSupport.remocon.comp .contentsBox.orderNo p {margin:0; padding:20px; text-align:center;}
#PageSupport.remocon.comp .contentsBox.orderNo strong {font-size:131%; color:#333;}
























/*####################　SKELETON CART ：共通　####################*/

body.shop #Container {padding-top:20px;}
body.shop #Main {
	float:right;
	width:690px;
	margin:0;
	padding-top:0;
	min-height:500px;
	font-size:106%;
	}
body.shop #Main h2 {margin-bottom:30px;}

body.shop.regi .contentsBox h3,
body.shop.conf .contentsBox h3 {border:none; background:none; margin:0 10px 15px; padding:0; font-size:118%;}


body.shop .contentsBox a {text-decoration:underline;}
body.shop .contentsBox p strong.back {color:#333;}

body.shop .contentsBox p.attention strong.error {color:#ff0033; font-size:118%;}
body.shop .contentsBox p strong img {vertical-align:middle;}

body.shop .contentsBox span.must {color:#ff0033; font-weight:normal;}

body.shop .contentsBox table {width:670px; margin:0 10px 30px;}
body.shop .contentsBox th,
body.shop .contentsBox td {padding:10px;}


/*　メッセージ枠
-------------------------------------*/
body.shop .contentsBox#Information {background:url(../img/contents/wall-contents670_bottom.png) center bottom no-repeat; width:670px; margin:0 auto 20px; padding-bottom:10px;}
body.shop .contentsBox#Information .wrap {background:url(../img/contents/wall-contents670_top.png) center top no-repeat; width:670px; padding-top:10px;}
body.shop .contentsBox#Information p {background:url(../img/contents/wall-contents670_middle.png) center repeat-y; margin:0; padding:10px 20px;}
body.shop .contentsBox#Information p.error {text-align:left; color:#ff0033;}


/*　遷移ボタン
-------------------------------------*/
body.shop .buttonBox:afeter {content:""; display:block; clear:both; height:0; visibility:hidden;}
body.shop .buttonBox {
	zoom:1;
	position:relative;
	overflow:hidden;
	margin:40px 0;
	width:690px;
	}
body.shop .buttonBox ul{
	position:relative;
	left:50%;
	float:left;
	}
body.shop .buttonBox li{
	position:relative;
	left:-50%;
	float:left;
	margin:0 15px;
	}
body.shop .buttonBox li a {position:relative; top:4px;}



/*　Subメニュー
-------------------------------------*/
body.shop.index #Sub ul.menu{ font-size:0;}
body.shop.index #Sub ul.menu li{margin-bottom:5px;}


body.shop.index #Sub h2 {margin-top:10px;}

body.shop.index #Sub ul.category {padding:5px 14px 0;}
body.shop.index #Sub ul.category li{
	background:url(../img/sub/wall-category_s.png) no-repeat;
	width:162px;
	margin-bottom:3px;
	height:24px;
	overflow:hidden;
	}
	body.shop.index #Sub ul.category a {
		/*background:url(../img/wall-sample.gif);*/
		background:none;
		display:block;
		width:auto;
		/*height:47px;*/
		padding:5px 3px 8px 14px;
		line-height:1.25;
		color:#5a8ede;
		text-decoration:none;
		}




/*####################　SKELETON CART：製品ページ　####################*/

body.shop.index .contentsBox {padding:0 10px;}
body.shop.index .contentsBox h3 {border:none; background:none; margin:0 0 15px; padding:0;}
body.shop.index .contentsBox p {margin:0 10px 1em;}

body.shop.index .contentsBox p.attention {margin:0 0 1em;}
body.shop.index .contentsBox p.attention strong {font-size:118%;/* color:#3E7AD8;*/}


/*　製品ブロック
-------------------------------------*/
body.shop.index .contentsBox.category .item {background:url(../img/contents/wall-contents670_bottom.png) center bottom no-repeat; width:670px; margin-bottom:10px; padding-bottom:10px;}
body.shop.index .contentsBox.category .wrap {background:url(../img/contents/wall-contents670_middle.png) repeat-y; padding:20px 20px 10px; width:630px;}

/* カテゴリタイトル */
body.shop.index .contentsBox.category h3 {
	border:solid #e7e7e7;
	border-width:1px 0;
	background:url(../img/contents/wall-title_category.png) left center repeat-x;
	margin:20px 0 12px;
	padding:11px 15px 8px;
	font-size:118%;
	}

/* 製品タイトル */
body.shop.index .contentsBox.category h4 {
	border:none;
	background:url(../img/contents/wall-title_item.png) no-repeat 0 0;
    height: 31px;
	margin:0;
	padding:0 15px;
	color: #FFFFFF;
    font-size: 100%;
    line-height:31px;
	}

body.shop.index .contentsBox .item p.photo{float:left; margin:0; font-size:0;}
body.shop.index .contentsBox .item p.photo img {border:1px solid #d1d1d1;}
body.shop.index .contentsBox .item table {
	float:right;
	width:467px;
	margin:0;
	}
	body.shop.index .contentsBox .item th {
		border-width:0 0 1px;
		background:none;
		width:105px;
		padding:10px 0;
		}

body.shop.index .contentsBox .item td {border-width:0 0 1px; padding:10px 0; width:320px;}
body.shop.index .contentsBox .item td.price strong {color:#FF0033; font-weight:bold;}
body.shop.index .contentsBox .item td.comment {border:none; width:100%; padding-bottom:0;}
body.shop.index .contentsBox .item td.comment p {margin:0 0 1em; line-height:1.2;}


body.shop.index .contentsBox .item td.button {border:none; text-align:right; width:100%; padding:10px 0 0;}
body.shop.index .contentsBox .item td img {vertical-align:middle;}

body.shop.index .contentsBox .item .products {width:640px; margin-right:-20px;}

body.shop.index .contentsBox .item h5 {background:none; margin-bottom:5px; padding:0; font-size:106%;}
body.shop.index .contentsBox .item dl {float:left; margin-right:20px;}
body.shop.index .contentsBox .item a {text-decoration:underline;}
body.shop.index .contentsBox .item dd img {border:1px solid #d1d1d1;}

body.shop.index .lb-closeContainer {position:relative; top:-40px; z-index:100;}



/*####################　SKELETON CART：カートの中　####################*/

body.shop.cart .contentsBox p.attention strong {font-size:118%; color:#444;}

body.shop.cart .contentsBox p {margin:0 10px 1em;}

body.shop.cart .contentsBox table {margin-bottom:40px;}
body.shop.cart .contentsBox th {text-align:center; font-weight:bold;}
body.shop.cart .contentsBox th.name {width:250px;}

body.shop.cart .contentsBox td {text-align:center;}
body.shop.cart .contentsBox td.name {text-align:left;}
body.shop.cart .contentsBox td.none {border:none;}
body.shop.cart .contentsBox td.button {text-align:center;}

body.shop.cart .contentsBox td.total {background:#f6f6f6; font-weight:bold;}
body.shop.cart .contentsBox td.price {text-align:left; font-weight:bold; font-size:131%;}

body.shop.cart .contentsBox input.text {width:2em;}



/*####################　SKELETON CART：お届け先入力　####################*/

body.shop.regi {}
body.shop.regi .contentsBox p.attention {margin-bottom:0;}
body.shop.regi .contentsBox p.attention strong.error {font-size:118%; color:#FF0033;}

body.shop.regi .contentsBox th {width:180px; font-weight:bold;}

body.shop.regi .contentsBox th .supple {
    display:inline-block;
    margin-top:0.5em;
    font-size:90%;
    font-weight:normal;
}

body.shop.regi .contentsBox td ul {width:auto; zoom:1;}
body.shop.regi .contentsBox td ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
body.shop.regi .contentsBox td li {float:left; margin:0 10px 10px 0; line-height:1.5;}
.msie7 body.shop.regi .contentsBox td li {margin-bottom:0px;}

body.shop.regi .contentsBox td p {clear:both; margin:0;}

body.shop.regi input {padding:2px; margin:2px 0;}
body.shop.regi input#Name1		{width:100px; ime-mode:active;}
body.shop.regi input#Name2		{width:100px; ime-mode:active;}
body.shop.regi input#Ruby1		{width:100px; ime-mode:active;}
body.shop.regi input#Ruby2		{width:100px; ime-mode:active;}

body.shop.regi input#Zip			{width:70px; ime-mode:disabled;}
body.shop.regi input#Area		{width:;}
body.shop.regi input#Address1	{width:370px; ime-mode:active;}
body.shop.regi input#Address2	{width:310px; ime-mode:active;}
body.shop.regi input#Address3	{width:310px; ime-mode:active;}
body.shop.regi input#Tel			{width:130px; ime-mode:disabled;}
body.shop.regi input#Mail1		{width:310px; ime-mode:inactive;}
body.shop.regi input#Mail2		{width:310px; ime-mode:inactive;}
body.shop.regi textarea#Comment {width:380px; ime-mode:active;}



/*####################　SKELETON CART：入力内容確認　####################*/

body.shop.conf .contentsBox th {width:150px; font-weight:bold;}
body.shop.conf .contentsBox td.total {font-size:131%; font-weight:bold; color:#ff0033;}

body.shop.conf .contentsBox table.order {margin-bottom:5px;}
body.shop.conf .contentsBox table.order th {width:auto; font-weight:bold; text-align:center;}
body.shop.conf .contentsBox table.order th.name {width:300px;}

body.shop.conf .contentsBox table.order td {text-align:center;}
body.shop.conf .contentsBox table.order td.name {text-align:left;}

/*　お知らせ枠
-------------------------------------*/
body.shop .contentsBox#Information h3,
body.shop .contentsBox#Information ul {
	background:url(../img/contents/wall-contents670_middle.png) center repeat-y;
	margin:0;
	border-radius:0;
	text-align:left;
	line-height:1;
	color:#404040;
	}
body.shop .contentsBox#Information h3 {padding:15px 20px 10px;}
body.shop .contentsBox#Information ul {padding:0 20px 10px;}

body.shop.conf .contentsBox#Information p {
	padding:0 20px 10px;
	text-align:left;
	color:#404040;
	}

/*####################　SKELETON CART：ご注文完了　####################*/

body.shop.comp .contentsBox p.attention strong {font-size:118%; color:#333;}

/*　ご注文番号
-------------------------------------*/
body.shop.comp .contentsBox.orderNo { clear:both; width:670px; border:1px solid #5e90de; border-radius:3px;}
body.shop.comp .contentsBox.orderNo p {margin:0; padding:20px; text-align:center;}
body.shop.comp .contentsBox.orderNo strong {font-size:131%; color:#333;}
body.shop.comp .contentsBox p.button {text-align:center;}
body.shop.comp .contentsBox p.button input {padding:10px 20px;}


/*####################　おやみだし　####################*/


/*　こみだし
-------------------------------------*/

/* まごみだし */


/*end*/