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

/*-----------------------------------------------
  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;
}
/* 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;
}