@charset "shift-JIS";

/* Top setting
------------------------------------------------------------ */

body {
	background: url(../img/top/bg_top.jpg) no-repeat;
	background-position: center 0;
	/*background-color:#ccc;*/
	}
	
/*  Top body
------------------------------------------------------------ */
#all #topbody{
	position:relative;
 	width:710px;
	min-height:300px;
}


/*  トップ左カラム----------------------------------------- */
#all #topbody #topleftColumn{
	position:relative;
 	width:412px;
	min-height:300px;
	float:left;
}


/*  バナースペース------------------------------ */
#all #topbody #topleftColumn #bannerspace{
	position:relative;
 	width:412px;
	height:250px;
	background: url(../img/top/top_banner_20100415.jpg) no-repeat;
}
#all #topbody #topleftColumn #bannerspace .banner1{
	position:absolute;
	top:25px;
 	left:12px;
	width:390px;
	height:63px;
	display:block;
}
#all #topbody #topleftColumn #bannerspace .banner2{
	position:absolute;
	top:107px;
 	left:12px;
	width:390px;
	height:63px;
	display:block;
}

#all #topbody #topleftColumn #bannerspace .banner3{
	position:absolute;
	top:186px;
 	left:12px;
	width:390px;
	height:63px;
	display:block;
}
/*  ピックアップ------------------------------ */
#all #topbody #topleftColumn #pickup{
	position:relative;
 	width:412px;
	min-height:171px;
}

#all #topbody #topleftColumn #pickup .mid{
	position:relative;
 	width:412px;
	min-height:30px;
	background: url(../img/top/bgpickup_mid.gif) repeat-y;
	padding:10px 0 10px 0;
}

#all #topbody #topleftColumn #pickup .foot{
	position:relative;
 	width:412px;
	min-height:28px;
	background: url(../img/top/bgpickup_foot.gif) repeat-y;
}
#all #topbody #topleftColumn #pickup .titlenews{
	position:relative;
 	width:412px;
	height:50px;
	background: url(../img/top/bgpickup_news.gif) no-repeat;
}

#all #topbody #topleftColumn #pickup .titleevent{
	position:relative;
 	width:412px;
	height:55px;
	background: url(../img/top/bgpickup_event.gif) no-repeat;
}
#all #topbody #topleftColumn #pickup .titlepresents{
	position:relative;
 	width:412px;
	height:55px;
	background: url(../img/top/bgpickup_presents.gif) no-repeat;
}
#all #topbody #topleftColumn #pickup .titleinterview{
	position:relative;
 	width:412px;
	height:55px;
	background: url(../img/top/bgpickup_interview.gif) no-repeat;
}

/*  ピックアップ[パターン1] */
#all #topbody #topleftColumn #pickup .mid li.pattern01{
	position:relative;
 	width:349px;
	min-height:25px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	border-bottom: solid 1px #83282d;
	background: url(../img/top/bgtoplist.gif) no-repeat;
	background-position: 0px 0px;
	margin:5px 0 0 32px;
}
#all #topbody #topleftColumn #pickup .mid li.pattern01 a,
#all #topbody #topleftColumn #pickup .mid li.pattern01 a:hover,
#all #topbody #topleftColumn #pickup .mid li.pattern01 a:link,
#all #topbody #topleftColumn #pickup .mid li.pattern02 a,
#all #topbody #topleftColumn #pickup .mid li.pattern02 a:hover,
#all #topbody #topleftColumn #pickup .mid li.pattern021 a:link{
	display:block;
	margin:0 0 0 20px;
	color:#fff;
}

#all #topbody #topleftColumn #pickup .mid li.pattern01 a:visited,
#all #topbody #topleftColumn #pickup .mid li.pattern01 a:active,
#all #topbody #topleftColumn #pickup .mid li.pattern02 a:visited,
#all #topbody #topleftColumn #pickup .mid li.pattern02 a:active{
	color:#ccc;
}

/*  ピックアップ[パターン2] */
#all #topbody #topleftColumn #pickup .mid li.pattern02{
	position:relative;
 	width:349px;
	min-height:25px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	border-bottom: solid 1px #83282d;
	background: url(../img/top/bgtoplist.gif) no-repeat;
	background-position: 0px 0px;
	margin:5px 0 0 32px;
}
#all #topbody #topleftColumn #pickup .mid li.pattern02 .title{
 	width:100%;
	height:22px;
	margin-left:20px;
	padding-bottom:3px;
}

#all #topbody #topleftColumn #pickup .mid li.pattern02  .title .pt02txt{
 	width:240px;
	height:22px;
	float:left;
}

#all #topbody #topleftColumn #pickup .mid li.pattern02  .title .pt02day{
 	width:80px;
	height:22px;
	float:left;
}

#all #topbody #topleftColumn #pickup .mid li.pattern02 .pt02photo{
 	width:100%;
	min-height:22px;
	margin: 0 0 10px 0;
}

/*  トップ右カラム----------------------------------------- */
#all #topbody #toprightColumn{
	position:relative;
 	width:298px;
	min-height:300px;
	float:left;
}
#all #topbody .rightbanner{
	position:relative;
	padding-left:16px;
}
#all #topbody .rightbanner img{
	margin: 15px 0 5px; 0;
}

/*  会員登録------------------------------ */
#all #topbody #toprightColumn #member{
	position:relative;
	height:180px;
	padding-left:16px;
}

#all #topbody #toprightColumn #member .memberarea{
	position:relative;
	background: url(../img/top/topbg_mumber.jpg) no-repeat;
	background-color:#ccc;
 	width:282px;
	height:180px;
	display:block;
}

#all #topbody #toprightColumn #member  a:hover.memberarea{
	background-position: 0 -180px;
}

/*  ブログピックアップ------------------------------ */
#all #topbody #toprightColumn #blogpickup{
	position:relative;
	height:311px;
	background: url(../img/top/top_bgblog.jpg) no-repeat;
	padding:80px 0 0 31px ;
}
#all #topbody #toprightColumn #blogpickup .blogColumn{
	position:relative;
	width:241px;
	height:66px;
	border-bottom: solid 1px #b9b9b9;
	background: url(../img/top/blogbgtip.gif) no-repeat;
	background-position: 0 0px;
	margin:5px 0 0 0;
	}
#all #topbody #toprightColumn #blogpickup .blogColumn .photo{
	position:absolute;
	top:0px;
 	left:8px;
	width:57px;
	height:56px;
	}
#all #topbody #toprightColumn #blogpickup .blogColumn .title{
	position:absolute;
	top:0px;
 	left:80px;
	width:160px;
	height:15px;
	}
#all #topbody #toprightColumn #blogpickup .blogColumn .detail{
	position:absolute;
	top:19px;
 	left:80px;
	width:160px;
	height:37px;
}