/* CSS Document */

* { padding: 0; margin: 0;}

body { background:#000; color:#333; font-size:80%; line-height:120%; margin:0 25px 25px 25px;}

a:link { color: #C00; text-decoration: underline;}
a:visited { color: #8C0000; text-decoration: underline;}
a:hover { color: #F00; text-decoration: underline;}

img { border: none; vertical-align: top;}

i,em { color: #AE0000; font-style: normal; font-weight:bold;}
u { color:#00C; font-weight:bold; text-decoration:none;}

h1 { margin:0; padding:4px 0; text-align:right; color:#999; font-size:12px; font-weight:normal;}
h2 { margin:0; padding:0;}
h3 { background:url(../parts/list.gif) no-repeat 2px 0; font-size:120%;
	margin:15px 0 10px 0; padding:0 0 5px 18px; line-height:110%;}
h3 .top-space { margin-top:20px;}

#main02 h3,#main03 h3 { clear:left; background:#FFF url(../parts/h3_bg.gif) no-repeat 2px 0; color:#000; font-size:130%;
	margin:15px 0 5px 0; padding:3px 0 10px 23px;}
#main02 h4 { background: url(../parts/list.gif) no-repeat 2px 0; font-size: 120%; color: #333;
	margin: 5px 0 10px 0; padding:0 0 5px 20px; border-bottom: 2px solid #AE0000;}	
#main03 h4 { height:28px; background:url(../parts/h4_bg.gif) no-repeat 2px 0; font-size:130%;
	color:#FFF; margin:5px 0 0 0; padding:6px 0 4px 20px;}

/* align ---------------------------------- */

.right { text-align: right;}
.left { text-align: left;}
.center { text-align: center;}

/* float & clear ---------------------------------- */

.fl-left { float: left;}
.fl-right { float: right;}
.clear { clear: both; background: none;}

/* font ---------------------------------- */
.font-large { font-size:120%}
.font-large2 { font-size:150%}


/* layout ---------------------------------- */

/* wrap */

#wrap { margin: 0; background: #FFF;}

/* head */

#head { float:left; background:#FFF url(../parts/head_bg.gif) no-repeat right top; padding:10px 0 0 0; margin:0; width:100%;}
#head-l { margin: 0; float: left;}
#head-r { margin: 0; float: right;}
#head-b { float:left; background:#FFF url(../parts/logo_rb.gif) no-repeat right top; padding:0; margin:0; width:100%;}

/* menu */

#menu { clear:both; margin:0 auto; padding:0; height:30px; float:left; border-right:1px solid #333;
	background:url(../parts/menu.gif) no-repeat 0 0;}
#menu:after{ content: "."; display: block; height: 0; clear :both; visibility: hidden; }
#menu ul { margin: 0; padding: 0; list-style: none;}
#menu ul li { float: left; display: block; height: 30px; list-style: none;}

#menu ul li a{
	float:left;
	display:block;
	width:150px;
	height:30px;
	font-size:100%;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	margin:0;
	background: url(../parts/menu.gif) no-repeat 0 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
#menu ul li.m-home a { width:95px;}
#menu ul li a:hover { background-position: 0 -50px;}

/* pagenavi */

#pagenavi { width: 100%; float: left; text-align: left; margin: 0; padding: 0;
	background: #FFF url(../parts/bg_navi.gif) no-repeat left top;}

/* pankuzu */
	
#pankuzu { float: left; padding: 11px 0 0 15px; color: #FFF;}
#pankuzu a { padding: 0; color: #FFF;}

/* side menu */

#langage { width: 170px; height: 35px; float: right;}

#side { width:170px; float:right; color:#FFF; margin:0 0 30px 0; padding:0;}
#side ul,#side li { margin:0; padding:0; list-style:none;}
#side ul { margin-bottom: 15px;}
#langage a,#side ul li a{ display: block; height: 35px; background: url(../parts/sidemenu.gif) no-repeat 0 0;
	color:#FFF;	font-weight:bold; margin:0; padding:0 0 0 22px; line-height:33px; text-decoration :none;}
#side ul li a { background-position: 0 -50px;}
#langage a:hover,#side li a:hover { background-position: 0 -100px;}

#side p { margin:5px 5px 10px 10px; font-size:95%;}
#side img { margin: 7px 5px 7px 10px;}
#side .s-company { background:url(../parts/m_list.gif) no-repeat 0 0; font-weight:bold;
	margin:15px 3px 10px 3px; padding:0 0 5px 20px; border-bottom:1px solid #CCC;}

/* product side menu */

#side dl,#side dl a { margin:0; padding:0; text-decoration:none;}
#side dl dt,#side dl dd { margin:0; padding:0; list-style:none; width:170px; height:auto; list-style:none;}
#side dl dt a,#side dl dd a{ display:block; height:38px; background:url(../parts/product_m_bg.gif) no-repeat 0 0;}
#side dl dt a { font-weight:bold; font-size:110%; padding:6px 10px 0 10px; color:#FFF;}
#side dl dt a:hover { background-position:0 -70px;}
#side dl dd { height:auto;}
#side dl dd a { height:22px; padding:3px 0 0 20px; color:#000; background-position:0 -150px;}
#side dl dd a:hover { background-position:0 -200px;}
#side dl dd.m-bottom { background:url(../parts/product_m_bottom.gif) no-repeat 0 0; margin-bottom:10px;}

#side dl.active dt a { background-position:0 -70px;}
#side dl.active dd a { background-position:0 -250px;}
#side dl.active dd a:hover { background-position:0 -200px;}

/* content */

#con { width: 100%; float: left; background: #FFF url(../parts/con_bg.gif) repeat-y right top; margin: 0; padding: 0;}

/* main */

#main { color:#333; margin:10px 180px 0 10px; padding:0; background:#FFF url(../parts/bg_main.jpg) no-repeat left top;}
#main02,#main03 { color:#333; margin:10px 180px 0 10px; padding:0; background:#FFF;}
#main02 table td p { margin:0; padding:0 0 10px 0;}


/* pagetop */

#pagetop { clear: both; text-align: right;}
#pagetop a { color: #FFF; margin-right: 10px; text-decoration: none;}
#pagetop a:hover { text-decoration: underline;}

/* foot */

#footline { width: 100%; height: 3px; clear: both; font-size: 1px;
	background: #900 url(../parts/footline.gif) no-repeat right top; margin: 0; padding: 0;}

#foot { clear: both; color: #333; background: #FFF; margin: 0; padding: 0 0 2px 0; font-size: 95%;}
#foot p { margin: 15px 0 0 20px;}
#foot a { color: #333;}
#foot a:hover { color: #C00;}

.foot-logo { float: left; margin: 10px 0 5px 0; padding: 0;}

.copyright { color: #999; font-size: 11px; text-align: right; padding-right: 5px;}
.copyright a { color: #666;}

/* index.html ---------------------------------- */

/* flash */

#movie { margin-bottom:10px; padding:10px; text-align:left; background:#FFF url(../parts/bg_main.jpg) no-repeat right top;}

/* information */

#info { clear:left; margin-top:10px; background:#FFF url(../parts/bg_info.gif) repeat-x 0 0;}
#info table th { text-align: left; background: #AE0000;}
#info table .news { width: 360px; text-align: left;}
#info table .news h3{ margin-right: 10px;}
#info table .pickup { padding: 0; margin-left: 10px;}
#info table p { padding-left: 18px; margin-right: 15px;}

/* corporation&support ---------------------------------- */

.inside { margin: 10px 3px 30px 15px;}

.inside table { margin: 5px 0 10px 0; padding: 0; line-height: 130%;
	border-top: 1px solid #999; border-left: 1px solid #999;}
.inside th { background: #EEE; font-weight: bold; text-align: left; vertical-align: top;
	margin: 0; padding: 5px 7px; 
	border-bottom: 1px solid #999; border-right: 1px solid #999;}
.inside td { margin: 0; padding: 5px 7px; 
	border-bottom: 1px solid #999; border-right: 1px solid #999;}
	
.inside ul { margin: 5px 0 5px 15px; padding: 0;}
.inside li { }

/* inquiry ---------------------------------- */

.inquiry { margin: 10px 3px 30px 15px;}

.inquiry p { margin: 5px 5px 10px 0;}

.inquiry table { margin: 5px 0 10px 0; padding: 0; 
	border-top: 1px solid #999; border-left: 1px solid #999;}
.inquiry th { background: #EEE; font-weight: bold; text-align: left; vertical-align: top;
	margin: 0; padding: 5px 7px; 
	border-bottom: 1px solid #999; border-right: 1px solid #999;}
.inquiry td { margin: 0; padding: 5px 7px; 
	border-bottom: 1px solid #999; border-right: 1px solid #999;}

/* product&manufact ---------------------------------- */

/* product&manufact list */

.list-block-bottom { clear:left; border-top: 1px dashed #666; padding-top:10px;}

.p-list { float:left; width:100%;}
#list-block .p-list h4 { margin:20px 10px 10px 10px; padding:0 0 0 13px; height:24px;
	background:url(../parts/bg_p_list_h4.gif) no-repeat 0 0; font-size:130%; color:#000; border-bottom:1px dotted #666;}

.box-p-list { width:30%; display:block; float:left; padding: 5px 5px 0 15px; margin-bottom:10px;}
.box-p-list img { border: 1px solid #CCC; padding: 1px;}
.box-p-list .fl-left { margin: 0 10px 0 0;}
.box-p-list em { color: #F00; font-weight: bold;}
.box-p-list p a { background:#FFF url(../parts/list.gif) no-repeat 0 0; font-weight: bold; padding-left:15px; font-size:110%;}
.box-p-list p { margin-top:3px;}


.p-list table { width:100%; margin:0 0 5px 15px; padding:0;}
.p-list td { width:30%; vertical-align: top; margin: 0; padding: 5px 10px 5px 0;}
.p-list td img { border: 1px solid #CCC; padding: 1px;}
.p-list td .fl-left { margin: 0 10px 0 0;}
.p-list td p { margin: 5px 3px 3px 3px;}
.p-list td em { color: #F00; font-weight: bold;}
.p-list td p a { background: url(../parts/list.gif) no-repeat left top; color: #C00; font-weight: bold; padding: 2px 0 2px 15px; text-decoration: underline;}

.p-txt { color: #666; margin: 5px 0 10px 15px; padding: 0 0 5px 0; border-bottom: 1px dotted #666;}


/* product&manufact */

.pro-pr { background: #EEE; margin: 0 0 8px 0; padding:5px 8px 2px 0;}

.p-block { margin:0 0 0 10px; padding:0;}

.p-box-l p { margin: 5px 0 10px 15px; line-height: 130%;}
.p-box-l table { margin:5px 10px 10px 10px; padding:0; line-height:130%; border-top:1px solid #999; border-left:1px solid #999;}
.p-box-l th { background:#EEE; font-weight:bold; text-align:left; margin:0; padding:5px 7px;
	vertical-align: top; border-bottom:1px solid #999; border-right:1px solid #999;}
.p-box-l td { margin:0; padding:5px 7px; border-bottom:1px solid #999; border-right:1px solid #999;}
.p-box-l td .fl-left { margin: 0 5px 0 0;}
.p-box-l td p { margin:0; padding:0 0 10px 0;}

	
.p-box-r { width:240px; margin:0; text-align:center;}
.p-box-r img { margin:5px 0 10px 0;}
.p-box-r img.space-no { margin-bottom:2px;}

/* manufact */

.tb-manufact { margin: 5px 0 10px 15px; padding: 0; line-height: 130%;
	border-top: 1px solid #999; border-left: 1px solid #999;}
.tb-manufact th { background: #EEE; font-weight: bold; text-align: left;
	margin: 0; padding: 5px 7px; vertical-align: top;
	border-bottom: 1px solid #999; border-right: 1px solid #999;}
.tb-manufact td { margin: 0; padding: 5px 7px; vertical-align: top;
	border-bottom: 1px solid #999; border-right: 1px solid #999;}


/* product&manufact pagetop */

.p-top { display: block; clear: left; text-align: right; margin: 0 3px 10px 0; padding: 0 0 5px 0; border-bottom: 1px dashed #666;}
.p-top a { color: #666; padding: 0; text-decoration: none;}
.p-top a:hover { text-decoration: underline;}