@charset "UTF-8";
body{
font-family:Arial,Helvetica,sans-serif;
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande',sans-serif;
font-size:75%;
color:#555;
background-color:#FFF;
margin:0px;
padding:0px;
height:100%;}

h1,h2,h3,h4,h5,h6{
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;}

hr{
color:#666;
height:1px;}

hr.clear{
clear:both;
color:#666;
height:1px;}

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%;}

.errMsg{
color:#F00;
font-size:10px;}

.notice{
color:#F00;}

.notice-02{
color:#008080;}

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

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

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

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

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

/*common.css*/
body{
background-color:#f3f3f3;
height:100%;}

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

/*ヘッダー*/
#header{
background-image:url(../images/back_body_frm_top.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/logo.gif);
background-repeat:no-repeat;
margin-left:20px;
width:290px;
height:54px;
float:left;
clear:left;}

#header .info h1.logo a{
display:block;
width:290px;
height:35px;
text-indent:-9999px;}

#header .info h2{
float:right;
clear:right;
position:relative;
top:-15px;
margin-right:25px;
color:#777;}

#header .info .navi{
float:right;
height:16px;
background-image:url(../images/header_navi.gif);
background-repeat:no-repeat;
background-position:right;
width:800px;}

*+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.home{width:50px;}
#header .info .navi ul li.sitemap{width:80px;}
#header .info .navi ul li.privacy{width:125px;}
#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:760px;
margin-left:20px;}

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

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

#menu #home{width:130px;}
#menu #announce{width:126px;}
#menu #service{width:126px;}
#menu #disclosure{width:126px;}
#menu #staff{width:126px;}
#menu #access{width:126px;}

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

#menu #home a{width:130px;}
#menu #announce a{width:126px;}
#menu #service a{width:126px;}
#menu #disclosure a{width:126px;}
#menu #staff a{width:126px;}
#menu #access a{width:126px;}
			
#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 #announce a:hover{background-position:-130px;}
#menu #service a:hover{background-position:-256px;}
#menu #disclosure a:hover{background-position:-382px;}
#menu #staff a:hover{background-position:-508px;}
#menu #access a:hover{background-position:-634px;}

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

.announce #act{width:126px;background-position:-130px;}
.service #act{width:126px;background-position:-256px;}
.disclosure #act{width:126px;background-position:-382px;}
.staff #act{width:126px;background-position:-508px;}
.access #act{width:126px;background-position:-634px;}

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

/*フッター*/
#footer{
height:55px;
background-image:url(../images/back_body_frm_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
font-size:12px;}

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

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

#footer ul.navi li.home{background:url(../images/footer_navi_home.gif) no-repeat;}
#footer ul.navi li.sitemap{background:url(../images/footer_navi_sitemap.gif) no-repeat;}
#footer ul.navi li.privacy{background:url(../images/footer_navi_privacy.gif) no-repeat;}
#footer ul.navi li.recruit{background:url(../images/footer_navi_recruit.gif) no-repeat;}
#footer ul.navi li.links{background:url(../images/footer_navi_link.gif) no-repeat;border-right:none;}
#footer ul.navi li a{
color:#777;
text-indent:-9999px;
display:block;
height:12px;}

#footer ul.navi li.home a{width:40px;}
#footer ul.navi li.sitemap a{width:62px;}
#footer ul.navi li.privacy a{width:106px;}
#footer ul.navi li.recruit a{width:50px;}
#footer ul.navi li.links a{width:44px;}
			
#footer p.copyright{
margin-top:5px;
text-align:center;
height:16px;
color:#777;}

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

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