@charset "UTF-8";
@import url("./shadowbox.css");

/*----------------------------------------
	default
----------------------------------------*/
html{overflow-y:scroll}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, blockquote, p, th, td {margin: 0;padding: 0;line-height: 1.4em;font-size: 12px;font-style: normal;font-weight: normal;}

body {background:#e7e7de url(/images/bg_page2.gif);font-size: 12px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height: 130%;margin:0 auto;color:#1e1e1e;text-align: center}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
hr {visibility: hidden;}
ol, ul {list-style: none;list-style-image: none;list-style-position: outside;}
ol {list-style-type: decimal;}
caption, th {text-align: left;}
fieldset, img {border: 0;}
table img {display: inline;}
em {color: #CC0000;font-style: normal;font-weight: bold;}

/*- form -*/
input, select, textarea {letter-spacing: 0;}
input {font-size:14px;padding: 2px;border:none;}
textarea {padding: 0;font-size: 1.0em;line-height: 1.2em;
}

.clear{clear: both;}

a {overflow:hidden;text-decoration: none;}
a:link {text-decoration: none;color: #2786c2;}
a:visited {text-decoration: none;color: #2786c2;}
a:hover, a:active {text-decoration: none;color: #da4740;}

ul li,ol li{list-style: none}

pre {
	white-space: pre;			 /* CSS 2.0 */
	white-space: pre-wrap;		 /* CSS 2.1 */
	white-space: pre-line;		 /* CSS 3.0 */
	white-space: -pre-wrap;	 /* Opera 4-6 */
	white-space: -o-pre-wrap;	 /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;	 /* HP Printers */
	word-wrap: break-word;		 /* IE 5+ */
}

address {font-style:normal;}

#site-header,#nav-header,#footer,#footerMini{margin:0 auto;padding:0;width:100%;text-align:left}

#navUserLinks{padding:3px 3px 0;background:#398b00;color:#fff;height:auto}

/*----------------------------------------
	form
----------------------------------------*/
input,select,textarea{font-size:14px;letter-spacing: 0;border:2px solid #656565;font-family:Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';padding:3px;}
input:focus, form select:focus, form textarea:focus {border:2px solid #4ea6cc;}
	input:focus.noneborder{border:none;}
input.headersearch {padding:3px 4px;width: 230px;height:17px;}
input.inputtext {padding:5px 4px;width: 100%;line-height:1em;}
input.inputtextMini {padding:5px 4px;width: 100px;line-height:1em;}
input.inputtext:focus {}
.inputarea {width:100%;height:120px;}
.inputselect {margin:0 2px 0 0;}
div.category_add_form { margin:5px 0px 0px 70px; }
.inputedittext {font-size:12px;border-width:1px;width:130px;}

/*----------------------------------------
	layout
----------------------------------------*/
#page{width:935px;background:#fff;margin:0 auto;padding:5px 0 0;text-align:center;}
#mainimg {width:960px;margin:0 auto;padding:0;}
#main {width:875px;margin:20px auto 0;padding:0;text-align:left;border:none;position:relative}
#sideMenu{width:200px;float:left;background:url(/images/side_area_common.gif) no-repeat scroll left top;}
#mainArea{width:650px;float:right;}
#sideArea{width:200px;float:left;padding:0 10px 0 0}

div.bookloglogo a,dl#loginArea dd button,dl#logoutArea dd button,table#search tr td button,div#globalmenuGuest dl dt a,div#footer p#pagetopArea a,dl#loginArea dd input,div#searchArea button,div#tagsearchArea button,div#proftagsearchArea button,a.myshelf,div#headerside dl.globalmenu dt a,div.questionExtra ul li.btn a,dl#ppbService dt a,div#ppbLogo{background:transparent url(/images/booklog_all.png) repeat scroll 0 0;}

div#pageheader{position:relative;background:transparent url(/images/booklog_all.png) repeat scroll 10px 0px;height:40px;left:0;}
	div#pageheader div#global{width:935px;margin:0 auto;color:#fff;position:relative;text-align:left;}
	
		div#global ul#globalTabMenu{position: relative}
		div#global ul#globalTabMenu li{float:left;position: absolute;top:0px;left:0;text-align: center;}
		div#global ul#globalTabMenu li a{font-weight:bold;color:#656565;background:#e4e4e4;text-decoration: none;padding:12px 0px;width:100px;display:block;border-right:1px #cdcdcd solid;}
		div#global ul#globalTabMenu li a:hover{color:#fff;background:#333;}
		div#global ul#globalTabMenu li.current a{color: #fff;background: #1e1e1e;}
		
			div#global ul#globalTabMenu li#tmitunes{left:202px}
			div#global ul#globalTabMenu li#tmitunes a{background:#e4e4e4}
			div#global ul#globalTabMenu li#tmitunes a:hover{color:#fff;background:#333;}
			div#global ul#globalTabMenu li#tmitunes a.current{color: #fff;background: #1e1e1e;}
			
			div#global ul#globalTabMenu li#tmpuboo{left:101px;}
			div#global ul#globalTabMenu li#tmpuboo a{background:#e4e4e4}
			div#global ul#globalTabMenu li#tmpuboo a:hover,div#global ul#globalTabMenu li#tmpuboo a.current:hover{color:#fff;background:#333;}
			div#global ul#globalTabMenu li#tmpuboo a.current{color: #fff;background: #1e1e1e;}
			
			div#global ul#globalTabMenu li#tmquestion{left:303px}
			div#global ul#globalTabMenu li#tmquestion a{background:#e4e4e4}
			div#global ul#globalTabMenu li#tmquestion a:hover{color:#fff;background:#333;border:none}
			div#global ul#globalTabMenu li#tmquestion a.current{color: #fff;background: #1e1e1e;border:none}

	div#pageheader div#global div#userArea {position:absolute;text-align: right;top:9px;right:0;}

#pageheaderGuest {
	background:transparent url(/images/booklog_all.png) repeat scroll 10px 0px;
	height:40px;
	left:0;
}


	div#pageheaderGuest div#global{width:935px;margin:0 auto;padding: 0 0;color:#fff;position:relative;text-align:left;}

	div#pageheaderGuest div#global dl#loginArea,
	div#pageheader div#global dl#logoutArea {position:absolute;text-align: right;top:5px;right:0;}

div.mixilogin{position:absolute;top:5px;right:-87px;}

div#headline{width:875px;margin:0 auto;padding:5px 0 0;color:#fff;position:relative;text-align:left;}

#header {width:935px;position:relative;margin:0px auto 0;padding:0;text-align:left;}
#headerGuest {width:935px;position:relative;margin:0 auto 0;padding:0;text-align:left;}
#headerMini {width:935px;position:relative;margin:0 auto 20px;padding:10px 0 0;text-align:left;}
#headerMicro {width:935px;position:relative;margin:10px auto 0;padding:0;text-align:left;}
#headerside{position:absolute;display:block;top:0;right:30px;}
#searchArea,#tagsearchArea{margin:0 0 10px;}

#footer {width:935px;height:100%;text-align:center;margin:15px auto 0;padding:30px 0 5px;background:#4ea6cc;position: relative;}
#footerMini {width:935px;height:30px;text-align:center;margin:50px auto 0;background:#656565;}
	#footerMini address{width:100%;display:block;padding:7px 0;color:#e4e4e4;text-align:center;font-size:11px;}

div.boxArea{margin:20px 0 10px;}
div.adnetArea{margin:30px 0}

/*----------------------------------------
	調整用
----------------------------------------*/
/* なくす系 */
.noneM{margin:0 !important}
.noneP{padding:0 !important}
.noneB{border:none !important;}
.t0M{margin-top:0px !important}
.b0M{margin-bottom:0px !important}
.l0M{margin-left:0px !important}
.r0M{margin-right:0px !important}
.t0P{padding-top:0px !important}
.b0P{padding-bottom:0px !important}
.l0P{padding-left:0px !important}
.r0P{padding-right:0px !important}

/* あける系 */
.t10M{margin-top:10px !important}
.b10M{margin-bottom:10px !important}
.t10P{padding-top:10px !important}
.b10P{padding-bottom:10px !important}
.t20M{margin-top:20px !important}
.b20M{margin-bottom:20px !important}
.t20P{padding-top:20px !important}
.b20P{padding-bottom:20px !important}

/* ライン系 */
.t3B{border-top:3px #333 solid !important;}
.b3B{border-bottom:3px #333 solid !important;}

/*----------------------------------------
	button
----------------------------------------*/

.buttonArea{margin:15px 0 20px;}

p.buttons,div.buttons{text-align:center;}

.buttons a,
.buttons button,
.buttons input[type="button"],
.buttons input[type="submit"]{
	margin:0;
	border: none;
	background:#4ea6cc;
	color:#fff;
	line-height:120%;
	font-family:Arial, Verdana;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	padding:10px 20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.buttons button:hover,
.buttons a:hover,
.buttons input[type="button"].button:hover,
.buttons input[type="submit"].button:hover {
	background:#1e1e1e;
}


.buttons button:active,
.buttons a:active,
.buttons input[type="button"].button:active,
.buttons input[type="submit"].button:active {
	background:#333;
}

.buttons button.positive,
.buttons a.positive,
.buttons input[type="button"].button.positive,
.buttons input[type="submit"].button.positive {}

.buttons button.positive:hover,
.buttons a.positive:hover,
.buttons input[type="button"].button.positive:hover,
.buttons input[type="submit"].button.positive:hover {}

.buttons button.positive:active,
.buttons a.positive:active,
.buttons input[type="button"].button.positive:active,
.buttons input[type="submit"].button.positive:active {}

.buttons button.negative,
.buttons a.negative,
.buttons input[type="button"].negative,
.buttons input[type="submit"].negative {
	background:#333;
}

.buttons button.negative:hover,
.buttons a.negative:hover,
.buttons input[type="button"].negative:hover,
.buttons input[type="submit"].negative:hover {
	background:#1e1e1e;
}
.buttons button.negative:active,
.buttons a.negative:active,
.buttons input[type="button"].negative:active,
.buttons input[type="submit"].negative:active {}

a.myshelf{
	background-position:90px 200px;
	padding:2px 0 0 22px;
	color:#da4740;
	border-color:#da4740;
	font-weight:bold;
	border:none;	
}
a:hover.myshelf{color:#333;}

/* 削除ボタンなど */
.buttons button.attention, .buttons a.attention	 {background:#da4740;}
.buttons button.attention:hover, .buttons a.attention:hover {background:#1e1e1e;}
.buttons button.attention:active, .buttons a.attention:active {}		 

.buttons button img {
	margin:0;
	padding:0;
	border:none;
}

/*----------------------------------------
	sideMenu
----------------------------------------*/
div#sideMenu div.sideMenuBg,div#sideMenu div.sideMenuBg ul.subMenu li{background:url(/images/side_area_common.gif) no-repeat scroll}
div#sideMenu div.sideMenuBg{background-position:-200px bottom;height:100%;margin:10px 0 10px;}

div#sideMenu div.sideMenuBg h3{margin:0 auto 8px;width:200px;height:41px;background:url(/images/side_area_common.gif) no-repeat scroll;text-indent: -9898px}
	div#sideMenu div.sideMenuBg h3#smSetting{background-position: -393px -149px;}
	div#sideMenu div.sideMenuBg h3#smEntry{background-position: -393px -200px;}
	div#sideMenu div.sideMenuBg h3#smBlogparts{background-position: -393px -251px;}
	div#sideMenu div.sideMenuBg h3#smQuestion{background-position: -393px -302px;}
	div#sideMenu div.sideMenuBg h3#smSearch{background-position: -393px -353px;}
	div#sideMenu div.sideMenuBg h3#smContents{background-position: -393px -404px;}
	div#sideMenu div.sideMenuBg h3#smPuboo{background-position: -393px -455px;}
	div#sideMenu div.sideMenuBg h3#smItunes{background-position: -393px -506px;}
	div#sideMenu div.sideMenuBg h3#smDevice{background-position: -393px -557px;}

div#sideMenu div.sideMenuBg ul.subMenu{padding:0 0 8px;}
div#sideMenu div.sideMenuBg ul.subMenu li{width:193px;margin:0 auto;padding:0 0 0 7px;background-position:-393px -52px;height:36px;position: relative;}
	div#sideMenu div.sideMenuBg ul.subMenu li.first{background-position:-393px 0;height:42px}
	div#sideMenu div.sideMenuBg ul.subMenu li.last{background-position:-393px -98px;height:41px}

	div#sideMenu div.sideMenuBg ul.subMenu li span.newIcon,div#sideMenu div.sideMenuBg ul.subMenu li span.upIcon{
	width:35px;height:11px;background:url(/images/side_area_common.gif) no-repeat scroll;text-indent: -9898px;top:12px;left:-18px;position: absolute}
		div#sideMenu div.sideMenuBg ul.subMenu li span.newIcon{background-position:-400px -698px;}
		div#sideMenu div.sideMenuBg ul.subMenu li span.upIcon{background-position:-400px -709px;}
	div#sideMenu div.sideMenuBg ul.subMenu li.first span.newIcon,div#sideMenu div.sideMenuBg ul.first.subMenu li span.upIcon{top:17px;}
	div#sideMenu div.sideMenuBg ul.subMenu li.last span.newIcon,div#sideMenu div.sideMenuBg ul.last.subMenu li span.upIcon{top:13px;}

/* forIE6 */
* html div#sideMenu{width:200px;background-color:#fff}
* html div#sideMenu div.sideMenuBg{}
* html div#sideMenu div.sideMenuBg h3{}
* html div#sideMenu div.sideMenuBg ul.subMenu{}
* html div#sideMenu div.sideMenuBg ul.subMenu li{font-size:1px;}
* html div#sideMenu div.sideMenuBg ul.subMenu li a{font-size:14px;}

div#sideMenu div.sideMenuBg ul.subMenu li a {
	display:block;
	margin:0 auto;
	line-height:22px;
	padding:7px 10px 7px 15px;
	color:#555;
	font-weight:bolder;
}
div#sideMenu div.sideMenuBg ul.subMenu li.first a {padding:12px 10px 7px 15px;}
div#sideMenu div.sideMenuBg ul.subMenu li.last a {padding:8px 10px 7px 15px;}

div#sideMenu div.sideMenuBg ul.subMenu li a:hover {
	color:#4ea6cc;
}

div#sideMenu div.sideMenuBg ul.subMenu li a.current {
	color:#4ea6cc;
}
div#sideMenu div.sideMenuBg ul.subMenu li a:hover.current {
	color:#1e1e1e;
	background:none;
}

div#sideMenu div.sideMenuBg ul.subMenu li.bottomline a{
	border-bottom:none;
	padding-bottom:14px;
}


div#sideMenu h4 {
	margin:10px 0;
	padding:7px 10px;
	text-align:center;
	border:2px #333 solid;
	background:#f3f4e9;
	font-size:13px;
	color:#333;
}

div#sideMenu ul.sideList{margin:0 0 20px;}

div#sideMenu ul.sideList li{margin:0 0 5px 18px;list-style: disc;font-size:12px;}


/*----------------------------------------
	tabMenu
----------------------------------------*/

div#tabMenuA {
	overflow: hidden;
	width: 650px;
	height: 35px;
	margin: 25px 0 0;
}

div#tabMenuB {
	overflow: hidden;
	width: 650px;
	height: 35px;
	margin: 25px 0 20px;
	border-bottom:3px #1e1e1e solid;
}

div#tabMenuC,div#tabMenuD {
	overflow: hidden;
	width:100%;
	height: 35px;
	margin: 25px 0 20px;
	border-bottom:3px #1e1e1e solid;
}

	div#tabMenuC ul li.wideTab{}
	div#tabMenuC ul li.wideTab a{}

div#tabMenuA ul,div#tabMenuB ul,div#tabMenuC ul {

}

div#tabMenuA ul li,div#tabMenuB ul li,div#tabMenuC ul li {
	float: left;
	height: 35px;
	margin: 0 11px 0 0;
	line-height: 37px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
}

div#tabMenuA ul li a,div#tabMenuB ul li a,div#tabMenuC ul li a {
	display: block;
	width:60px;
	padding:0 10px;
	background: #cdcdcd;
	color:#555;
}

* html div#tabMenuA ul li a,div#tabMenuB ul li a,div#tabMenuC ul li a {width:80px}

div#tabMenuA ul li.honour a,div#tabMenuB ul li.honour a,div#tabMenuC ul li.honour a {
	display: block;
	height: 37px;
	background: #f5b629;
	color:#555;
}
div#tabMenuA ul li a:hover,div#tabMenuB ul li a:hover,div#tabMenuC ul li a:hover {
	color:#fff;
	background-color:#4ea6cc;
}

div#tabMenuA ul li a.current,div#tabMenuB ul li a.current,div#tabMenuC ul li a.current {
	color:#fff;
	background:#1e1e1e;
}
div#tabMenuA ul li a:hover.current,div#tabMenuB ul li a:hover.current,div#tabMenuC ul li a:hover.current {
	background:#1e1e1e;
}

/* 談話室用 */
div#tabMenuD ul li{	float: left;width:110px;height: 35px;margin: 0 10px 0 0;line-height: 37px;text-align: center;}
	div#tabMenuD ul li.mini{width:70px;}
div#tabMenuD ul li a{display: block;width:110px;height: 37px;background: #cdcdcd;color:#555;}
	div#tabMenuD ul li.mini a{width:70px;}
div#tabMenuD ul li a:hover{color:#fff;background-color:#4ea6cc;}
div#tabMenuD ul li a.current{color:#fff;background:#1e1e1e;}
div#tabMenuD ul li a:hover.current{background:#1e1e1e;}

/* asinの★切り替え */
div#tabMenuE {overflow: hidden;width: 100%;height:25px;margin:15px 0 20px;border-bottom:3px #1e1e1e solid;}
div#tabMenuE ul li{
	float: left;
	width: 90px;
	height: 25px;
	margin: 0 15px 0 0;
	line-height:27px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
}
div#tabMenuE ul li a {display: block;width:90px;height:25px;border:1px #cdcdcd solid;border-bottom:none;color:#333}
div#tabMenuE ul li a:hover {background-color:#cdcdcd;}
div#tabMenuE ul li a.current {color:#fff;background:#1e1e1e;border:none}
div#tabMenuE ul li a:hover.current {background:#1e1e1e;}

div#tabMenuE ul li a span.red{color:#DA4740}
div#tabMenuE ul li a span.yellow{color:#F5B629}
div#tabMenuE ul li a span.blue{color:#4EA6CC}

/* edit切り替え */
div.tabMenuF {margin:30px 0 0;position:relative;}

div.tabMenuF ul { 
	height: 27px;
	list-style: none;
	position:relative;
}
div.tabMenuF ul li { 
	float:left;
	margin-right: 7px;
	text-align: center;
}
div.tabMenuF ul li a { 
	color: #333;
	display: block;
	padding:6px 6px;
	width: 80px;
	font-size: 12px;
	border:1px #cdcdcd solid;
	border-bottom:none
}
div.tabMenuF ul li a.active { 
	color: #eee;
	background-color: #333;
	border-color:#333
}
div.tabMenuF ul li a:hover { 
	color: #fff;
	background-color: #4EA6CC;
	border-color:#4EA6CC;
}

/* タイムライン切り替え */
div#tabMenuG {
	overflow: hidden;
	width:100%;
	height: 35px;
	margin:0;
	border-bottom:3px #1e1e1e solid;
}
div#tabMenuG ul li {float: left;width: 90px;height: 35px;margin: 0 15px 0 0;line-height: 37px; /* テキストの上下位置を中央ぞろえに */text-align: center;}
div#tabMenuG ul li a {display: block;width:90px;height: 37px;background: #cdcdcd;color:#555;}
div#tabMenuG ul li.honour a{display: block;width: 90px;height: 37px;background: #f5b629;color:#555;}
div#tabMenuG ul li a:hover{color:#fff;background-color:#4ea6cc;}
div#tabMenuG ul li a.current{color:#fff;background:#1e1e1e;}
div#tabMenuG ul li a:hover.current {background:#1e1e1e;}

	div#tabMenuG ul li.wideTab{width:110px}
	div#tabMenuG ul li.wideTab a{width:110px}
	div#tabMenuG ul li.rightSide{float:right;margin:0 0 0 15px;}
	
	/* オフィシャル本棚用 */
	div#tabMenuG ul li.officialTab a{width:130px;background-color:#f5b629;}
	div#tabMenuG ul li.officialTab a:hover{color:#fff;background-color:#4ea6cc;}

/*----------------------------------------
	common
----------------------------------------*/

.txtRed{color:#DB5E40}

.info {
	padding:10px;
	color:#333;
	background-color:#FFF;
	line-height:170%;
}

.note {
	font-size:11px;
	font-weight:normal;
	margin-top:2px;
	color:#666;
}

p.comment { 
	margin:0 0 5px;
	padding:7px;
	line-height:150%;
	background-color:#f4f4f4;
 }

.noneborder{border:none;}

/* 共通バナー枠 */
div.bnrArea{margin:10px auto;text-align: center}
div.bnrAreaBottom{margin:0 0 10px;}
div.bnrAreaAdsense{margin:0 auto 15px;text-align: center}

div.bnrArea180{margin:0 auto;text-align: center;border:1px #cdcdcd solid;padding:15px}
	* html div.bnrArea180{border:none}
div.bnrArea840{margin:0 auto 15px;text-align: center}

div.bnrArea200{margin:0 0 10px;text-align: center;width:200px;}

p.txt_ess{float:right;line-height:1.9em;}
p.txt_ess2{width:100%;text-align: right;}

/* 本のタイトル名のリンク */
a.titleLink{text-decoration:none;color:#1e1e1e;font-size:14px;}
a:link.titleLink{text-decoration:none;color:#1e1e1e}
a:visited.titleLink {text-decoration:none;color:#1e1e1e;}
a:hover.titleLink, a:active.titleLink {text-decoration: none;color:#da4740;}

/* 本のジャケ画像のリンク */
a.imgLink img{border:3px #fff solid;}
a.imgLink2 img{border:2px #e4e4e4 solid;}
a:hover.imgLink img,a:hover.imgLink2 img{border-color:#333;}

/* ※の赤色 */
p.txt_ess span,p.txt_ess2 span,th span{
	margin:0 3px 0 0;
	font-size:130%;
	font-weight:bold;
	color:#da4740;
}

/* メッセージ */
.messageArea{border:3px solid #4ea6cc;background:#e5f5fb;margin:10px 0 20px;padding:10px 20px;}
.messageArea li{margin:3px 10px;list-style: circle}
	.messageArea li.onlyone{list-style:none}
.messageArea li a{font-weight:bold;}

div.message {
	color:#1e1e1e;
	background:#e5f5fb;
	border:3px solid #4ea6cc;
	margin:10px 0 20px;
	padding:10px 20px;
	font-size:16px;
	position:relative;
}
div.message p{margin:10px 0 0;padding:10px 0 0;border-top:1px #4EA6CC dotted;}
div.message a.message-hide-button { 
	position:absolute;
	top: 5px;
	right: 10px;
 }



/* リンク色 */
a.txtBlue {font-weight:bold;}

a.txtPink {color: #da4740;font-weight:bold;}
a:link.txtPink {text-decoration: none;color: #da4740;}
a:visited.txtPink {text-decoration: none;color: #da4740;}
a:hover.txtPink, a:active.txtPink {text-decoration: none;color: #333;border-bottom:1px #333 dotted;}

a.txtBlack {color: #1e1e1e;font-weight:bold;border-bottom:1px #333 dotted;}
a:txtBlack {text-decoration: none;color: #1e1e1e;}
a:visited.txtBlack {text-decoration: none;color: #1e1e1e;}
a:hover.txtBlack, a:active.txtBlack {text-decoration: none;color: #4EA6CC;border-bottom:1px #4EA6CC dotted;}

a.txtGreen {color:#60C30A;font-weight:bold;}
a:link.txtGreen {text-decoration: none;color: #60C30A;}
a:visited.txtGreen {text-decoration: none;color: #60C30A;}
a:hover.txtGreen, a:active.txtGreen {text-decoration: none;color: #333;border-bottom:1px #333 dotted;}


.error {font-size:11px;padding:7px 0;color:#da4740;}
.errorBig {color:#da4740;font-size:14px;line-height:1.6em;}

.icon { 
	vertical-align: middle;
 }


.grab { 
	cursor: url(/images/cursor/openhand.cur), move;
}

.grabbing { 
	cursor: url(/images/cursor/closehand.cur), move;
}

div.errorArea{
	color:#da4740;
	background:#ffeef2;
	border:3px solid #da4740;
	margin:10px 0 20px;
	padding:5px 20px;
	font-size:14px;
}

div.errorArea ul {
   margin-top:5px;
   padding-left:19px;
}

div.errorArea ul li {
   color:#1e1e1e;
   font-size:12px;
   list-style:circle;
}

div.vacancesArea{
	background:#ffeef2;
	border:3px solid #da4740;
	margin:10px 0 20px;
	padding:5px 20px;
	font-size:14px;
}

div.vacancesArea strong{color:#da4740;}

p.read{margin:0 0 20px 0;line-height:1.5em;color:#454545;}
p.read span.attention{color:#da4740;font-weight:bold;}

p.readCenter{margin:0 auto 20px;line-height:1.5em;color:#454545;text-align: center}

p.h3read{margin:5px 0;padding:5px;background: #e4e4e4;color:#454545}

p.hosoku{margin:10px 0 0;}

div.h3des{position:absolute;top:5px;right:0px;}

div.btnArea{margin:10px 0 5px;}

div.moreBtnArea,p.moreBtnArea{margin:15px 0 0;text-align:right;}

button.btnBlue,input.btnBlue,button.btnGray,input.btnGray,button.btnRed,input.btnRed,button.btnBlack,input.btnBlack,button.btnOrange,input.btnOrange,button.delete{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:5px 10px;
	font-size:11px;
	color:#fff;
	border:none;
	line-height:25px;
	white-space:nowrap;
}

input.btnBlue2{margin:0 0 0 15px;padding:5px 20px;border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;font-size:11px;
	color:#fff;
	border:none;
	white-space:nowrap;
	background:#4ea6cc;color:#fff;
}

input.btnBlue2:hover{background:#1e1e1e;}

span.btnBlue,span.btnGray,span.btnRed,span.btnBlack,span.btnOrange,
a.btnBlue,a.btnGray,a.btnRed,a.btnBlack,a.btnOrange,a.btnTweet{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:7px 10px;
	font-size:11px;
	color:#fff;
	border:none;
	line-height:25px;
	white-space:nowrap;
}

	button.btnBlue,input.btnBlue,span.btnBlue,a.btnBlue,a.btnBlue:link,a.btnBlue:visited{background:#4ea6cc;color:#fff;}
	button.btnGray,input.btnGray,span.btnGray,a.btnGray,a.btnGray:link,a.btnGray:visited{background:#939393;color:#fff;}
	button.btnRed,input.btnRed,span.btnRed,a.btnRed,a.btnRed:link,a.btnRed:visited,button.delete{background:#da4740;color:#fff;}
	button.btnBlack,input.btnBlack,span.btnBlack,a.btnBlack,a.btnBlack:link,a.btnBlack:visited{background:#1e1e1e;color:#fff;}
	button.btnOrange,input.btnOrange,span.btnOrange,a.btnOrange,a.btnOrange:link,a.btnOrange:visited{background:#f58c29;color:#fff;}
	a.btnTweet,a.btnTweet:link,a.btnTweet:visited{background:#33ccff;color:#fff;}
	
	button.btnBlue:hover,input.btnBlue:hover,button.btnGray:hover,input.btnGray:hover,button.btnRed:hover,input.btnRed:hover,button.btnOrange:hover,input.btnOrange:hover,a.btnBlue:hover,a.btnGray:hover,a.btnRed:hover,a.btnOrange:hover,a.btnTweet:hover,button.delete:hover{background:#1e1e1e;}
	button.btnBlack:hover,a.btnBlack:hover{background:#4ea6cc;color:#fff;}

/* listの削除ボタン */
* html button.btnBlack{padding:0;/* for ie6 */}
*:first-child+html button.btnBlack{padding:0;/* for ie7 */}

a.btnUsers{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:11px;
	color:#DA4740;
	background:#FBE3E4;
	white-space:nowrap;
	padding:3px 7px;
	font-weight: bold;
}
a.btnUsers:link,a.btnUsers:visited{color:#DA4740;}
a:hover.btnUsers{color:#fff;background:#DA4740;}

a.btnUsers strong{font-weight:bold;font-family::arial,sans-serif;}

span.btnUsers{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:11px;
	color:#DA4740;
	background:#FBE3E4;
	white-space:nowrap;
	padding:3px 7px;
	font-weight: bold;
}


a.btnRating{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:11px;
	color:#f58c29;
	background:#FDE6D3;
	white-space:nowrap;
	padding:3px 7px;
	font-weight: bold;
}
a.btnRating:link,a.btnRating:visited{color:#f58c29;}
a:hover.btnRating{color:#fff;background:#f58c29;}

a.btnRating strong{font-weight:bold;font-family::arial,sans-serif;}

span.btnRating{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:11px;
	color:#f58c29;
	background:#FDE6D3;
	white-space:nowrap;
	padding:3px 7px;
	font-weight: bold;
}


.em1 {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}

.em2 {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}


ul.breadcrumb { }
ul.breadcrumb li {display:inline;}

ul.normallist{margin:10px 0 15px}
ul.normallist li{margin:0 0 0 20px;list-style:circle;line-height:1.8em;}


#control_overlay {	 
	background-color:#000; 
}

.modal {   
	background-color:#fff; 
	padding: 10px; 
	border: 1px solid #333; 
} 

#scrollbar_container {	 
	position:relative; 
} 

#scrollbar_track {	 
   position:absolute; 
   top:0;
   right:0;
   height:100%;
   width:10px;
   background-color:transparent; 
   cursor:move; 
} 

#scrollbar_handle {	  
   width:10px; 
   background-color:#ccc; 
   cursor:move; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   opacity:0.9; 
   -moz-opacity:0.9; 
} 

#scrollbar_content {   
	overflow:hidden; 
	padding-right: 20px; 
}


dl.submenu1 { 
	display:inline;
	margin-right: 15px;
 }
dl.submenu1 dt { 
	display:inline;
	font-weight:bold;
 }
dl.submenu1 dd { 
	display:inline;
 }
dl.submenu1 dd ul { 
	display:inline;
 }
dl.submenu1 dd ul li { 
	display:inline;
	padding: 0 2px;
 }

/* 調整用 */


/*----------------------------------------
	pager
---------------------------------------- */
	
div#main div.pagerArea{
	text-align:center;
	position:relative;
	overflow: hidden;
	font-family:arial,sans-serif;
}

	div#main div.pagerArea span.here{font-size:18px;font-weight:bold}
	
	div.pagerArea ul {position:relative;left:50%;float:left;}
	
		div.pagerArea ul li {
			  position:relative;
			left:-50%;
			float:left;
			  margin-right:8px;
			  font-size:12px;
			  font-weight:normal;
			  list-style:none;
		}
		
		div.pagerArea ul li.prev,
		div.pagerArea ul.papgr1 li.next {
			  border:none;
		}
		
		div.pagerArea ul li a {
			  position:relative;
			  display:block;
			  padding:3px 7px;
			  color:#565656;
			  border:1px solid #cdcdcd;
			  background-color:#f5f5f5;
			  cursor:pointer;
		}
		
		div.pagerArea ul li a:link,
		div.pagerArea ul li a:visited {
			  text-decoration:none;
		}
		
		div.pagerArea ul li a:hover,
		div.pagerArea ul li a:active {
			color:#fff !important;
			  background-color:#4ea6cc;
			  border:1px solid #4ea6cc;
			  text-decoration:none;
		}
		div.pagerArea ul li em{
			  display:block;
			  padding:3px 8px;
			  color:#fff;
			  background-color:#1e1e1e;
			  border:1px solid #000;
			  font-weight:bold;
		}
	
	/* 次へと戻るだけのページャー */
	div.pagerArea ul li.prevSeparate{width:315px;margin:0 10px 0 0;}
	div.pagerArea ul li.nextSeparate{width:315px;margin:0 0 0 10px;}

div.pagerTxt{text-align:center;padding:10px 0 0;font-size:12px;color:#656565}
div.pagerTxt2{text-align:center;padding:20px 0 0;font-size:11px;color:#656565}

div.pagerArea div.pager a {
	display:block;
	padding:3px 10px;
	color:#565656;
	border:1px solid #cdcdcd;
	background-color:#f5f5f5;
}

/*----------------------------------------
	headline
---------------------------------------- */

h2 {
	background:transparent url(/images/common_h2.gif) repeat scroll 0 0;
	width:875px;
	height:45px;
	padding:0;
	margin:0 0 20px 0;
	text-indent:-9898px;
}

div#question{
	background:transparent url(/images/common_h2.gif) repeat scroll 0 0;
	width:875px;
	height:45px;
	padding:0;
	margin:0 0 20px 0;
	text-indent:-9898px;
}

/*sideがあるページ */
div#main h2#xxxx,div#main h2#resign,div#main h2#amazon,div#main h2#profile,div#main h2#password,div#main h2#account,div#main h2#category,div#main h2#shelf,div#main h2#widget,div#main h2#bookmarklet,div#main h2#mobile,div#main h2#twitter,div#main h2#mixi,div#main h2#export,div#main h2#list,div#main h2#input,div#main h2#sort,div#main h2#commentlist,div#main h2#entry,div#main h2#itunes,div#main h2#isearch,div#main h2#iedit,div#main h2#batch,div#main h2#tag,h2#questions,h2#questionConf,h2#questionEconf,h2#questionEdit,h2#questionInput,div#question,h2#questionHome,div#main h2#inputfile,div#main h2#facebook,div#main h2#list_delete,div#main h2#mailauth,div#main h2#goal,div#main h2#notification,div#main h2#keyword,div#main h2#quote,div#main h2#search,div#main h2#tags,div#main h2#genres,div#main h2#authors,div#main h2#ranking,div#main h2#review,div#main h2#release,div#main h2#quotes,div#main h2#quote,div#main h2#special,div#main h2#favorite,div#main h2#iphone,div#main h2#ipad,div#main h2#android,div#main h2#macApp,div#main h2#audiobook,div#main h2#profiletags{width:650px;}

div#main h2#tutorial{background-position:880px 3830px;}
div#main h2#audiobook{background-position:880px 3785px;}
div#main h2#authors{background-position:880px 3605px;}
div#main h2#genres{background-position:880px 3560px;}
div#main h2#quotes,div#main h2#quote {background-position:880px 3515px;}
div#main h2#timeline {background-position:880px 3470px;}
div#main h2#keyword {background-position:880px 3425px;}
div#main h2#notification {background-position:880px 3380px;}
div#main h2#goal {background-position:880px 3335px;}
div#main h2#favorite {background-position:880px 3290px;}
div#main h2#macApp {background-position:880px 3245px;}
div#main h2#mailauth {background-position:880px 3200px;}
div#main h2#special {background-position:880px 3155px;}
div#main h2#list_delete {background-position:880px 2925px;}
div#main h2#ipad {background-position:880px 2880px;}
div#main h2#facebook {background-position:880px 2835px;}
div#main h2#mixi {background-position:880px 2790px;}
div#main h2#inputfile {background-position:880px 2745px;}
div#main h2#questionHome {background-position:880px 2520px;}
div#main div#question {background-position:880px 2475px;}
div#main h2#questionEconf {background-position:880px 2430px;}
div#main h2#questionConf {background-position:880px 2385px;}
div#main h2#questionEdit {background-position:880px 2340px;}
div#main h2#questionInput {background-position:880px 2295px;}
div#main h2#questions {background-position:880px 2250px;}
div#main h2#puboo {background-position:880px 2205px;}
div#main h2#tag {background-position:880px 1980px;}
div#main h2#batch {background-position:880px 1935px;}
div#main h2#iedit {background-position:880px 1890px;}
div#main h2#isearch {background-position:880px 1845px;}
div#main h2#itunes {background-position:880px 1800px;}
div#main h2#android {background-position:880px 1755px;}
div#main h2#iphone {background-position:880px 1710px;}
div#main h2#profiletags {background-position:880px 1665px;}
div#main h2#partner {background-position:880px 1620px;}
div#main h2#tags {background-position:880px 1575px;}
div#main h2#maintenance {background-position:880px 1530px;}
div#main h2#setting {background-position:880px 1485px;}
div#main h2#error {background-position:880px 1440px;}
div#main h2#buildhtml {background-position:880px 1395px;}
div#main h2#help {background-position:880px 1350px;}
div#main h2#reminder {background-position:880px 1305px;}
div#main h2#contact {background-position:880px 1260px;}
div#main h2#search {background-position:880px 1215px;}
div#main h2#home {background-position:880px 1170px;}
div#main h2#commentlist {background-position:880px 1125px;}
div#main h2#sort {background-position:880px 1080px;}
div#main h2#input {background-position:880px 1035px;}
div#main h2#list {background-position:880px 990px;}
div#main h2#entry {background-position:880px 1215px;}

div#main h2#export {background-position:880px 900px;}
div#main h2#twitter {background-position:880px 855px;}
div#main h2#mobile {background-position:880px 810px;}
div#main h2#bookmarklet {background-position:880px 765px;}
div#main h2#widget {background-position:880px 720px;}

div#main h2#resign {background-position:880px 675px;}
div#main h2#amazon {background-position:880px 630px;}
div#main h2#profile {background-position:880px 585px;}
div#main h2#password {background-position:880px 540px;}
div#main h2#account {background-position:880px 495px;}
div#main h2#category {background-position:880px 450px;}
div#main h2#shelf {background-position:880px 405px;}

/* 特殊なh2 */
div#main h2#ranking2011,div#main h2#rating2011{
	width:875px;
	height:128px;
	padding:0;
	margin:0 0 20px 0;
	text-indent:-9898px;
}

div#main h2#ranking2011{background:transparent url(/images/booklog_ranking2011_rank.gif) repeat scroll 0 0;}
div#main h2#rating2011{background:transparent url(/images/booklog_ranking2011_rating.gif) repeat scroll 0 0;}

/*ログイン前 */
div#main h2#logout {background-position:880px 360px;}
div#main h2#login {background-position:880px 315px;}
div#main h2#term {background-position:880px 270px;}
div#main h2#review {background-position:880px 225px;}
div#main h2#signup {background-position:880px 180px;}
div#main h2#about {background-position:880px 135px;}
div#main h2#ranking {background-position:880px 90px;}
div#main h2#release {background-position:880px 45px;}
div#main h2#search {background-position:880px 1215px;}


h3 {
	/*margin:20px 0 2px 0;*/
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

h3 .moreLink{font-size:12px;padding:0 0 0 20px}

	h3.underline{
		width:100%;
		border-bottom:3px #333 solid;
		padding:0 0 4px;
		margin:0 0 15px;
	}
	
	h3.connect{
		width:100%;
		padding:0 0 4px;
		margin:30px 0 10px;	
	}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #643F00;
	margin:15px 0 5px;
}


h5 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin: 5px 0 0;
	padding: 5px 0;
}

/*----------------------------------------
	pageheader
----------------------------------------*/


dl#loginArea dt,dl#logoutArea dt{display:none;}
dl#loginArea dd,dl#logoutArea dd{float:left;}
dl#loginArea dd.youkoso,dl#logoutArea dd.byebye{padding:7px 15px 0 0;}

dl#loginArea dd input{font-size:12px;width:60px;border:2px #1e1e1e solid;padding:3px;}
	dl#loginArea dd input.loginid{background-position:783px 220px;}
	dl#loginArea dd input.pass{background-position:662px 220px;}
dl#loginArea dd input:focus{background:#fff;border:2px #4ea6cc solid;}

dl#logoutArea dd input{font-size:12px;width:120px;border:2px #1e1e1e solid;padding:3px;}
dl#logoutArea dd input:focus{background:#fff;border:2px #4ea6cc solid;}

dl#loginArea dd button{
	border:0;
	margin:0 0 0 5px;
	cursor:pointer;
	background-position:90px 295px;
	text-indent:-9898px;
	width:52px;
	height:22px;
}
dl#loginArea dd button:hover{background-position:90px 273px;}

dl#logoutArea dd button{
	border:0;
	margin:0 0 0 5px;
	cursor:pointer;
	background-position:30px 295px;
	text-indent:-9898px;
	width:22px;
	height:22px;
}
dl#logoutArea dd button:hover{background-position:30px 273px;}

dl#loginArea dd a,dl#logoutArea dd a,div#userArea a{color:#fff;border-bottom:1px #fff dotted;}
dl#loginArea dd a:hover,dl#logoutArea dd a:hover,div#userArea a:hover{border-bottom:1px #fff solid;}


/*----------------------------------------
	header
----------------------------------------*/

div#header div#mypage a{
	background:url(/images/logo_mypage.gif) repeat scroll 0 0;
	display:block;
	text-indent:-9898px;
	width:175px;
	height:54px;
	margin:0 0 0 20px;
	position: relative;
	z-index:100;
}

div#header div#mypage a:hover{background-position:175px -54px;}
h1{font-size:10px;color:#9a9a9a;}

div.bookloglogo a{
	background-position:924px 295px;
	display:block;
	text-indent:-9898px;
	width:170px;
	height:55px;
	margin:0 0 0 25px;
}
div.bookloglogo a:hover{background-position:744px 295px;}

/* -- ペパボロゴ -- */
div#ppbLogo {position:absolute;top:24px;left:204px;}
div#ppbLogo{
	background-position:884px 220px;
	display:block;
	text-indent:-9898px;
	width:74px;
	height:24px;
}

#socialbtnArea {position: relative;float:right;display: inline;width:449px;height: 32px;margin-top:20px;left: -165px;}
	#socialbtnArea #twitter {position: absolute;left: 0}
	#socialbtnArea #facebook {position: absolute;left: 136px;}
	#socialbtnArea #google {position: absolute;left: 263px;}
	#socialbtnArea #mixi {position: absolute;left: 338px;}
	#socialbtnArea #hatena {position: absolute;left: 409px;}


dl#bookmark{text-align: right;margin:3px 0 0}
dl#bookmark dt{display:none;}
dl#bookmark dd{display:inline;padding:0 0 0 3px;}

dl#counting {padding:0 0 20px;text-align:right;}  
dl#counting dt {float:left;font-size:11px;padding:0 0 0 20px;}
dl#counting dd {float:left;}

/* ログイン前 */
dl#countingGuest {padding:10px 0;text-align: right;}  
dl#countingGuest dt {float:left;font-size:11px;padding:0 0 0 20px;}
dl#countingGuest dd {float:left;}

table#search{text-align: right;margin-top:9px;}
table#search caption{display:none;}
table#search tr td{padding-left:5px;}

table#search tr td button,div#searchArea button,div#tagsearchArea button,div#proftagsearchArea button{
	border:0;
	margin:0 0 0 2px;
	cursor:pointer;
	background-position:354px 208px;
	text-indent:-9898px;
	width:82px;
	height:28px;
	vertical-align:baseline;
}
* html table#search tr td input{height:22px}

table#search tr td button:hover,div#searchArea button:hover,div#tagsearchArea button:hover,div#proftagsearchArea button:hover{background-position:354px 236px;}

div#searchArea input{width:300px;background:url(/images/searchicon.gif) no-repeat -1px -3px;padding-left:40px;}

/* \ */
* html div#searchArea input{height:30px}

/* タグ検索用 */
div#tagsearchArea{text-align:center;margin-bottom:20px;}
div#tagsearchArea input{width:200px;background:url(/images/searchicon_tag.gif) no-repeat -1px -3px;padding-left:115px;}

/* ユーザー検索用 */
div#proftagsearchArea{text-align:center;margin-bottom:20px;}
div#proftagsearchArea input{width:200px;background:url(/images/searchicon_profile.gif) no-repeat -1px -3px;padding-left:142px;}

/* \ */
* html div#tagsearchArea input,* html div#proftagsearchArea input{height:30px}


/* header_mini用 */
div#headerMini div.logo a{
	background:url(/images/logo_mypage.gif) repeat scroll 0 0;
	display:block;
	text-indent:-9898px;
	width:175px;
	height:54px;
	margin:0 0 0 20px;	
}

/* header_micro用 */
div#header div#microLogo a{
	background:url(/images/logo_micro.gif) repeat scroll 0 0;
	display:block;
	text-indent:-9898px;
	width:123px;
	height:38px;
	margin:0 0 0 20px;	
}

div#header div#microLogo a:hover{background-position:123px -38px;}

div#kumaponLink{position: absolute;top:55px;left:900px;width:54px;height:108px;}
	div#kumaponLink a{display: block;width:54px;height:108px;;background: url(/ad/1011/bnr_kumapon_special.gif) no-repeat top;text-indent: -9999px;}
	div#kumaponLink a:hover{display: block;width:54px;height:108px;;background-position:0 -108px;text-indent: -9999px;}


/*----------------------------------------
	table
----------------------------------------*/

table.tableType1 {
	margin:5px 0 35px;
	border-top:3px #333 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tableType1 th {
	padding:10px 10px 10px 20px;
	width: 25%;
	background-color: #f0f0e0;
	border-bottom: 1px dotted #333;
	text-align: left;
	font-size:13px;
	font-weight: bold;
	white-space: nowrap;
}
table.tableType1 td {
	padding: 10px 20px;
	border-bottom: 1px dotted #333;
}

table.tableType1 td.tableType1Sup,table.tableType4 td.tableType1Sup{
	width:38%;
	padding:5px;
	background:#eee;
}

table.tableType2 {
	border-top: 3px #1e1e1e solid;
	border-bottom: 3px #1e1e1e solid;
	border-collapse: collapse;
	border-spacing: 0;
	display:block;
	margin-bottom:20px;
}

table.tableType2 th, table.table2 thead td {
	padding:10px 10px 10px 20px;
	background-color:#f0f0e0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}

table.tableType2 td {
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

table.tableType2 td.releasePager{width:878px;background:#E5F5FB}

table.tableType2 td.ranking{text-align:center;font-weight:bold;color:#fff;background:#4ea6cc;}
	table.tableType2 td.ranking1{text-align:center;font-weight:bold;color:#fff;background:#da4740;}
	table.tableType2 td.ranking2{text-align:center;font-weight:bold;color:#fff;background:#F5B629;}
	table.tableType2 td.ranking3{text-align:center;font-weight:bold;color:#fff;background:#95DA27;}

table.tableType2 td.thumb {width:70px;text-align:center;background:#e3e3e3;cursor:pointer;}
	table.tableType2 td.thumb a img{border:2px #fff solid;cursor:pointer; }
	table.tableType2 td.thumb a:hover img{border:2px #333 solid;cursor:pointer; }

table.tableType2 td.desc {width:630px;}
	table.tableType2 td.desc div.descTitle {font-size:12px;font-weight:bold;margin:0 0 5px;}
	table.tableType2 td.desc div.descTitle h3{font-size:14px;margin:0 0 4px;}
	table.tableType2 td.desc div.descMini,div.descMini {color:#333;font-size:12px;}

table.tableType2 td.btn {width:140px;padding:20px;text-align:center;}

	/* タテに並ぶボタン */
	table.tableType2 td.btn　ul{}
	table.tableType2 td.btn ul li.bottom{margin-top:23px;}
	table.tableType2 td.btn ul li a{
		 border: none;
		 background:#4ea6cc;
		 color:#fff;
		 font-family:Arial, Verdana;
		 font-size:12px;
		 cursor:pointer;
		 padding:9px 18px;
		 border-radius:5px;
		 -webkit-border-radius:5px;
		 -moz-border-radius:5px;
	}
	
	table.tableType2 td.btn ul li a:hover{background:#1e1e1e;}

table.table3 {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
table.table3 th {
	padding: 2px 5px;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
table.table3 td {
	padding: 2px 5px;
}


table.tableType4 {
	width:650px;
	margin:5px 0 35px;
	border-top: 3px #333 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tableType4 th {
	padding:10px 10px 10px 20px;
	width: 35%;
	background-color: #f0f0e0;
	border-bottom: 1px dotted #333;
	text-align: left;
	font-size:13px;
	font-weight: bold;
	white-space: nowrap;
}
table.tableType4 td {
	padding: 10px 20px 10px 20px;
	border-bottom: 1px dotted #333;
	width: 65%;
}

table.tableType4 td.Wselectbox{
	line-height:300%;
}

table.tableType5 {
	width: 650px;
	border-top: 3px #333 solid;
	margin:5px 0 35px;
}

	table.tableType5 th {
		 padding:7px 5px;
		font-weight: bold;
		border-bottom: 1px #333 solid;
		background: #f0f0e0;
		font-size: 13px;
		text-align: center;
	}	
	
	table.tableType5 td {
		padding: 10px 5px;
		border-bottom: 1px dotted #333;
		text-align: center;
	}
	
	table.tableType5 tr.trType1 { 
		background: #eee;
	}


/* 商品編集・登録 */
table.tableType6 {
	border: 1px #CCC solid;
	border-top: 3px #1e1e1e solid;
	border-bottom: 3px #1e1e1e solid;
	border-collapse: collapse;
	border-spacing: 0;
	display:block;
}

table.tableType6 th, table.table6 thead td {
	padding:10px 10px 10px 20px;
	background-color:#f0f0e0;
	border-bottom: 1px dotted #747474;
	text-align: left;
	font-weight: normal;
}

	table.tableType6 th strong{font-size:13px;}

table.tableType6 td {
	padding: 10px;
	border-bottom: 2px solid #333;
}

table.tableType6 td.thumb {width:90px;text-align:center;background:#e3e3e3;cursor:pointer;}
	table.tableType6 td.thumb a img{border:2px #fff solid;cursor:pointer; }
	table.tableType6 td.thumb a:hover img{border:2px #333 solid;cursor:pointer; }

table.tableType6 td.desc {width:410px;}
	table.tableType6 td.desc div.descTitle {font-size:12px;font-weight:bold;margin:0 0 5px;}
	table.tableType6 td.desc dl{margin:7px 0;}
	table.tableType6 td.desc dl dt{width:70px;float:left}

table.tableType6 td.btn {width:150px;padding:20px;text-align:center;}

table.tableType6 td.btn2 {width:130px;padding:20px;text-align:center;}

/* homeランキングと新刊情報 */
table.tableType7 {
	border: 1px #CCC solid;
	border-top: 3px #1e1e1e solid;
	border-bottom: none;
	border-collapse: collapse;
	border-spacing: 0;
	display:block;
}

table.tableType7 td {
	padding:5px 10px;
	border-bottom: 1px solid #CCC;
}

table.tableType7 td.thumb {width:60px;text-align:center;background:#eee;cursor:pointer;}
	table.tableType7 td.thumb a img{border:2px #fff solid;cursor:pointer; }
	table.tableType7 td.thumb a:hover img{border:2px #333 solid;cursor:pointer; }

table.tableType7 td.ranking {width:20px;text-align:center;font-weight:bold;color:#fff;background:#4ea6cc;}
	table.tableType7 td.ranking1{text-align:center;font-weight:bold;color:#fff;background:#da4740;}
	table.tableType7 td.ranking2{text-align:center;font-weight:bold;color:#fff;background:#F5B629;}
	table.tableType7 td.ranking3{text-align:center;font-weight:bold;color:#fff;background:#95DA27;}

table.tableType7 td.desc {width:530px;}
	table.tableType7 td.desc div.descTitle {font-size:12px;font-weight:bold;margin:0 0 5px;}
	table.tableType7 td.desc div.author{font-size:10px;color:#999}

table.tableType7 td.btn {width:180px;text-align:center;}

/* 見出しと説明のヨコ並び */
table.tableType8 {}
table.tableType8 tr td{padding:3px 0;}
table.tableType8 tr td.tdTypeR{text-align:right;width:auto;}

/* 一括削除 */
table.tableType9 {
	border: 1px #CCC solid;
	border-top: 3px #1e1e1e solid;
	border-bottom: 3px #1e1e1e solid;
	border-collapse: collapse;
	border-spacing: 0;
	display:block;
}

table.tableType9 th, table.table9 thead td {
	padding:10px 10px 10px 20px;
	background-color:#f0f0e0;
	border-bottom: 1px dotted #747474;
	text-align: left;
	font-weight: normal;
}

	table.tableType9 th strong{font-size:13px;}

table.tableType9 td {
	padding:5px;
	border-bottom: 1px dotted #747474;
}

table.tableType9 td.last {
	border-bottom:none;
}

table.tableType9 td.thumb {width:50px;text-align:center;background:#e3e3e3;cursor:pointer;}
	table.tableType9 td.thumb a img{border:2px #fff solid;cursor:pointer; }
	table.tableType9 td.thumb a:hover img{border:2px #333 solid;cursor:pointer; }

table.tableType9 td.desc {padding:0 0 0 15px;width:100%;}
	table.tableType9 td.desc div.descTitle {font-size:12px;font-weight:bold;margin:0 0 5px;}
	table.tableType9 td.desc dl{margin:7px 0;}
	table.tableType9 td.desc dl dt{width:70px;float:left}

/* 再読情報 */
table.tableType10 {
	border: 1px #CCC solid;
	border-top: 3px #1e1e1e solid;
	border-bottom: 3px #1e1e1e solid;
	border-collapse: collapse;
	border-spacing: 0;
	display:block;
}

table.tableType10 th, table.table10 thead td {
	padding:10px 10px 10px 20px;
	background-color:#f0f0e0;
	text-align: left;
	font-weight: normal;
}

	table.tableType10 th strong{font-size:13px;}

table.tableType10 td {
	padding: 10px;
	border-bottom: 1px dotted #333;
}

table.tableType10 td.desc {width:440px;}
	table.tableType10 td.desc div.descTitle {font-size:12px;font-weight:bold;margin:0 0 5px;}
	table.tableType10 td.desc dl{margin:7px 0;}
	table.tableType10 td.desc dl dt{width:70px;float:left}

table.tableType10 td.btn {width:150px;padding:20px;text-align:center;}

/* 新刊通知キーワード設定 */
table.tableType11 {
	width:650px;
	margin:5px 0 35px;
	border-top: 3px #333 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tableType11 th {
	padding:10px 10px 10px 20px;
	width: 270px;
	background-color: #f0f0e0;
	border-bottom: 1px dotted #333;
	text-align: left;
	font-size:13px;
	font-weight: bold;
}
table.tableType11 td {
	padding: 10px 15px;
	border-bottom: 1px dotted #333;
}

table.tableType11 td.type1 {width:120px}
table.tableType11 td.type2 {width:70px}
table.tableType11 td.type3,table.tableType11 td.type5 {width:70px;text-align: center}
table.tableType11 td.type4 {width:}

/* ホームの読書状況 */

table.tableType12 {
	width:100%;
	margin:5px 0 35px;
	border-top:3px #333 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tableType12 th {
	padding:10px 0;
	width:130px;
	background-color: #f0f0e0;
	border-bottom: 1px dotted #333;
	text-align:center;
	font-size:13px;
	font-weight: bold;
}
table.tableType12 td {
	padding:5px 0;
	width:130px;
	border-bottom: 1px dotted #333;
	text-align:center;
	font-size:32px;
	font-weight: bold;
	font-family: helvetica,clean,Hiragino Kaku Gothic Pro,sans-serif;
}

table.tableType12 td a{color:#60C30A}
table.tableType12 td a:hover{color:#1e1e1e}


/*----------------------------------------
	globalmenu
----------------------------------------*/

/* ログイン後 */
div#globalmenu {
	height:42px;
	margin:13px 0 20px 5px;
}

div#globalmenu {
	zoom:1;/*for IE 5.5-7*/
}

div#headerside ul{padding-top:1px;text-align:right;}
div#headerside ul li {display:inline;}
	div#headerside ul li a{color:#1e1e1e;border-bottom:1px #1e1e1e dotted;}
	div#headerside ul li a:hover {border-bottom:1px #1e1e1e solid;}

div#headerside dl.globalmenu {
	float:right;
	position: relative;
	margin:9px 0 0 10px;
	height: 28px;
}

* html div#headerside dl.globalmenu	 {width:94px;/*for IE6*/}

div#headerside dl.globalmenu dt {
	height: 28px;
}

div#headerside dl.globalmenu dt a {
	display:block;
	height: 28px;
	outline: none;
	text-indent: -9898px;
	cursor:pointer;
}

div#headerside dl.globalmenu dt a#gm_homeName {width:94px;background-position:800px 96px;}
div#headerside dl.globalmenu dt a#gm_editName {width:132px;background-position:706px 96px;}
div#headerside dl.globalmenu dt a#gm_setting {width:137px;background-position:574px 96px;}
div#headerside dl.globalmenu dt a#gm_myshelfName {width:148px;background-position:437px 96px;}

/* current */
div#headerside dl.globalmenu dt.current a#gm_homeName {background-position:800px 96px;}
div#headerside dl.globalmenu dt.current a#gm_editName {background-position:706px 96px;}
div#headerside dl.globalmenu dt.current a#gm_setting {background-position:574px 96px;}
div#headerside dl.globalmenu dt.current a#gm_myshelfName {width:148px;background-position:437px 96px;}

div#headerside dl.globalmenu dt a:hover {
	text-decoration: none;
}

div#headerside dl.globalmenu dt a:hover#gm_homeName {background-position:800px 68px;}
div#headerside dl.globalmenu dt a:hover#gm_editName {background-position:706px 68px;}
div#headerside dl.globalmenu dt a:hover#gm_setting {background-position:574px 68px;}
div#headerside dl.globalmenu dt a:hover#gm_myshelfName {width:148px;background-position:437px 68px;}

div#headerside dl.globalmenu dd{
	visibility:hidden;
	z-index:100;
	position: absolute;
	top: 33px;
	border: 3px solid #4ea6cc;
	background-color:#fff;
}

	div#headerside dl.globalmenu dd#gm_addUnit {width: 400px;padding:10px;left:-150px;}
	div#headerside dl.globalmenu dd#gm_editUnit {width: 140px;left: -7px;}
	div#headerside dl.globalmenu dd#gm_editUnit ul{text-align: left}
	div#headerside dl.globalmenu dd#gm_editUnit ul li a{
		display: block;
		width: 130px;
		height: 18px;
		padding: 5px 0 5px 10px;
		color: #555;
		font-size: 11px;
	}
	div#headerside dl.globalmenu dd#gm_editUnit ul li a:hover{border-bottom-style:dotted;background-color:#e4e4e4}


/* ログイン前 */
div#globalmenuGuest {width:875px;height:42px;margin:0 auto 10px;position: relative}
* html div#globalmenuGuest {width:935px;padding:0 0 0 30px;/* IE6 */}
div#globalmenuGuest {zoom:1;/*for IE 5.5-7*/}
div#globalmenuGuest:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#globalmenuGuest dl {
	float: left;
	position: relative;
	height:42px;
}

div#globalmenuGuest dl dt {
}

div#globalmenuGuest dl dt a {
	display:block;
	 width:135px;
	height: 42px;
	margin:0 13px 0 0;
	outline: none;
	text-indent: -9898px;
	cursor:pointer;
}

div#globalmenuGuest dl dt a#gm_rankingBtn {background-position:820px 180px;}
div#globalmenuGuest dl dt a#gm_releaseBtn {background-position:685px 180px;}
div#globalmenuGuest dl dt a#gm_reviewBtn {background-position:550px 180px;}
div#globalmenuGuest dl dt a#gm_quotesBtn {background-position:415px 180px;}
div#globalmenuGuest dl dt a#gm_specialBtn {background-position:280px 180px;}
div#globalmenuGuest dl dt a#gm_signinBtn {background-position:145px 180px;margin:0;}

/* gOptimizer 20110209- */ 
div#globalmenuGuest dl dt a#gm_signinBtnGreen {background:transparent url(/img/optimizer/110209_signupBtnGreen.png);}
div#globalmenuGuest dl dt a#gm_signinBtnGreen:hover{background:transparent url(/images/booklog_all.png) repeat scroll 0 0;background-position:642px 138px;}

/* current */
div#globalmenuGuest dl.current dt a#gm_rankingBtn {background-position:820px 138px;}
div#globalmenuGuest dl.current dt a#gm_releaseBtn {background-position:685px 138px;}
div#globalmenuGuest dl.current dt a#gm_reviewBtn {background-position:550px 138px;}
div#globalmenuGuest dl.current dt a#gm_quotesBtn {background-position:415px 138px;}
div#globalmenuGuest dl.current dt a#gm_specialBtn {background-position:280px 138px;}
div#globalmenuGuest dl.current dt a#gm_signinBtn {background-position:145px 138px;}


div#globalmenuGuest dl dt a:hover {text-decoration: none;}

div#globalmenuGuest dl dt a#gm_rankingBtn:hover {background-position:820px 138px;}
div#globalmenuGuest dl dt a#gm_releaseBtn:hover {background-position:685px 138px;}
div#globalmenuGuest dl dt a#gm_reviewBtn:hover {background-position:550px 138px;}
div#globalmenuGuest dl dt a#gm_quotesBtn:hover {background-position:415px 138px;}
div#globalmenuGuest dl dt a#gm_specialBtn:hover {background-position:280px 138px;}
div#globalmenuGuest dl dt a#gm_signinBtn:hover {background-position:145px 138px;}


div#globalmenuGuest .usersCountingArea{position: absolute;font-size:10px;width:100px;background:red;right:-110px}

/*----------------------------------------
	footer
----------------------------------------*/
/* メニュー */
#directoryNav{width:845px;height:280px;padding:25px 20px;background:url(/images/bg_directorynav.gif) no-repeat;margin:5px auto 15px;}
* html #directoryNav{width:885px;height:330px;/* forIE6 */}
#directoryNav div{float:left;padding:0 20px 0 0;text-align: left;}
	#directoryNav div.dnArea01{width:150px;}
	#directoryNav div.dnArea02{width:145px;}
	#directoryNav div.dnArea03{width:140px;}
	#directoryNav div.dnArea04{width:130px;}
	#directoryNav div.dnAreaBnr{width:200px;padding:0;}
	#directoryNav div.dnAreaBnr p{margin:10px 0 0;font-size:11px;}
#directoryNav div h3{font-size:12px!important;margin:0 0 4px;color:#333;border:none;padding:0;background:none}
#directoryNav div ul{margin:0 0 15px;}
#directoryNav div ul li{font-size:11px;line-height:160%}
	#directoryNav div ul li.kugiri{border-bottom:1px #cdcdcd solid;margin:0 0 5px;padding:0 0 5px;}
	#directoryNav div ul li a,#directoryNav div ul li a:link,#directoryNav div ul li a:visited{color:#656565;}
	#directoryNav div ul li a:hover,#directoryNav div ul li a:active{text-decoration: underline}
	
	#directoryNav div ul.listyoko{border-bottom:1px #cdcdcd solid;margin:0 0 5px;padding:0 0 5px;}
	#directoryNav div ul.listyoko li{display: inline;}

div#footer p#pagetopArea a{position: absolute;top:0;right:25px;display:block;width:39px;height: 19px;background-position: 49px 246px;text-indent: -9898px;cursor:pointer;}

div#footer div#footerNavi p#pagetopArea a:hover{background-position: 49px 227px;}

div#footer div#footerNavi{width:875px;text-align: center;margin:0 auto 15px;}
div#footer div#footerNavi ul {width:440px;float:left;text-align:left;}
div#footer div#footerNavi ul li {display:inline;color:#fff;}
	div#footer div#footerNavi ul li a {color:#fff;border-bottom:1px #fff dotted;}
	div#footer div#footerNavi ul li a:hover {border-bottom:1px #fff solid;}


/* copyright */
div#copyrightArea{width:435px;float:right;text-align: right;}
address {width:435px;float:right;text-align: right;color:#fff;font-size:11px;}

address a{ color:#fff;}
address a:visited{ color:#fff;}
address a:hover { color:#ffffcc;}

/* paperboy&co. サービス枠 */
dl#ppbService {width:895px;padding:15px 20px;background:#81BFDB;}
	* html dl#ppbService{width:935px;/* forIE6 */}
dl#ppbService dt {float:left;width:150px;}
	dl#ppbService dt a{width:150px;height:40px;background-position:272px 276px;text-indent: -9898px;display: block;}
dl#ppbService dd {float:right;width:725px;padding:6px 0 0 20px;text-align: left;line-height:1.2em;}
	dl#ppbService ul li {display:inline;font-size:10px;}

	dl#ppbService ul li a{color:#3A7C99;text-decoration: none;}
	dl#ppbService ul li a:hover{color:#fff;text-decoration: underline;}

#pubooLink {position: absolute;top: 50px;left: 10px;width: 32px;height: 32px;background:#fff;}
	#pubooLink a {display: block;width: 32px;height: 32px;background: url(/images/puboo_link.png) no-repeat center;text-indent: -9999px;}
	#pubooLink a:hover {background-color: #91CA00;}

div#counting{text-align:center;font-size:10px;}

/*----------------------------------------
	float clearfix
----------------------------------------*/
.clearFix,
div#globalmenu,
div#footerNavi,
dl#footerService,
div#main,
div#tabMenuA,
div.tabMenuF,
div.pagerArea,
table.tableType6 td.desc dl,
ul.rereadList li{
	zoom:1;/*for IE 5.5-7*/
}

.clearFix:after,
div#globalmenu:after,
div#footerNavi:after,
dl#footerService:after,
div#main:after,
div#tabMenuA:after,
div.tabMenuF:after,
div.pagerArea:after,
table.tableType6 td.desc dl:after,
ul.rereadList li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*----------------------------------------
	label
----------------------------------------*/

.ok { 
	font-weight:normal;
	padding:2px 5px;
	font-size:11px;
	color:#4EA6CC;
 }


.label {
	font-weight:normal;
	padding:4px 10px;
	text-align:center;
	font-size:12px;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	color:#565656;
}

.label_blue {
	font-weight:normal;
	padding:4px 10px;
	text-align:center;
	font-size:12px;
	background-color:#4EA6CC;
	color:#fff;
}

.label_green {
	font-weight:normal;
	padding:4px 10px;
	text-align:center;
	font-size:12px;
	background-color:#89c600;
	color:#fff;
}

.label_red {
	font-weight:normal;
	padding:4px 10px;
	text-align:center;
	font-size:12px;
	background:#DA4740;
	color:#fff;
}


/*----------------------------------------
	rating
----------------------------------------*/


.rating_container {	  
	/*clear:both;*/	 
} 
 
.rating_container a {	
	float:left;	 
	display:block;	
	width:12px;	 
	height:12px;  
	border:0;  
	background-image:url("/images/rank/star_rating.gif");  
} 
 
.rating_container a.rating_off {   
	background-position:0 0;  
} 
 
.rating_container a.rating_half {	
	background-position:-12px 0;  
} 
 
.rating_container a.rating_on {	  
	background-position:-24px 0;  
} 
 
.rating_container a.rating_selected {	
	background-position:-36px 0;  
}

/*----------------------------------------
	rightside
----------------------------------------*/


#rightside { 
}

#rightside .box { 
	margin: 0 15px 15px 0;
	padding: 0;
	border: 1px solid #ccc;
}

#rightside .box h4 { 
	margin: 0 0 5px;
	padding: 3px 5px;
	font-size: 12px;
	/* font-weight: bold; */
	color: #666;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

#rightside .box .contents { 
	padding: 5px;
	color:#666;
 }

/*----------------------------------------
	contentsbox
----------------------------------------*/

.contentsbox {
	
}

.contentsbox a.users {
	padding:3px;
	color:#da4740;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}

.contentsbox .thumbnail { 
	margin-right: 5px;
	float:left;
 }

.contentsbox h4 { 
	font-size:12px;
	margin: 0;
	padding: 0;
}

.contentsbox .author { 
	font-size:10px;
	color: #999;
	margin:0 0 5px;
 }

.contentsbox .iteminfo { 

 }

.contentsbox .iteminfo:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.contentsbox .iteminfo h3 {
	font-size:14px;
}

.contentsbox .iteminfo .status {
	font-size:10px;
	color: #666;
}


.contentsbox blockquote { 
	margin:10px 0 5px;
	padding: 5px 10px;
	background-color:#f0f0e0;
	font-size: 12px;
 }
 
 .contentsbox div.review { 
	margin:10px 0 5px;
	padding: 5px 10px;
	background-color:#f4f4f4;
	font-size: 12px;
 }
 
 .contentsbox div.review span{font-size:10px;color: #999;}

.contentsbox div.timestamp { 
	font-size:10px;
	color: #999;
	margin:0 0 5px;
 }

.contentsbox div.release { 
	font-size:10px;
	color: #333;
 }



/*----------------------------------------
	list
----------------------------------------*/

ul.list1 {margin: 5px 10px 0 20px;}
ul.list1 li {list-style: circle;font-size: 11px;color: #333;margin-bottom:3px}
ul.list1 li span {font-size: 11px;color:#da4740;}

ul.list2 {margin: 5px 10px 0 0;}
ul.list2 li {font-size: 11px;color: #333;margin-bottom:3px}

ul.list3 {margin: 5px 10px 0 0;}
ul.list3 li {list-style: none;font-size: 12px;color: #333; margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #333;}

ul.list4 li {list-style: circle;font-size: 11px;color: #333; margin:0px 0px 0px 15px;}

ul.list5 {margin: 0 10px 7px 20px;}
ul.list5 li {list-style: circle;font-size: 11px;color: #333;}
ul.list5 li span {font-size: 11px;color:#da4740;}

ul.menu1 {
	margin: 10px 0 20px;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}
ul.menu1 li {
	margin: 0 5px 5px 0;
	width:100px;
	padding: 0;
	float: left;
	text-align:center;
	font-size: 10px;
}
ul.menu1 li a {
	border: 1px solid #dedede;
	padding: 9px 10px;
	display: block;
	position: relative;
	color: #565656;
	background-color: #f5f5f5;
	text-decoration: none;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul.menu1 li a:hover {
	border-color: #c2e1ef;
	background-color: #dff4ff;
}
ul.menu1:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

dl.dlist1 { 
	margin: 0 0 15px;
	padding: 0;
}
dl.dlist1 dt { 
	padding: 0;
	font-size: 12px;
	color: #333;
	line-height: 150%;
}
dl.dlist1 dd { 
	padding: 0 0 0 1em;
	font-size: 12px;
	color: #666;
	line-height: 150%;
}

ul.listType01 li{padding:2px 6px}

/* 偶数行の背景に色付け */
.ListBgBlue{background:#EDF1F3;}

ul.rereadList li{display: block;margin:0 0 10px;padding:0 0 5px;border-bottom:1px dotted #333}

ul.taglist { 
 }
ul.taglist li { 
	display:inline;
	padding:5px;
	line-height:center;
}

#socialbtnList {position: relative;display: inline;width:449px;height: 32px;margin-top: 6px;}
	#socialbtnList #sbtwitter {position: absolute;left: 0}
	#socialbtnList #sbfacebook {position: absolute;left: 136px;}
	#socialbtnList #sbgoogle {position: absolute;left: 253px;}
	#socialbtnList #sbmixi {position: absolute;left: 328px;}
	#socialbtnList #sbhatena {position: absolute;left: 399px;}


/*----------------------------------------
	review
----------------------------------------*/

.review { 
	margin-bottom:10px;
}

.review div.description, .review div.summary { 
	color: #333;
	margin: 3px 0 0;
	padding:15px;
	background-color: #f4f4f4;
	line-height:150%;
}

.review div.summary p{font-size:14px;line-height:170%;}

/* ネタバレ */
p.netabareArea,.review div.summary p.netabareArea{color:#bababa}
p.netabareArea:hover,.review div.summary:hover p.netabareArea{color:#333}

.review .date { 
	text-align: right;
	color: #999;
	font-size:12px;
 }

.review div.description p { 
	width: 635px;
	overflow:hidden;
 }


/*----------------------------------------
	reviewer
----------------------------------------*/

div.reviewerinfo { 

}

div.reviewerinfo div.reviewer { 
	float:left;
 }

div.reviewerinfo div.fav { 
	float:right;
	position:relative;
	top:20px;
 }

/*----------------------------------------
	fav
----------------------------------------*/
.favArea{}
img.favBtn{vertical-align:-2px;margin:0 4px 0 0}
img.favCancelBtn{vertical-align:-2px;margin:0}
img.favIcon{vertical-align:-2px;}

 
/*----------------------------------------
	itunes
----------------------------------------*/
a.itsThumnail{position: relative;border:0;}
a.itsThumnail img{padding:3px;border:0;}

span.maskSmallWhite{
	background:transparent url(/images/itunes/i_mask_small_w.png) no-repeat scroll left top;
	display:block;
	position:absolute;

	width:63px;
	height:63px;
	z-index:100;
}

/*----------------------------------------
	pray for JAPAN
----------------------------------------*/
div#prayForJp{width:790px;margin:0 auto 20px;padding:10px 20px;border:5px #60C30A solid;text-align:center;background:#F0F0E0}
div#prayForJp ul.booklogInfoHome{}
* html div#prayForJp{width:840px;/* forIE6 */}
div#prayForJp .pubook{margin:5px auto 0;}
