@charset "utf-8";

@import"base.css";

/*-------------------------------
	All_style
-------------------------------*/
#wrapper{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:url(../../img/h_bg.gif) repeat-x 0 88px;
}

#container{
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:url(../../img/h_bg_main.gif) no-repeat center top;
}

#logo,
#logo a{
	width:227px;
	height:88px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../img/logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;	
}

#hader_main{
	width:950px;
	height:362px;
	text-indent:-9999px;
}

#content{
	position:absolute;
	top:405px;
	width:950px;
	height:auto;
}

/*-------------------------------
	Left
-------------------------------*/
#leftContent{
	float:left;
	width:300px;
	height:auto;
	margin-right:20px;
}

/*-------------------------------
	Left/今月の表紙
-------------------------------*/
#photoArea{
	width:290px;
	height:283px;
	margin-bottom:20px;
	padding-top:62px;
	padding-left:10px;
	background:url(../../img/photo_bg.gif) no-repeat;
}

#flashArea{
}
#jsArea{
	background: #fff url(../../img/ajax-loader.gif) no-repeat 50% 50%;
	border: 1px solid #d0d0d0;
	overflow: hidden;
	width: 276px;
	height: 271px;
}
#jsArea.loaded{
	background: #fff;
}
#jsArea>.inner{
	visibility: hidden;
	padding: 8px;
	position: relative;
}
#jsArea>.inner.loaded{
	visibility: visible;
}
#jsArea>.inner>.pics{
	width: 260px;
	height: 195px;
	overflow: hidden;
	position: relative;
}
#jsArea>.inner>.pics>li{
	position: absolute;
	display: none;
}
#jsArea>.inner>.btn-l,
#jsArea>.inner>.btn-lightbox,
#jsArea>.inner>.btn-r{
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	text-indent: 100%;
}
#jsArea>.inner>.btn-l{
	background: url(../img/top-btn-prev.png) no-repeat 0 0;
	width: 19px;
	height: 19px;
	left: 57px;
	top: 210px;
}
#jsArea>.inner>.btn-lightbox{
	background: url(../img/top-btn-view.png) no-repeat 0 0;
	width: 107px;
	height: 19px;
	left: 82px;
	top: 210px;
}
#jsArea>.inner>.btn-r{
	background: url(../img/top-btn-next.png) no-repeat 0 0;
	width: 19px;
	height: 19px;
	left: 195px;
	top: 210px;
}
#jsArea>.inner>.pic-title{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 28px;
}
#jsArea>.inner>.next-update{
	color:#999;
	font-size: 10px;
	text-align: center;
}

/*-------------------------------
	Left/新着情報
-------------------------------*/
#news{
	width:300px;
	height:auto;
	margin-bottom:15px;
}

.news_title{
	width:296px;
	height:28px;
	border-bottom:3px solid #ec3131;
	margin-bottom:13px;
}

.news_title dt{
	float:left;
	width:88px;
	height:28px;
	margin-right:10px;
}

.news_title dd{
	float:right;
	width:193px;
	height:28px;
	padding-top:5px;
	font-size:10px;
	color:#e66f6f;
}

.newsArea{
	width:296px;
	height:auto;
}

.newsArea dt{
	margin:8px 0 5px 0;
	font-size:12px;
	color:#424242;
}

.newsArea dd{
	line-height:150%;
	padding-left:20px;
	padding-bottom:8px;
	border-bottom:1px dotted #6b6b6b;
	font-size:12px;
	color:#424242;
}

.newsArea dd.newsHP{
	background:url(../../img/icon_hp.gif) no-repeat; 
}

.newsArea dd.newsPhoto{
	background:url(../../img/icon_photo.gif) no-repeat; 
}

/*-------------------------------
	Left/バナー
-------------------------------*/

#bannerArea{
	width:300px;
	height:55px;
	margin-bottom:55px;
}

.bannerRT,
.bannerRT a{
	width:120px;
	height:29px;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(../img/rt_navi.gif) no-repeat 0 0;
}

.bannerRT a:hover{
	background:url(../img/rt_navi_on.gif) no-repeat 0 0;
}

.bannerKids,
.bannerKids a{
	width:178px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(../img/kids.gif) no-repeat 0 0;
}

.bannerKids a:hover{
	background:url(../img/kids_on.gif) no-repeat 0 0;
}

/*-------------------------------
	Right
-------------------------------*/
#rightContent{
	float:right;
	width:630px;
	height:auto;
	margin-top:60px;
}

#guestArea{
	width:630px;
	height:auto;
	margin-bottom:15px;
}

#guestArea_top{
	width:321px;
	height:36px;
	padding:24px 25px 0 284px;
	background:url(../../img/guest_topbar.gif) no-repeat 0 0;
	font-size:10px;
	color:#8f8f8f;
}

#guestArea_detail{
	width:627px;
	height:auto;
	border-right:1px solid #ffd991;
	border-left:1px solid #ffd991;
	background:#fffbd5;
}

#guestArea_detail ul{
	width:606px;
	height:118px;
	margin:0 10px 10px 10px;
}

#guestArea_detail ul li{
	float:left;
}

#guestArea_detail div{
	width:606px;
	height:96px;
	margin:0 10px 10px 10px;
}

#guestArea_detail p{
	width:590px;
	margin-left:10px;
	padding-left:15px;
	background:url(../../img/icon_guest.gif) no-repeat left center;
}

#guideArea{
	width:630px;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}

#guideArea_top{
	width:321px;
	height:36px;
	padding:24px 25px 0 284px;
	background:url(../../img/guide_topbar.gif) no-repeat 0 0;
	font-size:10px;
	color:#8f8f8f;
}

#guideArea_detail{
	width:607px;
	height:auto;
	overflow:hidden;
	padding:15px 10px 0 10px;
	border-right:1px solid #c0e2a9;
	border-left:1px solid #c0e2a9;
	background:#f5ffee;
}

#guideArea_detail li{
	float:left;
	width:182px;
	height:2.5em;
	background:url(../../img/icon_guide.gif) no-repeat 0 0;
	padding-left:15px;
}

#top_contact{
	width:629px;
	height:79px;
	background:url(../../img/contact.gif) no-repeat 0 0;
	text-indent:-9999px;
}