@charset "UTF-8";
body {
 margin-top:0;
 font-size:90%;
 color:#663300;
 font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
 text-align:center;
 background:url(../image/main/h2.jpg);
}

#wrap {
 width:906px;
 margin:0 auto 0;
 background:url(../image/main/h.jpg);
}

#header {
 height:113px;
 width:906px;
 text-align:left;
 background:url(../image/main/h_image.png);
}

#inner {
 height:850px;
}

#inner_long {
 height:100%;
}

#mainWrap {
 width:692px;
 text-align:center;
 float:right;
}

#subWrap {
 margin:0 auto;
 float:left;
}

#sideWrap { 
 width:214px;
 float:left;
}

#footer {
 height:50px;
}

.clear { clear:both; }
.clear hr { display:none; }

/*-----カラーメインナビ-----*/
.cnavi {
 margin:0;
 padding:0;
}

.cnavi li {
 list-style:none;
 width:228px;
 line-height:176px;
 float:left;
}
.cnavi li a{
 display:block;
 background:url(../image/c_konte/s/ckonte_2.jpg) no-repeat;
}
.cnavi li.navi1 a { background-position: 0 0; }
.cnavi li.navi2 a { background-position: -228px 0; }
.cnavi li.navi3 a { background-position: -456px 0; }
.cnavi li.navi4 a { background-position: 0 -176px; }
.cnavi li.navi5 a { background-position: -228px -176px; }
.cnavi li.navi6 a { background-position: -456px -176px; }
.cnavi li.navi7 a { background-position: 0 -352px; }
.cnavi li.navi8 a { background-position: -228px -352px; }
.cnavi li.navi9 a { background-position: -456px -352px; }

.cnavi li a:hover {
 background-color:transparent;
}
.cnavi li a:hover img {
 visibility:hidden;
}

/*-----カラーサブナビ-----*/
.csubnavi {
 width:675px;
 height:98px;
 margin:0 auto;
 padding:0;
}

.csubnavi li {
 list-style:none;
 width:75px;
 line-height:98px;
 float:left;
}
.csubnavi li a{
 display:block;
 background:url(../image/c_konte/ss/subckonte_2.jpg) no-repeat;
}
.csubnavi li.navi1 a { background-position: 0 0; }
.csubnavi li.navi2 a { background-position: -75px 0; }
.csubnavi li.navi3 a { background-position: -150px 0; }
.csubnavi li.navi4 a { background-position: -225px 0; }
.csubnavi li.navi5 a { background-position: -300px 0; }
.csubnavi li.navi6 a { background-position: -375px 0; }
.csubnavi li.navi7 a { background-position: -450px 0; }
.csubnavi li.navi8 a { background-position: -525px 0; }
.csubnavi li.navi9 a { background-position: -600px 0; }

.csubnavi li a:hover {
 background-color:transparent;
}
.csubnavi li a:hover img {
 visibility:hidden;
}

/*-----モノクロメインナビ-----*/
.mnavi {
 margin:0;
 padding:0;
}

.mnavi li {
 list-style:none;
 width:228px;
 line-height:176px;
 float:left;
}
.mnavi li a{
 display:block;
 background:url(../image/m_konte/s/mkonte_2.jpg) no-repeat;
}
.mnavi li.navi1 a { background-position: 0 0; }
.mnavi li.navi2 a { background-position: -228px 0; }
.mnavi li.navi3 a { background-position: -456px 0; }
.mnavi li.navi4 a { background-position: 0 -176px; }
.mnavi li.navi5 a { background-position: -228px -176px; }
.mnavi li.navi6 a { background-position: -456px -176px; }
.mnavi li.navi7 a { background-position: 0 -352px; }
.mnavi li.navi8 a { background-position: -228px -352px; }
.mnavi li.navi9 a { background-position: -456px -352px; }

.mnavi li a:hover {
 background-color:transparent;
}
.mnavi li a:hover img {
 visibility:hidden;
}

/*-----モノクロサブナビ-----*/
.msubnavi {
 width:675px;
 height:98px;
 margin:0 auto;
 padding:0;
}

.msubnavi li {
 list-style:none;
 width:75px;
 line-height:98px;
 float:left;
}
.msubnavi li a{
 display:block;
 background:url(../image/m_konte/ss/submkonte_2.jpg) no-repeat;
}
.msubnavi li.navi1 a { background-position: 0 0; }
.msubnavi li.navi2 a { background-position: -75px 0; }
.msubnavi li.navi3 a { background-position: -150px 0; }
.msubnavi li.navi4 a { background-position: -225px 0; }
.msubnavi li.navi5 a { background-position: -300px 0; }
.msubnavi li.navi6 a { background-position: -375px 0; }
.msubnavi li.navi7 a { background-position: -450px 0; }
.msubnavi li.navi8 a { background-position: -525px 0; }
.msubnavi li.navi9 a { background-position: -600px 0; }

.msubnavi li a:hover {
 background-color:transparent;
}
.msubnavi li a:hover img {
 visibility:hidden;
}

/*-----イラストメインナビ-----*/
.inavi {
 margin:0;
 padding:0;
}

.inavi li {
 list-style:none;
 width:228px;
 line-height:176px;
 float:left;
}
.inavi li a{
 display:block;
 background:url(../image/illust/s/illust_2.jpg) no-repeat;
}
.inavi li.navi1 a { background-position: 0 0; }
.inavi li.navi2 a { background-position: -228px 0; }
.inavi li.navi3 a { background-position: -456px 0; }
.inavi li.navi4 a { background-position: 0 -176px; }
.inavi li.navi5 a { background-position: -228px -176px; }
.inavi li.navi6 a { background-position: -456px -176px; }
.inavi li.navi7 a { background-position: 0 -352px; }
.inavi li.navi8 a { background-position: -228px -352px; }
.inavi li.navi9 a { background-position: -456px -352px; }

.inavi li a:hover {
 background-color:transparent;
}
.inavi li a:hover img {
 visibility:hidden;
}

/*-----イラストサブナビ-----*/
.isubnavi {
 width:675px;
 height:98px;
 margin:0 auto;
 padding:0;
}

.isubnavi li {
 list-style:none;
 width:75px;
 line-height:98px;
 float:left;
}
.isubnavi li a{
 display:block;
 background:url(../image/illust/ss/subillust_2.jpg) no-repeat;
}
.isubnavi li.navi1 a { background-position: 0 0; }
.isubnavi li.navi2 a { background-position: -75px 0; }
.isubnavi li.navi3 a { background-position: -150px 0; }
.isubnavi li.navi4 a { background-position: -225px 0; }
.isubnavi li.navi5 a { background-position: -300px 0; }
.isubnavi li.navi6 a { background-position: -375px 0; }
.isubnavi li.navi7 a { background-position: -450px 0; }
.isubnavi li.navi8 a { background-position: -525px 0; }
.isubnavi li.navi9 a { background-position: -600px 0; }

.isubnavi li a:hover {
 background-color:transparent;
}
.isubnavi li a:hover img {
 visibility:hidden;
}

/*-----サイドナビ-----*/
.sidenavi {
 margin:20px 0 0 20px;
 padding:0;
 width:181px;
 height:555px;
 background:url(../image/main/bboad.jpg) ;
}

.sidenavi li {
 list-style:none;
 width:181px;
 height:52px;
 float:left;
}

.sidenavi li a{
 display:block;
}

/*-----フォント-----*/
.style1 {
 font-size:16px;
 color:#FFFFFF;
 font-family:"ＭＳ Ｐ明朝","平成明朝",細明朝体,serif;
 position:relative; top:76px; left:30px;
 margin-top:0;
}

.cright {
 margin-left:220px;
 font-size:85%;
 line-height:1em;
}

/*-----ボックス-----*/
.macer {
 margin:200px auto;
 width:640px;
 line-height:2em;
 text-align:left;
}

.map {
 margin:0 auto;
 width:325px;
 text-align:left;
}

/*-----その他-----*/
a { border:0; }
img { border:0; }
