/* CSS Document */

body, p { margin:0px; padding:0px; color:#333;}
td, p, caption, font { line-height:140%; }
td p { font-size:1em;}
/*
td, p, caption { font-size:0.8em; line-height:150%; }
td p { font-size:1em;}
*/

.size_s { font-size:0.9em; line-height:150%; }
.size_m { font-size:0.95em; line-height:150%; }
.size_l { font-size:1.1em; line-height:150%; }

a:link { color:#00F; }
a:hover { color:#F00; }


.block { margin-bottom:20px; clear:both;}
.topimage { margin-bottom:10px; }

#head { margin-bottom:10px; text-align:center; background-image:url(../img/head_bg.gif); background-repeat:repeat-x;}
#head #head_contents { margin:0px auto; width:780px; height:69px; text-align:left; }
#head #head_contents p { margin:0px; padding:0px; }
#head #head_contents br { clear:both;}
#head #head_contents .logo { padding-top:20px;margin-top:5px; float:left; }
#head #head_contents .slogan { padding-top:15px; float:right; text-align:right;}
#head #head_contents .slogan img { margin:0px 0px 5px 15px; }

#container { margin:0px auto; text-align:center; width:780px; }
#container #tab { text-align:left; }
#container #menu { text-align:left; margin-bottom:15px; }
#container #menu .menu { padding:1px 0px; }
#container #menu .menu img { margin:2px 0px 2px 9px; }
#container #menu .menu img.left { margin:2px 0px 2px 3px; }
#container #main { text-align:left; }
#container #main p { margin-bottom:10px;}
#container #main p.title { margin-bottom:15px; text-align:center; }
#container #main p.text_title { margin-bottom:5px; font-weight:bold; color:#0A90A1; background-color:#DAEEF1; padding:3px; }
.m10 { margin-left:10px; margin-right:10px; }
.m15 { margin-left:15px; margin-right:15px; }
.m20 { margin-left:20px; margin-right:20px; }
.m25 { margin-left:25px; margin-right:25px; }
.m30 { margin-left:30px; margin-right:30px; }
.m35 { margin-left:35px; margin-right:35px; }
.m40 { margin-left:40px; margin-right:40px; }
.m45 { margin-left:45px; margin-right:45px; }
.m50 { margin-left:50px; margin-right:50px; }
.m60 { margin-left:60px; margin-right:60px; }
.m75 { margin-left:75px; margin-right:75px; }
.m90 { margin-left:90px; margin-right:90px; }
.m100 { margin-left:100px; margin-right:100px; }
.m120 { margin-left:120px; margin-right:120px; }

#foot { padding:8px 0px; margin-top:30px; background-color:#0A50A1; }
#foot p { font-size:10px; text-align:center; color:#FFF; font-family:Arial, Helvetica, sans-serif; }


/* indivisual case */
.items { border:1px solid #999; padding:10px; }

.basic { padding:10px; border:1px solid #999;}
.rule p.caption { margin-top:1em;}
.rule table { margin-left:1em; }

hr.break { border:1px solid #FFF; margin:15px; color:#FFF; background-color:#FFF;}

sup, sub { font-size:80%;}

/* Sitemap case */
#main #sitemap h2
	{
	border-top:1px solid #FFF;
	border-left:5px solid #ccc;
	margin:20px 0px 0px 0px;
	padding:1px 0px 0px 7px;
	font-size:80%;
	background-image:url(../../etc/img/h2_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
#main #sitemap h2.top { border-left-color:#333333; }
#main #sitemap h2.news { border-left-color:#CF842D; }
#main #sitemap h2.what { border-left-color:#2362AB; }
#main #sitemap h2.company { border-left-color:#026AA9; }
#main #sitemap h2.ir { border-left-color:#0A90A1; }
#main #sitemap h2.recruit { border-left-color:#169453; }
#main #sitemap h2.eco { border-left-color:#50A10A; }
#main #sitemap h2.products { border-left-color:#A3AA01; }


#main #sitemap p
	{
	background-image:url(../../etc/img/branch_keep.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:2px 0px 3px 20px;
	font-size:75%;
	}
#main #sitemap p.last
	{
	background-image:url(../../etc/img/branch_last.gif);
	background-repeat:no-repeat;
	}
	
	
/* Office table case */
#main #office td { padding:3px 12px 3px 6px;}
#main #office td.right { padding:3px 6px 3px 6px;}
#main #office th { text-align:left; padding:2em 0px 1em 0px; background-image:url(../img/line_stripe.gif); background-position:0px 3.2em; color:#0A90A1; background-repeat:no-repeat; font-weight:bold;}





/* ---- clear fix ---------------- */
.clearfix:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
.clearfix {  
	display: inline-block;  
	min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
	height: 1%;  
}  
.clearfix {  
	display: block;  
}
/* ---- /clear fix ---------------- */