@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :index.css
 style info :インデックスページ用
=================================================================== */

#key{width:960px;
	margin:6px auto 20px;
	height:310px;
/*	margin-bottom:20px;
*/}

#key .wrap{
	position:relative;
	height:310px;
}

.positionRe{
}

#cycleNav{
	position:absolute;
	bottom:20px;
	right:30px;
	z-index:100 !important;
}

#cycleNav a{
	display:block;
	background:#666;
	height:5px;
	width:30px;
	text-indent:-9999px;
	margin-left:3px;
	float:left;
	}


#cycleNav a:hover,
#cycleNav a.activeSlide{
	background:#DC0C2C;
	}
	
	


body{
	background:url(../../image/bg_key.jpg) 50% 153px no-repeat
}

/*----------------------------------------------------
	☆
----------------------------------------------------*/
#contents{
	overflow:hidden;
	margin-top:25px;
}

h1{ display:none}

/*----------------------------------------------------
	☆products_area
----------------------------------------------------*/

#products_area{
	overflow: hidden;
	_height:1%;
	background:url(../../image/bg_boxProducts_02.jpg) left top no-repeat 
}

#products_area .wrap{
	overflow: hidden;
	_height:1%;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../../image/bg_boxProducts_01.jpg) left bottom no-repeat;
	position:relative;}
/*--検索部分------------------*/

#products_area img{
	vertical-align:bottom;
}

#products_area .searchType01{
	position:relative;
	width:600px;
	top:28px;
	left:386px;
	margin-bottom:15px;
}

#products_area .searchType01 p{
	position:absolute;
}
#products_area .searchType01 p input{
	border:none;
	color:#666;
	font-size:12px;
}
#products_area h2{
	position:absolute;
	top:23px;
	left:18px
}

#products_area .searchType01 p.no{
	top:5px;
	left:0
}

#products_area .searchType01 p.no input{
	width:150px
}

#products_area .searchType01 p.word{
	top:5px;
	left:264px
}

#products_area .searchType01 p.word input{
	width:190px
}

#products_area .searchType01 .searchBtn{
	top:0;
	left:467px
}

/*--A TOP-------------------*/
.productsType01{
	overflow: hidden;
	_height:1%;
	margin:92px 15px 15px 15px;
	padding:0 0 20px 0;
	background:url(../../image/line_01.png) repeat-x bottom;
}

#products_area .proBox{
	float:left;
}

#products_area .proBox02{
	float:right;
}

#products_area .proBox .pro_sign{
	float:left;
	border:1px solid #bebebe;
	border-top:none;
	width:648px;
	background:url(../../image/bg_pro_sign_01.gif) repeat-y;
/*	background:url(../../products/image/bg_index_sign.gif) no-repeat #333
*/}

#products_area .proBox h3{
	position:relative;
	width:650px;
}

#products_area .proBox h3 span{
	position:absolute;
	top:6px;
	right:5px;
}

#products_area .proBox02 h3{
	position:relative;
}

#products_area .proBox02 h3 span{
	position:absolute;
	top:6px;
	right:8px;
}


#products_area .proBox .pro_sign ul{
	/zoom:1;
	margin-right:-5px;
}
.ie7 #products_area .proBox .pro_sign ul{
	margin-right:-6px;
}

#products_area .proBox .pro_sign li{
	float:left;
	_display:inline;
	width:126px;
	padding-top:6px;
	padding-left:4px;
	padding-bottom:4px;
	margin-right:0;
	background:url(../../image/bg_pro_sign_02.gif) repeat-x bottom ;
}

#products_area .proBox .pro_sign li.none{
	background:none;
}

#products_area .proBox .pro_sign li p{
	width:105px;
	padding:6px 7px 6px 8px;
	background: url(../image/bg_dot_04.gif);
	font-size:11px;
	line-height:1.2
}

#products_area .proBox .pro_sign li img{
}

#products_area .proBox .pro_sign li a{
	display:block;
	width:92px;
	margin-top:5px;
	margin-bottom:5px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	line-height:1.3
}

#products_area .proBox .pro_sign li.bl-hover {
	cursor: pointer;
	/*border:#333 solid 1px !important;
*/}

#products_area .proBox .pro_sign li.bl-hover a{
	text-decoration:underline !important;
}


/*--LED部分------------------*/

#products_area .pro_led{
	float:left;
	border:1px solid #bebebe;
	border-top:none;
	width:268px;
	min-height:353px;
}


#products_area .pro_led .pro_led_image{
	overflow:hidden;
	_height:1%;
	margin:10px 6px 10px;
	padding:7px 10px 0 8px;
	background: url(../image/bg_dot_04.gif);
	font-size:10px;
	line-height:1.4;
	height:75px;
}

.ie #products_area .pro_led .pro_led_image{
	line-height:1.3;
}

#products_area .pro_led .pro_led_image img{
	float:left;
	width:82px;
}

#products_area .pro_led .pro_led_image p{
	float:right;
	width:150px;
}

#products_area .pro_led ul{
	margin:0 auto;
	width:251px;
}

#products_area .pro_led ul li{
	margin-bottom:5px;
}
#products_area .pro_led ul img{
	vertical-align:bottom
}

/*--バナー部分------------------*/

#products_area .banner {
	clear:both;
	overflow:hidden;
	_height:1%;
	margin-left:25px;
}

#products_area .banner li{
	float:left;
	width:290px;
	margin-right:20px;
}

#products_area .banner li span{
	display:block;
	margin-bottom:5px;
	padding:10px 10px;
	border:1px solid #bebebe;
	text-align:center;
	background:url(../image/bg_dot_05.gif)
}

#products_area .banner li p{
	width:270px;
	padding:0 10px;
}

#products_area .banner p a{
	display:block;
	color:#545454;
	padding-left:10px;
	background:url(../image/icon_arrow_02.gif) no-repeat 0 0.3em
}


/*----------------------------------------------------
	☆item_area
----------------------------------------------------*/

/*--タブ部分------------------*/

#contents #main_area .topics_area h2{
	float:left;
	padding-left:20px;
	margin-bottom:16px;
}

#contents #main_area .topics_area .linkItem{
	float:right;
}

#contents #main_area .topics_area .linkItem li{
	float:left;
	margin-right:10px;
}

#contents #main_area .topics_area{
	overflow:hidden;
	width:700px;
	background: url(../image/bg_topics_01.gif) no-repeat left top;
}

#contents #main_area .topics_area .wrap{
	overflow:hidden;
	padding:15px 0 20px 0;
	background: url(../image/bg_topics_02.gif) no-repeat left bottom;
}

#contents #main_area .topics_area ul.tabNav{
	overflow:hidden;
	_float:left;
	width:696px;
	margin:0 2px 10px;
	background: url(../image/button_topics_tav.gif) no-repeat left top;

}

#contents #main_area .topics_area ul.tabNav li{
	float:left;
	background:url(../image/button_topics_tav.gif) no-repeat 0 0;
}

#contents #main_area .topics_area ul.tabNav li a {
	display:block;
	height:32px;
	text-indent:-9999px;
}

#contents #main_area .topics_area ul.tabNav li.tab01 a{
	width:118px;
	background:url(../image/button_topics_tav.gif) no-repeat 0 0;
}

#contents #main_area .topics_area ul.tabNav li.tab02 a{
	width:157px;
	background:url(../image/button_topics_tav.gif) no-repeat -118px 0;
}

#contents #main_area .topics_area ul.tabNav li.tab03 a{
	width:107px;
	background:url(../image/button_topics_tav.gif) no-repeat -275px 0;
}

#contents #main_area .topics_area ul.tabNav li.tab04 a{
	width:107px;
	background:url(../image/button_topics_tav.gif) no-repeat -382px 0;
}


#contents #main_area .topics_area ul.tabNav li.tab01 a.active,
#contents #main_area .topics_area ul.tabNav li.tab01 a:hover{
	background-position:0 -32px;
}

#contents #main_area .topics_area ul.tabNav li.tab02 a.active,
#contents #main_area .topics_area ul.tabNav li.tab02 a:hover{
	background-position:-118px -32px;
}

#contents #main_area .topics_area ul.tabNav li.tab03 a.active,
#contents #main_area .topics_area ul.tabNav li.tab03 a:hover{
	background-position:-275px -32px;
}

#contents #main_area .topics_area ul.tabNav li.tab04 a.active,
#contents #main_area .topics_area ul.tabNav li.tab04 a:hover{
	background-position:-382px -32px;
}


/*--新着本文------------------*/

#contents #main_area .topics_area #tab01,
#contents #main_area .topics_area #tab02,
#contents #main_area .topics_area #tab03,
#contents #main_area .topics_area #tab04,
#contents #main_area .topics_area #tab06,
#contents #main_area .topics_area #tab05{
	min-height:200px;
}
.ie6 #contents #main_area .topics_area #tab01,
.ie6 #contents #main_area .topics_area #tab02,
.ie6 #contents #main_area .topics_area #tab03,
.ie6 #contents #main_area .topics_area #tab04,
.ie6 #contents #main_area .topics_area #tab05,
.ie6 #contents #main_area .topics_area #tab05{
	height:auto !important;
	height:150px ;
}

#contents #main_area .topics_area dl {
	clear:both;
	overflow:hidden;
	width:660px;
	margin-left:20px;
	padding:8px 0 8px 0;
	background:url(../../common/image/bg_dot_03.gif) repeat-x left bottom; 
}

#contents #main_area .topics_area dt {
	float:left;
	width:140px;
	clear:both;
}

#contents #main_area .topics_area dl dt span{
	font-size:11px;
	font-weight:bold;
}


#contents #main_area .topics_area dt img{
	margin-right:12px;
	vertical-align:bottom;
}

#contents #main_area .topics_area dd {
	float:left;
	width:505px;
	padding-left:12px;
	background: url(../image/icon_arrow_02.gif) no-repeat left 0.45em ;
	line-height:1.3;
}


#contents #main_area .topics_area dd span{
	font-weight:bold;
	font-size:11px;
	color:#F00
}

#contents #main_area .topics_area dd a:link,
#contents #main_area .topics_area dd a:visited{
	text-decoration:none;
	margin:0;
	padding:0;
}

#contents #main_area .topics_area dd a:hover{
	text-decoration: underline
}


/*--リンク部分------------------*/

#link_area{
	overflow: hidden;
	_height:1%;
	position:relative;
	margin-top:20px;
	background:url(../../image/bg_link_area_01.jpg) left top no-repeat 
}

#link_area .wrap{
	overflow: hidden;
	_height:1%;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
	background:url(../../image/bg_link_area_02.jpg) left bottom no-repeat
}

#link_area .wrap h2{
	float:left;
	margin:20px 10px 0px 0 ;
}

#link_area .wrap ul {
	overflow:hidden;
	_height:1%;
	float:right;
	width:560px;
	margin:15px 0 0px 0 ;
}

#link_area .wrap ul li{
	display: inline;
	margin-right:10px;
}

#link_area .wrap ul li a{
	padding-left:10px;
	white-space:nowrap;
	background:url(../image/icon_arrow_01.gif) no-repeat left 0.2em;
}
/*------------------------------*/

#contents #main_area .columnBox{
	overflow:hidden;
	_float:left;
	margin-top:30px;
	background:url(../../image/bg_box_two.gif) left bottom
}

#contents #main_area .columnBox .item{
	margin:11px 0 0 20px;
}
#contents #main_area .columnBox .box_r .item{
	margin:11px 20px 0 20px;
}

#contents #main_area .columnBox .box_l,
#contents #main_area .columnBox .box_r{
	width:322px;
	padding:0 1px 10px 1px;
}


#contents #main_area .columnBox .box_l{
	float:left
}

#contents #main_area .columnBox .box_l ul {
	width:246px;
	padding:0px 20px 15px;
	background:url(../../image/bg_box_01.gif)
}
#contents #main_area .columnBox .box_l ul li{
	padding-left:15px;
	background:url(../../image/line_box_01.gif) no-repeat left 0.4em;
	font-size:10px;
}

#contents #main_area .columnBox p{
	margin-bottom:6px;
}

#contents #main_area .columnBox p.none{
	margin:0;
	padding:0;
}

#contents #main_area .columnBox .box_r{
	float:right
}

#contents #main_area .columnBox .box_r ul{
	overflow:hidden;
	zoom:100%
}

#contents #main_area .columnBox .box_r ul li{
	padding:6px;
	margin-bottom:-1px;
	border-bottom:dotted 1px #adadad;
}

#contents #main_area .columnBox .box_r ul li a{
	padding-left:15px;
	background: url(../../image/icon_arrow_01.gif) no-repeat left 0.3em;
}

#contents #main_area .columnBox a:link,
#contents #main_area .columnBox a:visited{
	text-decoration:none
}

#contents #main_area .columnBox a:hover{
	text-decoration: underline
}


#sub_area .banner_l{
	margin:0;
}
#sub_area .banner_l li{
	margin:0 0 14px 0;
}

@media print{



body{
	background:none
}



}