@charset "utf-8";

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

/*-------------------------------------
COMMON
---------------------------------------*/
body{
	background:url("../img_top/contents_bg_body.jpg") #292E32 repeat-x 0 399px;
}
#wrap,
.wrapIn{
	background:none;
}
.wrapIn {
	font-size: 86%;
}

/* for index */
#container{
	padding:20px 0 0 0;
	background:url("../img_top/contents_bg_main.jpg") no-repeat 50% 0;
}
#container #main{
	overflow:hidden;
	_zoom:1;
}

/*-------------------------------------
#HeaderTop
---------------------------------------*/
#HeaderTop{
	width:100%;
	overflow:hidden;
	position:relative;
	height:399px;
	background:url("../img_top/header_bg_repeat.jpg") repeat-x;
	z-index:8000;
}
#HeaderTop-inside{
	width:900px;
	margin:0 auto;
	position:relative;
	z-index:9000;
}
#HeaderTop h1{
	width:194px;
	height:52px;
	position:absolute;
	top:0;
	left:0;
	padding:0 0 2px 0;
	background:url("../img_top/header_bg_logo.gif") no-repeat 0 100%;
	z-index:10000;
}

/* HeaderNavi
---------------------*/
#HeaderTop ul#HeaderNavi{
	height:28px;
	float:right;
}
#HeaderTop ul#HeaderNavi li{
	float:left;
	display:inline;
	margin:7px 0 0 10px;
	padding:0 0 0 14px;
	font-size: 10px;
	line-height:1;
	background:url("../img_top/header_bg_line.gif") repeat-y 0 0;
}
#HeaderTop ul#HeaderNavi li.contact{
	background:none;
}
#HeaderTop ul#HeaderNavi li a{
	color:#FFF;
	padding:0 0 0 10px;
	background:url("../img_top/ico_arrow.gif") no-repeat 2px center;
}
#HeaderTop ul#HeaderNavi li.english a{
	color:#FFF;
	padding:0 3px 0 10px;
	background-color:#666;
	border:1px solid #aaa;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}


/*-------------------------------------
#Search
---------------------------------------*/
div#Search{
	width:200px;
	float:left;
	padding:0 20px 0 0;
}
div#Search ul{
	margin:0 0 20px 0;
}

/*-------------------------------------
#Information
---------------------------------------*/
div#Information{
	width:460px;
	float:left;
	padding:0 0 3px 0;
	background:url("../img_top/contents_bg_round.gif") #FFF no-repeat 0 100%;
}

/* title
---------------------*/
div#Information div.title{
	width:460px;
	height:35px;
	position:relative;
	margin:0 0 -1px 0;
}
div#Information div.title h3{
}
div#Information div.title p{
	position:absolute;
	top:7px;
	right:6px;
}

/* list
---------------------*/
div#Information dl{
	margin:0 11px;
}
div#Information dl dt{
	padding:10px 0 0 0;
	background:url("../img_top/contents_bg_dotline.gif") repeat-x 0 0;
}
div#Information dl dt img{
	padding:0 0 3px 10px;
}
div#Information dl dd{
	padding:0 0 10px 0;
}


/*-------------------------------------
#Side
---------------------------------------*/
div#Side{
	width:200px;
	float:left;
	padding:0 0 0 20px;
}

/* PRbox
---------------------*/
div#Side div.PRbox{
	margin:0 0 20px 0;
	padding:0 0 6px 0;
	background:url("../img_top/side_bg_glid.gif") no-repeat 0 100%;
}
div#Side div.PRbox h4{
	margin:0 0 -1px 0;
}
div#Side div.PRbox-inside{
	padding:0 10px;
	background:url("../img_top/side_bg_glid.gif") no-repeat 0 0;
}

/* section */
div#Side div.PRbox div.section{
	overflow:hidden;
	margin:0 0 8px 0;
	padding:11px 0 0 0;
	background:url("../img_top/side_bg_line.gif") repeat-x 0 0;
	_zoom:1;
}
div#Side div.PRbox div.section p.photo{
	float:left;
}
div#Side div.PRbox div.section dl{
	width:98px;
	float:right;
}
div#Side div.PRbox div.section dl dt{
	padding:0 0 5px 15px;
	font-weight:bold;
	background:url("../img_top/side_ico_arrow.gif") no-repeat 0 5px;
}
div#Side div.PRbox div.section dl dd{
	font-size: 86%;
	line-height:1.2;
}

/* support
---------------------*/
div#Side div.support{
}
div#Side div.support ul{
	padding:2px 0 0 0;
}
div#Side div.support ul li{
	padding:8px 0 0 0;
}

/*-------------------------------------
#BrandList
---------------------------------------*/
div#BrandList{
	position:relative;
	z-index:3;
	margin:0 0 -10px 0;
	background:#292E32;
	overflow:hidden;
	_zoom:1;
}
div#BrandList ul{
	overflow:hidden;
	padding:15px 0 0 0;
}
div#BrandList ul li{
	float:left;
	padding:0 0 0 14px;
}
div#BrandList ul li.first{
	padding:0;
}
div#BrandList ul li span{
	display:block;
	padding:5px 0 0 10px;
	font-size: 86%;
	background:url("../img_top/ico_arrow.gif") no-repeat 2px 11px;
}
div#BrandList ul li a{
	color:#CCC;
	text-decoration:none;
}
div#BrandList ul li a:hover span{
	text-decoration:underline;
}