@charset "EUC-JP";
/* CSS Document */


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

body {
	font-size: 90%;
	font-family: 'Meiryo', '¥á¥¤¥ê¥ª', 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', '£Í£Ó £Ð¥´¥·¥Ã¥¯', '£Í£Ó ¥´¥·¥Ã¥¯', Osaka, Osaka-ÅùÉý, sans-serif;
	color: #333333;
	background: #FFFFFF url(img/bg.gif) repeat-x;
	background-color:#f1efe9;
	line-height: 130%;
	text-align: center;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}



p, div, hr, blockquote, form, h1, h2, h3, h4, h5, object, embed, script, table, th, tr, td {
	margin: 0; padding: 0;
}

p, span, blockquote, dt, dd, li, h1, h2, h3, h4, h5 {
	line-height: 130%;
}

img, table { border: 0; }

hr { display: none; }

.strong { font-weight: bold; }

.small { font-size:smaller; }


a img {
	border-style:none;
}

a:link { color: #e33a37; text-decoration: none; }
a:visited { color: #e33a37; text-decoration: none; }
a:hover { color: #e33a37; text-decoration:underline;}
a:visited:hover { color: #e33a37; text-decoration: underline; }
a:active { color: #e33a37; text-decoration: underline; }
a:visited:active { color: #e33a37; text-decoration: none; }


#footer a:link { color: #333333; text-decoration: none; }
#footer a:visited { color: #333333; text-decoration: none; }
#footer a:hover { color: #333333; text-decoration:underline;}
#footer a:visited:hover { color: #333333; text-decoration: underline; }
#footer a:active { color: #333333; text-decoration: underline; }
#footer a:visited:active { color: #333333; text-decoration: none; }




.text10 {font-size:10px;line-height:13px;color:#333333;}
.text14{font-size:14px;line-height:18px;color:#333333;}
.msg{font-size:14px;color:#FF0000;line-height:18px;font-weight:bold}

.large {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	}

.bold {
	font-weight: bold;
	}

.oshi_txt {font-size:10px;}


div#header {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-left:solid 1px #bfb4ae;
		border-right:solid 1px #bfb4ae;
		width:829px;
		background-color:#FFFFFF;
	}

div#header div#he1 .line1 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width:829px;
		height:9px;
		background-color:#b1afb0;
	}
div#header div#he1 .line2 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width:829px;
		height:1px;
		background-color:#bfb4ae;
	}
	

div#header div#he2 {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 width:827px;
 height:69px;
 border:0px solid #000000;
 }
div#header div#he2 div#logo {
 float : left ; width : 200px ;
 padding: 15px 0px 0px 10px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 }
div#header div#he2  div#banner { 
 float : right ;
 padding: 5px 5px 0px 0px;
 margin: 0px 0px 0px 0px;
 }


div#header div#he3 {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;

 }



div#contents {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-left:solid 1px #bfb4ae;
		border-right:solid 1px #bfb4ae;
		border-bottom:solid 1px #bfb4ae;
		width:829px;
		background-color:#FFFFFF;
	}
	
div#contents_sec {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-left:solid 1px #bfb4ae;
		border-right:solid 1px #bfb4ae;
		border-bottom:solid 1px #bfb4ae;
		width:829px;
		background: #FFFFFF url(img/bg_sec.gif) repeat-y;
	}
	

div#footer {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-left:solid 1px #bfb4ae;
		border-right:solid 1px #bfb4ae;
		border-bottom:solid 1px #bfb4ae;
		background-color:#f4f4f4;
		width:829px;
		height:50px;
		font-size: 10px;
		line-height:130%;
	}
div#footer .left {
 float : left ; width : 500px ;
 padding: 5px 0px 10px 8px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 }
div#footer .right { 
 float : right ;
 padding: 5px 5px 10px 0px;
 margin: 0px 0px 0px 0px;
 text-align:right;
 }


div#contents .inner {
		padding: 5px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
	}
	
div#contents_sec .inner_sec {
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 0px 0px;
	}




/* ----------------------------------------
 *¡¡top-page
 * ---------------------------------------- */


.sengen {
	padding: 0px;
	margin: 10px 0px 5px 0px;
}


div#top_flash {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-left:solid 1px #bfb4ae;
		border-right:solid 1px #bfb4ae;
		border-bottom:solid 1px #bfb4ae;
		width:829px;
		height:219px;
	}
div#top_flash .flash_inside {
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}


.w {
background: #FFFFFF url(img/top/w/naka.gif) repeat-y;
width:222px;
}
.w .text {
	padding: 0px 5px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:200px;
	text-align:left;
}



TABLE .rank{
  border:0px #009900 solid;
  width:330px;
}
TD.rank1{
  padding: 3px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  vertical-align:top;
  border:0px #999999 solid;
  line-height:130%;
}
TD.rank2{
  padding: 3px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border:0px #999999 solid;
  line-height:130%;
}

.rank_m {
 padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}
.rank_s {
font-size: 10px;
}
.rank_t {
font-size: 10px;
line-height:110%;
}
.rank_img {
 padding: 0px 3px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.twitter {
background: #FFFFFF url(img/top/twitter2.gif) ;
width:218px;
height:174px;
text-align:left;

}
.twitter .twitter_t {
 padding: 5px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
  line-height:130%;
}
.twitter .twitter_s {
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 10px;
}

.topban {
padding: 0px 0px 0px 0px;
margin: 3px 0px 3px 0px;
}


/* ----------------------------------------
 *¡¡second-page
 * ---------------------------------------- */

.midashi  {
	font-weight: bold;
	color:#333333;
	margin: 0px 10px 10px 0px;
	padding: 3px;
	border-left: 5px solid #333333;
	background-color:#ffffff;
	}


.sec_title{
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}

.sec_lead{
padding: 5px 10px 10px 10px;
margin: 0px 0px 0px 0px;
text-align:left;
}

.sec_text{
padding: 5px 10px 10px 10px;
margin: 0px 0px 0px 0px;
text-align:left;
}

.sec_text2{
padding: 5px 10px 10px 10px;
margin: 0px 10px 0px 0px;
text-align:left;
}

.sec_text2 .m1 {
		padding: 5px;
		margin: 10px 0px 10px 0px;
		background: #f8cece ;
		font-weight:bold;
		text-align:left;
	}
	
.sec_text2 .w1 {
		padding: 5px;
		margin: 10px 0px 0px 0px;
		border:1px solid #fc3131 ;
	}

.w2 {
		padding: 10px;
		margin: 10px 0px 0px 0px;
		border:0px solid #fc3131 ;
		background:#deeced;
	}
	
.num_ul {
		padding: 0 0 0 25px;
		margin: 0px 0px 0px 0px;
		list-style-type:decimal;
	}
.num_ul li {
		padding: 0px 0 10px 0px;
		margin: 0px 0px 0px 0px;
	}

.maru_ul {
		padding: 0 0 0 25px;
		margin: 0px 0px 0px 0px;
		list-style-type:disc;
	}
.maru_ul li {
		padding: 0px 0 10px 0px;
		margin: 0px 0px 0px 0px;
	}

h5 {
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	border-bottom: #6b6d9d 5px solid;
	color:#6b6d9d;
	padding: 2px 0 3px 0;
	margin: 0 0 10px 0;
}


h2 {
	font-size: 140%;
	line-height: 120%;
	padding: 0px 0 0px 0;
	margin: 5px 0 5px 0;
}


.img1 {
		padding: 0px 0 10px 0px;
		margin: 0px 0px 0px 0px;
	}
.img2 {
		padding: 15px 0 10px 0px;
		margin: 0px 0px 0px 0px;
	}	
	

div#text_lr {
 padding: 10px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
 clear:both;
 width:520px;
 }
div#text_lr .le {
 float : left ; 
 padding:0px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 width:60px;
 font-weight:bold;
 }
div#text_lr .ri { 
 float : right ; 
 padding:0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 width:460px;
 }
 
 
.blc{
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}
 
 
/*	books_list
-----------------------------------------------------*/

.tab_release {
background: #FFFFFF url(img/release/tab/bg.gif) ;
width:572px;
height:31px;
text-align:left;

}
ul.tab_release_ul {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.tab_release_ul li {
float: left;
margin-right: 0px;margin-left: 5px;
padding: 0px;
border: 0px;
}

#book_list #book_l{
float:left;
width:90px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#book_list #book_r{
float:right;
width:460px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#book_list{
padding: 10px;
margin: 0px 0px 0px 0px;
}

#book_list .image{
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#book_list .tag{
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
#book_list .title{
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight:bold;
}
#book_list .author{
font-size: 14px;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#book_list .price{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#book_list .lead{
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*	side_menu
-----------------------------------------------------*/

.sidemenu {
background-color:#fffeee;
border: solid 1px #45a5c3;
width:190px;
padding: 10px;
margin: 0px 0px 10px 10px;
text-align:left;
}
.sidemenu .menu {
font-size:14px;
font-weight:bold;
}
.sidemenu .menu2 {
font-size:14px;
font-weight:bold;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
.sidemenu .text {
font-weight:normal;
}
.sideban {
padding: 0px;
margin: 0px 0px 10px 10px;
text-align:left;
}
.sidetxt {
padding: 0px;
margin: 0px 0px 0px 0px;
text-align:left;
}

/*	books
-----------------------------------------------------*/


TABLE.bookd1{
  border-bottom:1px #999999 solid;padding:0px;margin:0px;
}
TD.bookd1c1{
  background-color:#e2e2e2;
	border-top:1px #999999 solid;border-left:1px #999999 solid;border-bottom:0px #999999 solid;border-right:1px #999999 solid;
  padding:5px;margin:0px;
  width:120px;
}
TD.bookd1c2{
  padding:5px;margin:0px;
	border-top:1px #999999 solid;border-left:0px #999999 solid;border-bottom:0px #999999 solid;border-right:1px #999999 solid;
  text-align: left;
}



#book_books{
padding: 10px;
margin: 0px 0px 0px 0px;
text-align:center;
}

#book_books .image{
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#book_books .tag{
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-size:10px;
}
#book_books .title{
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight:bold;
}
#book_books .author{
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#book_books .price{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#book_books .lead{
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

ul.books_detail {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.books_detail li.li1 {
float: left;
margin-right: 0px;margin-left: 0px;
padding: 3px;
border: 0px;
background:#ebeaeb;
width:340px;
}
ul.books_detail li.li2 {
float: left;
margin-right: 0px;margin-left: 0px;
padding: 3px;
border: 0px;
background:#ffffff;
width:340px;
}

#book_books .m{
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
#book_books .contents{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:525px;
text-align:left;
}

ul.osusume_ul {
margin: 0 0 0 28px;padding: 0;
list-style-type: none;
}

ul.osusume_ul li {
float: left;
margin-right: 28px;margin-left: 0px;
padding: 0px;border: 0px;
}



ul.li_genre {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.li_genre li.li1 {
margin: 0px;
padding: 2px;
font-size:smaller;
}



.review  {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border:dotted 1px #FFCC00;
	}
.review_title2  {
	font-weight: bold;
	color:#FF6600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.review_name  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	}
	

/*	release_mail
-----------------------------------------*/

.release_mail {
border: solid 1px #cc3333;
padding: 10px;
margin: 10px 3px 0px 0px;
text-align:left;
}

.release_mail .m1 {
padding: 0px;
margin: 0px 0px 0px 0px;
color:#cc3333;
font-size:14px;
font-weight:bold;
}

.release_mail .m2 {
padding: 0px;
margin: 5px 0px 5px 0px;
font-size:10px;
line-height: 120%;
}
.release_mail .m3 {
padding: 0px;
margin: 5px 0px 5px 0px;
font-size:10px;
font-weight:bold;
}



 /* ----------------------------------------
 *¡¡call
 * ---------------------------------------- */
 
div#call_lr {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 width : 560px ;
 clear:both;
 }
div#call_lr .left {
 float : left ; width : 130px ;
 padding:5px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 border-left:solid 5px #999999;
 border-bottom:solid 1px #ffffff;
 background-color:#e6e5e5;
 }
div#call_lr .right { 
 float : right ; width : 410px ;
 padding:0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 border-bottom:solid 1px #ffffff;
 }
div#call_lr_btn {
 padding: 10px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
 width : 560px ;
 clear:both;
 text-align:right;
 } 
 

 /* ----------------------------------------
 *¡¡publish
 * ---------------------------------------- */

TABLE.pub4{
  border-bottom:0px #999999 solid;padding:0px;margin:0px;
}
TD.pub4c1{
	border-top:1px #999999 solid;border-left:1px #999999 solid;border-bottom:0px #999999 solid;border-right:1px #999999 solid;
  padding:5px;margin:0px;
  font-weight:bold;
  width:60px;
}
TD.pub4c2{
  padding:5px;margin:0px;
	border-top:1px #999999 solid;border-left:0px #999999 solid;border-bottom:0px #999999 solid;border-right:1px #999999 solid;
  text-align: left;
}
TD.pub4c3{
  background-color:#e2e2e2;
  padding:5px;margin:0px;
	border:1px #999999 solid;
  text-align: right;
  font-weight:bold;
}

TABLE.pub2{
  border:0px #009900 solid;padding:0px;margin:0px;
}
TD.pub2c1{
  background-color:#999999;
  padding:5px;margin:0px;
  font-weight:bold;
  color:#ffffff;
	border-bottom:1px #ffffff solid;
  width:100px;
}
TD.pub2c2{
  background-color:#e2e2e2;
  padding:5px;margin:0px;
  text-align: left;
  border-bottom:1px #ffffff solid;
}

TABLE.pub3{
  border-bottom:1px #999999 solid;padding:0px;margin:0px;
}
TD.pub3c1{
  background-color:#e2e2e2;
	border-top:1px #999999 solid;border-left:1px #999999 solid;border-bottom:0px #999999 solid;border-right:1px #999999 solid;
  padding:5px;margin:0px;
  font-weight:bold;
  width:60px;
}
TD.pub3c2{
  padding:5px;margin:0px;
	border-top:1px #999999 solid;border-left:0px #999999 solid;border-bottom:0px #999999 solid;border-right:1px #999999 solid;
  text-align: left;
}



 /* ----------------------------------------
 *¡¡about
 * ---------------------------------------- */
 
div#about_lr {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 width : 560px ;
 clear:both;
 border-bottom:dotted 1px #333333;
 }
div#about_lr .left {
 float : left ; width : 130px ;
 padding:5px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 }
div#about_lr .right { 
 float : right ; width : 410px ;
 padding:5px;
 margin: 0px 0px 0px 0px;
 text-align:left;
 }


// tab
li.on img.on { display:inline ; }
li.on img.off { display:none ; }
li.off img.off { display:inline ; }
li.off img.on { display:none ; }



 /* ----------------------------------------
 *¡¡blog
 * ---------------------------------------- */

#b_e{
	padding:0 0 0 0px;
	margin: 10px 0px 10px 0px;
	border-bottom:1px dotted #666666;
	width:570px;
}


#b_e #midashi{
	padding:0 0 0 10px;
	border-left:#988D8D 5px solid;
	font-size: larger;
	font-weight: bold;
}

#b_e #midashi span{
	display:block;
	font-size:small;
	font-weight:normal;
	color:#999999;
}

#b_e .honbun {
	padding:0 0px 0 0px;
	margin: 10px 0px 10px 10px;
	width:550px;
}


.b_side {
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	border-bottom: #988D8D 2px solid;
	color:#988D8D;
	padding: 5px 0 3px 5px;
	margin: 0px 0 10px 0;
	background:#e2e2e3;
}

.b_maru_ul {
		padding: 0 0 0 25px;
		margin: 0px 0px 0px 0px;
		list-style-type:disc;
	}
.b_maru_ul li {
		padding: 0px 0 5px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
	}
	
.b_page {
	padding:0 0px 0 0px;
	margin: 10px 0px 10px 0px;
	text-align:center;
	font-size:10px;
}


.pageing {
	padding:0 0px 0 0px;
	margin: 10px 0px 10px 0px;
	text-align:center;
	font-size:10px;
}