@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      common.css
 Update:         2008.06.17
 Style Info:     共通CSSファイル
----------------------------------------------------------- */

body {
 margin: 0;
 padding: 0;
 text-align: center;
 font-family:'ＭＳ Ｐゴシック','Lucida Grande', Geneva, Verdana, Helvetica, sans-serif,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,Osaka;
 color: #484848;
 font-size: 16px;
 line-height: 150%;
 background: url(../img/bg_bodytop.jpg) repeat-x left top;
}

html>/**/body {
 font-size: 16px;
}

#wrap {
 background: url(../img/bg_bodybottom.jpg) repeat-x left bottom;
}

#container {
 margin: 0 auto;
 padding: 0 6px;
 width: 875px;
 background: url(../img/bg_container.jpg) no-repeat left top;
 text-align: left;
}

div, dl, dt, dd {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, p, em, address {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
}
ul, li {
 margin: 0;
 padding: 0;
 list-style: none;
}
img {
 border: 0;
}

.center {
 text-align: center;
}

.top5 {
 margin-top: 5px;
}

.top10 {
 margin-top: 10px;
}

.top20 {
 margin-top: 20px;
}

.top40 {
 margin-top: 40px;
}

.bottom70 {
 margin-bottom: 70px;
}

.bottom120 {
 margin-bottom: 120px;
}

.left50 {
 padding-left: 50px;
}

/* -----------------------------------------------------------
    ヘッダー
----------------------------------------------------------- */
#header {
 padding: 0 15px;
 width: 845px;
 height: 75px;
 background: url(../img/bg_header.jpg) no-repeat left bottom;
}

h1 {
 float: left;
 margin-top: 10px;
 width: 425px;
 height: 30px;
 background: url(../img/logo.gif) no-repeat left top;
}

h1 a {
 display: block;
 width: 425px;
 height: 30px;
 text-indent: -9999px;
 overflow: hidden;
}

h2 {
 float: right;
 margin-top: 20px;
 width: 97px;
 height: 22px;
 background: url(../img/logo_maruho.gif) no-repeat left top;
}

h2 a {
 display: block;
 width: 97px;
 height: 22px;
 text-indent: -9999px;
 overflow: hidden;
}

/* -----------------------------------------------------------
    コンテンツ囲み
----------------------------------------------------------- */
#contents {
 width: 875px;
 background: url(../img/bg_contents.jpg) repeat-y left top;
}

#left {
 float: left;
 width: 250px;
}

#right {
 float: right;
 padding: 20px 15px 40px;
 width: 595px;
 background: url(../img/bg_right.jpg) no-repeat left top;
}

/* -----------------------------------------------------------
    左サイドバー
----------------------------------------------------------- */
#left ul {
 width: 250px;
 height: 270px;
}

#left li, #left li a {
 display: block;
 width: 250px;
 height: 30px;
 text-indent: -9999px;
 overflow: hidden;
}

/* -----------------------------------------------------------
    右コンテンツ
----------------------------------------------------------- */
.honbun {
 margin-top: 20px;
}

.honbun img {
 vertical-align: middle;
}

.bt-list {
 float: right;
 margin-top: 20px;
}

/* -----------------------------------------------------------
    フッター
----------------------------------------------------------- */
#footer {
 clear: both;
 padding-top: 20px;
 width: 875px;
 height: 50px;
 font-size: 12px;
 background: url(../img/bg_footer.gif) no-repeat left top;
}

.copyright {
 float: left;
}

.footernavi {
 float: right;
}

/* -----------------------------------------------------------
    メニューリンク設定
----------------------------------------------------------- */
.menu01 a, .menu01 a:link {
 background: url(../img/menu.gif) no-repeat 0 0;
}
.menu01 a:visited {
 background: url(../img/menu.gif) no-repeat -500px 0;
}
.menu01 a:hover, .menu01 a:active {
 background: url(../img/menu.gif) no-repeat -250px 0;
}

.menu02 a, .menu02 a:link {
 background: url(../img/menu.gif) no-repeat 0 -30px;
}
.menu02 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -30px;
}
.menu02 a:hover, .menu02 a:active {
 background: url(../img/menu.gif) no-repeat -250px -30px;
}

.menu03 a, .menu03 a:link {
 background: url(../img/menu.gif) no-repeat 0 -60px;
}
.menu03 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -60px;
}
.menu03 a:hover, .menu03 a:active {
 background: url(../img/menu.gif) no-repeat -250px -60px;
}

.menu04 a, .menu04 a:link {
 background: url(../img/menu.gif) no-repeat 0 -90px;
}
.menu04 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -90px;
}
.menu04 a:hover, .menu04 a:active {
 background: url(../img/menu.gif) no-repeat -250px -90px;
}

.menu05 a, .menu05 a:link {
 background: url(../img/menu.gif) no-repeat 0 -120px;
}
.menu05 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -120px;
}
.menu05 a:hover, .menu05 a:active {
 background: url(../img/menu.gif) no-repeat -250px -120px;
}

.menu06 a, .menu06 a:link {
 background: url(../img/menu.gif) no-repeat 0 -150px;
}
.menu06 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -150px;
}
.menu06 a:hover, .menu06 a:active {
 background: url(../img/menu.gif) no-repeat -250px -150px;
}

.menu07 a, .menu07 a:link {
 background: url(../img/menu.gif) no-repeat 0 -180px;
}
.menu07 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -180px;
}
.menu07 a:hover, .menu07 a:active {
 background: url(../img/menu.gif) no-repeat -250px -180px;
}

.menu08 a, .menu08 a:link {
 background: url(../img/menu.gif) no-repeat 0 -210px;
}
.menu08 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -210px;
}
.menu08 a:hover, .menu08 a:active {
 background: url(../img/menu.gif) no-repeat -250px -210px;
}

.menu09 a, .menu09 a:link {
 background: url(../img/menu.gif) no-repeat 0 -240px;
}
.menu09 a:visited {
 background: url(../img/menu.gif) no-repeat -500px -240px;
}
.menu09 a:hover, .menu09 a:active {
 background: url(../img/menu.gif) no-repeat -250px -240px;
}

/* -----------------------------------------------------------
    リンク設定
----------------------------------------------------------- */
a, a:link, a:visited {
 color: #484848;
 text-decoration: none;
}

a:hover, a:active {
 color: #008D7E;
 text-decoration: underline;
}


/* -----------------------------------------------------------
    カラー設定
----------------------------------------------------------- */
.red {
 color: #FF0000;
}

/* -----------------------------------------------------------
    囲みバグ
----------------------------------------------------------- */
.bug:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.bug { display:inline-table; }

/* Mac IE には適用させない \*/
* html .bug { height:1px; }
.bug { display:block; }
/* */