@charset  "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++ 
トップページ
+++++++++++++++++++++++++++++++++++++++++++ */

#topMainVisual{
	width:950px;
	height:500px;
	background-image:url(../images/topMainBg.png);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}

#topMainVisual h1.topTitle{
	height:80px;
	text-indent:0px;
	overflow:inherit;
	padding-top:25px;
	padding-left:20px;
}

#topMainVisual .whatsNew{
	width:356px;
	height:35px;
	margin-top:38px;
	margin-left:63px;
}
#topMainVisual .whatsNewBody{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	width:356px;
	margin-top:0;
	margin-left:63px;
	background:url(../images/topWhatsNewBg.png) left bottom no-repeat;
	padding:0 15px 15px;
}

#topMainVisual .whatsNewBody dl{
	margin:0;
	padding:0;
	font-size:14px;
	color:#724C33;
}
/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
#topMainVisual .whatsNewBody dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#topMainVisual .whatsNewBody dl {display: inline-block;}
/* Hides from IE-mac \*/
* html #topMainVisual .whatsNewBody dl {height: 1%;}
#topMainVisual .whatsNewBody dl {display: block;}
/* End hide from IE-mac */

#topMainVisual .whatsNewBody dl dt{
	float:left;
	width:88px;
	font-weight:normal;
	line-height:170%;
	letter-spacing:0.12em;
	padding:0;
	margin:0;
}

#topMainVisual .whatsNewBody dl dd{
	float:left;
	width:224px;
	background:none;
	text-align:left;
	line-height:170%;
	background:url(../images/topWhatNewArrow.png) left 9px no-repeat;
	padding:0 0 0 14px;
	margin:0;
}
/*+++++++++++++++++++++++++++++++++++++++++++HohokoCafe */
#cafeBanner {
	float: left;
	width:600px;
	height: 50px;
	padding: 130px 0 0 15px;
}



/*+++++++++++++++++++++++++++++++++++++++++++ subNavi */
#subNavi01{
	width:88px;
	height:18px;
	position:absolute;
	top:9px;
	left:862px;
}

/*#subNavi01 a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}*/

/*+++++++++++++++++++++++++++++++++++++++++++ Contents */
#topContentsWrapper{
	width:918px;
	padding:17px 16px 0;
	background:url(../images/topContentsWrapperBg.png) left top repeat-x;
}

#topContentsLeft{
	float:left;
	width:679px;
}

#topContentsLeft ul{
	width:679px;
}

#topContentsLeft ul li{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:93%;
	color:#724C34;
	list-style:none;
	line-height:150%;
	background:url(../images/topContentsBorder.gif) left bottom repeat-x;
	margin:0 13px 0 15px;
	padding:6px 5px 8px;
}

#topContentsLeft ul li p{
	background:url(../images/topWhatNewArrow.png) left 8px no-repeat;
	margin:0;
	padding:0 0 0 13px;
	display: inline-block;
}

#topContentsRight{
	float:left;
	width:239px;
}

#topContentsRight .banner01{
	padding-top:16px;
	padding-left:5px;
}
#topContentsRight .banner02{
	padding-top:14px;
	padding-right:4px;
}
#topContentsRight .banner03{
	padding-top:14px;
	padding-left:5px;
}

#topContentsBooks{
	clear:both;
}

#topContentsBooks .booksNew{
	width:285px;
	height:360px;
	background:url(../images/topBooksNewBg.png) left top no-repeat;
	margin:0;
	padding:32px 0 0 28px;
	position:absolute;
	top:0;
	left:0;
}

#topContentsBooks .booksTp{
	width:906px;
	height:358px;
	background:url(../images/topBooksBgTop.png) left top no-repeat;
	margin:0 0 0 12px;
	padding-top:34px;
	position:relative;
}
#topContentsBooks .booksTp ul{
	clear:both;
	width:575px;
	margin:0 18px 0 25px;
	padding:12px 0 0 288px;
	border-bottom:1px solid #C9B399;
}
/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
#topContentsBooks .booksTp ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#topContentsBooks .booksTp ul {display: inline-block;}
/* Hides from IE-mac \*/
* html #topContentsBooks .booksTp ul {height: 1%;}
#topContentsBooks .booksTp ul {display: block;}
/* End hide from IE-mac */

#topContentsBooks .booksTp ul li{
	list-style:none;
	float:left;
	width:143px;
	margin:0 1px 0 0;
	padding:0;
}
#topContentsBooks .booksTp ul li.bookR{
	margin:0;
}


#topContentsBooks .booksMd{
	clear:both;
	width:906px;
	background:url(../images/topBooksBgMiddle.png) left top repeat-y;
	margin:0 0 0 12px;
}
#topContentsBooks .booksMd ul{
	clear:both;
	width:863px;
	margin:0 18px 0 25px;
	padding:0;
	border-bottom:1px solid #C9B399;
}
/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
#topContentsBooks .booksMd ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#topContentsBooks .booksMd ul {display: inline-block;}
/* Hides from IE-mac \*/
* html #topContentsBooks .booksMd ul {height: 1%;}
#topContentsBooks .booksMd ul {display: block;}
/* End hide from IE-mac */

#topContentsBooks .booksMd ul li{
	list-style:none;
	float:left;
	width:143px;
	margin:0 1px 0 0;
	padding:0;
}
#topContentsBooks .booksMd ul li.bookR{
	margin:0;
}


#topContentsBooks .booksBt{
	clear:both;
	width:906px;
	height:173px;
	background:url(../images/topBooksBgBottom.png) left bottom no-repeat;
	margin:0 0 67px 12px;
	padding-bottom:19px;
}
#topContentsBooks .booksBt ul{
	clear:both;
	width:863px;
	margin:0 18px 0 25px;
	padding:7px 0 0 0;
}
/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
#topContentsBooks .booksBt ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#topContentsBooks .booksBt ul {display: inline-block;}
/* Hides from IE-mac \*/
* html #topContentsBooks .booksBt ul {height: 1%;}
#topContentsBooks .booksBt ul {display: block;}
/* End hide from IE-mac */

#topContentsBooks .booksBt ul li{
	list-style:none;
	float:left;
	width:143px;
	margin:0 1px 0 0;
	padding:0;
}
#topContentsBooks .booksBt ul li.bookR{
	margin:0;
}

/*+++++++++++++++++++++++++++++++++++++++++++ Footer */
#footer{
	margin-top:0;
}
#footer li{
	list-style:none;
	float:right;
	height:35px;
}
#footer li#topPagePhotoAlbum{
	float:left;
	padding-left:18px;
}