@charset "utf-8";

*{margin:0;padding:0;}
img,a{border:none;outline:none;text-decoration:none;}

body{
background-color:#ffffff;
text-align:center;
font-size:13px;
font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
overflow-y: scroll; /*サイドスクロールバーを常に表示させる*/
}

/*ヘッダー
-----------------------------------------------------------------------*/
#header-box{
background:url(image/header.gif) repeat-x;
width:100%;min-width:850px;height:155px;
}
#header{
width:850px;
margin:0 auto;
}
h1{
float:right;
background:url(image/rogo-01.png) no-repeat;
width:155px;height:60px;
background-size:100%;
overflow:hidden;
position:relative;
z-index:2;
top:5px;
}
h1 a{
width:155px;height:60px;
padding-top:60px;
display:block;
}
.rogo{
float:right;
width:217px;height:45px;
margin-top:5px;
}

/*トップナビ
-----------------------------------------------------------------------*/
.navi{
float:left;
width:100%;height:50px;
margin-top:-42px;
}
.navi li{
float:left;
list-style-type:none;
text-align:center;
overflow:hidden;
width:122px;height:50px;
margin-right:2px;
}
.navi a{
display:block;
width:122px;height:50px;
background:url(image/navi-01.png) no-repeat;
background-size: auto 50px;
padding-top:50px;
}
.navi a:hover{
background:url(image/navi-02.png) no-repeat;
background-size: auto 50px;
}
.navi a:active{
background:url(image/navi-03.png) no-repeat;
background-size: auto 50px;
}

.home a,.home a:hover,.home a:active{
background-position:0px 0px;
}
.profile a,.profile a:hover,.profile a:active{
background-position:-123px 0px;
}
.company a,.company a:hover,.company a:active{
background-position:-246px 0px;
}
.products a,.products a:hover,.products a:active{
background-position:-369px 0px;
}
.access a,.access a:hover,.access a:active{
background-position:-492px 0px;
}

/*コンテンツ
-----------------------------------------------------------------------*/
#contents{
clear:both;
width:850px;height:100%;margin:0 auto;text-align:left;
margin-top:-35px;
padding-bottom:50px;
}



/*フッター
-----------------------------------------------------------------------*/
#footer-box{
background:url(image/footer-02.gif) repeat-x #001c3e;
width:100%;min-width:850px;height:50px;
position:fixed;
left:0;
bottom:0;
z-index:8;
}
#footer{
width:850px;height:50px;
margin:0 auto;
}
#address{
float:left;
width:750px;height:50px;
padding-top:8px;
}
#address p{
text-align:left;
font-size:80%;
color:#ffffff;
line-height:1.6;
}
#page-top{
background:url(image/pagetop.png) no-repeat;
width:85px;height:50px;
background-size:100%;
overflow:hidden;
}
#page-top a{
display:block;
width:85px;height:40px;
padding-top:60px;
font-size:85%;
color:#ffffff;
}

/*サイドナビ
-----------------------------------------------------------------------*/
#side-navi{
float:left;
width:180px;height:100%;
}
#side-navi ul{
background:url(image/navi-shadow2020.png) no-repeat;
width:180px;height:393px;
padding:15px;
margin:-10px 0px 0px -10px;
}
#side-navi li{
width:180px;height:29px;
list-style-type:none;
text-align:center;
}
#side-navi a{
display:block;
line-height:2.0;
}
.side-navi-now1 a{
background-color:#003670;
font-size:100%;
color:#ffffff;
}
.side-navi-now2 a{
font-size:100%;
color:#003670;
font-weight:bold;
}

.side-navi-unvisited1 a{
background-color:#a9a9aa;
font-size:100%;
color:#ffffff;
}
.side-navi-unvisited1 a:hover{
background-color:#003670;
}

.side-navi-unvisited2 a{
font-size:100%;
color:#666666;
}
.side-navi-unvisited2 a:hover{
color:#003670;
font-weight:bold;
}

.side-navi-unvisited2,.side-navi-now2{
border-bottom:dotted 1px;
}
.noboder{
border-bottom:none;
}
.side-navi-unvisited1,.side-navi-now1{
margin-bottom:3px;
}

#side-navi span{
letter-spacing:0.1em;
margin-left:0.8em;
}