@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------
  TOP IMAGE
-----------------------------------------------*/

.img_top {
	margin-top: 20px;
}


/*-----------------------------------------------
  PICK UP & BOOKS & MOVIES
-----------------------------------------------*/

#container {
	width: 880px;
	margin: 0 auto;
}

#subNavi {
	width: 305px;
	margin-right: 45px;
	float: left;
}
#subNavi p{
	text-align: justify;
}
#mainContents {
	width: 530px;
	float: left;
}
.divTop {
	height: 29px;
	background: url(../img/concept/divTop.gif) center top repeat-x;
	clear: left;
}
.inner {
	padding-left: 8px;
	padding-right: 20px;
}
/* PICK UP */
h1.pickup{
	text-indent: -9999px;
	background: url(../img/pickup/title_pickup.jpg) top left no-repeat;
	width: 880px;
	height: 40px;
}
.ttl_pickup {
	position: relative;
}
.btn_pickup {
	position: absolute;
	right: 0;
	top: -5px;
	text-indent: -999em;
	overflow: hidden;
	
}
.btn_pickup a {
	display: block;
	width: 203px;
	height: 24px;
	text-indent: -999em;
	overflow: hidden;
}

.btn1 a {
	background: url(../img/pickup/btn_daikanyama.jpg) left top no-repeat;
}
.btn2 a {
	background: url(../img/pickup/btn_narita.jpg) left top no-repeat;
}
.btn1 a:hover {
	background: url(../img/pickup/btn_daikanyama.jpg) left -30px no-repeat;
}
.btn2 a:hover {
	background: url(../img/pickup/btn_narita.jpg) left -30px no-repeat;
}


#thumb {
	margin-bottom: 10px;
}
#thumb li {
	float: left;
	display: inline;
	width: 130px;
	height: 100px;
	margin: 15px 20px 20px 0;
	position: relative;
}
#thumb li.last {
	margin-right: 0;
}

#thumb img {
	vertical-align: bottom;
	border: 0;
	width: 130px;
	height: 69px;
	margin-top: 17px;
	overflow: hidden;
}

div.overlay_siro a  {
	display: block;
	width: 130px;
	height: 69px;
	background: url(../img/pickup/overlay_siro.png) left center repeat;
	z-index: 100;
	position: absolute;
	left: 0;
	top: 17px;
	text-indent: -999px;
	overflow: hidden;
}
div.overlay_siro a:hover {
	background: url(../img/pickup/overlay_hover.png) left top repeat;
}
div.overlay_siro a.stay {
	background: url(../img/pickup/overlay_stay.png) left top repeat;
}
.pickup_ttl {
	font-size: 11px;
	margin-top: 5px;
}
.flag_new  {
	text-indent: -999px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/feature/new.gif) left top no-repeat;
	width: 22px;
	height: 12px;
}

/** スライド **/
#mainImg {
	margin-bottom: 20px;
	position: relative;
	width: 880px;
	height: 420px;
	overflow: hidden;
	
}
#obi {
	width: 850px;
	padding: 10px 15px; 
	position: absolute;
	left: 0;
	background: url(../img/pickup/obi.png) top left repeat;
	color: #FFFFFF;
	z-index: 99;
}

#obi a {
	color: #FFFFFF;
}
#obi h3.pickup_ttl {
	font-size: 12px;
}
#obi p.pickup_text {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	width: 770px;
	line-height: 1.4;
}

.buy a:visited {
	color: #FFFFFF;
}
.buy a {
	display: block;
	height: 15px;
	width: 60px;
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-size: 10px;
	padding-left: 10px;
	background: url(../img/pickup/arrow.png) left 1px no-repeat;
	color: #FFFFFF;
	line-height: 1.2;
}

/** TOP image **/
div#slideBox{
	display:block;
	position:relative;
	margin: 0 auto 0 auto;
	width: 880px;
	height: 420px;
	overflow:hidden;
	z-index: 1;
}

#slideNavi{
	display:block;
	position:absolute;
	overflow:hidden;
	z-index:140;
	width:400px;
	width:auto;
	height:20px;
	right:10px;
	bottom:10px;
}
.focused{
	background-color:#000000;
	color:#FFFFFF;
}
.focused a, .focused a:hover{
	color:#FFFFFF;
}
.slideBox_focus{
	display:block;
	position:absolute;
	top:0px;
	left:880px;
	z-index:20;
	width:100%;
}
.slideBox_stay{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
}
.slideBox_ready{
	display:none;
	position:absolute;
	top:0px;
	left:880px;
	z-index:0;
	width:100%;
}
.slideBox_mute{
	display:none;
}
.newsTx1{
	color:#FFFFFF;
	font-weight:bold;
}

#topImgSlide {
	position: absolute;
	left: 0;
	top: 0;
	width:880px;
	height: 420px;
	z-index: 99;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 8px;
	overflow:hidden;
	
	
}

#arrowL a, #arrowR a {
	width: 71px;
	height: 57px;
	position: relative;
	display: block;
	text-indent: -9999px;
}

a span {
	cursor: pointer;
}

#arrowL a {
	position: absolute;
	left: -40px;
	top:200px;
	background: url(../img/pickup/btn_prev.png) left top no-repeat;
	z-index: 200;
}
#arrowR a {
	position: absolute;
	right: -40px;
	top:200px;
	background: url(../img/pickup/btn_next.png) left top no-repeat;
	z-index: 200;
}

.marukado {
	position: absolute;
	left: 0;
	top:0;
	width: 880px;
	height: 10px;
	font-size: 1px;
	background: url(../img/pickup/bg.gif) top left no-repeat;
	z-index: 100;
}
.marukado_L {
	font-size: 1px;
	width: 2px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 200;
}

/** スライド　ここまで **/


/* BOOKS */
h1.books{
	text-indent: -9999px;
	background: url(../img/books/title_books.jpg) top left no-repeat;
	width: 305px;
	height: 60px;
}
.bookInfo {
	height: 200px;
}
.pad_top15 {
	padding-top: 15px;
}
.bookR h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	
}
#subNavi h3 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	
}
.bookL {
	float: left;
	width: 163px;
	margin-bottom: 5px;
}
.bookR {
	position: relative;
	float: left;
	width: 357px;
	height: 187px;
	margin-bottom: 5px;
}
.captionTxt {
	position: absolute;
	bottom: 5px;
}
.priceTxt {
	position: absolute;
	bottom: -10px;
}
.buynow a{
	display: block;
	width: 75px;
	height: 16px;
	text-indent: -9999px;
	background: url(../img/books/btn_buynow.gif) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
.buynow a:hover{
	display: block;
	width: 75px;
	height: 16px;
	text-indent: -9999px;
	background: url(../img/books/btn_buynow_r.gif) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
/* option */
form {
	font-size: 10px;
}
#jumpMenu {
	
	background: #DBDCD7;
	font-size: 0.95em;
	cursor: pointer;
}
select {
	width: 130px;
	margin: 2px 0 8px;
	
}
/* MOVIES */
h1.movies{
	text-indent: -9999px;
	background: url(../img/movies/title_movies.jpg) top left no-repeat;
	width: 880px;
	height: 60px;
}
/* */
#movie .contents {
	width: 138px;
	height: 115px;
	margin-right: 10px;
	float: left;
}
#movie .contents_end {
	width: 138px;
	height: 115px;
	margin-right: 0;
	float: left;
}
/* rollver*/
#movie {
        position:relative;
        margin: 0;
        padding: 0;
        height:115px;        /*背景画像と同じ高さ。指定しないとIE ではテキストが右によってしまう*/
		font-size: 75%;
}

/*リスト内の a 要素に対して一括して指定*/

#movie a {
	display: block;
	width: 138px;        /*背景画像と同じ幅*/
	height: 74px;       /*背景画像と同じ高さ*/
	text-decoration:none;
	color: #666;
	background-repeat: no-repeat;
}

#movie img {
	margin: 2px;
}
/*リスト内の a 要素に対して背景画像を個別指定*/

#movie a {
    background: url(../img/movies/frame.gif) no-repeat;
}


/*リスト内の a:hover に対して共通指定*/

#movie a:hover {
    background: url(../img/movies/frame_r.gif) no-repeat;
}

/* em 内のテキストを下へ移動させる*/

#movie a em {
	display: block;
	font-style: normal;
	margin-top: 3px;
	text-align: center;
	text-decoration: underline;
	
}
#movie a:hover em {
	display: block;
	text-decoration: none;
	cursor: pointer;        /* IE のために、カーソルをポインタに指定*/
	text-align: center;
}