@charset "utf-8";
/* CSS Document */

/*=====================スライダー=====================*/
#photos img{
	border:none;}


/*=====================新着情報=====================*/
#topic {
	width:470px;
	min-height:235px;
	margin:0 0 5px;
	float:left;}

#topic dl{
	min-height:196px;
	padding:1px 18px 8px 18px;
	background-image:url("../image/index/topic_bg.jpg");}

#topic_bottom{
	height:40px;
	background-image:url("../image/index/topic_bottom.png");
	background-repeat:no-repeat;
	background-position:0 0;
	padding-right:10px;}

#history{
}

#area_main dd p, #area_main dd ul, #area_main dd li {
	padding-right:0;	
}
	
/*------------日付やタグを記入する部分------------*/	
#topic dl dt,#history dl dt{
	font-weight:bold;
	font-size:1em;
	margin:8px 0 0 0;
	color:#66633d;}
	
#topic dt span.day,#history dt span.day{
	padding:0px 0 5px;
	float:left;
	display:block;}

/*------------地域やお知らせのタグ------------*/
dt span.tokyo,dt span.osaka,dt span.other,dt span.chara,dt span.all{
	width:58px;
	height:18px;
	display:block;
	text-indent:-9999px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;}

/*東京*/
dt span.tokyo{
	background-image:url("../image/index/topic_tokyo.jpg");}

/*大阪*/
dt span.osaka{
	background-image:url("../image/index/topic_osaka.jpg");}

/*その他地域*/
dt span.other{
	background-image:url("../image/index/topic_other.jpg");}

/*キャラオンリー*/
dt span.chara{
	background-image:url("../image/index/topic_chara.jpg");}

/*お知らせ*/
dt span.all{
	background-image:url("../image/index/topic_all.jpg");}


/*------------お知らせの内容を書く部分------------*/
#topic dd,#history dd{
	clear:both;
	padding-bottom:5px;
	border-bottom:1px dotted #afa68f;}
	
/*------------過去のお知らせへ------------*/
#topic ul.arrow{
	margin-top:0px;
	margin-left:0px;
	margin-right:10px;
	float:right;}

/*
#topic ul.arrow a{
	text-decoration:none;}

#topic ul.arrow a:hover{
	color:#999;}*/


/*=====================バナー群=====================*/
#top_bn{
	width:200px;
	float:right;
}

/*------------各バナーの指定------------*/
#top_bn a{
	width:200px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
	padding:0;}

/*スタッフ募集*/
#top_bn a#bn_staff{
	height:80px;
	margin:0 0 5px 0;
	background-image:url("../image/index/bn_staff.jpg");}

/*オンラインYOU*/
#top_bn a#bn_online{
	height:150px;
	margin:0;
	background-image:url("http://www.youyou.co.jp/only/common/image/onlineyou_200x150.jpg");
    margin: 0 0 5px;
}

/* R18 */	
#top_bn a#bn_r18 {
    background-image: url("http://www.youyou.co.jp/r18/bn.jpg");
    height: 60px;
    margin: 0 0 5px;
}

#bn_sururu {
	background:url(http://www.youyou.co.jp/images/banner/sururu_200x150.gif) no-repeat;
	height:150px;
	margin:0 0 5px 0;
	}

#index #bn_sururu {
	float:none !important;
}

#top_bn #bn_panfuyou {
	background:url(http://www.youyou.co.jp/only/common/image/bn_panfyou_200x40.gif) no-repeat;
	height:40px;
	margin:0 0 5px 0;
}


/*=================
　注意書きなど
=================*/

#index .noticearea {
	border:solid 2px #F66;
	border-radius:10px;		/* CSS3草案 */
	-webkit-border-radius:10px;	/* Safari,Google Chrome用 */
	-moz-border-radius:10px;	/* Firefox用 */
	background:#FFE3E3;
	padding:10px 10px 10px 10px;
	margin:5px 0 0 0px;
}

#index .noticearea p {
	margin-bottom:0;
	font-size:11px;
}

#index .noticearea h4 {
	color:#ff0000;
	margin:0 auto 5px auto;
	padding:0;
	background:none;
	font-size:12px;
	width:auto;

}