/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:150%;
text-align: center;
color:#666666;
background-color:#F9F8F2;
background-image:url(back.jpg);
background-repeat:repeat-x;
background-position:center top;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:150%;
}

table td{
vertical-align:top;
}

#english {
}

#wrapper{
margin:0px auto;
width:840px;
text-align:left;
}

#header{
width:840px;
height:94px;
background-image:url(header.jpg);
background-repeat:no-repeat;
float:left;
}

#english #header{
width:840px;
height:94px;
background-image:url(en_header.jpg);
background-repeat:no-repeat;
float:left;
}

#header h1{
font-size:85%;
float:left;
color:#FFF;
line-height:20px;
margin-left:5px;
display:inline;
}

#header ul{ float:right; list-style-type:none; height:20px;}
#header ul li { background-image:url(head-arr.jpg); background-repeat:no-repeat; background-position:0 6px; float:left; width:80px; font-size:85%; line-height:20px; text-indent:13px;}
#header ul li a { color:#FFF;}
.logo { float:left; margin:14px 0 0 14px; display:inline;}


#header #header_control { float:right; width:200px;}
#header #header_control p { float:left; width:60px; height:20px; margin-right:11px;}
#header #header_control ul { list-style-type:none; float:left;}
#header #header_control ul li { float:left; background-image:none; padding-right:5px; width:25px; height:20px; text-indent:0px;}
#header #header_control ul li a { display:inline; width:25px; height:20px;}
#flt { float:right; width:170px; margin-top:16px; margin-bottom:7px;}

#search { float:left;}
#search input { float:left;}
#search .btn { float:left;}

*html #search .btn { float:left; margin-top:-10px;}

#fff { background-color:#FFF; float:left; width:840px; padding-top:30px;}

#fff02 { background-color:#FFF; float:left; width:840px;}

#main{
width:820px;
float:left;
margin:0 0 0px 10px;
display:inline;
position:relative;
}

a {
color:#6699CC;
text-decoration:underline;
}

a:hover {
color:#6699CC;
text-decoration:none;
}

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

#contents {
width:590px;
float:left;
}

.section{
width:600px;
float:left;
}

/*---nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
width:840px;
float:left;
}

#nav ul{
list-style-type:none;
}

#nav ul li{
float:left;
}

#nav ul li a{
width:120px;
line-height:47px;
float:left;
text-indent:-9999px;
display:block;
}

#nav ul li#nav01 a{
width:120px;
}

#nav ul li#nav01 a:link,
#nav ul li#nav01 a:visited{
background-image:url(nav01.jpg);
}

#nav ul li#nav01 a:hover,
#nav ul li#nav01 a:active,
#nav ul li#nav01c a:link,
#nav ul li#nav01c a:visited,
#nav ul li#nav01c a:hover,
#nav ul li#nav01c a:active{
background-image:url(nav01-ov.jpg);
}

#nav ul li#nav02 a:link,
#nav ul li#nav02 a:visited{
background-image:url(nav02.jpg);
}

#nav ul li#nav02 a:hover,
#nav ul li#nav02 a:active,
#nav ul li#nav02c a:link,
#nav ul li#nav02c a:visited,
#nav ul li#nav02c a:hover,
#nav ul li#nav02c a:active{
background-image:url(nav02-ov.jpg);
}

#nav ul li#nav03 a:link,
#nav ul li#nav03 a:visited{
background-image:url(nav03.jpg);
}

#nav ul li#nav03 a:hover,
#nav ul li#nav03 a:active,
#nav ul li#nav03c a:link,
#nav ul li#nav03c a:visited,
#nav ul li#nav03c a:hover,
#nav ul li#nav03c a:active{
background-image:url(nav03-ov.jpg);
}

#nav ul li#nav04 a:link,
#nav ul li#nav04 a:visited{
background-image:url(nav04.jpg);
}

#nav ul li#nav04 a:hover,
#nav ul li#nav04 a:active,
#nav ul li#nav04c a:link,
#nav ul li#nav04c a:visited,
#nav ul li#nav04c a:hover,
#nav ul li#nav04c a:active{
background-image:url(nav04-ov.jpg);
}

#nav ul li#nav05 a:link,
#nav ul li#nav05 a:visited{
background-image:url(nav05.jpg);
}

#nav ul li#nav05 a:hover,
#nav ul li#nav05 a:active,
#nav ul li#nav05c a:link,
#nav ul li#nav05c a:visited,
#nav ul li#nav05c a:hover,
#nav ul li#nav05c a:active{
background-image:url(nav05-ov.jpg);
}

#nav ul li#nav06 a:link,
#nav ul li#nav06 a:visited{
background-image:url(nav06.jpg);
}

#nav ul li#nav06 a:hover,
#nav ul li#nav06 a:active,
#nav ul li#nav06c a:link,
#nav ul li#nav06c a:visited,
#nav ul li#nav06c a:hover,
#nav ul li#nav06c a:active{
background-image:url(nav06-ov.jpg);
}

#nav ul li#nav07 a:link,
#nav ul li#nav07 a:visited{
background-image:url(nav07.jpg);
}

#nav ul li#nav07 a:hover,
#nav ul li#nav07 a:active,
#nav ul li#nav07c a:link,
#nav ul li#nav07c a:visited,
#nav ul li#nav07c a:hover,
#nav ul li#nav07c a:active{
background-image:url(nav07-ov.jpg);
}


#english #nav {
width:840px;
float:left;
}

#english #nav ul{
list-style-type:none;
}

#english #nav ul li{
float:left;
}

#english #nav ul li a{
width:120px;
line-height:47px;
float:left;
text-indent:-9999px;
display:block;
}

#english #nav ul li#nav01 a{
width:120px;
}

#english #nav ul li#nav01 a:link,
#english #nav ul li#nav01 a:visited{
background-image:url(en_nav01.jpg);
}

#english #nav ul li#nav01 a:hover,
#english #nav ul li#nav01 a:active,
#english #nav ul li#nav01c a:link,
#english #nav ul li#nav01c a:visited,
#english #nav ul li#nav01c a:hover,
#english #nav ul li#nav01c a:active{
background-image:url(en_nav01_ov.jpg);
}

#english #nav ul li#nav02 a:link,
#english #nav ul li#nav02 a:visited{
background-image:url(en_nav02.jpg);
}

#english #nav ul li#nav02 a:hover,
#english #nav ul li#nav02 a:active,
#english #nav ul li#nav02c a:link,
#english #nav ul li#nav02c a:visited,
#english #nav ul li#nav02c a:hover,
#english #nav ul li#nav02c a:active{
background-image:url(en_nav02_ov.jpg);
}

#english #nav ul li#nav03 a:link,
#english #nav ul li#nav03 a:visited{
background-image:url(en_nav03.jpg);
}

#english #nav ul li#nav03 a:hover,
#english #nav ul li#nav03 a:active,
#english #nav ul li#nav03c a:link,
#english #nav ul li#nav03c a:visited,
#english #nav ul li#nav03c a:hover,
#english #nav ul li#nav03c a:active{
background-image:url(en_nav03_ov.jpg);
}

#english #nav ul li#nav04 a:link,
#english #nav ul li#nav04 a:visited{
background-image:url(en_nav04.jpg);
}

#english #nav ul li#nav04 a:hover,
#english #nav ul li#nav04 a:active,
#english #nav ul li#nav04c a:link,
#english #nav ul li#nav04c a:visited,
#english #nav ul li#nav04c a:hover,
#english #nav ul li#nav04c a:active{
background-image:url(en_nav04_ov.jpg);
}

#english #nav ul li#nav05 a:link,
#english #nav ul li#nav05 a:visited{
background-image:url(en_nav05.jpg);
}

#english #nav ul li#nav05 a:hover,
#english #nav ul li#nav05 a:active,
#english #nav ul li#nav05c a:link,
#english #nav ul li#nav05c a:visited,
#english #nav ul li#nav05c a:hover,
#english #nav ul li#nav05c a:active{
background-image:url(en_nav05_ov.jpg);
}

#english #nav ul li#nav06 a:link,
#english #nav ul li#nav06 a:visited{
background-image:url(en_nav06.jpg);
}

#english #nav ul li#nav06 a:hover,
#english #nav ul li#nav06 a:active,
#english #nav ul li#nav06c a:link,
#english #nav ul li#nav06c a:visited,
#english #nav ul li#nav06c a:hover,
#english #nav ul li#nav06c a:active{
background-image:url(en_nav06_ov.jpg);
}

#english #nav ul li#nav07 a:link,
#english #nav ul li#nav07 a:visited{
background-image:url(en_nav07.jpg);
}

#english #nav ul li#nav07 a:hover,
#english #nav ul li#nav07 a:active,
#english #nav ul li#nav07c a:link,
#english #nav ul li#nav07c a:visited,
#english #nav ul li#nav07c a:hover,
#english #nav ul li#nav07c a:active{
background-image:url(en_nav07_ov.jpg);
}

#subnavi {
width:210px;
float:right;
margin-bottom:15px;
}

#subnavi_title {
width:210px;
height:38px;
float:left;
line-height:33px;
background-image:url(subnavi-title.jpg);
background-repeat:no-repeat;
color:#517DA8;
font-size:125%;
text-indent:10px;
overflow:hidden;
margin-bottom:5px;
}

#subnavi_title a{
width:210px;
height:38px;
color:#517DA8;
line-height:33px;
text-align:left;
display:block;
text-indent:10px;
float:left;
font-weight:bold;
text-decoration:underline;
}

#subnavi_title a:hover {
text-decoration:none;
}

#subnavi ul {
float:left;
padding-bottom:20px;
}

#subnavi li {
list-style-type:none;
float:left;
}


#subnavi li a{
background-image:url(subnavi.jpg);
background-repeat:no-repeat;
width:210px;
height:50px;
line-height:50px;
text-indent:10px;
list-style-type:none;
display:block;
text-align:left;
text-decoration:none;
font-weight:normal;
color:#666666;
}

#subnavi ul li a:hover{
background-image:url(subnavi_o.jpg);
background-repeat:no-repeat;
font-weight:normal;
text-decoration:underline;
color:#FFF;
}

#subnavi ul li.current a{
background-image:url(subnavi_o.jpg);
background-repeat:no-repeat;
font-weight:normal;
text-decoration:underline;
color:#FFF;
}

#subnavi ul li.current ul li a{
	background-image:none; 
	width:210px; 
	height:30px;
	line-height:30px;
	text-indent:20px;
	display:block;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	color:#666666;
	}

#subnavi ul li.current ul li a:hover {
background-image:none;
font-weight:normal;
text-decoration:underline;
color:#666666;
	}

#subnavi ul li.current ul li.current a {
background-image:none;
font-weight:normal;
text-decoration:normal;
color:#666666;
	}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:840px;
text-align:center;
float:left;
}

#footer ul{
width:840px;
line-height:30px;
padding-bottom:10px;
background-color:#ffffff;
float:left;
list-style-type:none;
}

#footer ul li {
display:inline;
}

#footer ul li a { color:#666;}

.footer-pry { float:left; width:840px; height:30px; line-height:30px; background-color:#f4f4f4;}

address {
float:right;
font-size: 85%;
font-style: normal;
width:400px;
}

address a { color:#666;}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main-image {
width:840px;
height:250px;
float:left;
}

#top-left { float:left; width:590px;}
.m5{ margin-bottom:5px;}
.m10{margin-bottom:10px;}
.m12{margin-bottom:12px;}
.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}
.m40{margin-bottom:40px;}
.flt{ float:left;}
.flr{ float:right;}


.top-title01 {
	background-image:url(top-title01.jpg);
	width:590px;
	height:38px;
	background-repeat:no-repeat;
	line-height:38px;
	text-indent:10px;
	color:#FFF;
	font-size:125%;
	font-weight:bold;
	margin-bottom:7px;
	overflow:hidden;
	}
.left-cont {
width:290px;
height:100px;
float:left;
border:1px solid #cccccc;
margin-right:5px;
margin-bottom:5px;
	} 
	
.left-conten {
width:290px;
height:130px;
float:left;
border:1px solid #cccccc;
margin-right:5px;
margin-bottom:5px;
	} 
.left-cont2 {
width:290px;
height:100px;
float:left;
border:1px solid #cccccc;
margin-bottom:5px;
	} 
	
.left-cont2en {
width:290px;
height:130px;
float:left;
border:1px solid #cccccc;
margin-bottom:5px;
	} 

.seihin { margin:5px 5px 0 4px; display:inline; float:left;}

.top-title02 {
	background-image:url(top-title02.jpg);
	width:167px;
	height:28px;
	background-repeat:no-repeat;
	line-height:28px;
	text-indent:5px;
	font-size:125%;
	font-weight:bold;
	margin-bottom:5px;
	float:left;
	margin-top:5px;
	overflow:hidden;
	}

.top-title03 {
	background-image:url(top-title01.jpg);
	width:590px;
	height:38px;
	background-repeat:no-repeat;
	line-height:38px;
	text-indent:10px;
	color:#FFF;
	float:left;
	font-size:125%;
	font-weight:bold;
	margin-bottom:7px;
	overflow:hidden
	}

.left { float:left; width:590px; margin-bottom:15px;}

.roll {
	width:590px;
	color:#666666;
	float:left;
	}
.roll p{
	 padding:0px 5px 5px 10px;
	 line-height:140%;
	 background-image:url(Icon_y.jpg);
	 background-repeat:no-repeat;
	 line-height:18px;
	 margin-left:10px;
	}
	
.roll dl {
	float:left;
	line-height:150%;
	background-image:url(dd-back.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:570px;
	margin-bottom:10px;
	}
	
.roll dl dt {
	padding:0px 0px 0px 0px;
	background-image:url(top-arr.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	float:left;
	width:560px;
	overflow:hidden;
	text-indent:15px;
	font-weight:bold;
	 }
.roll dd {
	padding:0px 0px 0px 0px;
	line-height:140%;
	margin-left:15px;
	float:left;
	width:560px;
	margin-bottom:10px;
	display:inline;
	 }

#top-right {
width:210px;
float:right;
	}

.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mr5 { margin-right:5px;}


.top-title04 {
	background-image:url(top-title04.jpg);
	width:210px;
	height:30px;
	background-repeat:no-repeat;
	line-height:30px;
	text-indent:10px;
	color:#FFF;
	float:left;
	font-size:125%;
	font-weight:bold;
	margin-bottom:0px;
	overflow:hidden
	}
	
#news { 
width:210px;
float:left;
background-image:url(rss-back.jpg);
background-repeat:repeat-y;
background-position:center top;
border-bottom:1px solid #cccccc;
margin-bottom:10px;
}

#news dl {width:210px; float:left; margin-top:10px;}
#news dl dt{ background-image:url(rss.jpg); background-position:0 5px; background-repeat:no-repeat; padding-left:12px; margin-left:10px; display:inline; width:190px; float:left;
}
#news dl dt a { 
float:left; 
display:inline; 
width:180px; 
padding-left:0px; 
padding-bottom:10px; 
background-image:url(rss-dot.jpg); 
background-position:center bottom; 
background-repeat:no-repeat;}
#news dl dd { display:none;}

.rss dd { 
padding-left:60px;
margin-bottom:15px;
}


.release { 
background-image:url(rss-arr.jpg);
background-repeat:no-repeat;
background-position:0 5px;
float:right;
margin:10px;
display:inline;
text-indent:15px;
}

.ban {
float:right;
width:210px;
	}
.ban ul { list-style-type:none;}
.ban ul li { margin-bottom:10px;}

.sidebar { float:left; width:210px;}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
padding:0 0 15px 30px;
}

.sitemap ul ul{
padding:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subtitle01 {
	background-image:url(subtitle01.jpg);
	width:590px;
	height:40px;
	background-repeat:no-repeat;
	line-height:35px;
	text-indent:15px;
	font-size:125%;
	font-weight:bold;
	margin-bottom:15px;
	overflow:hidden;
	}

.subtitle02 {
	background:url(subtitle02.jpg) no-repeat;
	background-repeat:no-repeat;
	height:25px;
	line-height:25px;
	text-indent:30px;
	margin-bottom:7px;
	font-weight:bold;
}

.subtitle03 {
font-size:115%;
background-color:#e50069;
color:#FFFFFF;
}

.table01 {
margin-bottom:20px;
}

.table01 table{
width:600px;
border-collapse:collapse;
text-align:left;
}

.table01 table td{
padding:10px;
border:1px solid #cccccc;
}

.table01 table .highlight{
border-right:1px solid #cccccc;
background-color:#efefef;
font-weight:bold;
vertical-align:middle;
}



/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact-form {
width:590px;
float:left;
}

#contact-form dl{
width:590px;
border-bottom:1px dotted #3366CC;
float:left;
padding:10px 0;
line-height:220%;
}

#contact-form dt{
width:180px;
float:left;
}

#contact-form dt span{
font-weight:bold;
color:#CC0000;
}

#contact-form dd{
width:360px;
float:left;
}

#contact-form dd p{
float:left;
margin:0 10px 0 0;
}

#contact-form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact-form dd li{
width:360px;
float:left;
}

#contact-form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact-form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact-form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact-form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact-button {
width:590px;
float:left;
margin:10px 0 25px 0;
}

#contact-button input{
width:180px;
margin:0 0 0 180px;
}

#contact-box01 {
width:590px;
float:left;
}

#contact-box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact-box01 dd{
width:330px;
float:left;
}

#contact-box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact-box01 dd li{
background-image:url(../icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact-tel{
margin:20px 120px 30px 0;

}

#locator { 
width:840px;
height:30px;
line-height:30px;
float:left;
padding-left:10px;
overflow:hidden;
}

table.tab{
border-collapse:collapse;
border:1px solid #cccccc;
}
	
table.tab td{
border:1px solid #cccccc;
padding:5px;
text-align:left;
}

table.tab th{
border:1px solid #cccccc;
padding:5px;
background-color:#f3f3f3;
text-align:left;
}

table.tab td table {border:none;}

table.tab td table td {
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px dotted #cccccc;;
}

.highlight {
background-color:#f3f3f3;
}

table.tab2{
border-collapse:collapse;
border:1px solid #cccccc;
}
	
table.tab2 td{
padding:5px;
text-align:left;
}

table.tab2 th{
border:1px solid #cccccc;
padding:5px;
background-color:#f3f3f3;
text-align:left;
}

table.tab2 td table {border:none;}

table.tab2 td table td {
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px dotted #cccccc;;
}


.product-list{ width:590px;}
.product-list ul { list-style-type:none;}
.product-list ul li {
	width:180px;
	margin-right:15px;
	float:left;
	background-image:url(rss.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	text-indent:12px;
	}
	
	
#contact-box {
width:210px;
position:absolute;
bottom:12px;
right:0;
height:136px;
}

/*#main{
width:820px;
float:left;
margin:0 0 0px 10px;
display:inline;
position:relative;
}*/

#contact-box ul { list-style-type:none;}
#contact-box ul li { margin-bottom:10px;}



.red {
color:#CC0000;
}

.blue {
color:#09F;
}

.a {
	background:url(a.jpg) no-repeat;
	background-position:0 3px;
	padding-left:15px;
}

.q {
	background:url(q.jpg) no-repeat;
	background-position:0 3px;
	padding-left:15px;
	font-weight:bold;
}


.faq-list{ width:590px;}
.faq-list ul { list-style-type:none;}
.faq-list ul li {
	width:147px;
	margin-right:0px;
	float:left;
	background-image:url(rss.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	text-indent:12px;
	overflow:hidden;
	}

.pub-list{ float:right; width:590px;}
.pub-list ul { list-style-type:none; float:right;}
.pub-list ul li {
	margin-right:15px;
	float:left;
	background-image:url(rss.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	text-indent:12px;
	overflow:hidden;
	}

.back_link{
	background-image:url(_back_icon.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	text-indent:17px;
	font-size:85%;
	float:right;
}

.sociaty_text{
	width:590px;
	margin-top:10px;
}

.sociaty_text img{
	margin:8px;
	float:right;
}

.environment_box{
	border:1px #CCC solid;
	width:560px;
	margin-left:15px;
}

.environment_title{
	width:560px;
	text-align:center;
	line-height:2.5em;
	background-color:#FFC;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}

.environment_box p{
	width:500px;
	margin:15px 30px 15px 30px;
	line-height:1.7em;
}


.environment-list{
	width:33%;
	background-image:url(rss.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	text-indent:12px;
	}
	
.comapny_list{
	padding-left:25px;
}

.comapny_list li{
	margin-bottom:8px;
}
.mic{
	background-image:url(rss.jpg);
	background-repeat:no-repeat;
	background-position:2px 5px;
	text-indent:12px;
	overflow:hidden;
	display:block;
	float:right;
	
	text-align:left;
	}

.mic02{
	background-image:url(rss.jpg);
	background-repeat:no-repeat;
	background-position:2px 5px;
	text-indent:12px;
	overflow:hidden;
	display:block;
	float:right;
	
	text-align:left;
	}



/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/