@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 次号目次


******************************************************************************* */



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }


#main .navBtnBlock{
	margin:60px 0 0;
	padding-top:20px;
	padding-bottom:40px;
	border-top:1px dotted #999;
	zoom:1;
	clear:both;
}
#main .navBtnBlock ul{ margin-left:-1px; zoom:1; clear:both; }
#main .navBtnBlock li{
	margin-left:1px;
	float:left;
}

#main div p.btn_backnumber{ width:auto; padding-top:20px; margin-left:0; text-align:right; display:block; float:none; clear:both; }

#main .navBtnBlock li a{ display:block; zoom:1; }
#main div p.btn_backnumber a{ width:316px; margin-left:auto; display:block; zoom:1; overflow:hidden; }

#main .navBtnBlock li a:link, #main .navBtnBlock li a:visited,
#main div p.btn_backnumber a:link, #main div p.btn_backnumber a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#main .navBtnBlock li a:active, #main .navBtnBlock li a:hover,
#main div p.btn_backnumber a:active, #main div p.btn_backnumber a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* フェード */
.fnFade {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.fnFade:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


@media only screen and (max-width: 1205px) {
	#main .navBtnBlock li{ width:33.2%; }
}
@media only screen and (max-width: 820px) {
	#main .navBtnBlock li{ width:49.8%; }
	#main .navBtnBlock li img{ width:100%; height:auto; }
}
@media only screen and (max-width: 600px) {
	#main .navBtnBlock ul{ margin-left:0; }
	#main .navBtnBlock li{
		max-width:340px;
		width:auto;
		margin:0 auto 1px;
		text-align:center;
		float:none;
	}

	#main div p.btn_backnumber a{ width:auto; }

	#sns{ text-align:right; }
}




/* ==

　01. 次号目次

=============================================================================== */
#main .book{
	width:946px;
	margin-bottom:15px;
	padding:1px;
	background-color:#fff;
	border:1px solid #ccc;
	clear:both;
}
#main .book div{ width:906px; padding:20px; /padding-bottom:0; background-color:#f8f8f7; clear:both; }

#main .book div.b_img{ width:240px; padding:0; float:left; clear:none; }
#main .book div.b_menu{ width:640px; padding:0; float:right; clear:none; }

.main .book div.b_img p{ margin-bottom:0; padding-bottom:10px; }
.book div.b_menu p, .book div.b_menu ul.odd p{ margin-bottom:5px; padding-bottom:0; }

.book div.b_menu ul{ width:300px; margin-right:20px; float:left; }
.book div.b_menu ul.odd{ width:300px; margin-right:0; }
.book div.b_menu li{ margin-bottom:7px; margin-left:1em; line-height:1.5; text-indent:-1em; }
.book div.b_menu li img{ margin:3px 0; }
#main .book div.b_menu li p{ font-size:100%; }
#main .book div.b_menu li p em{ font-weight:bold; }
#main .book div.b_menu .bnr{ padding-top:10px; text-align:center; }
#main .book div.b_menu .bnr a{ zoom:1; display:block; }

#main .book div.b_menu .bnr a:link, #main .book div.b_menu .bnr a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#main .book div.b_menu .bnr a:active, #main .book div.b_menu .bnr a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



/* 展示場・支店リンク */
#main .linkList{
	margin-bottom:60px;
	zoom:1;
	float:right;
	clear:both;
}
#main .linkList li{ margin-left:30px; font-size:114%; float:left; }
#main .linkList li.blank{ padding-left:17px; background-image:url(/common/images/renew2009/arrow_blank.gif); }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
	#main .book{ width:auto; }
	#main .book div{ width:auto; }
	.book div.b_menu ul{ width:48%; margin-right:5%; float:left; }
	.book div.b_menu ul.odd{ width:45%; margin-right:0; }

	#main .book div.b_img{ width:auto; padding:0 0 20px; float:none; text-align:center; clear:both; }
	#main .book div.b_menu{ width:auto; padding:0; float:none; clear:both; }
}
@media only screen and (max-width: 600px) {
	.book div.b_menu ul{ width:auto; margin-right:0; float:none; }
	.book div.b_menu ul.odd{ width:auto; margin-right:0; }

	#main .linkList{ float:none; }
	#main .linkList li{ margin-left:0; float:none; }
}