@charset "shift_jis";

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

@import "base.css";
@import "common.css";

/*####################　枠組み　####################*/

#Header {
	/*background:url(../img/header/wall-header.png) left bottom repeat-x;*/
	background:url(../../img/wall-header.png) left bottom repeat-x;
	background:none;
	/*margin-bottom:-3px;*/
	/*padding:0 0 10px;*/
	width:100%;
	line-height:1;
	}

#MainImg {
	position:relative;
	z-index:10;
	background:url(../../img/wall-mainimg.png) left top repeat-x;
	}

#Main {
	width:640px;
	float:left;
	}

#Sub {
	float:right;
	width:250px;
	}

/*####################　MainImg　####################*/

#MainImg {margin-bottom:10px;}
#MainImg .wrap {
	background:#fff;
	width:900px;
	margin:0 auto;
	line-height:1;
	font-size:0;
	}
	
/* demo slider*/
.bx-wrapper {margin-bottom:0 !important;}
#bx-pager {text-align:left; margin-top:0px; background:#f0f0f0; padding:5px 3px 0;}
#bx-pager a {margin:0 2px 5px; display: inline-block; filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
#bx-pager a.active {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*####################　#Main　####################*/

.pickupInfo {
	margin-bottom:10px;
}


.contentsBox {
	background:url(../../img/wall-contents_bottom.png) left bottom no-repeat;
	margin-bottom:10px;
	padding-bottom:15px;
	}
#NewProd	 .wrap {background:url(../../img/wall-contents_middle.png) repeat-y; padding:0 12px 7px;}
#Information .wrap {background:url(../../img/wall-contents_middle.png) repeat-y; padding:0 12px 7px;}
#Event		 .wrap {background:url(../../img/wall-contents_middle.png) repeat-y; padding:0 12px 7px;}
#Topics		 .wrap {background:url(../../img/wall-contents_middle.png) repeat-y; padding:0 12px 7px;}

.msie8 #Topics .wrap,
.msie8 #NewProd .wrap,
.msie8 #Information .wrap,
.msie8 #Event .wrap {width:616px;}
.msie9 #Topics .wrap,
.msie9 #NewProd .wrap,
.msie9 #Information .wrap,
.msie9 #Event .wrap {width:616px;}


/*　新着情報
-------------------------------------*/
#Information {padding-bottom:10px;}


#Information div.title {
	position:relative;
	background:url(../../img/title-info.png);
	width:640px;
	height:42px;
	}
	#Information div.title h2 {display:none;}
	#Information div.title dl{
		display:inline-block;
		float:right;
		background:none;
		margin:12px 12px 0 0;
		padding:0;
		}
	.msie6 #Information div.title dl {margin-right:6px;}
	
	#Information div.title dt {margin-top:5px;}
	#Information div.title dd{
		float:left;
		margin-left:5px;
	}



#Information dl {
	zoom:1;
	position:relative;
	clear:both;
	background:url(../img/contents/line-dotted.gif) left top repeat-x;
	padding:9px 0 8px 87px;
	}
	.contentsBox dl:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
	.msie6 #Information dl,
	.msie7 #Information dl {display:inline-block;}


	#Information dl.bottom,
	#Topics dl.bottom
	{/*background:none;*/ padding-bottom:0;}


	#Information dl.photo,
	#Topics dl.photo
	  {min-height:60px;}
	#Information dl.photo2,
	#Topics dl.photo2
	 {min-height:87px; padding-right:155px;}


	.msie6 #Information dl.photo,
	.msie6 #Topics dl.photo 
	{height:75px;}
	.msie6 #Information dl.photo2,
	.msie6 #Topics dl.photo2
	{height:103px;}

	#Information dt {float:left; margin-bottom:3px; font-size:0;}
	#Information dd.title,
	#Information dd.code {float:right; width:420px;}
	
	#Information dd.title {margin-top:-21px;}
	#Information dd.code {font-weight:bold;}
	
	.msie6 #Information dd.title {margin-top:0;}
	.msie7 #Information dd.title {margin-top:0;}

		#Information dl.photo2 dd.title,
		#Information dl.photo2 dd.code {width:260px;}

	#Information dd.date {
		display:block;
		float:left;
		clear:left;
		background:no-repeat 0 0.43em;
		padding-left:7px;
		width:97px;
		font-size:12px;
		}
		#Information dl.info dd.date	{background-image:url(../img/contents/arrow-yellow.gif);}
		#Information dl.newprod dd.date	{background-image:url(../img/contents/arrow-green.gif);}
		#Information dl.event dd.date	{background-image:url(../img/contents/arrow-pink.gif);}
		#Information dd.date span {display:block; text-align:right;}

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


/*####################　トピックス　####################*/

#Topics {padding-bottom:10px;}

#Topics div.title {
	position:relative;
	background:url(../../img/title-topics.png);
	width:640px;
	height:42px;
	}
	#Topics div.title h2 {display:none;}
	#Topics div.title a{
		display:inline-block;
		float:right;
		margin:12px 12px 0 0;
		}

#Topics dl {
	zoom:1;
	position:relative;
	clear:both;
	background:url(../img/contents/line-dotted.gif) left top repeat-x;
	padding:9px 0 8px 87px;
	}
	.Topics dl:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
	.msie6 #Topics dl,
	.msie7 #Topics dl {display:inline-block;}

	#Topics dl.bottom {/*background:none;*/ padding-bottom:0;}
	#Topics dl.photo  {min-height:60px;}
	#Topics dl.photo2 {min-height:87px; padding-right:155px;}
	.msie6 #Topics dl.photo  {height:75px;}
	.msie6 #Topics dl.photo2 {height:103px;}

	#Topics dt {float:left; margin-bottom:3px; font-size:0;}


	#Topics dt {
		background:#666666;
		-moz-border-radius:2px;
		-ms-border-radius:2px;
		-o-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		width:auto;
		padding:5px 10px;
		line-height:1;
		color:#ffffff;
		font-size:10px;
	}



/*	#Topics dd.title,
	#Topics dd.code {float:right; width:420px;}
	
	#Topics dd.title {margin-top:0;}
*/	
	.msie6 #Topics dd.title {margin-top:0;}
	.msie7 #Topics dd.title {margin-top:0;}

	#Topics dl dd.title,
	#Topics dd.date {
		display:block;
		float:left;
		clear:left;
		background:url(../img/contents/arrow-gray.gif) no-repeat 0 0.43em;
		padding-left:7px;
		/*width:97px;*/
		font-size:12px;
		}
	#Topics dl dd.title {background:none; padding-left:0;}




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



/*####################　#Sub　####################*/
.archiveBox {
	background:url(../../img/wall-archive_bottom.png) left bottom no-repeat;
	margin-bottom:10px;
	padding-bottom:10px;
	}
.archiveBox ul {
	display:inline-block;
	background:url(../../img/wall-archive_middle.png) repeat-y;
	width:250px;
	padding:12px 10px 0;
	}
.archiveBox ul:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
.archiveBox li {
	background:url(../img/contents/arrow-blue.gif) 0 0.5em no-repeat;
	padding-left:10px;
	}
.archiveBox li a {color:#555555;}
.archiveBox li .caption {font-size:84%;}


/*　製品情報
-------------------------------------*/
#Electronics .wrap {
	display:inline-block;
	background:url(../../img/wall-archive_middle.png) repeat-y;
	width:250px;
	padding:6px 10px 0;
	}
#Electronics ul {
	float:left;
	background:none;
	font-size:93%;
	width:auto;
	margin-right:8px;
	padding:0;
	}
#Electronics li {margin-bottom:5px;}
#Electronics a {color:#555555;}


/* ツールチップ */
#PageIndex .tips {display:none;}
.msie6 #PageIndex .tip01 {width:300px;}
.msie6 #PageIndex .tip02 {width:330px;}
.msie6 #PageIndex .tip03 {width:330px;}
.msie6 #PageIndex .tip04 {width:400px;}
.msie6 #PageIndex .tip05 {width:340px;}
.msie6 #PageIndex .tip06 {width:290px;}
.msie6 #PageIndex .tip07 {width:340px;}
.msie6 #PageIndex .tip08 {width:260px;}
.msie6 #PageIndex .tip09 {width:290px;}
.msie6 #PageIndex .tip10 {width:320px;}

.msie6 #PageIndex .tip11 {width:285px;}
.msie6 #PageIndex .tip12 {width:250px;}
.msie6 #PageIndex .tip13 {width:315px;}
.msie6 #PageIndex .tip14 {width:280px;}
.msie6 #PageIndex .tip15 {width:280px;}
.msie6 #PageIndex .tip16 {width:270px;}

#PageIndex .tips dl {
	position:relative;
	margin:15px 15px 0;
	padding-left:118px;
	padding-bottom:10px;
	min-height:100px;
	text-align:left;
	font-size:100%;
	}
.msie6 #PageIndex .tips dl {height:115px;}
#PageIndex .tips dt {
	position:absolute;
	top:0;
	left:0;
	}
#PageIndex .tips dd {
	background:url(../img/contents/arrow-white.gif) 3px 0.4em no-repeat;
	padding-left:13px;
	}
#PageIndex .tips a {color:#fff; text-decoration:underline;}


/*　テレビ受信機器：アコーディオン
-------------------------------------*/
#Electronics ul.child {display:none; padding-top:10px;}
#Electronics .acBox {}

#Electronics .acBox h3 {
    background:#f0f0f0;
    padding:0;
    width:230px;
    font-weight:normal;
    font-size:0;
}
#Electronics .acBox h3:hover + ul.child {display:block;}
#Electronics .acBox ul.child:hover {display:block;}

#Electronics ul.noAc li {
    background:#f0f0f0;
    padding:0;
    margin:5px 0;
    width:230px;
    font-size:0;
}








/*　会社情報
-------------------------------------*/
#CompanyInfo li {
	float:left;
	margin-right:40px;
	margin-bottom:4px;
	}
#CompanyInfo a {color:#555;}

/*ie6*/
.msie6 #CompanyInfo li {white-space:nowrap; margin-right:10px;}

/*　お客様サポート
-------------------------------------*/

#Support {
	zoom:1;
	font-size:93%;
	}
#Support a {color:#555;}
#Support:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#Support ul {
	float:left;
	width:125px;
	_width:125px;
	padding-right:0;
	}
#Support li {
	margin-bottom:4px;
	}


#Support dl {
	background:url(../../img/wall-archive_middle.png) right repeat-y;
	float:right;
	width:115px;
	_width:115px;
	background-position:right top;
	margin:0;
	padding:12px 0 0;
	}
#Support dt {
	background:none;
	}
#Support dd {
	background:none;
	padding-left:0;
	background:url(../img/contents/arrow-blue_light.gif) 0 0.5em no-repeat;
	padding-left:9px;
	}






/*ie6
.msie6 #Support li {white-space:nowrap; margin-right:10px; width:auto;}

*/


/*　製品に関する大切なお知らせ
-------------------------------------
.archiveBox dl {
	background:url(../../img/wall-archive_middle.png) repeat-y;
	padding:0 5px;
	}
.msie7 .archiveBox dl {zoom:1;}

.archiveBox dl a {color:#2868c8;}
.archiveBox dl dt {background:#eef3fc; padding:5px 3px 0; font-family:verdana;}
.archiveBox dl dd {background:#eef3fc; padding:0 3px 5px; font-size:93%;}
.archiveBox dl.odd dt,
.archiveBox dl.odd dd {background:none;}

.msie6 .archiveBox dl {width:250px;}
.msie6 .archiveBox dl dd {font-size:100%;}

*/

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


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

/* まごみだし */





/*end*/