@charset "Shift_JIS";

/*BODY*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{  
    margin:0; padding:0;  
}  

body{
width: 100%;
border: 0px;
vertical-align: top;
font-size: 1em;
line-height:150%;
color: #333333;
font-family: Arial, Helvetica, Sans-Serif;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
text-align: center;
}

fieldset, img{  
    border:0;  
}  
address, caption, cite, code, dfn, th, var{  
    font-style:normal; font-weight:normal;  
}  
ol, ul{  
    list-style:none;  
}  
caption, th{  
    text-align:left;  
}  

q:before, q:after{  
    content:”;  
}  
abbr, acronym{  
    border:0;  
}  

img {
vertical-align:bottom;
}

img {
vertical-align:bottom;
}

a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}




/*HEADER*/
#size{
width:100%;
height: 24px;
text-align: right;
margin: 2px 10px 2px 0px;
font-size: 0.7em;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal;
color: #333333;
*padding: 6px 0px 0px 0px;　/* IE7 and below */ 
*margin: 2px 10px 0px 0px;　/* IE7 and below */ 
*font-size: 0.55em;　/* IE7 and below */ 
*line-height:100%;　/* IE7 and below */ 
}


#size-btn{
margin: 2px 12px 2px 0px;
}

#size-btn img{
margin: 2px 2px 2px 0px;
*margin: -4px 2px 2px 0px;　/* IE7 and below */ 
}

#header-img{
width:100%;
height: 107px;
text-align: left;
margin: 0px 0px 0px 0px;
/*background: url("images/img01.jpg") no-repeat 7px 0px;*/
background: url("images/header-bg.jpg") no-repeat 7px 0px;
}

#header{
width:100%;
min-width: 1065px;
height: 107px;
margin-top: -109px;
margin-bottom: 0px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
text-align: center;
padding: 0px 0px 0px 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color : #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color : #333333;
position: relative;
z-index: 0;
}


#header-base{
 width:100%;
 float:left;
 margin-right:-260px;
height: 107px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

#header-left{
width: 260px;
height: 107px;
float:right;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}



#header-center{
 width:100%;
 float:right;
 margin-left:-260px;
height: 107px;
padding: 0px 0px 0px 0px;
}

#header-menu01{
min-width: 505px;
height: 79px;
padding: 0px 0px 0px 0px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
text-align: center;
position:relative;
z-index: 3;
}

#header-menu02{
min-width: 505px;
height: 28px;
padding: 0px 0px 0px 5px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
text-align: center;
position:relative;
z-index: 3;
}

#header-right{
width: 260px;
height: 107px;
float:left;
padding: 0px 0px 0px 0px;
position:relative;
z-index: 2;
}

#header-time{
width: 245px;
height: 24px;
padding: 15px 0px 0px 0px;
text-align: right;
font-size: 0.8em;
font-family: Arial, Helvetica, Sans-Serif;
 font-weight: normal;
color: #333333;
}

#header-search{
width: 260px;
height: 40px;
padding: 0px 0px 0px 0px;
}


#header-search-form {
width:140px;
height: 14px;  
margin: 5px 0px 2px 20px;
padding: 2px 2px 2px 22px;
font-family: Arial, Helvetica, Sans-Serif;
 font-weight: normal;
color: #333333;
background: url("images/icon-search.gif") no-repeat ;
float: left;
}


 
#header-menu03{
width: 260px;
height: 28px;
padding: 0px 0px 0px 0px;
}


/*CONTENTS*/

#contents{
width:100%;
min-width: 1065px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
text-align: center;
padding: 0px 0px 0px 0px;
}




#contents-base{
width:100%;
float:left;
margin-right:-260px;
padding: 0px 0px 0px 0px;
}

#contents-left{
width: 260px;
 float:right;
padding: 5px 0px 0px 0px;
}

#contents-center{
 width:100%;
 min-width: 505px;
 float:right;
 margin-left:-260px;
padding: 0px 0px 0px 0px;
}

#contents-right{
width: 260px;
float:left;
padding: 5px 0px 0px 0px;
}


#contents-txt{
margin: 0px 260px 0px 260px;
padding: 10px 10px 10px 10px;
font-size: 1em;
font-weight: normal;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #333333;
/*text-align: left;*/
text-align:justify;
text-justify:inter-ideograph;
border-right-width: 1px;
border-right-style: solid;
border-right-color : #333333;
border-left-width: 1px;
border-left-style: solid;
border-left-color : #333333;
min-height: 1100px;
}

.icon {
margin: 0px 5px 0px 0px;
float:left;
}



.time {
margin: -2px 0px 0px 53px;
color: #AFA203;
    font-size: 0.8em;
}
.time2 {
margin: -2px 0px 0px 15px;
color: #AFA203;
    font-size: 0.8em;
}
.time_backnumber {
margin: -2px 0px 0px 0px;
border-width:1px 0 0 0;
border-color:#666666;
border-style:solid;
padding: 5px 5px 0 5px;
color: #AFA203;
font-size: 0.8em;
/*text-align: right;*/
}
.backnumber_midashi
{
	display:block;
	font-weight:bold;
	font-size:110%;
	margin:10px 0 10px 0;
	padding: 2px 0px 2px 5px;
	border-width:0 0 0 7px;
	border-color:#000088;
	border-style:solid;
}

.price {
color: #AFA203;
    font-size: 1em;
}

.top-box{
padding: 5px 0px 10px 0px;
margin: 0px 0px 10px 0px;
clear: both;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #333333;
}

.box{
padding: 5px 0px 0px 0px;
margin: 0px 0px 10px 0px;
clear: both;
}

.box-img{
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}

.clear{
clear: both;
}


.cat-title{
width:248px;
padding: 5px 0px 0px 8px;
margin: 0px 0px 0px 0px;
}

/* fix for IE6 */
* html .cat-title{
width:248px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



.sub{
width:248px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 14px;
text-align: left;
font-size: 0.9em;
clear: both;
}

/* fix for IE6 */
* html .sub{
width:248px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 12px;
clear: both;
}


.sub li{
width:225px;
text-align:justify;
text-justify:inter-ideograph;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.sub img{
padding: 0px 0px 5px 3px;
margin: 0px 0px 0px 0px;
}

#left-search{
width:248px;
height: 100px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 6px;
text-align: left;
background:url(images/search-back.jpg) no-repeat 0px 0px;
}

#left-search-form  {
width:150px;
height: 14px;  
margin: 52px 5px 2px 14px;
padding: 2px 2px 2px 2px;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal;
color: #333333;
float: left;
}

#left-search-btn {
margin: 50px 0px 0px 0px;
float: left;
}

#topicks{
width:248px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 15px 6px;
text-align: left;
background:url(images/j02.gif) repeat-y 0px 0px;
font-size: 0.9em;
}

#topicks ul{
padding: 5px 10px 5px 18px;
margin: 0px;
}

#book{
width:248px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 6px;
text-align: left;
background:url(images/book02.gif) repeat-y 0px 0px;
}

#book01{
width:248px;
height: 130px;  
}

#book02{
width:80px; 
height: 120px;  
margin: -120px 5px 0px 150px;
position:relative;
z-index: 3;
}

#book02 img{ 
height: 110px;  
}

#book03{
padding: 5px 20px 5px 28px;
margin: 0px;
text-align: left;
font-size: 0.9em;
line-height:140%;
}

#sengu{
width:248px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 20px 6px;
text-align: left;
background:url(images/sengu02.gif) repeat-y 0px 0px;
}

#sengu01{
width:248px;
height: 130px;  
}

#sengu02{
width:80px; 
height: 120px;  
margin: -120px 5px 0px 150px;
position:relative;
z-index: 3;
}

#sengu02 img{ 
height: 110px;  
}

#sengu03{
padding: 5px 20px 5px 28px;
margin: 0px;
text-align: left;
font-size: 0.9em;
line-height:140%;
}


.cat-list-title{
padding: 3px 10px 3px 10px;
margin: 15px 0px 5px 0px;
background:#EFEFEF;
border-left-width: 3px;
border-left-style: solid;
border-left-color : #313C97;
}

.cat-list-time{
color: #AFA203;
    font-size: 0.8em;
}

.cat-list{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}

.cat-list li{
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}

.cat-list img{
padding: 0px 0px 5px 3px;
margin: 0px 0px 0px 0px;
}

.tb{
min-width: 505px;
}

#link .tb{
min-width: 520px;
}

* html .tb{
width: 505px;
}

.p1{
width: 120px;
margin: 5px 0px 0px 0px;
padding: 5px 10px 0px 0px;
float: left;
font-weight:bold;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
}

.p2{
width: 73%;
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
float: left;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
}

	
.p3{
width: 120px;
margin: 5px 0px 10px 0px;
padding: 5px 10px 0px 0px;
float: left;
font-weight:bold;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #333333;
}

.p4{
width: 73%;
margin: 5px 0px 10px 0px;
padding: 5px 0px 0px 0px;
float: left;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #333333;
}


.pt1{
width: 120px;
margin: 5px 0px 0px 0px;
padding: 5px 10px 0px 0px;
float: left;
font-weight:bold;
border-top-width: 2px;
border-top-style: solid;
border-top-color : #333333;
}

.pt2{
width: 73%;
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
float: left;
border-top-width: 2px;
border-top-style: solid;
border-top-color : #333333;
}

.l0link{
	width:100%;
	clear:both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color : #333333;
}
.l0link_b{
	width:100%;
	clear:both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color : #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color : #333333;
}

.l1link{
width: 180px;
margin: 5px 0px 0px 0px;
padding: 5px 10px 0px 0px;
float: left;
font-weight:bold;
/*border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;*/
}

.l2link{
/*width: 65%;*/
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
float: left;
/*border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;*/
}


.l1{
width: 180px;
margin: 5px 0px 0px 0px;
padding: 5px 10px 0px 0px;
float: left;
font-weight:bold;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
}

.l2{
width: 65%;
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
float: left;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
}

.l3{
width: 180px;
margin: 5px 0px 10px 0px;
padding: 5px 10px 0px 0px;
float: left;
font-weight:bold;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #333333;
}

.l4{
width: 65%;
margin: 5px 0px 10px 0px;
padding: 5px 0px 0px 0px;
float: left;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #333333;
}

.comment{
padding: 10px 10px 10px 10px;
margin: 10px 0px 10px 0px;
background:#EFEFEF;
}


/*IMAGE*/

.img-left{
float:left;
margin-right: 10px;
}

.img-right{
float:right;
margin-left: 10px;
}


/*FOOTER*/


#footer{
width: 100%;
height:50px;
clear: both;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
padding: 10px 0px 0px 0px;
text-align: center;
font-size: 1em;
border-top-width: 1px;
border-top-style: solid;
border-top-color : #333333;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
  font-weight: bold;
}


#footer a{
 color: #333333;
text-decoration: none;
border-bottom-width : 0px;

}

#footer a:hover,
#footer a:active{
color: #AFA203;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #AFA203;
}

#footer-base{
width: 100%;
min-width: 995px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
text-align: center;
padding: 0px 0px 0px 0px;
}

#count {
padding: 10px 0px 10px 0px;
}

#copy {
padding: 5px 0px 0px 0px;
text-align: center;
font-size: 0.7em;
 font-weight: normal;
}


/*FONT*/

#header H1	{
	width: 260px;
	height:107px;
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px 0px 0px 7px;
	background:url(images/h01.gif) no-repeat 0px 0px;
	position:relative;
	z-index: 3;
	}	

* html #header H1	{
	width: 250px;
	margin: 0px 0px 0px 7px;
	}	
	
#header H1 a {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
}


#header H1 a:hover {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
}
	


h2{
margin: 0px;
padding: 0px;
font-size: 1.5em;
line-height:150%;
 font-weight: bold;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #333333;
letter-spacing: 1px;
}

h2 a{
color: #333333;
text-decoration:none;
}

h2 a:hover,h3 a:active{
color: #AFA203;
text-decoration:underline;
}


#profile H2	{
	height:100px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	background:url(images/title-profile-b.jpg) repeat-x 0px 0px;
	}	


	
#ayumi H2	{
	height:100px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	background:url(images/title-ayumi-b.jpg) repeat-x 0px 0px;
	}	
	
#kana H2	{
	height:100px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	background:url(images/title-kana-b.jpg) repeat-x 0px 0px;
	}	

#kantan H2	{
	height:100px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	background:url(images/title-kantan-b.jpg) repeat-x 0px 0px;
	}		

#link H2	{
	height:100px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	background:url(images/title-link-b.jpg) repeat-x 0px 0px;
	}	
	
#kodoku H2	{
	height:100px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	background:url(images/title-kodoku-b.jpg) repeat-x 0px 0px;
	}	
	
h3{
margin: 0px;
padding: 0px;
font-size: 1.25em;
line-height:150%;
 font-weight: bold;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #333333;
letter-spacing: 1px;
}

h3 a{
color: #333333;
text-decoration:none;
}

h3 a:hover,h3 a:active{
color: #AFA203;
text-decoration:underline;
}


h4{
padding: 3px 10px 3px 10px;
margin: 15px 0px 5px 0px;
background:#EFEFEF url(images/h4-back.jpg) repeat-x bottom left;
border-left-width: 3px;
border-left-style: solid;
border-left-color : #313C97;
}

h5{
margin: 0px;
padding: 0px;
font-size: 1.2em;
line-height:130%;
 font-weight: bold;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #333333;
letter-spacing: 0px;
}

.brown{
color:#AFA203;
}

a{
color: #313C97;
}

a:hover,a:active{
color: #AFA203;
}




