@charset "shift_jis";
/* CSS Document */

*{
	margin:0;
	padding:0;
	line-height:1.5em;
	font-family: Osaka, Verdana, Chicago, sans-serif;
}

html{
	width:auto;}

body{
	margin:0;
	padding:0;
	width:auto;
	font-size:82%;
	background:url("../image/bg.jpg") repeat-x center 0 #ffe8cc;}

.clear{
	clear:both;
}


/*text*/
#kizi_in .text{
	margin:10px 0px 35px 11px;
	width:589px;}

/*-----ヘッダー部分-----*/
#header{
	width:auto;
	min-width:976px;
	height:495px;
	margin:0;
	padding:0;
	position:relative;
	background:url("../image/head_bg.jpg") no-repeat center 0;}
	

/*h1*/

h1{
	width:960px;
	margin:0 auto;
	position:relative;}
h1 a{
	width:419px;
	height:97px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:312px;
	left: 0px;
}

/*#index h1 a{
	display:none;}*/

/*------土台--------*/

#contents{
	width: auto;
	margin:0;
	padding:0;}

#kizi{
	width:820px;
	margin:0 auto;
	padding:10px 78px 10px;
	background:url("../image/kizi_bg.png") repeat-y center 0;
}


#kizi_in{
	width:600px;
	padding:0;
	margin:0;
	float:right;}

#left{
	width:203px;
	background:url("../image/pan_bg.jpg") repeat-y 0 0;
	float:left;}

#right{
	width:663px;
	float:right;}

/*----リンク----*/
a {
	color:#5e4529;
	font-weight:bold;
	text-decoration:underline;
}
a:hover{
	color:#999;
	text-decoration:none;
}


/*#chara{
	width:631px;
	height:156px;
	background:url("../image/random/01.jpg") no-repeat 0 0;
	position:absolute;
	left: 8px;
	top: 553px;
}*/

/*更新とか*/
#up{
	background:url("../image/up_bg.gif") no-repeat 0 0;
	width:265px;
	height:300px;
	margin:0 0 0;
	padding:0;
	position:relative;
	float:right;
	border:1px solid #c2cddf;
	 }

#update{
	overflow:auto;
	width:250px;
	height:250px;
	margin:42px auto 0;
	padding:0;
}
#update dl{
}
#update dt{
	color:#000;
	height:1.3em;
	width:68px;
	font-weight:bold;
	padding-bottom:1px;
	padding-left:3px;
}
#update dd{
	color:#000;
	margin-top:-1.3em;
	margin-bottom:3px;
	margin-left:72px;
	padding-left:5px;
	border-bottom:1px dotted #fff;}



p.topic{
	font-size: 1.1em;
	font-weight:bold;
	padding-left:26px !important;
	background:url("../image/topic_ex.gif") no-repeat 0 0;
	margin-bottom:0 !important;
	border-bottom:none !important;
}


#topic{}

#topic_tx{
	width:490px;
	float:left;
	padding:0;}

#topic_tx p{
	margin:5px auto 10px;
	padding-bottom:3px;
	padding-left:26px;
	border-bottom:1px dotted #c2cddf;
	text-align:left;}


/*--お知らせ--*/
	
.topic_bn{
	width:276px;
	position:absolute;
	left: 657px;
	top: 490px;
}


h6#topic_mail a{
	width:199px;
	height:45px;
	display:block;
	background:url("../image/topic_mail.png") no-repeat 0 0;
	text-indent: -9999px;
}

h6#topic_print{
	width:960px;
	margin:0 auto;
	position:relative;}

h6#topic_print a{
	width:212px;
	height:45px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left: 715px;
	top: 19px;
}

h6#topic_print a:hover{
	background:url("../image/topic_print.jpg") no-repeat 0 0;}


h6#topic_kikaku a{
	width:276px;
	height:60px;
	display:block;
	margin-top:5px;
	background:url("../image/topic_kikaku.jpg") no-repeat 0 0;
	text-indent:-9999px;
}

h6#topic_list a{
	width:276px;
	height:60px;
	margin-top:5px;
	display:block;
	background:url("../image/topic_list.jpg") no-repeat 0 0;
	text-indent:-9999px;
}

h6#topic_r18 a{
	width:324px;
	height:59px;
	display:block;
	background:url("../image/topic_r18.jpg") no-repeat 0 0;
	text-indent:-9999px;
}


h6#topic_onlycom a{
	width:401px;
	height:40px;
	display:block;
	background:url("../image/topic_onlycom.jpg") no-repeat 0 0;
	text-indent:-9999px;
	margin-top:5px;
	margin-bottom:10px;
}

h6#topic_onlycom02 a{
	width:401px;
	height:60px;
	display:block;
	background:url("../image/topic_onlycom02.jpg") no-repeat 0 0;
	text-indent:-9999px;
	margin-top:5px;
	margin-bottom:10px;
}



/*------テキスト部分--------*/
/* h3 */
h3{
   font-size:1.2em;
   text-align:left;
   padding-left:12px;
   padding-top:6px;
   font-weight:normal;
   margin:8px 0 3px 11px;
   background:url("../image/h3.jpg") no-repeat 0 50%;
   width:577px;
   height:32px;
   color:#000;
  }

/* h4 */
h4{
	min-height:28px;
	padding-top:6px;
	padding-left:14px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size:1.05em;
	text-align:left;
	border-bottom:1px solid #c2cddf;
	background:url("../image/h4.jpg") no-repeat 0 0.3em;
	color:#000;
  }
#xx h4:first-letter { 
	color: #9e131a;
}
h4 ~ h4 {
	margin-top:20px;}
/* h5 */
h5{
   padding:3px 5px 3px 0px;
   margin-bottom:5px;
   font-size:1em;
   line-height:125%;
   text-align:right;
   font-weight:normal;
	   border-bottom:3px double #5e4529;
  }

/* id */

#list  {
	border:none;
	margin:auto;
	padding:5px;
	font-size:small;
	line-height:125%;
	text-align:center;
	background-image:url(../image/back_c.jpg);
     }
#list table{
		margin:auto;
		text-align:center;
		}

tr .head{
         background:url(../image/h3.gif);
         height:25px;
        }
		
#li td{
         text-align:left;
         margin:0 0 0 3px;
         padding:3px 10px;
         border-bottom:dashed 1px #2F4F4F;
        }



/* link */
a.info{
	background:url("../image/arrow.gif") no-repeat 98% center;
       padding-right:28px;
	   padding-bottom:5px;
	   padding-top:5px;
	   padding-left:5px;
       margin-left:5px;
	   color:#dd0956;
	   font-weight:normal;
	   text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #5e4529;
      }
a:hover.info {
		color:#95a0b5;
		text-decoration:underline;
}
a.down{
	   color:#fff;
       background-color: #5e4529;
       padding:2px;
       margin-left:5px;
	   font-size:1em;
	   	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-decoration:none;
      }
a:hover.down {
	color:#fff;
	background-color:#999;
	text-decoration:none;
}

/* list */
ul{
　 margin: 5px 5px 20px 5px;
　 line-height:160%;
   list-style-position:inside;
  }

ol{
　 margin: 5px 5px 20px 20px;
　 line-height:160%;
   list-style-position:inside;
  }
li{
	_margin-left:0;}
ol li{}	
	
ul.come{
　 list-style:none;
}
.come li{
	list-style-type:none !important;
	background:url("../image/come.gif") no-repeat 0 0.38em;
	padding-left: 16px;
}
p.come{
	background:url("../image/come.gif") no-repeat 0 0.38em;
	padding-left: 16px;
}

/* pan部分 */
#pan{
	margin:0;
	padding:0 0 10px 0;
	width:198px;
	background:url("../image/pan_bg.gif") ;
	border:1px solid #c2cddf;
	float:left;
    }
#pan ul{
	list-style-position:outside !important;
	padding-left:15px;
	margin-top:10px;
       }
#pan li{
        padding:1px 3px 2px 18px ;
		margin:0 !important;
        list-style-type:none;
		/*display:inline;*/
		background:url("../image/pan.gif") no-repeat 0 40%;
		font-size:0.9em;
       }
#pan a{
	color:#000;
	padding:1px;
	font-weight:normal;
	text-decoration:none;}
#pan a:hover{
	color:#334d02;
	text-decoration:underline;
}
/* pan部分 */
#pan_top{
     width: auto;
    }
#pan_top ul{
	margin-left: 10px;
       }
#pan_top li{
        padding:0 0 0 5px;
		margin:0 !important;
        display:inline;
        list-style:none;
       }


/* pan部分 */
#pan_list{
     height:30px;
     width: auto;
    }
#pan_list ul{
	margin:5px 0 0 0;
	text-align:center;
       }
#pan_list li{
        padding:0 0 0 5px;
        display:inline;
        list-style:none;
        border-left:solid 1px #000000;
       }
/* link */
.bn01{
	width:258px;
	float:left;
	margin-right:10px;}
.bn02{
	width:258px;
	float:left;}

/* text */
p{
	margin-top:3px;
	margin-bottom:8px;
	padding:0;
	text-align:left;
 }

.ar{
	text-align:right;
	padding-bottom:2px;
	margin-bottom:18px;}
.ar2{
	text-align:right;
	padding-bottom:2px;
	margin-top:2px;
	margin-bottom:18;}
/*.m30{margin-top:-30px;}
.m20{margin-top:-20px;}
.m10{margin-top:-10px;}
.m0{margin-top:0px;}
.m2{margin-top:2px;}
.m5{margin-top:5px;}
.m10n{margin-top:10px;}
*/

em{
   color:#000;
   font-style:normal;
   font-weight:bold;
	   padding:0 2px;
	   font-size:1em;
	   border-bottom:1px dotted #dd0956;
  }

strong{
       color:#dd0956;
       font-weight:bold;
	   padding:1px 2px;
	   font-size:1em;
      }


u{
	   font-size:1em;}


/*-----メニュー部分----*/

div#menu{
	width:960px;
	padding:0;
	margin:0 auto;
	position:relative;
}
#menu ul{
	width:819px;
	height:53px;
	margin:0;
	padding:0;
	position:absolute;
	left: 71px;
	top: 426px;
}
#menu li{
	list-style:none;
	float:left;
	margin:0 0 0 0;
	padding:0;
}


#m01,#m01 a,#m01b,#m01b a{
	width:114px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m01,#m01 a{
	background:url("../image/m01_a.png") no-repeat 0 0;}*/

#m01b,#m01b a,#m01 a:hover{
	background:url("../image/m01_b.jpg") no-repeat 0 0;
}

#m02,#m02 a,#m02b,#m02b a{
	width:108px;
	height:53px;
	display:block;
	text-indent:-9999px;
}

/*#m02,#m02 a{
	background:url("../image/m02_a.jpg") no-repeat 0 0;}*/

#m02b,#m02b a,#m02 a:hover{
	background:url("../image/m02_b.jpg") no-repeat 0 0;
}

#m03,#m03 a,#m03b,#m03b a{
	width:107px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m03,#m03 a{
	background:url("../image/m03_a.jpg") no-repeat 0 0;}*/

#m03b,#m03b a,#m03 a:hover{
	background:url("../image/m03_b.jpg") no-repeat 0 0;
}


#m04,#m04 a,#m04b,#m04b a{
	width:80px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m04,#m04 a{
	background:url("../image/m04_a.jpg") no-repeat 0 0;}*/

#m04b,#m04b a,#m04 a:hover{
	background:url("../image/m04_b.jpg") no-repeat 0 0;
}

#m05,#m05 a,#m05b,#m05b a{
	width:106px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m05,#m05 a{
	background:url("../image/m05_a.jpg") no-repeat 0 0;}*/

#m05b,#m05b a,#m05 a:hover{
	background:url("../image/m05_b.jpg") no-repeat 0 0;
}


#m06,#m06 a,#m06b,#m06b a{
	width:48px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m06,#m06 a{
	background:url("../image/m06_a.jpg") no-repeat 0 0;}*/

#m06b,#m06b a,#m06 a:hover{
	background:url("../image/m06_b.jpg") no-repeat 0 0;
}


#m07,#m07 a,#m07b,#m07b a{
	width:110px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m07,#m07 a{
	background:url("../image/m07_a.jpg") no-repeat 0 0;}*/

#m07b,#m07b a,#m07 a:hover{
	background:url("../image/m07_b.jpg") no-repeat 0 0;
}


#m08,#m08 a,#m08b,#m08b a{
	width:60px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m08,#m08 a{
	background:url("../image/m08_a.jpg") no-repeat 0 0;}*/

#m08b,#m08b a,#m08 a:hover{
	background:url("../image/m08_b.jpg") no-repeat 0 0;
}

#m09,#m09 a,#m09b,#m09b a{
	width:86px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
/*#m09,#m09 a{
	background:url("../image/m09_a.jpg") no-repeat 0 0;}*/

#m09b,#m09b a,#m09 a:hover{
	background:url("../image/m09_b.jpg") no-repeat 0 0;
}


/*--footer--*/
#footer{
	width:820px;
	height:147px;
	margin:0 auto;
	padding:10px 76px 0px;
	display:block;
	background:url("../image/foot_bg.png") no-repeat center 0;
}

#index #footer{}

#footer_in{
	margin:0 auto;}

#footer ul{
	list-style: none;
	margin:0 auto;
	display:block;
	position:relative;
}

#footer li{
	padding:0;
	margin-top:34px;
	float:left;
	display:block;
	color:#000;
}

#footer a{
	font-weight:normal;
	color:#000;
	text-decoration:none;}

#footer a:hover{
	text-decoration:underline;}

li#bm01 {
	display:none;}

li#bm02 a{
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url("http://www.youyou.co.jp/bn.gif") no-repeat 0 0;
}

li#bm03 a{
	width:200px;
	height:40px;
	margin-left:12px;
	display:block;
	text-indent:-9999px;
	background:url("http://www.youyou.co.jp/only/bl/bn.gif") no-repeat 0 0;
}

li#bm04 a{
	width:200px;
	height:40px;
	margin-left:12px;
	display:block;
	text-indent:-9999px;
	background:url("http://www.youyou.co.jp/only/hetaria/6/bn.gif") no-repeat 0 0;
}


li#bm05 a{
	margin:0;
	position:absolute;
	width:88px;
	height:79px;
	display:block;
	text-indent:-9999px;
	left: 706px;
	top: 36px;
}
li#bm05 a:hover{
	background:url("../image/pagetop.jpg") no-repeat 0 0;}

/*li#bm01,#bm01 a{
	width:194px;
	height:32px;
	display:block;
	background:url("../image/bm01_a.jpg") no-repeat 0 0;
	text-indent:-9999px;
}
li#bm01 a:hover{
	background:url("../image/bm01_b.jpg") no-repeat 0 0;}

li#bm02,#bm02 a{
	width:172px;
	height:32px;
	display:block;
	background:url("../image/bm02_a.jpg") no-repeat 0 0;
	text-indent:-9999px;
}
li#bm02 a:hover{
	background:url("../image/bm02_b.jpg") no-repeat 0 0;}


li#bm03,#bm03 a{
	width:84px;
	height:32px;
	display:block;
	background:url("../image/bm03_a.jpg") no-repeat 0 0;
	text-indent:-9999px;
}
li#bm03 a:hover{
	background:url("../image/bm03_b.jpg") no-repeat 0 0;}

li#bm04,#bm04 a{
	width:20px;
	height:32px;
	display:block;
	background:url("../image/bm04_a.jpg") no-repeat 0 0;
	text-indent:-9999px;
}
li#bm04 a:hover{
	background:url("../image/bm04_b.jpg") no-repeat 0 0;}*/
	
#onlycom dl.bg{
	display:block;
	padding:5px 10px;
	background:url("../image/pan_bg.gif");
	width:780px;
	margin:10px auto;}

#onlycom dl.bg dt{
	color:#dd0956;
	font-weight:bold;
	}
#onlycom h3#logo_birth{
	width:378px;
	height:132px;
	margin:10px 15px 10px 0px;
	padding:0;
	background:url("../image/logo_birth.jpg") no-repeat 0 0;
	float:left;
	text-indent:-9999px;}
#onlycom h3#logo_birth a{
	width:378px;
	height:132px;
	display:block;}
#onlycom h3#logo_gs{
	width:378px;
	height:81px;
	margin:10px 15px 10px 0px; 
	padding:0;
	background:url("../image/logo_gs.jpg") no-repeat 0 0;
	float:left;
	text-indent:-9999px;}
#onlycom h3#logo_gs a{
	width:378px;
	height:81px;
	display:block;}
#onlycom h3#logo_haruka5{
	width:378px;
	height:92px;
	margin:10px 15px 10px 0px; 
	padding:0;
	background:url("../image/logo_haruka5.jpg") no-repeat 0 0;
	float:left;
	text-indent:-9999px;}
#onlycom h3#logo_haruka5 a{
	width:378px;
	height:92px;
	display:block;}
#onlycom h3#logo_stask{
	width:378px;
	height:72px;
	margin:10px 15px 10px 0px; 
	padding:0;
	background:url("../image/logo_stask.jpg") no-repeat 0 0;
	float:left;
	text-indent:-9999px;}
#onlycom h3#logo_stask a{
	width:378px;
	height:72px;
	display:block;}
.right{
	float:right;}
#onlycom #kizi ul{
	list-style-image:url("../image/pan.gif");
	margin-top:0px;
	width:410px;
	float:right;}
#onlycom #kizi h4{
	width:410px;
	float:right;
	margin-top:5px;}
p.border {
	height:2px;
	display:block;
	background:url("../image/pan_bg.gif");}