@charset "shift_jis";
/* CSS Document */
/* ■ベース
-------------------------------------------------------------*/
body {
padding:0;
margin:0;
} 
a {
color:#3333FF;
outline:none;
}
a:hover {
color:#FF6600;
outline:none;
}
img {
border:none;
}
/**/

.wrapper {
width:777px;
margin:0 auto;
padding:0;
background:#FFFFFF;
overflow: hidden;
}

.wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .wrapper {
    height: 1em;
    overflow: visible;
}
/**/


/* ■ヘッダー
-------------------------------------------------------------*/
.header {
width:777px;
margin:5px 0 0 0;
padding:10px 0 10px 0;
border-bottom:#0033CC solid 4px;
}
.logo {
width:200px;
height:42px;
background:url(../img/pub/logo.gif) no-repeat left center;
margin:0;
padding:0;
}
.logo h1 {
width:200px;
height:42px;
font-size:16px;
text-indent:-9999em;
margin:0;
padding:0;
display:block;
}
.logo h1 a{
width:200px;
height:42px;
font-size:16px;
text-indent:-9999em;
margin:0;
padding:0;
display:block;
text-decoration:none;
}
/* ヘッダーパーツ
-------------------------------------------------------------*/
.headerparts {
position:absolute;
top:5px;
width:567px;
margin:10px 0 0 210px;
padding:0 0 0 0;
    overflow: hidden;
}

.headerparts:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .headerparts {
    height: 1em;
    overflow: visible;
}
/**/
div.code a {
float:left;
width:123px;
height:40px;
margin:0;
padding:0;
background:url(../img/pub/code.gif) no-repeat left center;
text-decoration:none;
display:block;
}
div.code p {
margin:0;
padding:0;
font-size:12px;
color:#333333;
text-indent:-9999px;
}
div.subnavi {
float:right;
width:auto;
margin:2px 0 0 0;
padding:0;
}
ul.subnavi {
margin:8px 0 0 0;
padding:0;
list-style:none;
text-align:right;
font-size:12px;
}
.subnavi li {
margin:0;
padding:0;
display:inline;
padding-left:5px;
text-transform: uppercase;
vertical-align:top;
}
.subnavi li a{
color:#0000FF;
text-decoration:none;
}
.subnavi li a:hover{
color:#FF6600;
text-decoration:underline;
}

.textnavi {
width:inherit;
margin:0;
padding:0;
font-size:small;
text-align:right;
}
.textnavi p {
padding:0;
margin:0;
text-align:right;
font-size:12px;
color:#666666;
}
.textnavi img {
border:none;
vertical-align:bottom;
}

/* ■コンテンツベース
-------------------------------------------------------------*/
.container {
clear:both;
position:relative;
width:777px;
margin:0;
padding:0;
    overflow: hidden;
}

.container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container {
    height: 1em;
    overflow: visible;
}
/**/


/* ■コンテンツ 
-------------------------------------------------------------*/
.contents {
float:right;
width:570px;
margin:0;
padding:0 0 0 10px;
border-left:#cccccc solid 2px;
    overflow: hidden;
}
.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
/* メインのレイアウト
-------------------------------------------------------------*/
.standard-box {
clear:both;
position:relative;
width:555px;
margin:0 5px;
padding:0;
    overflow: hidden;
}
.standard-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .standard-box {
    height: 1em;
    overflow: visible;
}
/**/
.leftbox {
float:left;
width:270px;
margin:0;
}
.rightbox {
float:right;
width:270px;
margin:0;
}
/* メインのレイアウト(３列)
-------------------------------------------------------------*/
.left3box {
float:left;
width:180px;
margin:0 2px 0 0;
padding:0;
}

.center3box {
float:left;
width:180px;
margin:0 2px 0 0;
padding:0;
}

.right3box {
float:left;
width:180px;
margin:0;
padding:0;
}


/* メイン
-------------------------------------------------------------*/
.main {
clear:both;
margin:190px 0 0 0;
padding:0;
}
.main-container {
clear:both;
position:relative;
margin:0;
padding:0;
}
/* メインのタイトル
-------------------------------------------------------------*/
.main h2 {
position:absolute;
top:77px;
left:190px;
font-size:1.0em;
color:#333333;
font-weight:bold;
margin:0 0 0 35px;
padding:0;
line-height:145%;
letter-spacing:1px;
z-index:2;
}
.main h2 a {
color:#333333;
text-decoration:none;
}
.main-container h3 {
clear:both;
margin:25px 0 20px 0;
padding:10px 5px 10px 10px;
color:#333333;
font-size:1.2em;
font-weight:bold;
background:#FFFFCC;
border-top:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:#CCCCCC double 4px;
}
.main-container h3 a {
color:#333333;
text-decoration:none;
}
.main-container h4 {
clear:both;
margin:25px 0 20px 0;
padding:10px 5px 10px 10px;
color:#333333;
font-size:1.0em;
font-weight:bold;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
background:url(../img/pub/title570.gif) no-repeat left center;
}
.main-container h4 a {
color:#333333;
text-decoration:none;
}
.main-container h5 {
clear:both;
margin:25px 0 20px 0;
padding:2px 7px;
color:#333333;
font-size:1.0em;
border-left:#336699 solid 5px;
border-bottom:#336699 solid 1px;
}
.main-container h5 a {
color:#333333;
text-decoration:none;
}
.main-container h6 {
clear:both;
margin:15px 0 10px 0;
padding:2px 7px;
color:#333333;
font-size:0.85em;
border-bottom:#CCCCCC solid 1px;
}
.main-container h6 a {
color:#333333;
text-decoration:none;
}
.main-container p {
margin:10px 5px 20px 5px;
color:#333333;
font-size:0.85em;
line-height:160%;
}
.main-container ol {
font-size:0.85em;
color:#333333;
line-height:150%;
}
.main-container ul {
margin:5px 0;
padding:0 20px;
color:#333333;
font-size:0.85em;
line-height:150%;
list-style:outside square;
}

/* カバー
-------------------------------------------------------------*/
.cover {
position:absolute;
top:32px;
width:570px;
margin:0;
padding:0;
z-index:1;
}
.cover img {
float:left;
margin:0;
padding:0;
}

/* パンくず
-------------------------------------------------------------*/
.pankuzu {
position:absolute;
top:160px;
width:570px;
margin:0;
padding:0;
font-size:12px;
color:#666666;
}
.pankuzu p a{
color:#0000FF;
text-decoration:none;
}
.pankuzu p a:hover{
color:#FF6600;
text-decoration:underline;
}

/* ■サイド 
-------------------------------------------------------------*/
.side {
float:left;
width:186px;
margin:0;
padding:0;
}

/* メニュー１ 
-------------------------------------------------------------*/
.menu1 {
background:url(../img/pub/menu1back.jpg) no-repeat left top;
width:186px;
margin:0;
padding:0;
}
.menu1 h5 {
background:url(../img/pub/menu1title.gif) no-repeat left top;
font-size:16px;
color:#333333;
line-height:200%;
text-indent:-9999em;
width:186px;
height:38px;
margin:0;
padding:0;
}
.ib1 {
background:url(../img/pub/01off.jpg) no-repeat center left;
width:180px;
height:60px;
padding:0;
margin:0 auto ;
text-indent:-9999em;
font-size:14px;
line-height:100%;
color:#333333;
}

.ib1 a {
background:url(../img/pub/01off.jpg) no-repeat center left;
text-decoration:none;
display:block;
width:180px;
height:60px;
padding:0;
margin:0 auto;
}
.ib1 a:hover {
background:url(../img/pub/01on.jpg) no-repeat center left;
text-decoration:none;
display:block;
width:180px;
height:60px;
padding:0;
margin:0 auto;
}
.ib2 {
background:url(../img/pub/02off.jpg) no-repeat center left;
width:180px;
height:60px;
padding:0;
margin:0 auto;
text-indent:-9999em;
font-size:14px;
line-height:100%;
color:#333333;
}

.ib2 a {
background:url(../img/pub/02off.jpg) no-repeat center left;
text-decoration:none;
display:block;
width:180px;
height:60px;
padding:0;
margin:0 auto;
}
.ib2 a:hover {
width:180px;
height:60px;
padding:0;
margin:0 auto;
background:url(../img/pub/02on.jpg) no-repeat center left;
text-decoration:none;
display:block;
}
.ib3 {
background:url(../img/pub/03off.gif) no-repeat center left;
width:180px;
height:60px;
padding:0;
margin:0 auto;
text-indent:-9999em;
font-size:14px;
line-height:100%;
color:#333333;
}

.ib3 a {
background:url(../img/pub/03off.gif) no-repeat center left;
text-decoration:none;
display:block;
width:180px;
height:60px;
padding:0;
margin:0 auto;
}
.ib3 a:visited {
background:url(../img/pub/03off.gif) no-repeat center left;
text-decoration:none;
display:block;
width:180px;
height:60px;
padding:0;
margin:0 auto;
text-align:center;
}
.ib3 a:hover {
background:url(../img/pub/03on.gif) no-repeat center left;
text-decoration:none;
display:block;
width:180px;
height:60px;
padding:0;
margin:0 auto;
}
.ib4 {
background:url(../img/pub/04off.gif) no-repeat top left;
width:180px;
height:25px;
padding:0;
margin:0 auto;
text-indent:-9999em;
font-size:14px;
line-height:100%;
color:#333333;
}
.ib4 a {
background:url(../img/pub/04off.gif) no-repeat top left;
text-decoration:none;
display:block;
width:180px;
height:25px;
padding:0;
margin:0 auto;
}
.ib4 a:hover {
background:url(../img/pub/04on.gif) no-repeat top left;
text-decoration:none;
display:block;
width:180px;
height:25px;
padding:0;
margin:0 auto;
}
.btn-denshikiroku-box {
width:186px;
margin:2px 0;
padding:6px 0;
background:#CCCCCC;
}
.btn-denshikiroku {
width:176px;
height:57px;
padding:0;
margin:0 auto ;
background:url(../img/pub/btn-denshikiroku.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.btn-denshikiroku a {
width:176px;
height:57px;
padding:0;
margin:0 auto ;
background:url(../img/pub/btn-denshikiroku.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.btn-denshikiroku a:hover {
background:url(../img/pub/btn-denshikiroku.jpg) no-repeat 0 -57px;
}





/* メニュー２ 
-------------------------------------------------------------*/
.menu2 {
width:186px;
margin:0;
padding:0;
}
.menu2 h5 {
background:#e9e9e9 left top;
font-size:8px;
color:#333333;
line-height:100%;
text-indent:-9999em;
width:186px;
height:8px;
margin:0 0 5px 0;
padding:0;
}
.menu2 ul {
width:186px;
margin:0;
padding:0;
list-style:none;
}
.menu2 li{
width:186px;
height:27px;
margin:2px 0;
padding:0;
text-align:center;
}
.menu2 li a {
background:url(../img/pub/menu2backjpg.jpg) no-repeat 0 0;
text-decoration:none;
width:186px;
height:27px;
margin:0;
padding:0;
display:block;
}
.menu2 li a:hover{
background:url(../img/pub/menu2backjpg.jpg) no-repeat -188px 0;
text-decoration:none;
width:186px;
height:27px;
display:block;
}
.menu2list {
text-align:center;
font-size:0.85em;
font-weight:900;
color:#CC3333;
padding:5px 0;
margin:0;
line-height:200%;
}
.kikagaku {
width:186px;
height:27px;
margin:0;
padding:0;
}
.kikagaku ul {
width:186px;
margin:0;
padding:0;
list-style:none;
}
.kikagaku li {
width:186px;
height:21px;
margin:0;
padding:0;
text-align:center;
background:url(../img/pub/kikagakuback.gif) no-repeat 0 0;
line-height:140%;
}
.kikagaku li a {
width:186px;
height:21px;
margin:0;
padding:0;
font-size:12px;
color:#FF3300;
background:url(../img/pub/kikagakuback.gif) no-repeat 0 0;
text-decoration:none;
display:block;
}
.kikagaku li a:hover {
width:186px;
height:21px;
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
background:url(../img/pub/kikagakuback.gif) no-repeat -186px 0;
text-decoration:none;
}

/* メニュー２法人
-------------------------------------------------------------*/
.menu2housin {
width:186px;
margin:0;
padding:0;
}
.menu2housin h5 {
background:#e9e9e9 left top;
font-size:8px;
color:#333333;
line-height:100%;
text-indent:-9999em;
width:186px;
height:8px;
margin:0 0 5px 0;
padding:0;
}
.menu2housin ul {
width:186px;
margin:0;
padding:0;
list-style:none;
}
.menu2housin li{
width:186px;
height:27px;
margin:2px 0;
padding:0;
text-align:center;
}
.menu2housin li a {
background:url(../img/pub/menu2backjpg.jpg) no-repeat 0 0;
text-decoration:none;
width:186px;
height:27px;
display:block;
}
.menu2housin a:hover{
background:url(../img/pub/menu2backjpg.jpg) no-repeat -188px 0;
text-decoration:none;
width:186px;
height:27px;
display:block;
}
.menu2housinlist {
text-align:center;
font-size:14px;
font-weight:900;
color:#669900;
padding:5px 0;
margin:0;
line-height:200%;
}

/* メニュー3
-------------------------------------------------------------*/
.menu3 {
width:186px;
margin:0;
padding:0;
}
.menu3 h5 {
background:#e9e9e9 left top;
font-size:8px;
color:#333333;
line-height:100%;
text-indent:-9999em;
width:186px;
height:8px;
margin:5px 0;
padding:0;
}
.menu3 ul {
width:186px;
margin:0;
padding:0;
list-style:none;
}
.menu3 li{
width:186px;
height:27px;
margin:2px 0;
padding:0;
text-align:center;
}

.menu3 li a {
background:url(../img/pub/menu3backjpg.jpg) no-repeat 0 0;
text-decoration:none;
width:186px;
height:27px;
display:block;
}
.menu3 a:hover{
background:url(../img/pub/menu3backjpg.jpg) no-repeat -188px 0;
text-decoration:none;
width:186px;
height:27px;
display:block;
}
.menu3list {
font-size:14px;
font-weight:900;
color:#FFFFFF;
padding:5px 0;
margin:0;
line-height:170%;
}
/* メニュー4
-------------------------------------------------------------*/
.menu4 {
width:176px;
margin:0;
padding:0;
}
.menu4 h5 {
background:#e9e9e9 left top;
font-size:8px;
color:#333333;
line-height:100%;
text-indent:-9999em;
width:186px;
height:8px;
margin:5px 0;
padding:0;
}
.menu4 ul {
width:176px;
margin:0;
padding:0;
list-style:none;
}
.menu4 li{
width:176px;
margin:2px 0 0 10px;
padding:0;
}
.menu4 li a {
text-decoration:none;
width:176px;
display:block;
font-size:14px;
font-weight:900;
color:#0000FF;
}
.menu4 a:hover{
text-decoration:underline;
width:176px;
display:block;
font-size:14px;
font-weight:900;
color:#FF6600;
}
/* フッタ
-------------------------------------------------------------*/
.footer {
clear:both;
position:relative;
margin:40px 0;
padding:5px 0;
text-align:center;
background:#0033CC;
font-size:12px;
color:#FFFFFF;
}


/* ナビゲーション 
-------------------------------------------------------------*/
/* ナビゲーション 
-------------------------------------------------------------*/
/* ナビゲーション 
-------------------------------------------------------------*/
.navi {
position:absolute;
top:0;
width:570px;
height:28px;
margin:0;
padding:0;
background:#666666;
}
.navi ul {
clear:both;
position:relative;
width:570px;
height:28px;
margin:0;
padding:0;
list-style:none;
text-indent:-9999em;
}
.navi li.kojin{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat 0 -2px;
text-decoration:none;
display:block;
}
.navi li.kojin a{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat 0 -2px;
text-decoration:none;
display:block;
}
.navi li.kojin a:hover {
float:left;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat 0 -32px;
text-decoration:none;
display:block;
}
.navi li.houjin{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -190px -2px;
text-decoration:none;
font-size:14px;
line-height:100%;
display:block;
}
.navi li.houjin a{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -190px -2px;
text-decoration:none;
display:block;
}
.navi li.houjin a:hover {
float:left;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -190px -62px;
text-decoration:none;
display:block;
}
.navi li.kigyou{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -380px -2px;
text-decoration:none;
}
.navi li.kigyou a{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -380px -2px;
text-decoration:none;
}
.navi li.kigyou a:hover {
float:left;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -380px -32px;
text-decoration:none;
display:block;
}
/* ナビゲーション法人ページ用
-------------------------------------------------------------*/
.navi2 {
position:absolute;
top:0;
width:570px;
height:28px;
margin:0;
padding:0;
background:#666666;
}
.navi2 ul {
clear:both;
position:relative;
width:570px;
height:28px;
margin:0;
padding:0;
list-style:none;
text-indent:-9999em;
}
.navi2 li.kojin{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat 0 -2px;
text-decoration:none;
display:block;
}
.navi2 li.kojin a{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat 0 -2px;
text-decoration:none;
display:block;
}
.navi2 li.kojin a:hover {
float:left;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat 0 -32px;
text-decoration:none;
display:block;
}
.navi2 li.houjin{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -190px -62px;
text-decoration:none;
font-size:14px;
line-height:100%;
display:block;
}
.navi2 li.houjin a{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -190px -62px;
text-decoration:none;
display:block;
}
.navi2 li.houjin a:hover {
float:left;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -190px -62px;
text-decoration:none;
display:block;
}
.navi2 li.kigyou{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -380px -2px;
text-decoration:none;
}
.navi2 li.kigyou a{
float:left;
width:190px;
height:28px;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -380px -2px;
text-decoration:none;
}
.navi2 li.kigyou a:hover {
float:left;
margin:0;
padding:0;
background:url(../img/pub/navi.gif) no-repeat -380px -32px;
text-decoration:none;
display:block;
}