@charset "utf-8";

#recommend h2 {
	padding-bottom:10px;
}


/* Top page */
#recomTop {
	position:relative;
	padding:10px 0;
}

#recomTop dl {	
	margin-bottom:18px;
	padding-bottom:18px;
	background:url(../images/index_bg01.gif) repeat-x left bottom;
}

#recomTop dt {
	position:absolute;
	width:250px;
	padding-right:10px;
}


#recomTop dt span.date {
	padding-bottom:7px;
	display:block;
}

#recomTop dt span.link {
	background:url(../../common/images/ic_arrow_pink.gif) no-repeat 0 0.2em;
	padding:0 0 7px 20px;
	font-size:85%;
	display:block;
}

#recomTop dt span.link a,
#recomTop dt span.link a:visited,
#recomTop dt span.link a:active {
	color:#0461B0;
	text-decoration:underline;
}

#recomTop dt span.link a:hover {
	color:#0461B0;
	text-decoration:none;
}

#recomTop dt span.pref {
	width:122px;
	padding:2px;
	display:block;
	border:1px solid #E2E2E2;
	text-align:center;
	font-weight:bold;
}

#recomTop dd {
	padding:0 0 0 260px;
}

#recomTop dd img {
	padding-left:17px;
	border-left:1px solid #E2E2E2;
}


/* second */
#volTitle {
	position:relative;
	height:195px;
}

#volTitle p.volum {
	position:absolute;
	top:112px;
	left:29px;
}

#volTitle p.btBacknum {
	position:absolute;
	top:150px;
	right:6px;
}

#aboutClub {
	position:relative;
	width:904px;
	background:url(../images/bg_02.gif) no-repeat right bottom;
	margin-bottom:20px;
}

#aboutClub p.photo {
	width:636px;
	float:left;
	padding-top:6px;
}

#aboutClub .clubExplain {
	width:268px;
	float:right;
	background:url(../images/bg_01.jpg) no-repeat left top;
}

#aboutClub .clubExplain h3 {
	padding:64px 0 17px 0;
	text-align:center;
}

#aboutClub .clubExplain h3 img,
#aboutClub p.btDetail img {
	display:block;
	margin:0 auto;
}

#aboutClub .clubExplain p {
	margin:0 14px 20px 14px;
	line-height:1.6;
}

#aboutClub p.btDetail {
	margin:0 0 14px 0;
	text-align:center;
}

#aboutClub p.btinfo {
	margin:0 0 10px 0;
	text-align:center;
}
#aboutClub p.btinfo a{
	color:#ff2fa9;
	text-decoration:none;
}
#aboutClub p.btinfo a:hover{
	color:#ff2fa9;
	text-decoration:underline;
}


#dotBox {
	clear:both;
	width:901px;
	margin:0 auto 25px auto;
	background:url(../images/bg_03.gif) repeat-y 0 0;
}

#dotBox .dotInner {
	background:url(../images/bg_04.gif) no-repeat 0 0;
	padding:1px;
}

#dotBox h4 {
	clear:both;
	font-size:70%;
	padding-bottom:5px;
}

.container {
	clear:both;
	width:859px;
	padding:20px;
}

.container:after,
.container p:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.container,
.container p {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .container,
* html .container p {height: 1%;}
.container,
.container p {display: block;}
/* End hide from IE-mac */

.area01 {
	background:url(../images/bg_05.gif) repeat-y 499px 0;
}

.area02 {
	background:url(../images/bg_05.gif) repeat-y 374px 0;
}

.area03 {
	background:url(../images/bg_05.gif) repeat-y 419px 0;
}

.section {
	clear:both;
	height:1px;
	background:url(../images/bg_04.gif) no-repeat 0 0;
}

.section hr {
	display:none;
}


.frame01 {
	width:458px;
	float:left;
}

.frame02 {
	width:358px;
	float:right;
}

.frame02_2 {
	width:365px;
	float:right;
}

.frame03 {
	width:378px;
	float:left;
}

.frame03_2 {
	width:373px;
	_width:372px;
	float:left;
}
.frame03_3 {
	width:850px;
	float:left;
}
.frame03_3 .left{
	float:left;
	width:420px;
}
.frame03_3 .right{
	float:right;
	width:380px;
}
.frame03_4 {
	width:850px;
	float:left;
}
.frame03_4 .left{
	float:left;
	width:450px;
	_width:420px;
}
.frame03_4 .right{
	float:right;
	width:380px;
}

.frame04 {
	width:281px;
	float:left;
}

.frame05 {
	width:440px;
	float:left;
}

.frame06 {
	width:380px;
	float:left;
	padding-right:39px;
}

.frame07 {
	width:320px;
	float:left;
}

.frame08 {
	width:480px;
	float:left;
}

.frame08_2 {
	width:483px;
	_width:485px;
	float:left;
}

.left {
	float:left;
}

.left_a {
	float:left;
	padding-top:35px;
}

.left_a2 {
	float:right;
}

.imgL {
	float:left;
	margin-right:12px;
}

.imgR {
	float:right;
	margin-left:12px;
}

.imgR2 {
	float:right;
	/*margin-left:12px;*/
}

.w255 {
	width:255px;
}

.w310 {
	width:311px;
}

.w332 {
	width:332px;
}

.w420 {
	width:420px;
}

.w440 {
	width:440px;
}


.photoB {
	padding-top:8px;
}

.photoB_m {
	margin-top:8px;
}

.photoT {
	padding-bottom:10px;
}



p.btReserve {
	clear:both;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:269px;
}

p.btReserve img {
	display:block;
	background:0 auto;
}


/* Next, Back button */
ul.button {
	clear:both;
	width:169px;
	margin:0 auto;
	padding:15px 0;
}

ul.button li {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

ul.button li.back {
	padding-right:20px;
	border-right:1px solid #D4D4D4;
}

ul.button li.back2 {
	padding-right:21px;
}

ul.button li.next {
	padding-left:20px;
}

.clear{
	clear:both;
	font-size:0px;
	height:0px;
	margin:0px;
	padding:0px;
}