@charset "Shift_JIS";

div#hdr_bg {
	padding-bottom: 20px;
}


/* ============================================================
	clearfix
============================================================ */
div#content div.sectionTop:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
}
div#content div.sectionTop{ 
	zoom:1;/* for IE 5.5-7 */
}

ul#navigation {
	height:73px;
}

ul#navigation li#introduction {
	background: url(../../img_cmn/navi_introduction_now.gif) bottom center no-repeat;
	text-indent: -9999px;
}

ul#navigation li#invitation a {
	background-image: url(../../img_cmn/navi_invitation.gif);
}

ul#navigation li#introduction a {
	background-image: url(../../img_cmn/navi_introduction.gif);
}

ul#navigation li#enjoy a {
	background-image: url(../../img_cmn/navi_enjoy.gif);
}

ul#navigation li#recommend,
ul#navigation li#tsushin {
	padding: 3px 0 0 0;
}

h1{
	clear:both;
	margin:0 auto;
	text-align:center;
	padding:0;
}

div#content {
	width:766px;
	margin:0 auto;
	padding:24px 0 0 0;
	background:url(../../img_cmn/bg_contentsmiddle.gif) repeat-y;
}

div#content div.sectionTop{
	width:700px;
	margin:0 0 50px 42px;
}

div#content div.sectionTop p.leadCopy {
	float:left;
	width:329px;
	margin:0 21px 0 0;
	padding:0;
}

div#content div.sectionTop div.box {
	float:left;
	width:330px;
	height:210px;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
	background:url(../img/bg_product.gif);
}

div#content div.sectionTop div.box h2{
	position:absolute;
	top: 7px;
	left:163px;
}

* html div#content div.sectionTop div.box h2{
	top:14px;/* for IE6 */
}

*:first-child+html div#content div.sectionTop div.box h2{
	top:14px;/* for IE7 */
}

div#content div.sectionTop div.box p.info {
	position: absolute;
	top: 80px;
	left:163px;
}

div#content div.sectionTop div.box p.mikanko {
	position: absolute; 
	top: -22px; 
	left: -12px; 
	z-index: 30;
}

div#content div.sectionTop div.box p.thumBook{
	position:absolute;
	top: 7px;
	left:16px;
	text-align: center;
}

* html div#content div.sectionTop div.box p.thumBook{
	top:14px;/* for IE6 */
}

*:first-child+html div.sectionTop div.box p.thumBook{
	top:14px;/* for IE7 */
}

div#content div.sectionTop div.box p.thumBook img.book {
	padding-bottom: 10px;
}


div#content div.sectionBottom{
	width:680px;
	margin:0 0 0 42px;
}

div#content div.sectionBottom  div.listBox{
	width:640px;
	margin: 0 auto 30px auto;
	padding: 19px 19px 9px 19px;
	border:#ba9916 solid 1px;
	background-color:#fffaf6;
}

div#content div.sectionBottom  div.listBox h3 {
	margin: 0;
	padding: 0 0 15px 0;
}

div#content div.sectionBottom  div.listBox p {
	margin: 0;
	padding: 0 0 20px 0;
}

div#content div.sectionBottom  div.listBox ul{
	width:570px;
	margin: 0 auto;
	padding-left: 10px;
}

div#content div.sectionBottom  div.listBox ul li{
	position: relative;
	float:left;
	width:95px;
	height: 128px;
}

div#content div.sectionBottom  div.listBox ul li p {
	position: absolute;
	bottom: 5px;
	right: 3px;
	z-index: 9;
	padding: 0;
}

div#content div.sectionBottom  div#passion {
	height:482px;
}

div#content div.sectionBottom  div#passion ul li.lastChild{
	padding-left: 48px;
}

div#content div.sectionBottom  div#tender {
	height:350px;
}

div#content div.sectionBottom  div#tender ul li.lastChild{
	padding-left: 138px;
}

div#content div.sectionBottom  div#suspense {
	height:220px;
}

div#content div.sectionBottom  div#suspense ul {
	width:285px;
}

div#content div.sectionBottom  div#historical {
	height:220px;
	margin: 0 auto;
}

div#content div.sectionBottom  div#historical ul {
	width:380px;
}







div#pageTop {
	clear:both;
	width:766px;
	height:120px;
	margin:0 auto 35px auto;
	background:url(../../img_cmn/bg_contentsbottom.gif) center bottom no-repeat;
}

div#pageTop p{
	width:144px;
	height:12px;
	margin:0 auto;
	padding-top:50px;
}

div#pageTop p a {
	display: block;
	width:144px;
	height:12px;
	background: url(../../img_cmn/btn_pagetop.gif) top center no-repeat;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

div#pageTop p a:hover {
	background-position: bottom;
}