@charset "Shift_JIS";

@import "style.css";

/* ------ base ------ */

#book {
	width:755px;
}


/* ------ top ------ */

#book .book_topimg{
	width:755px;
	height:125px;
	background:url(../book/img/bg__booktop.jpg) no-repeat;
}
.book_topimg .title {
	float:left;
	width:278px;
}
.book_topimg .title h1 {
	margin-top:17px;
	margin-left:16px;
}
.book_topimg .title_banner {
	float:right;
	width:389px;
}
.book_topimg .title_banner img {
	margin-top:34px;
	margin-right:5px;
}

/* ------ mypageMain ------ */

#book #bookMain{
width:749px;
margin-top:-27px;
margin-left:6px;
}


/* ------ leftSide ------ */


#bookMain .sideLeft{
float:left;
width:232px;
background: url(../book/img/bg_leftside.gif) no-repeat;
padding:0 19px 0 6px;
}

.sideLeft .w175{
width:175px;
}


#bookMain .sideLeft h2.bshelfsearch{
padding:10px 20px 25px 14px;}


.sideLeft .areaSearch {
margin-bottom:10px;
}

.sideLeft .areaSearch h3{
margin-bottom:10px;
}


.sideLeft #maptabs{
height:220px;
margin-left:1px;
}

#maptabs .japanmap{
background: url(../book/img/map_japan.gif) no-repeat;
width:229px;
height:195px;
position:relative;
}

#maptabs .japanmap .hokkaido{position:absolute; top:14px; left:112px;}
#maptabs .japanmap .tohoku{position:absolute; top:75px; left:177px;}
#maptabs .japanmap .cyubu{position:absolute; top:68px; left:87px;}
#maptabs .japanmap .kanto{position:absolute; top:119px; left:161px;}
#maptabs .japanmap .kinki{position:absolute; top:142px; left:109px;}
#maptabs .japanmap .cyugoku{position:absolute; top:83px; left:26px;}
#maptabs .japanmap .shikoku{position:absolute; top:142px; left:55px;}
#maptabs .japanmap .kyusyu{position:absolute; top:163px; left:4px;}


#maptabs .worldmap{
background: url(../book/img/map_world.gif) no-repeat;
width:229px;
height:195px;
position:relative;
}

#maptabs .worldmap .eurorean{position:absolute; top:20px; left:8px;}
#maptabs .worldmap .usa{position:absolute; top:20px; left:157px;}
#maptabs .worldmap .asia{position:absolute; top:93px; left:104px;}
#maptabs .worldmap .pacificocean{position:absolute; top:125px; left:131px;}
#maptabs .worldmap .afurica{position:absolute; top:149px; left:6px;}


.sideLeft .keySearch{
margin-bottom:20px;
}

.sideLeft .keySearch h3{
margin-bottom:10px;
}

.sideLeft .keySearch ul li.input{
float:left;
}

.sideLeft .keySearch ul li.search{
float:right;
width:46px;
}

.sideLeft .seriesSearch{
margin-bottom:20px;
}

.sideLeft .seriesSearch h3{
margin-bottom:10px;
}

.sideLeft .seriesSearch ul li.input{
float:left;
}

.sideLeft .seriesSearch ul li.search{
float:right;
width:46px;
}


.sideLeft .magazine{
margin-bottom:10px;
}

.sideLeft .magazine h3{
margin-bottom:10px;
}

.sideLeft .magazine ul{
border-top:1px #CCCCCC dotted;
padding:10px 0;
}

.sideLeft .magazine ul.firstChild {
border:none;
padding-top:0;
}

.sideLeft .magazine ul li.img{
float:left;
}

.sideLeft .magazine ul li.img img{
border:1px #CCCCCC solid;
}

.sideLeft .magazine ul li.text{
float:right;
width:153px;
}
.sideLeft .magazine ul li.text .title{
font-weight:bold;
margin-bottom:3px;
}

.sideLeft .rec{
margin-bottom:10px;
}

.sideLeft .rec h3{
margin-bottom:10px;
}

.sideLeft .rec p{
margin-bottom:12px;
}


/* ------ mainRight ------ */
#bookMain .mainRight{
float:right;
width:490px;
margin-top:27px;
}

.mainRight .topics{
background:url(../book/img/bg_topic.gif);
margin-bottom:15px;
}

.mainRight .topics ul{
padding:5px 13px 0 13px;
}

.mainRight .topics ul li{
background:url(../book/img/arrow01.gif) no-repeat left 3px  ;
padding-left:13px;
margin-bottom:5px;
}

/* bookshelf */

.mainRight .bookshelf{
background:url(../book/img/img_bookshelf.gif) no-repeat;
width:490px;
height:563px;
margin-bottom:20px;
}


/* == books_japan == */
.bookshelf .books_japan{
width:490px;
height:185px;
position:relative;
}

.bookshelf .books_japan h3{position:absolute ;top:8px; left:12px;}
.bookshelf .books_japan ul.disparea{position:absolute ;top:56px; left:15px;}
.bookshelf .books_japan ul.disparea li{
width:95px;
height:110px;
float:left;
text-align:center;
}

.bookshelf .books_japan ul.disparea li img{
background:url(../book/img/img_shadow.gif) right top no-repeat;
padding-right:4px;
}

.bookshelf .books_japan ul.disparea li img.spc{
background:none;
margin:0;
padding:0;
}


.bookshelf .books_japan ul.shelfarea{position:absolute; top:51px; left:310px;}
.bookshelf .books_japan ul.shelfarea li{
margin-right:2px;
float:left;
width:15px;
}

.bookshelf .books_japan ul.shelfarea li.deco{position:absolute; left:115px;}

/* == books_world == */
.bookshelf .books_world{
width:490px;
height:180px;
position:relative;
}

.bookshelf .books_world h3{position:absolute ;top:5px; left:12px;}
.bookshelf .books_world ul.disparea{position:absolute ;top:53px; left:15px;}
.bookshelf .books_world ul.disparea li{
width:95px;
float:left;
text-align:center;
}

.bookshelf .books_world ul.disparea li img{
background:url(../book/img/img_shadow.gif) right top no-repeat;
padding-right:4px;
}

.bookshelf .books_world ul.disparea li img.spc{
background:none;
margin:0;
padding:0;
}

.bookshelf .books_world ul.shelfarea{position:absolute ;top:46px; left:310px;}
.bookshelf .books_world ul.shelfarea li{
margin-right:2px;
float:left;
width:15px;
}

.bookshelf .books_world ul.shelfarea li.deco{position:absolute; left:115px;}


/* == books_theme == */
.bookshelf .books_theme{
width:490px;
height:180px;
position:relative;
}

.bookshelf .books_theme h3{position:absolute ;top:4px; left:12px;}
.bookshelf .books_theme ul.disparea{position:absolute ;top:52px; left:15px;}
.bookshelf .books_theme ul.disparea li{
width:95px;
float:left;
text-align:center;
}

.bookshelf .books_theme ul.disparea li img{
background:url(../book/img/img_shadow.gif) right top no-repeat;
padding-right:4px;
}

.bookshelf .books_theme ul.disparea li img.spc{
background:none;
margin:0;
padding:0;
}


.bookshelf .books_theme ul.shelfarea{position:absolute ;top:46px; left:310px;}
.bookshelf .books_theme ul.shelfarea li{
margin-right:2px;
float:left;
width:15px;
}

.bookshelf .books_theme ul.shelfarea li.deco{position:absolute;	left:115px;}



.bookshelf ul.disparea:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.bookshelf ul.disparea { display: inline-block; }
/* exlude MacIE5 \*/
* html .bookshelf ul.disparea { height: 1% }
.bookshelf ul.disparea {display:block;}
/* end MacIE5 */

.bookshelf ul.disparea + *{
    clear: both;
}

.bookshelf ul.disparea:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.bookshelf ul.shelfarea { display: inline-block; }
/* exlude MacIE5 \*/
* html .bookshelf ul.shelfarea { height: 1% }
.bookshelf ul.shelfarea {display:block;}
/* end MacIE5 */

.bookshelf ul.shelfarea + *{
    clear: both;
}

/* end_bookshelf */


.mainRight .banner{
margin-bottom:15px;
}

.mainRight .banner ul li{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.mainRight .banner ul li.lastChild{
margin-right:0;
}

.mainRight .pickup{
margin-bottom:30px;
}

.mainRight .pickup .title{
margin-bottom:10px;
position:relative
}

.mainRight .pickup .listall{
position: absolute;
top:22px;
right:8px;
}

.mainRight .pickup ul li{
float:left;
margin-right:5px;
margin-bottom:5px;
width:92px;
}

.mainRight .pickup ul li.lastChild{
margin-right:0;
}


.mainRight .pickup ul li .img{
height:85px;
}

.mainRight .pickup ul li .txt{
font-size:82%;
padding-top:10px;
}

/* ------ other ------ */


.pagetop{
margin-top:20px;
margin-bottom:12px;
text-align:right;
}




/* Tabs
----------------------------------*/
.ui-tabs {padding:0;}
.ui-tabs-nav { padding:0;  position: relative; }

.ui-tabs-nav li { float:left; border-bottom: 0 !important; margin:0; padding: 0; }


.ui-tabs-nav li.ui-tabs-selected {  padding-bottom:0; border-bottom: 0; }
.ui-tabs-panel { padding:0;  display: block; border: 0; background: none; }
.ui-tabs-hide { display: none !important; }

#maptabs #tabs02{
display:none;
}

#maptabs ul{
display:inline-block;
font-size:1%;
width:229px;
}

#maptabs ul li{
float:left;
}

#maptabs ul li a{
display:block;
height:26px;
/*\*/
overflow:hidden;
/* */
text-indent:-9999px}


#maptabs ul li a.japantab{background:url(../book/img/tab_japan.gif) no-repeat;width:110px}
#maptabs ul li a.worldtab{background:url(../book/img/tab_world.gif) no-repeat;width:119px}

#maptabs ul li a.japantab:hover{background:url(../book/img/tab_japan_o.gif) no-repeat}
#maptabs ul li a.worldtab:hover{background:url(../book/img/tab_world_o.gif) no-repeat}

#maptabs ul li.ui-tabs-selected a.japantab{background:url(../book/img/tab_japan.gif) no-repeat}
#maptabs ul li.ui-tabs-selected a.worldtab{background:url(../book/img/tab_world.gif) no-repeat}



/* popup
----------------------------------*/
/*  */

#screenshot{
	position:absolute;
	background: url(../book/img/bg_fukidashi02.gif) no-repeat bottom left;
	_background: url(../book/img/bg_fukidashi03.gif) no-repeat;
	padding:0 11px 10px 30px;
	_padding-top:6px;
	display:none;
	color:#666;
	text-align:center;
	width:175px;
	min-height:174px;
	_height:190px;
	}

#screenshot .title{
margin-bottom:5px;
font-size:92%;
line-height:140%;
font-weight:bold;
_font-size:14px;
	}

#screenshot .txt{
margin-bottom:5px;
font-size:82%;
line-height:130%;
_font-size:13px;
	}

#screenshot img.photo{
margin-top:5px;
border:1px #CCCCCC solid;
	}
	
#screenshot img.waku{
margin-left:-9px;
margin-top:-6px;
	}

/*  */