@charset "UTF-8";
/*****************************************************
index.css
Last Modified: 2010-02-08
******************************************************/
#contents #mv {
	clear: both;
	width: 580px;
}



/* info */
#contents #info {
	clear: both;
	width: 580px;
	margin-top: 10px;
}



#contents ul.icon-list01{
	margin-top: 10px;
}



body#index #contents ul.icon-list01 li{
	padding-left: 15px;
	background: url(../images/com_ic01.gif) no-repeat left 0.3em;
}




/* contents-inner */
#contents #contents-inner {
	clear: both;
	width: 780px;
	margin: 0px;
	padding: 18px 0px 0px;
}



/* event */
#contents #event {
	clear: both;
	width: 780px;
	height: 408px;
	background: url(../../images/index_bg01.gif) no-repeat left top;
}



#contents #event .event-col2{
	clear: both;
	width: 723px;
	margin: 0px 0px 0px 31px;
	padding: 0px 0px 15px;
	background: url(../../images/index_bg06.gif) no-repeat left bottom;
}



#contents #event .event-col2 .colleft01{
	float: left;
	width: 354px;
	min-height: 105px;
	margin: 0px;
	padding: 5px 0px 0px;
	background: url(../../images/index_bg05.gif) no-repeat left top;
}



#contents #event .event-col2 .colright01{
	float: right;
	width: 354px;
	min-height: 105px;
	margin: 0px;
	padding: 5px 0px 0px;
	background: url(../../images/index_bg05.gif) no-repeat left top;
}



* html #contents #event .event-col2 .colleft01,
* html #contents #event .event-col2 .colright01{
	height: 105px;
}




#contents #event .event-col2 .colleft01 .event-photo,
#contents #event .event-col2 .colright01 .event-photo{
	float: left;
	width: 145px;
	margin: 0px;
	padding: 0px 0px 0px 9px;
}



#contents #event .event-col2 .colleft01 .event-text,
#contents #event .event-col2 .colright01 .event-text{
	position: relative;
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px 9px 0px 0px;
}



#contents #event .event-col2 .colleft01 .event-text .read-more,
#contents #event .event-col2 .colright01 .event-text .read-more{
	position: absolute;
	top: 85px;
	left: 0px;
	width: 170px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	text-align: right;
}




#contents #event #event-inner{
	clear: both;
	width: 748px;
	margin: 5px 0px 0px 17px;
	padding-top: 9px;
	background: url(../../images/index_hr01.gif) repeat-x left top;
}



#contents #event #event-inner .event-info{
	float: left;
	width: 580px;
	padding: 0px 0px 0px 17px;
}



#contents #event #event-inner .event-info ul{
	margin-top: 5px;
}



#contents #event #event-inner .event-info ul li{
	padding-left: 15px;
	background: url(../images/com_ic02.gif) no-repeat left center;
	color: #130c7d;
}



#contents #event #event-inner .event-btn{
	float: right;
	width: 112px;
	padding: 40px 15px 0px 0px;
}




/* shop-info */
#contents #shop-info {
	clear: both;
	width: 780px;
	margin: 10px 0px 0px;
	padding: 0px 0px 7px;
	background: url(../../images/index_bg02.gif) no-repeat left bottom;
}



#contents #shop-info .shop-col2{
	clear: both;
	width: 760px;
	margin: 10px 7px 0px;
	padding: 0px 0px 9px;
	background: url(../../images/index_hr02.gif) repeat-x left bottom;
}



#contents #shop-info .end{
	background: url(none);
}



#contents #shop-info .shop-col2 .colleft02{
	float: left;
	width: 380px;
}



#contents #shop-info .shop-col2 .colright02{
	float: right;
	width: 380px;
}




#contents #shop-info .shop-col2 .colleft02 .shop-photo,
#contents #shop-info .shop-col2 .colright02 .shop-photo{
	float: left;
	width: 101px;
	padding: 0px 0px 0px 20px;
}



#contents #shop-info .shop-col2 .colleft02 .shop-text,
#contents #shop-info .shop-col2 .colright02 .shop-text{
	float: right;
	width: 245px;
	padding: 0px;
}



#contents #shop-info .shop-col2 p.shop-title{
	margin: 0px;
}



#contents ul.icon-list01 li .indent4{
	display: block;
	margin-left: 4em;
	text-indent: -4em;
}



#contents #shop-info .shop-col2 p.shop-title a:link {
	color: #ff1111;
	text-decoration: underline;
}



#contents #shop-info .shop-col2 p.shop-title a:visited {
	color: #ff1111;
	text-decoration: underline;
}




#contents #shop-info .shop-col2 p.shop-title a:active {
	color: #ff1111;
	text-decoration: underline;
}




#contents #shop-info .shop-col2 p.shop-title a:hover {
	color: #130c7d;
	text-decoration: underline;
}



/* book-ranking */
#contents #book-ranking {
	clear: both;
	width: 780px;
	margin: 16px 0px 0px;
	padding: 0px 0px 15px;
	background: url(../../images/index_bg03.gif) no-repeat left bottom;
}



#contents #book-ranking .col4{
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 13px;
}



#contents #book-ranking .col4 .colleft01,
#contents #book-ranking .col4 .colleft03{
	float: left;
	width: 164px;
	margin: 0px 13px 0px 0px;
	padding: 10px 7px 0px;
	background: url(../images/com_bg05.gif) repeat-x left top;
}



#contents #book-ranking .col4 .colleft02{
	float: left;
	width: 164px;
	margin: 0px 14px 0px 0px;
	padding: 10px 7px 0px;
	background: url(../images/com_bg05.gif) repeat-x left top;
}



#contents #book-ranking .col4 .colleft04{
	float: left;
	width: 164px;
	margin: 0px;
	padding: 10px 7px 0px;
	background: url(../images/com_bg05.gif) repeat-x left top;
}



#contents #book-ranking .col4 .inner{
	clear: both;
	width: 164px;
	padding: 0px 0px 5px;
}



#contents #book-ranking .col4 .inner .ranking-title{
	float: left;
	width: 100px;
}



#contents #book-ranking .col4 .inner .ranking-date{
	float: right;
	width: 60px;
	text-align: right;
}



#contents #book-ranking .col4 ol li.num01{
	padding: 0px 0px 5px 22px;
	background: url(../images/com_ic03.gif) no-repeat left top;
}



#contents #book-ranking .col4 ol li.num02{
	padding: 0px 0px 5px 22px;
	background: url(../images/com_ic04.gif) no-repeat left top;
}



#contents #book-ranking .col4 ol li.num03{
	padding: 0px 0px 5px 22px;
	background: url(../images/com_ic05.gif) no-repeat left top;
}




/* other */
#contents #other {
	clear: both;
	width: 780px;
	margin: 7px 0px 0px;
}



#contents #other #other-col2{
	float: left;
	width: 587px;
	padding: 0px 0px 15px;
	background: url(../../images/index_bg04.gif) no-repeat left bottom;
}



/* chart */
#contents #other #other-col2 #chart{
	float: left;
	width: 394px;
	padding: 0px;
}



#contents #other #other-col2 #chart #chart-col2{
	float: left;
	width: 369px;
	padding: 0px 13px 0px 12px;
}



#contents #other #other-col2 #chart #chart-col2 .chart-left{
	float: left;
	width: 164px;
	margin: 0px;
	padding: 10px 7px 0px;
	background: url(../images/com_bg06.gif) repeat-x left top;
}



#contents #other #other-col2 #chart #chart-col2 .chart-right{
	float: right;
	width: 164px;
	margin: 0px;
	padding: 10px 7px 0px;
	background: url(../images/com_bg04.gif) repeat-x left top;
}



#contents #other #other-col2 #chart #chart-col2 .inner{
	clear: both;
	width: 164px;
	padding: 0px 0px 5px;
}



#contents #other #other-col2 #chart #chart-col2 .inner .chart-title{
	float: left;
	width: 100px;
}



#contents #other #other-col2 #chart #chart-col2 .inner .chart-date{
	float: right;
	width: 60px;
	text-align: right;
}



#contents #other #other-col2 #chart #chart-col2 ol li.dvd-num01{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic06.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.dvd-num02{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic07.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.dvd-num03{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic08.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.dvd-num04{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic09.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.dvd-num05{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic10.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.cd-num01{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic11.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.cd-num02{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic12.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.cd-num03{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic13.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.cd-num04{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic14.gif) no-repeat left top;
}



#contents #other #other-col2 #chart #chart-col2 ol li.cd-num05{
	padding: 0px 0px 5px 25px;
	background: url(../images/com_ic15.gif) no-repeat left top;
}




/* access */
#contents #other #other-col2 #access{
	float: right;
	width: 187px;
	text-align: center;
}



#contents #other #other-col2 #access .access-text{
	margin-top: 10px;
}



#contents #other #other-col2 #access .access-map{
	margin-top: 4px;
}



#contents #other #other-col2 #access .access-btn{
	margin-top: 7px;
}



#contents #other #banner-area{
	float: right;
	width: 187px;
}




/* margin */
div#contents div#contents-inner .first-child{
	margin-top: 0px;
}



div#contents div#contents-inner .mt2{
	margin-top: 2px;
}



div#contents div#contents-inner .mt4{
	margin-top: 4px;
}



div#contents div#contents-inner .mt10{
	margin-top: 10px;
}



div#contents div#contents-inner .mr3{
	margin-right: 2px;
}




/*99: clearfix
=========================================*/
#contents #contents-inner:after,
#contents ul.icon-list01 li:after,
#contents #event .event-col2:after,
#contents #event #event-inner:after,
#contents #event #event-inner .event-info ul li:after,
#contents #shop-info .shop-col2:after,
#contents #book-ranking .col4:after,
#contents #book-ranking .col4 .inner:after,
#contents #other:after,
#contents #other #other-col2:after,
#contents #other #other-col2 #chart:after,
#contents #other #other-col2 #chart #chart-col2:after,
#contents #other #other-col2 #chart #chart-col2 .inner:after,
#contents #book-ranking .col4 ol li:after,
#contents #other #other-col2 #chart #chart-col2 ol li:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}



 
* html #contents #contents-inner,
* html #contents ul.icon-list01 li,
* html #contents #event .event-col2,
* html #contents #event #event-inner,
* html #contents #event #event-inner .event-info ul li,
* html #contents #shop-info .shop-col2,
* html #contents #book-ranking .col4,
* html #contents #book-ranking .col4 .inner,
* html #contents #other,
* html #contents #other #other-col2,
* html #contents #other #other-col2 #chart,
* html #contents #other #other-col2 #chart #chart-col2,
* html #contents #other #other-col2 #chart #chart-col2 .inner,
* html #contents #book-ranking .col4 ol li,
* html #contents #other #other-col2 #chart #chart-col2 ol li{ /* IE6 hack */
 zoom: 1; 
}




*:first-child+html #contents #contents-inner,
*:first-child+html #contents ul.icon-list01 li,
*:first-child+html #contents #event .event-col2,
*:first-child+html #contents #event #event-inner,
*:first-child+html #contents #event #event-inner .event-info ul li,
*:first-child+html #contents #shop-info .shop-col2,
*:first-child+html #contents #book-ranking .col4,
*:first-child+html #contents #book-ranking .col4 .inner,
*:first-child+html #contents #other,
*:first-child+html #contents #other #other-col2,
*:first-child+html #contents #other #other-col2 #chart,
*:first-child+html #contents #other #other-col2 #chart #chart-col2,
*:first-child+html #contents #other #other-col2 #chart #chart-col2 .inner,
*:first-child+html #contents #book-ranking .col4 ol li,
*:first-child+html #contents #other #other-col2 #chart #chart-col2 ol li{ /* IE7 hack */  
 zoom: 1; 
}