@charset 'UTF-8';

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
body { font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; background-color:#ffffff; color:#111;}

a { color: #9ACD32; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }


input, textarea{border-width:1px;border-style:solid;border-color:#9B9B8F;}


ul.cnsl {margin:0px 0px 0px 15px;}
ul.cnsl li{list-style:disc; padding:0px 0px 0px 5px;}



#container { width: 1024px; margin: 0 auto; position: relative; }
#headoffice {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:right;}

#header {margin:0px 0px 20px 0px;}
#header #logo {float:left;width:150px;height:39px;}
#header #logo {
	height: 41px;
}
#header #logo a {
	text-indent: -9999px;
	width: 150px;
	height: 39px;
	display: block;
	background: url(images/logo2.jpg) no-repeat left top;
}






#navigation3 { float:left; margin: 0px auto; position: relative;}
#navigation3 ul{ width:874px; height:39px; margin:0px; padding:0px; list-style:none;}
#navigation3 li{ float:left;margin: 0px 0px 0px 0px; }

#navigation3 li a#nv-change {display:block;width:149px;height:39px;text-indent:-9999px;background:url(images/nv307.jpg) no-repeat left top;outline:none;} 
#navigation3 li a#nv-change:hover,
#navigation3 li a#nv-change:active {background-position:left bottom;}


#navigation3 li a#nv-solution {display:block;width:145px;height:39px;text-indent:-9999px;background:url(images/nv308.jpg) no-repeat left top;outline:none;} 
#navigation3 li a#nv-solution:hover,#navigation3 li a#nv-solution:active {background-position:left bottom;} 


#navigation3 li a#nv-office {display:block;width:145px;height:39px;text-indent:-9999px;background:url(images/nv303.jpg) no-repeat left top;outline:none;} 
#navigation3 li a#nv-office:hover,#navigation3 li a#nv-office:active {background-position:left bottom;} 


#navigation3 li a#nv-recruit {display:block;width:145px;height:39px;text-indent:-9999px;background:url(images/nv304.jpg) no-repeat left top;outline:none;} 
#navigation3 li a#nv-recruit:hover,#navigation3 li a#nv-recruit:active {background-position:left bottom;} 


#navigation3 li a#nv-press {display:block;width:145px;height:39px;text-indent:-9999px;background:url(images/nv305.jpg) no-repeat left top;outline:none;} 
#navigation3 li a#nv-press:hover,#navigation3 li a#nv-press:active {background-position:left bottom;} 


#navigation3 li a#nv-contact {display:block;width:145px;height:39px;text-indent:-9999px;background:url(images/nv306.jpg) no-repeat left top;outline:none;} 
#navigation3 li a#nv-contact:hover,#navigation3 li a#nv-contact:active {background-position:left bottom;} 





#stage {width:1024px; height:450px; margin:10px 0px 0px 0px;}
#stage_re {width:1024px; height:600px; margin:20px 0px 40px 0px;}


#sub_navigation { float:left; margin: 0px 0px 20px 0px; position: relative;}
#sub_navigation ul{ width:900px; height:40px; margin:0px; padding:0px; list-style:none;}
#sub_navigation li{ float:left;margin: 0px 0px 0px 40px; }




.col_j {clear:both;width:1024px;margin: 0px 0px 40px 0px;}
.col_m {clear:both;width:1024px;margin: 10px 0px 30px 0px;}
.col_m_sub {clear:both;width:1024px;margin: 20px 0px 10px 0px;}


.column {width:480px;float:left;}
.column.first {float:left;}
.column.last {float:right;}

.column_wide {width:1024px;float:left;}

.column_narrow {width:300px;margin-right:40px;float:left;}
.column_narrow.column.first {float:left;}
.column_narrow.column.last {float:right;margin-right:0px;}



.col_w {float:left;width:700px;margin: 0px 0px 10px 0px;}
.col_t {float:right;width:250px;margin: 0px 0px 0px 0px;}

.column_wt {}
.column_wt_l {width:700px;float:left;margin:0px 0px 60px 0px;}
.column_wt_r {width:240px;float:right;background:whitesmoke;padding:15px;margin:0px 0px 10px 0px;border:1px solid #eaeaea;}


.col_s {clear:both;width:1024px;margin: 0px 0px 0px 0px;}
.col_s_menu {float:left;width:200px;margin: 10px 0px 0px 0px;}
.col_s_main {float:right;width:800px;margin: 0px 0px 0px 0px;padding:10px 10px 10px 10px;}
.col_s_menu p {margin: 0px 0px 10px 0px;}


.m_sub_title {color:#696969;font-size:18px;}

.pall3 {float:left; width:230px; margin:0px 50px 50px 0px;}
.pall3_last {float:right; width:230px; margin:0px 0px 50px 0px;}
.img_pall3 {margin:0px 0px 20px 0px;}

.pall2_lt {float:left; width:350px;margin: 0px 0px 50px 0px;}
.pall2_rw {float:right; width:430px;margin: 0px 0px 50px 0px;}
.pall2_lw {float:left; width:430px;margin: 0px 0px 50px 0px;}
.pall2_rt {float:right; width:350px;margin: 0px 0px 50px 0px;}
.img_pall2 {margin:0px 0px 0px 0px;}

.pall2_lf {float:left; width:380px;margin: 0px 0px 40px 0px;}
.pall2_rf {float:right; width:380px;margin: 0px 0px 40px 0px;}

.col_s_main p {line-height:170%;}

.inv_chg {background:whitesmoke; padding:20px;}


#future_in {width:1024px;height:500px;background:url(images/inv_toptitle1.jpg) no-repeat top left;}
#future_in h1 { position:absolute; top:120px;left:50px; width:500px; height:80px;}
#future_in h1 img { position:static; }
#future_in p.intro { position:absolute; top:200px;left:50px;  font-size:18px; line-height:1.3; color:#000; width:500px;}
#future_in p.whats { position:absolute; top:340px;left:50px; color:#000; width:420px; height:100px; padding:20px; background:url(images/inv_intro_bg1.png) no-repeat top left;}

h1 {font-size: 16px;font-weight:bold;}
h2, h3 {font-size:16px;font-weight:bold;margin:0px 0px 8px 0px;}

h2.medt {font-size:18px;padding:6px;color:white;background:url(images/blue_c.jpg) no-repeat center left;}

h2.cns {margin:15px 0px 0px 0px;}
h3.cnm {font-size:14px;font-weight:bold;margin-top:20px;color:#333333;}

.tm10 {margin-top:10px;}
.tm15 {margin-top:15px;}
.tm20 {margin-top:20px;}


.p_img {margin:0px 10px 0px 0px;}

.main_bottomline {clear:both;}

#sitefooter {width:1024px;}
#sitefooter .f-breadcrumbs {width:1024px;font-size:10px;text-align:right;color:dimgray;margin: 0px 0px 10px 0px;}
#sitefooter .f-links {width:1024px;text-align:right;color:dimgray;}
#sitefooter .f-copy {width:1024px;text-align:center;padding:10px;color:dimgray;margin:0px 0px 30px 0px;font-size:9px;}



Table.corpifo	{ width:100%; border: 1px solid #c1c5c9; border-width: 1px 1px 0px 0px; padding: 0; }
Table.corpifo th { width:15%;font-size: 12px; text-align: center; background: whitesmoke;border: 1px solid #c1c5c9; border-width: 0 0 1px 1px; padding: 8px; font-weight:bold;}
Table.corpifo td { font-size: 12px; text-align: left; background : white; border: 1px solid #c1c5c9; border-width: 0 0 1px 1px; padding: 8px; }
Table.corpifo	td.capt { padding: 15px 10px 15px 20px;}


Table.media {width:100%;}
Table.media td {text-align: left;}








#nvfooter { width: 1024px; color: #888; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }

#nvfooter ol#breadcrumbs { font-size: 11px; color: #444; background: url(images/gf_bread_bg2.png) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 2px 2px 1px #fff; }
#nvfooter ol#breadcrumbs li { float: left; margin: 0; padding: 0 0 0 30px; background: url(images/gf_bread_sp.png) no-repeat; }
#nvfooter ol#breadcrumbs li a { float: left; color: #444; text-decoration: none; padding: 0 10px; margin-left: -10px; }
#nvfooter ol#breadcrumbs li a:hover { color: #333; text-decoration: none; }
#nvfooter ol#breadcrumbs li.home { background:none; margin: 0; padding: 0; }
#nvfooter ol#breadcrumbs li.home a { margin: 0; padding: 0 10px; }

#footernav { font-size: 11px; background: url(images/gf_nv_bg.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 100%; position: relative; margin-top: -4px; }
#footernav .column { width: 150px; padding: 20px 0 5px 10px; }
#footernav .column.first { padding-left:50px; }
#footernav .column.last { float: left !important; padding-right: 0; }
#footernav h3 { font-size:12px; color: #666; font-weight: bold; }
#footernav a { color: #888; text-decoration: none; display: block; zoom: 1; }
#footernav a:hover { color: #9ACD32 !important; text-decoration: none !important; }
#footernav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 1024px; background: url(images/gf_nv_btm2.png) no-repeat; }
#footernav ul { margin-bottom: 0; padding-bottom: 9px; }

