/* 全体設定 */

/* 背景設定 */
html,body{
background:repeat-x url(../common/back.gif) #000;
}

/* リンク基本設定 */
a{
color:#be9cce;
text-decoration:none;
}
a:hover{
color:#9e79af;
text-decoration:none;
}

/* サイトコンテナの設定 */
#container{
background-color:#000;
border:#787878 solid 1px;
border:0 1px;
width:800px;
margin:0 auto;
overflow:hidden;
}
#container:after {
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}

/* ヘッダー部設定 */
#header{
border-top:#591854 solid 8px;
border-bottom:#282828 solid 4px;
background:no-repeat url(../common/head.jpg);
background-position:center;
height:48px;
padding:15px;
}

/* ロゴ設定 */
#header h2{
float:left;
display:block;
width:260px;
height:48px;
}
#header h2 a{
display:block;
width:100%;
height:100%;
text-indent:-999em;
}

/* キャッチ */
#header h1{
float:right;
display:block;
border-bottom:#808080 dashed 1px;
text-align:right;
width:480px;
height:25px;
}

/* ヘッダー部ナビゲーション設定 */
#header ul.h_navi{
float:right;
display:block;
text-align:left;
width:334px;
height:24px;
}
#header ul.h_navi li{
float:left;
display:block;
height:24px;
}
#header ul.h_navi li.hm1{
background:no-repeat url(../common/hm1-1.gif);
width:67px;
}
#header ul.h_navi li.hm2{
background:no-repeat url(../common/hm2-1.gif);
width:66px;
}
#header ul.h_navi li.hm3{
background:no-repeat url(../common/hm3-1.gif);
width:101px;
}
#header ul.h_navi li.hm4{
background:no-repeat right url(../common/hm_eg1.gif);
width:100px;
}
#header ul.h_navi li a{
display:block;
width:100%;
height:100%;
text-indent:-999em;
}
.hm1 a:hover{background:no-repeat url(../common/hm1-2.gif);}
.hm2 a:hover{background:no-repeat url(../common/hm2-2.gif);}
.hm3 a:hover{background:no-repeat url(../common/hm3-2.gif);}
.hm4 a:hover{background:no-repeat right url(../common/hm_eg2.gif);}

/* コンテンツ部分の設定 */
#contents{
clear:both;
margin:0;
padding:0;
width:100%;
overflow:hidden;
}
#contents:after {
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html #contents {
height:1em;
overflow:visible;
}
/**/

/* 2分割の設定 */
#side{
float:left;
margin-right:10px;
width:210px;
vertical-align:top;
}
#main{
float:right;
margin-right:15px;
width:555px;
vertical-align:top;
}

/* メインナビゲーション設定 */
ul.navi{
width:210px;
height:318px;
margin-bottom:20px;
}
ul.navi li{
float:left;
width:210px;
height:40px;
}
ul.navi li.navi1{background:no-repeat url(../common/m1-1.gif);}
ul.navi li.navi2{background:no-repeat url(../common/m2-1.gif);}
ul.navi li.navi3{background:no-repeat url(../common/m3-1.gif);}
ul.navi li.navi4{background:no-repeat url(../common/m4-1.gif);}
ul.navi li.navi5{background:no-repeat url(../common/m5-1.gif);}
ul.navi li.navi6{background:no-repeat url(../common/m6-1.gif);}
ul.navi li.navi7{background:no-repeat url(../common/m7-1.gif);}
ul.navi li.navi8{background:no-repeat url(../common/m8-1.gif);}
ul.navi li a{
display:block;
width:100%;
height:40px;
text-indent:-999em;
}
.navi1 a:hover{background:no-repeat url(../common/m1-2.gif);}
.navi2 a:hover{background:no-repeat url(../common/m2-2.gif);}
.navi3 a:hover{background:no-repeat url(../common/m3-2.gif);}
.navi4 a:hover{background:no-repeat url(../common/m4-2.gif);}
.navi5 a:hover{background:no-repeat url(../common/m5-2.gif);}
.navi6 a:hover{background:no-repeat url(../common/m6-2.gif);}
.navi7 a:hover{background:no-repeat url(../common/m7-2.gif);}
.navi8 a:hover{background:no-repeat url(../common/m8-2.gif);}

/* サイドバナー設定 */
ul.banner{
width:195px;
margin-left:15px;
line-height:140%;
}
ul.banner li{
float:left;
margin-bottom:12px;
width:195px;
}
ul.banner p{
float:left;
margin-top:3px;
width:195px;
font-size:11px;
}
ul.banner li.banner1{background:no-repeat url(../common/b_yoyaku1.jpg);}
ul.banner li.banner2{background:no-repeat url(../common/b_quest1.jpg);}
ul.banner li.banner3{background:no-repeat url(../common/myspace.gif);}
ul.banner li.banner1 a{
display:block;
width:100%;
height:70px;
text-indent:-999em;
}
ul.banner li.banner2 a{
display:block;
width:100%;
height:70px;
text-indent:-999em;
}
ul.banner li.banner3 a{
display:block;
width:100%;
height:51px;
text-indent:-999em;
}
.banner1 a:hover{background:no-repeat url(../common/b_yoyaku2.jpg);}
.banner2 a:hover{background:no-repeat url(../common/b_quest2.jpg);}

/* 個人ページバナーの設定 */
ul.banner div{
float:left;
margin-top:15px;
margin-bottom:15px;
width:195px;
height:20px;
}
ul.banner li.personal1{
background:no-repeat url(../common/b_koichi1.jpg);
margin-bottom:12px;
}
ul.banner li.personal2{
background:no-repeat url(../common/b_mari1.jpg);
margin-bottom:12px;
}
ul.banner li.personal3{
background:no-repeat url(../common/b_kaz1.jpg);
margin-bottom:12px;
}
ul.banner li.personal1 a{
display:block;
width:100%;
height:50px;
text-indent:-999em;
}
ul.banner li.personal2 a{
display:block;
width:100%;
height:50px;
text-indent:-999em;
}
ul.banner li.personal3 a{
display:block;
width:100%;
height:50px;
text-indent:-999em;
}
.personal1 a:hover{background:no-repeat url(../common/b_koichi2.jpg);}
.personal2 a:hover{background:no-repeat url(../common/b_mari2.jpg);}
.personal3 a:hover{background:no-repeat url(../common/b_kaz2.jpg);}

/* フッターの設定 */
#footer{
clear:both;
background:no-repeat right bottom url(../common/foot_p.jpg);
border-top:#808080 dashed 1px;
margin:15px 15px 0 15px;
padding:10px 0;
width:770px;
height:60px;
}
.foot_logo{
float:left;
margin-top:8px;
padding:5px;
width:178px;
height:34px;
border:#1e1e1e solid 1px;
}
.foot_add{
float:right;
margin-top:16px;
width:560px;
}
.foot_add p{
margin-bottom:5px;
width:560px;
color:#a0a0a0;
font-size:11px;
}

/* コピーライトの設定 */
h3#copy{
clear:both;
background:#282828;
display:block;
margin:0;
padding:3px 15px;
width:100%;
height:12px;
color:#a0a0a0;
}