@charset "UTF-8";

@import url("../common/css/common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　TopPage
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	background: #292E33 url(../img_top/bg_body.jpg) repeat-x;
}

/* --------------------------------------------------------------------------------------
 flame
--------------------------------------------------------------------------------------- */

#wrap {
	width: 1040px;
	margin: 0 auto;
	background: url(../img_top/bg_index_rp.gif) repeat-y;
}

#ctArea {
	padding: 16px 70px 0;
	background: url(../img_top/bg_index_tp.jpg) no-repeat;
	text-align: left;
}
#ctArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#ctArea { display:inline-block; }
/*\*/
* html #ctArea { height:1%; }
#ctArea { display:block; }
/**/

#ct {
	float: right;
	width: 652px;
}
#ct:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#ct { display:inline-block; }
/*\*/
* html #ct { height:1%; }
#ct { display:block; }
/**/


#main {
	float: left;
	width: 404px;
	padding-top: 13px;
	text-align: center;
}

#bnrRight {
	float: right;
	width: 225px;
	padding-top: 24px;
}

#bnrLeft {
	float: left;
	width: 235px;
	height: 340px;
}


/* --------------------------------------------------------------------------------------
 left
--------------------------------------------------------------------------------------- */

#bnrLeft h1,
#bnrLeft ul{
	margin-left: 24px;
}

#bnrLeft ul {
	margin-top: 18px;
}

#bnrLeft li {
	width: 201px;
	margin-top: 5px;
}

#bnrLeft li a {
	display:block;
	width:100%;
	height:85px;
}
#bnrLeft li a:hover{
	background-color:#fff; /* IE6 */
}
#bnrLeft li a:hover img{
	visibility:hidden;
}
#bnrLeft li.bnr01 a{
	background:url(../img_top/index_bnr01_on.jpg) 0 0 no-repeat;
}
#bnrLeft li.bnr02 a{
	background:url(../img_top/index_bnr02_on.jpg) 0 0 no-repeat;
}
#bnrLeft li.bnr03 a{
	background:url(../img_top/index_bnr03_on.jpg) 0 0 no-repeat;
}

/* top left products */
#bnrLeft ul.pd{
	margin-left: 24px;
}

#bnrLeft ul.pd {
	margin-top: 3px;
}

#bnrLeft ul.pd li {
	width: 201px;
	margin-top: 2px;
}
#bnrLeft ul.pd li a {
	display:block;
	width:100%;
}
#bnrLeft ul.pd li.bnrcatalog a:hover,
#bnrLeft ul.pd li.bnr_sgdb a:hover{
	background-color:#fff; /* IE6 */
}
#bnrLeft ul.pd li.bnrcatalog a:hover img,
#bnrLeft ul.pd li.bnr_sgdb a:hover img{
	visibility:hidden;
}
#bnrLeft ul.pd li.pickup a:hover img{
	visibility:visible;
}

#bnrLeft ul.pd li.bnrcatalog a{ /*catalog*/
	height:53px;
	background:url(../img_top/index_bnr_catalog_on.jpg) 0 0 no-repeat;
}
#bnrLeft ul.pd li.bnr_sgdb a{ /*search*/
	height:53px;
	background:url(../img_top/index_bnrsgdb_on.jpg) 0 0 no-repeat;
}
#bnrLeft ul.pd li.pickup a{ /*bunner*/
	height:67px;
}
#bnrLeft span.bar{ /*border*/
	display:block;
	width:217px;
	height:10px;
	margin:5px 0 0 16px;
}

/* --------------------------------------------------------------------------------------
 main
--------------------------------------------------------------------------------------- */

#main p.bnr {
	margin-top: 9px;
}

#main .newsArea {
	margin-top: 13px;
	text-align: left;
	background: url(../img_top/bg_news_rp.gif) repeat-y;
}

#main .newsArea dl {
	padding: 10px 0 7px;
	color: #B3B3B3;
	font-size: 86%;
	line-height: 1.2;
	background: url(../img_top/bg_news_bt.gif) no-repeat left bottom;
}

#main .newsArea dl dt {
	float: left;
	width: 7em;
	text-align: right;
}

#main .newsArea dl dd {
	margin-left:8em;
	padding: 0 10px 9px 9px;
	background: url(../img_top/icon_arw01.gif) no-repeat 0 0.3em;
}
* html #main .newsArea dl dd {
	zoom:1;
}

#main .newsArea dl dd a:link,
#main .newsArea dl dd a:visited,
#main .newsArea dl dd a:hover,
#main .newsArea dl dd a:active {
	color: #B3B3B3;
}


/* --------------------------------------------------------------------------------------
 right
--------------------------------------------------------------------------------------- */

#bnrRight ul li{
	width: 200px;
	margin-bottom: 9px;
}
#bnrRight ul li.mb5{
	width: 200px;
	margin-bottom: 5px;
}

#bnrRight li.bnr13 a,
#bnrRight li.bnr14 a,
#bnrRight li.bnr15 a,
#bnrRight li.bnr16 a,
#bnrRight li.bnr_sccweb a,
#bnrRight li.bnr20 a{
	display:block;
	width:100%;
	height:40px;
}
#bnrRight li.bnr17 a,
#bnrRight li.bnr18 a{
	display:block;
	width:100%;
	height:22px;
}
#bnrRight li a:hover{
	background-color:#fff; /* IE6 */
}
#bnrRight li.bnr13 a:hover img,
#bnrRight li.bnr14 a:hover img,
#bnrRight li.bnr15 a:hover img,
#bnrRight li.bnr16 a:hover img,
#bnrRight li.bnr17 a:hover img,
#bnrRight li.bnr18 a:hover img,
#bnrRight li.bnr_sccweb a:hover img,
#bnrRight li.bnr20 a:hover img{
	visibility:hidden;
}
#bnrRight li.bnr13 a{
	background:url(../img_top/index_bnr13_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr14 a{
	background:url(../img_top/index_bnr14_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr15 a{
	background:url(../img_top/index_bnr15_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr16 a{
	background:url(../img_top/index_bnr16_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr17 a{
	background:url(../img_top/index_bnr17_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr18 a{
	background:url(../img_top/index_bnr18_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr_sccweb a{
	background:url(../img_top/index_bnr19_on.jpg) 0 0 no-repeat;
}
#bnrRight li.bnr20 a{
	background:url(../img_top/b_distributor_on.jpg) 0 0 no-repeat;
}

/* --------------------------------------------------------------------------------------
 fotter
--------------------------------------------------------------------------------------- */

#ft {
	position: relative;
	width: 900px;
	margin: 5px auto 0;
	padding: 18px 0 50px;
	background: #292E33 url(../img_top/bg_index_bt.gif) no-repeat;
	text-align: left;
}

#ft ul li {
	float: left;
	width: 69px;
	font-size: 0;
}

#ft ul li.menu03 {
	width: 112px;
}

#ft ul li.menu04 {
	width: 88px;
}

#ft ul li.menu05 {
	width: 122px;
}

#ft ul li a {
	display:block;
	width:100%;
	height:12px;
}
#ft ul li a:hover{
	background-color:#292E33; /* IE6 */
}
#ft ul li a:hover img{
	visibility:hidden;
}
#ft ul li.menu01 a{
	background:url(../img_top/ft_menu01_on.gif) 0 0 no-repeat;
}
#ft ul li.menu02 a{
	background:url(../img_top/ft_menu02_on.gif) 0 0 no-repeat;
}
#ft ul li.menu03 a{
	background:url(../img_top/ft_menu03_on.gif) 0 0 no-repeat;
}
#ft ul li.menu04 a{
	background:url(../img_top/ft_menu04_on.gif) 0 0 no-repeat;
}
#ft ul li.menu05 a{
	background:url(../img_top/ft_menu05_on.gif) 0 0 no-repeat;
}

#ft p {
	position: absolute;
	top: 18px;
	right: 5px;
}

#ft address {
	position: absolute;
	top: 18px;
	right: 0px;
}
#ft address a img{margin-left:5px;}

#top_txt {clear:both; padding:10px; color:#aaa;}
#top_txt a{color:#ccd;}