@charset "UTF-8";
body{
font-family:Arial,Helvetica,sans-serif;font-family:'‚l‚r ‚oƒSƒVƒbƒN','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Lucida Grande',sans-serif;
font-size:75%;
color:#555;
background-color:#FFF;
margin:0px;
padding:0px;
height:100%;}

h1,h2,h3{
margin:0px;
padding:0px;
font-size:100%;}

p{
line-height:120%;
margin:0px 0px 20px 0px;
padding:0px;}

ul,ol,li{
margin:0px;
padding:0px;
list-style-position:outside;}

ul{
list-style-type:circle;}

img{
border:0px;}

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

a{color:#1083F7;text-decoration:none;outline:0;}
a:hover{text-decoration:underline;}
a:link,a:active,a:visited{color:#1083F7;}

.cleardiv{
clear:both;
height:1px;
font-size:0;
line-height:0;}

.size100{font-size:100%;}
.smaller{font-size:85%;}
.verysmall{font-size:76.01%;}

.notice{
color:#F00;}

.notice-02{
color:#008080;}

.dotl{
 background-image:url(../images/dot.gif);}

/*layout.css*/
body{
height:100%;}

#body{
width:800px;
margin:0px auto;
height:100%;}

#main{
margin-left:13px;
margin-right:13px;}

#main .colLeft{
width:470px;
float:left;
margin-left:20px;}

#main .colRight{
width:250px;
float:right;}

#main .colMidRight{
width:600px;
float:right;}

#main .colMidLeft{
width:150px;
float:left;
margin-left:20px;}

/*common.css*/
body{
background-image:url(../images/body_back_color.gif);
height:100%;}

#wrapper{
background-image:url(../images/frm_back.gif);
background-repeat:repeat-y;}

#header{
background-image:url(../images/frm_back.gif);
background-repeat:no-repeat;
padding:25px 0px 0px 0px;
margin-bottom:10px;	
font-size:12px;}

*+html #header{z-index:999;}/*IE7*/

#header .info .logo{
background-image:url(../images/iv.png);
background-repeat:no-repeat;
margin-left:30px;
width:180px;
height:90px;
float:left;
clear:left;}

#header .info h2.logo a{
display:block;
width:180px;
height:58px;
text-indent:-9999px;}

*+html #header .info .navi{
margin-bottom:10px;}/*IE7*/

#header .info .navi ul{
list-style-type:none;
float:right;
padding-right:20px;}

#header .info .navi ul li{
float:left;}

#header .info .navi ul li a{
display:block;
height:15px;
text-indent:-9999px;}

#header .info p{
float:right;
clear:right;
margin:3px 30px 0px 0px;
width:300px;
text-align:right;}

#header .info .ts_s img,
#header .info .ts_m img,
#header .info .ts_l img{
margin-bottom:-3px;}

#menu{
width:733px;
margin-left:32px;}

#menu ul{
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
background-position:center;
height:35px;
list-style-type:none;}

#menu ul li{
float:left;
height:35px;
text-indent:-9999px;}

#menu #home{width:122px;}
#menu #aboutus{width:122px;}
#menu #service{width:122px;}
#menu #recruiting{width:122px;}
#menu #contact{width:122px;}
#menu #sitemap{width:122px;}

#menu ul li a{
display:block;
height:34px;
text-indent:-9999px;
outline-style:none;}

#menu #home a{width:122px;}
#menu #aboutus a{width:122px;}
#menu #service a{width:122px;}
#menu #recruiting a{width:122px;}
#menu #contact a{width:122px;}
#menu #sitemap a{width:122px;}
			
#menu ul li a:hover{
background-image:url(../images/menu-on.gif);
background-repeat:no-repeat;
background-position:center;}

#menu #home a:hover{background-position:0px;}
#menu #aboutus a:hover{background-position:-122px;}
#menu #service a:hover{background-position:-244px;}
#menu #recruiting a:hover{background-position:-366px;}
#menu #contact a:hover{background-position:-488px;}
#menu #sitemap a:hover{background-position:-610px;}

#act{
background-image:url(../images/menu-on.gif);}

.aboutus #act{width:122px;background-position:-122px;}
.service #act{width:122px;background-position:-244px;}
.recruiting #act{width:122px;background-position:-366px;}
.contact #act{width:122px;background-position:-488px;}
.sitemap #act{width:122px;background-position:-610px;}

#menu .span{
font-size:12px;}

#footer{
height:50px;
background-image:url(../images/frm_back.gif);
background-repeat:no-repeat;
padding:25px 0px 0px 0px;
margin-bottom:10px;	
font-size:12px;}

#footer ul.navi{
background-image:url(../images/footer_back.gif);
background-repeat:no-repeat;
list-style-type:none;
padding-left:200px;
height:21px;}

#footer ul.navi li{
display:inline;
float:left;
padding:0px 3px;
margin-top:5px;
border-right:1px solid #888;
height:15px;}

#footer ul.navi li.home{background:url(../images/footer_navi_home.gif) no-repeat;}
#footer ul.navi li.aboutus{background:url(../images/footer_navi_aboutus.gif) no-repeat;}
#footer ul.navi li.service{background:url(../images/footer_navi_service.gif) no-repeat;}
#footer ul.navi li.recruiting{background:url(../images/footer_navi_recruiting.gif) no-repeat;}
#footer ul.navi li.contact{background:url(../images/footer_navi_contact.gif) no-repeat;}
#footer ul.navi li.sitemap{background:url(../images/footer_navi_sitemap.gif) no-repeat;border-right:none;}
#footer ul.navi li a{
color:#777;
text-indent:-9999px;
display:block;
height:15px;}

#footer ul.navi li.home a{width:45px;}
#footer ul.navi li.aboutus a{width:62px;}
#footer ul.navi li.service a{width:75px;}
#footer ul.navi li.recruiting a{width:61px;}
#footer ul.navi li.contact a{width:62px;}
#footer ul.navi li.sitemap a{width:83px;}
			
#footer p.company{
margin-top:5px;
text-align:center;
height:16px;
color:#777;}

#footer p.company a{
color:#777;}

table.tableList tr{
background-image:url(../images/line_gray_w10xh1.gif);
background-repeat:repeat-x;
background-position:bottom;}