@charset "Shift-JIS";

/* 基本*/

*{

margin:0;

padding:0;

font-size:100%;

font-weight:normal;

list-style:none;
}

html {
  height: 100%;
}


body{
  height: 100%;

font-size:75%;

line-height:1.5;

color:#333333;
}

img{

border:none;


}

/* ロゴ
---------------------------------------------*/
#head {

background:#ffffff url(../images/hg.gif) left top repeat-x;

}
#logo {
width: 100%;




height:100px;
background:url(../images/green_top.gif) left top no-repeat;

}

#setumei{
background:url(../images/tu.gif) left top repeat-x;

}



/* ナビゲーション*/

#navi{

overflow:auto !important;

overflow /**/: hidden;

width:100%;

background:#ffffff;

border-bottom:2px solid #333;
background:url(../images/navi_bg.gif) left center repeat-x;

}


#navi li{

float:left;

width:8em;

border-right:1px solid #fff;
font-size:12px;

}

#navi li a{

display:block;

width:100%;

line-height:2.8em;

color:#eee;

text-decoration:none;

text-align:center;

background:#ffffff url(../images/bg_bg.gif) center top repeat-x;

}

#navi li a:hover{

color:#666666;

background:url(../images/bg_bg2.gif) center top repeat-x;

}

/* ナビゲーションホーム*/

#navi li.home{

float:left;

width:8em;

border-right:1px solid #fff;
font-size:12px;

}

#navi li.home a{

display:block;

width:100%;

line-height:2.8em;

color:#fff;

text-decoration:none;

text-align:center;

background:#ffffff url(../images/bghome.gif) center top repeat-x;

}

#navi li.home a:hover{

color:#333;

background:url(../images/bg_bg2.gif) center top repeat-x;

}

/* ナビゲーションホーム*/


/* ナビゲーション痴漢*/

#navi li.chi{

float:left;

width:8em;

border-right:1px solid #fff;
font-size:12px;

}

#navi li.chi a{

display:block;

width:100%;

line-height:2.8em;

color:#fff;

text-decoration:none;

text-align:center;

background:#ffffff url(../images/bgchi.gif) center top repeat-x;

}

#navi li.chi a:hover{

color:#333;

background:url(../images/bg_bg2.gif) center top repeat-x;

}

/* ナビゲーション痴漢*/



/* ナビゲーション人妻*/

#navi li.wife{

float:left;

width:8em;

border-right:1px solid #fff;
font-size:12px;

}

#navi li.wife a{

display:block;

width:100%;

line-height:2.8em;

color:#fff;

text-decoration:none;

text-align:center;

background:#ffffff url(../images/bgwife.gif) center top repeat-x;

}

#navi li.wife a:hover{

color:#333;

background:url(../images/bg_bg2.gif) center top repeat-x;

}

/* ナビゲーション人妻*/

/* ナビゲーションレイプ*/

#navi li.rei{

float:left;

width:8em;

border-right:1px solid #fff;
font-size:12px;

}

#navi li.rei a{

display:block;

width:100%;

line-height:2.8em;

color:#fff;

text-decoration:none;

text-align:center;

background:#ffffff url(../images/bgrei.gif) center top repeat-x;

}

#navi li.rei a:hover{

color:#333;

background:url(../images/bg_bg2.gif) center top repeat-x;

}

/* ナビゲーションレイプ*/


/* エリア*/

#rock{
height:100%; /* WinIE用 */
margin:0% 8%;
width:80%;
padding: 0em 1.5em;
background:;
}

/* WinIE, MacIE以外 \*/
*>#rock{
  height: auto;
  min-height: 100%;
}


#all{

overflow:auto !important;

overflow /**/: hidden;

width:100%;

padding:25px 0 5px 0;

background:#ffffff url(../images/leftside_bg.gif) left top repeat-y;

}

#foot{

clear:both;

padding:20px 0;

border-top:2px solid #333;

text-align:center;

color:#fff;

background:url(../images/foot_bg.gif) left center repeat-x;

font-size:10px;

}

#foot a{

text-decoration:none;
color:#fff;

}

#foot a:hover{

color:#000;
background:#fff;
}

#main{

float:left;

width:100%;



}


#contents{

float:right;

width:100%;

margin-left:-200px;



}

#side_menu{

float:left;

width:200px;
background:#fff;


}

#side_menu a{

color:#333333;

text-decoration:none;

}

#side_menu a:hover{

color:#ff9999;

text-decoration:none;

}


#contents * {

margin:0 20px 0 225px;

}

#contents * * {

margin:0;

}



/* 本文
----------------------------------------------------*/

#contents h1{

font-size:150%;

font-weight:bold;
border-bottom:2px dotted #333;

}

#contents p{

font-size:115%;

margin-top:1em;

margin-bottom:1em;

text-align: justify; text-justify: distribute;
/*\*/
letter-spacing:0.1em;
/**/


}

#contents .list dl{


border-bottom:1px solid #cccccc;
margin-top:10px;
}

#contents .list dl a{
text-decoration:none;
color:#0000cc;
}

#contents .list dl a:hover{
text-decoration:none;
color:#00cccc;
}


#contents .list dl dt{

padding-left:15px;
background:url(../images/yobi.gif) left center no-repeat;


}
#contents .list dd{


border-bottom:2px solid #cccccc;
padding-left:15px;
background:#eeeeee;

}

#contents .list dl dt.pr{

padding-left:15px;
background:url(../images/pr.gif) left center no-repeat;


}




/* 共通リスト
----------------------------------------------------*/

#contents .list{

margin-bottom:20px;

padding-top:10px;

clear:left;

border-top:2px dotted #333;



}

#side_menu .list{

margin-bottom:10px;

clear:left;


}

#contents .list li{

margin:5px 0 0 15px;

padding-left:25px;

background:url(../images/navi.gif) left center no-repeat;

border-bottom:1px solid #cccccc;

}

#side_menu .list ul{

background:#eeeeee;
margin-top:3px;
padding-top:2px;
padding-bottom:5px;
border-top:1px solid #333;

border-right:1px solid #333;

border-bottom:2px solid #333;
border-left:1px solid #333;


}

#side_menu .list li{

margin:1px 0 0 4px;

padding:3px 0 2px 18px;

background:url(../images/navi2.gif) left center no-repeat;





}
/* 単体リスト
----------------------------------------------------*/
#contents .list h2{

padding:2px 0 0px 22px;
color:#333333;
font-size:12px;
font-weight:bold;
background:url(../images/menu_bg2.gif) left center no-repeat;

}

#side_menu .list h2{

padding:5px 0 3px 33px;
color:#ffffff;
font-size:10px;
font-weight:bold;
background:url(../images/menu_bg.gif) left center no-repeat;

}

#setumei p{

text-align:right;
color:#666666;
line-height:190%;
font-size:12px;
font-weight:bold;
margin-right:10px;
}

#setumei p a{
color:#666666;
text-decoration:none;
}

#setumei p a:hover{

color:#cccccc;
text-decoration:none;
}

#contents p img{

float:left;

margin:2px 8px;

}

#koukoku img{

margin:0 5px 5px 5px;

}

#logo img{

float:right;

}

#contents p.info{
color:#333333;
font-size:12px; 
height:115px; 
background:url(../images/waku.gif) left center no-repeat;
padding:20px 5px 5px 5px; 

width:295px;

}

