@charset "Shift_JIS";


/**
 *	browser hack
 *
 *	IE7 only : *:first-child+html div{}
 *	IE6 only : * html div{}
 */
/*-- IE 6 hack --*/
/*-- IE 7 hack --*/
/*******************************************************************************
 *
 *Web Site: 
 *Modified:2009.07.28
 *File :csr/csr_vision/resource/css/detail.css
 *Description : 独自設定
 *

menu

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

/*--.index ---------------------*/

.index #special_feature{
border:1px solid #CCC;
}



/*--.top_head ---------------------*/

.index #top_head{
clear:both;
margin-bottom:10px;
margin-left:-15px;
overflow:hidden;

}


/*-- IE 6 hack --*/
* html .index #top_head{
zoom:1;/*-- clearfix --*/
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_head{
zoom:1;/*-- clearfix --*/
}

.index #top_head .section_ {
float:left;
margin-left:15px;
width:370px;
}

/*-- IE 6 hack --*/
* html .index #top_head .section_ {
display:inline;
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_head .section_ {
display:inline;
}


.index #top_head #top_commitment2{
margin-bottom:0;
}

.index #top_head #top_commitment .figure{
margin-top:10px;
height: 145px;
overflow: visible;
}

.index #top_head #top_commitment h2 {
margin-bottom:5px;
height: 145px;
}

.index #top_head #top_commitment p {
margin-right:10px;
margin-bottom:5px;
}

.index #top_head #top_commitment ul.arw_list {
border:none;
}

.index #top_head #top_commitment ul.arw_list li {
overflow:hidden;
}

/*-- IE 6 hack --*/
* html .index #top_head #top_commitment ul.arw_list li{
zoom:1;/*-- clearfix --*/
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_head #top_commitment ul.arw_list li{
zoom:1;/*-- clearfix --*/
}



.index #top_head #top_news {
margin-top:0;
margin-bottom:0;
}

#csrNews p.small.date{
float:left;
display: inline;
width: 5em;
}
#csrNews p.link{
padding-left: 5.5em;
}

.index #top_head #top_news .u_title_img{
margin-bottom:5px;

padding-bottom: 1px;
background: url(../img/r_area_bg_dot.gif) repeat-x left bottom;
border-top: solid #93BECE 1px;
}



/*--.top_index ---------------------*/

.index #top_index{
clear:both;
margin-left:-15px;
overflow:hidden;
}


/*-- IE 6 hack --*/
* html .index #top_index{
zoom:1;/*-- clearfix --*/
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_index{
zoom:1;/*-- clearfix --*/
}


.index #top_index .section_ {
background: url(../img_index/bg_sub_category.gif) repeat-x 0 0;

float:left;
margin-bottom:15px;
margin-left:15px;
width:370px;
line-height:1.4;
}

/*-- IE 6 hack --*/
* html .index #top_index .section_ {
float:none;
display:inline;
vertical-align:top;
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_index .section_ {
float:none;
display:inline;
vertical-align:top;
}



.index #top_index .section_ h2 {
margin:0;
margin-bottom:5px;
}

/*-- IE 6 hack --*/
* html .index #top_index .section_ h2{
float:left;
}

.index #top_index .section_ p {
margin:0;
margin-left:10px;
margin-right:10px;
line-height:1.3;

}

.index #top_index .section_ .figure {
margin-top:17px;
margin-bottom:10px;
margin-left:10px;
display:inline;
}

.index #top_index .section_ ul.arw_list {
border:none;
}

.index #top_index .section_ ul.arw_list li {
border:none;
}

.index #top_index #top_recommend .u_title_img{
margin-bottom:4px;
margin-left:15px;
padding-bottom: 1px;
}
.index #top_index #top_category .u_title_img{
margin-bottom:5px;
margin-left:15px;
padding-bottom: 1px;
}


.index #top_index #s5.section_,
.index #top_index #s6.section_ {
height:180px;
}






/*--.top_footer ---------------------*/

.index #top_footer{
clear:both;
margin-left:-15px;
overflow:hidden;
}


/*-- IE 6 hack --*/
* html .index #top_footer{
zoom:1;/*-- clearfix --*/
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_footer{
zoom:1;/*-- clearfix --*/
}


.index #top_footer .section_ {
float:left;
margin-top:auto;
margin-bottom:auto;
margin-left:15px;
width:350px;
height:65px;

background-color:#e9f5f9;
border:1px solid #93becc;
padding:9px;
}

/*-- IE 6 hack --*/
* html .index #top_footer .section_ {

display:inline;
}
/*-- IE 7 hack --*/
*:first-child + html .index #top_footer .section_ {

display:inline;
}

.index #top_footer ul.arw_list {
border:none;
margin-bottom:0px;
}

.index #top_footer p {
margin:0 15px;
font-size:84%;
}






/*全体*/
#csrRecommend #booksNavi {
	position: relative;
	width: 754px;
	height: 91px;
	margin-left: 15px;
	margin-bottom: 20px;
}
/*マスク用ブロック*/
.item {
	width: 702px;/*←1画面に3つの高さ設定*/
	height: 91px;	
	position: absolute;
	top: 0;
	left: 25px;
	overflow: hidden;
}
/*スライドボタン*/
.leftBtn a,
.rightBtn a{
	width: 21px;
	height: 91px;
	position: absolute;
	top: 0;
	text-align: left;
}
.leftBtn a{
	display:block;
	top: 0;
	background: url(../img_index/btn_recomment_left.gif) no-repeat;
	text-align: left;
	text-indent:-9999px;
	outline: none;
}
.rightBtn a{
	display:block;
	left: 731px;
	background: url(../img_index/btn_recomment_right.gif) no-repeat;
	text-align: left;
	text-indent:-9999px;
	outline: none;
}

/*内容*/
.item ul {
	width: 2052px;	/*←全体の幅＋1つ分の幅設定*/
	height: 91px;	
	position: absolute;
	left: 0;
	top: 0;
}
/*アイテム*/
.item li {
	float: left;
	list-style: none;
	width: 236px;
	height: 91px;
	padding: 0;
}


.infiniteCarousel {
	clear: both;
	position:relative;
	width: 754px;
	height: 91px;
	margin-left: 15px;
	margin-bottom: 20px;
	}

.infiniteCarousel .wrapper {
	position:absolute;
	width:702px;
	height:91px;
	margin:0;
	top:0;
	left:25px;
	overflow:hidden;
	}
.infiniteCarousel .wrapper ul {
	position:absolute;
	top:0;
	width:9999px;
	}
.infiniteCarousel ul {
	height:91px;
	margin:0;
	overflow:hidden;
	}
.infiniteCarousel ul li {
	float:left;
	display:block;
	width:236px;
	height:91px;
	list-style:none outside none;
	margin:0;
	padding:0;
	}
a.arrow.back,
a.arrow.forward {
	display:block;
	width:21px;
	height:91px;
	position:absolute;
	top:0;
	text-indent:-9999px;
	outline: none;
	}
a.arrow.back {
	background:url(../img_index/btn_recomment_left.gif) no-repeat;
	text-align: left;
	}
a.arrow.back:hover {
}
a.arrow.forward {
	background:url(../img_index/btn_recomment_right.gif) no-repeat;
	left:731px;
	text-align: left;
}
a.arrow.forward:hover {
}
.wrapper ul li a {
	display:block;
	width:236px;
	height:91px;
	text-indent:-9999px;
	}
#main_01 {background:url(../img_index/fig_recommend_06.jpg) no-repeat;}
#main_02 {background:url(../img_index/fig_recommend_01.jpg) no-repeat;}
#main_03 {background:url(../img_index/fig_recommend_05.jpg) no-repeat;}
#main_04 {background:url(../img_index/fig_recommend_03.jpg) no-repeat;}
#main_05 {background:url(../img_index/fig_recommend_02.jpg) no-repeat;}
#main_06 {background:url(../img_index/fig_recommend_04.jpg) no-repeat;}
#main_07 {background:url(../img_index/fig_recommend_07.jpg) no-repeat;}


@media print {

	.category_ttl {
		position: absolute; top:0; left: 0;
	}
	#main_type02 {
		/*min-heihgt: 660px;
		_height: 660px;*/
	width: 760px;
		position: relative; top:190px; left: 0;
		padding-top: 0px;
	}
	#rightarea {
		position: absolute; top: 190px; left: 770px;
		padding-top: 0px;
	}
	#footer {
		position: absolute;
		top: 900px;
		padding-top: 0px;
	}
}