@charset "utf-8";
/* style reset */

html,body,div,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,address,hr,
pre,blockquote,del,form,table,caption,tr,th,td {
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 1em;
}
ul p,ol p, dl p, table p,
ul ul,ol ul,dl ul,table ul,
ul ol,ol ol,dl ol,table ol,
ul dl,ol dl,dl dl,table dl,
ul table,ol table,dl table{
  font-size: 1em;
  margin: 0;
}

textarea { font-size: 100%; }

img, object {
  border: 0;
  vertical-align: bottom;
}
sub {
  line-height: 1;
  vertical-align: text-bottom;
}
ol,ul,li{
list-style:none;}

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

body{
background:#ececce;
font-size:14px;
*font-size:0.9em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap{
width:980px;
margin:0 auto;
background:#fff;
}

#header{
width:980px;
height:140px;
position:relative;
}

#header h1{
position:absolute;
top:21px;
left:40px;
}



#header h2{
position:absolute;
top:10px;
right:28px;
}

#header ul{
width:379px;
position:absolute;
top:90px;
right:30px;
}

#header li{
float:left;
}

#top_box{
width:980px;
clear:both;
background:url(../img/cloth_bg.gif) repeat-y top left;
}

#latest{
width:850px;
height:30px;
margin:15px auto;
background:url(../img/latest_ttl.gif) no-repeat top left;
}

#latest h3{
display:none;
}

#latest p{
padding:3px 0 0 75px;
}

#latest_box{
width:920px;
margin:20px auto;
background:url(../img/top_box_bg.gif) repeat-y top left;
position:relative;
overflow:hidden;
}

#digibook{
display: inline;	
width:245px;
float:left;
margin:0 15px 0 35px;
position:relative;
}

p#book{
width:240px;
margin:0 auto 15px auto;
}


#topic_box{	
float:left;
width:285px;
}

#topic_box h4{
display: block;	
font-weight:bold;
font-size:1.2em;
color:#333;
margin:0 0 10px 0;
}

#topic_box h4 span{
	font-size:0.8em;
	font-weight:normal;
	}

.topic_01{
width:285px;	
display: block;		
border-left:3px solid #ea5442;
padding:5px 0 5px 7px;
margin:0 0 10px 0;
}

.topic_01 p.txt{
	font-size: 13px;
}

.topic_01 p,.topic_02 p{	
color:#333;
}

.topic_02{
width:285px;
display: block;	
border-left:3px solid #69af4b;
padding:5px 0 5px 7px;
}

#burari_shop{
float:left;
width:300px;
background:#fff;
}

#burari_in{
background:#ece4cd;
}

#burari_in table{
/*width:280px;*/
width:275px;
/*margin:0 auto 15px auto;*/
margin:0 auto 0 auto;
}

#burari_in p{
	font-size:11px;
	padding:3px 0 7px 0;
}

#brari_spot{
	color:#3d2a18;
	/*width:260px;*/
	width:245px;
	margin:0 auto 10px auto;
	padding:10px 0 2px 0;
	text-align:center;
	border-bottom:solid 1px #3d2a18;
	}

#burari_in table img{
border:1px solid #bbb5aa;
padding:2px;
background:#fff;
}

p#coupon_btn{
width:280px;
margin:15px auto;
}

#top_backnumber{
width:250px;
padding:15px 0 0 0;
}

#top_backnumber p{
	padding:0 0 5px 0;
	}


#top_read{
width:920px;
margin:0 auto 20px auto;
}

/*#web_contents{
width:920px;
height:320px;
background:url(../img/web_contents_bg.jpg) no-repeat top left;
margin:0 auto;
position:relative;
}*/

/*#web_contents #det{
	position: absolute;
	top: 325px;
	left: 30px;
}*/

h5#pc_img{
	position: absolute;
	top: 64px;
	left: 485px;
}

h5#pc_img02{
	position:absolute;
	top:56px;
	left:-1px;
	width: 223px;
	height: 18px;
	background-color: #FFF;
}

p#pc_btn{
	width: 352px;
	height: 161px;
	position: absolute;
	top: 114px;
	left: 485px;
	z-index: 9999;
	border: 1px solid #000;
	background-color: #FFF;
}

h5#wp_img{
	position: absolute;
	top: 64px;
	left: 32px;
}

p#wp_btn{
	width: 353px;
	height: 161px;
	position: absolute;
	top: 114px;
	left: 30px;
	border: 1px solid #000;
	background-color: #FFF;
}


#footer{
min-height:80px;	
background:#e1dfd8 url(../img/footer_bg.jpg) repeat-x bottom left;
overflow:hidden;
}

#footer ul{
width:150px;
height:41px;
margin:0 auto;
padding:10px 0;
}

#footer li{
float:left;
padding:0 10px;
}

#footer address{
display:block;
margin:10px 0;
clear:both;
text-align:center;
font-style:normal;
color:#5d5656;
font-size:0.8em;
line-height:1.4em;
}


#next_ttl{
width:250px;
position:absolute;
left:300px ;
bottom:50px ;
	}
	
#next_ttl2{
/*width:280px;*/
padding:0;
margin:10px 0;
	}	

#next_ttl21{
/*width:280px;*/
padding:0;
margin:10px 0;
	}	

/*top以外共通もの*/

#sec_box{
width:980px;
clear:both;
background:url(../img/cloth_bg.gif) repeat-y top left;
overflow:hidden;
}


/*backnumber*/

h3#bn_ttl{
width:190px;
margin:20px auto;
}

ul#bn_menu{
width:326px;
height:41px;
margin:0 auto 20px auto;
}

#bn_menu li{
float:left;
}

#bn_box{
clear:both;
width:920px;
margin:0 auto;
overflow:hidden;
}

#bn_box2{
clear:both;
width:920px;
margin:0 auto;
overflow:hidden;
}

.bn_contena{
margin:0 20px 20px 0;
float:left;
width:400px;
border:5px solid #d9d9d7;
background:#fff;
padding:25px 20px 0 20px;
position:relative;

border-radius: 10px;         /* CSS3 */
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}


.bn_contena01{
margin:0 20px 20px 0;
float:left;
width:400px;
border:5px solid #d9d9d7;
background:#fff;
padding:25px 20px 0 20px;
position:relative;

border-radius: 10px;         /* CSS3 */
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}
.bn_contena02{
margin:0 20px 20px 0;
float:left;
width:400px;
border:5px solid #d9d9d7;
background:#fff;
padding:25px 20px 0 20px;
position:relative;

border-radius: 10px;         /* CSS3 */
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}

.bn_contena03{
margin:0 20px 20px 0;
float:left;
width:400px;
border:5px solid #d9d9d7;
background:#fff;
padding:25px 20px 0 20px;
position:relative;

border-radius: 10px;         /* CSS3 */
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}

.bn_contena04{
margin:0 20px 20px 0;
float:left;
width:400px;
border:5px solid #d9d9d7;
background:#fff;
padding:25px 20px 0 20px;
position:relative;

border-radius: 10px;         /* CSS3 */
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}

.right{
margin:0 0 20px 0;
}

.bn_book{
width:155px;
float:left;
}

.bn_book p{
padding:10px 0 15px 0;
}
.bn_book p:first-of-type{
padding:5px 0 0 0;
}
.bn_book p:nth-of-type(2){
padding:5px 0 0 0;
}


.bn_topics{
width:230px;
float:right;
padding:0 0 15px;
}

.bn_contena h6{
clear:both;
border-bottom:1px solid #999;
padding:2px 0;
margin:10px 0 5px 0;
}

.bn_contena li{
border-left:3px solid #e88644;
padding:4px 0 4px 5px;
margin:10px 0 0 0;
}

.bn_contena li span{
font-size:0.9em;
line-height:1.2em;
}

.bn_contena01 h6{
clear:both;
border-bottom:1px solid #999;
padding:2px 0;
margin:10px 0 5px 0;
}

.bn_contena01 li{
border-left:3px solid #e88644;
padding:4px 0 4px 5px;
margin:10px 0 0 0;
}

.bn_contena01 li span{
font-size:0.9em;
line-height:1.2em;
}

.bn_contena02 h6{
clear:both;
border-bottom:1px solid #999;
padding:2px 0;
margin:10px 0 5px 0;
}

.bn_contena02 li{
border-left:3px solid #e88644;
padding:4px 0 4px 5px;
margin:10px 0 0 0;
}

.bn_contena02 li span{
font-size:0.9em;
line-height:1.2em;
}

.bn_contena03 h6{
clear:both;
border-bottom:1px solid #999;
padding:2px 0;
margin:10px 0 5px 0;
}

.bn_contena03 li{
border-left:3px solid #e88644;
padding:4px 0 4px 5px;
margin:10px 0 0 0;
}

.bn_contena03 li span{
font-size:0.9em;
line-height:1.2em;
}

.bn_contena04 h6{
clear:both;
border-bottom:1px solid #999;
padding:2px 0;
margin:10px 0 5px 0;
}

.bn_contena04 li{
border-left:3px solid #e88644;
padding:4px 0 4px 5px;
margin:10px 0 0 0;
}

.bn_contena04 li span{
font-size:0.9em;
line-height:1.2em;
}


p.number{
border-bottom:1px solid #bcb8b2;
padding:0 0 5px 0;
margin:0 0 10px 0;
}

p#bn_att{
clear:both;
font-size:0.9em;
line-height:1.4em;
padding:15px 0;
}

.burari_s strong{
	line-height:1.5em;
	padding:0;
	margin:0;
	}

/*nurie*/

h3#nurie_ttl{
width:98px;
margin:20px auto 0 auto;
}


/*papercraft*/

h3#pc_ttl{
width:213px;
margin:20px auto 0 auto;
}

/*wp_sc*/

h3#wp_sc_ttl{
width:60px;
height:32px;
margin:20px auto 10px auto;
}

h3#ss_ttl{
width:235px;
height:30px;
margin:20px auto 10px auto;
}


/*旧型コンテンツ*/

#contents{
width:815px;
margin:0 auto;
overflow:hidden;
color:#333;
font-size:0.9em;
line-height:1.4em;}

#contents2{
width:605px;
margin:0 auto;
overflow:hidden;
color:#333;
font-size:0.9em;
line-height:1.4em;}

/*backnumber
------------------------------*/

#backnumber{
font-size:12px;
padding-bottom:7px;
position:relative;
}

#attention{
color:#666;
font-size:12px;
line-height:1.2em;
padding-bottom:5px;
}

#backnumber ul{
overflow:hidden;
height:60px;
border-bottom:solid 1px #a9a194;}

#backnumber li {
float:left;
padding-top:10px;
padding-right:5px;
}

#backnumber li a{
color:#333;
text-decoration:none;
}

#backnumber li a:hover{
color:#CC3333;
text-decoration:underline;
}

.bn_con{
width:605px;
clear:both;
padding-bottom:15px;
margin-top:15px;
border-bottom: 1px solid #666;
font-size:12px;
overflow:hidden;}

#bn_con2{
width:605px;
clear:both;
padding:10px 0 15px 0;
margin-top:15px;
font-size:12px;
overflow:hidden;}

#bn_con2 h5{
float:left;
padding:10px;}

#bn_con2 p{
padding:5px 0;}

.bn_con h5{
float:left;
padding:10px;}

.bn_con p{
padding:5px 0;}

.bn_box1{
width:287px;
border:1px solid #999;
padding:5px;
float:left;
background:#faf9f4;
}

.bn_box2{
width:287px;
border:1px solid #999;
padding:5px;
float:right;
background:#faf9f4;
}

#backnumber2{
width:605px;
padding-top:5px;
margin-top:10px;
border-top:solid 1px #666;}

#list_left{
float:left;
padding:15px 0 0 10px;}

#list_left a{
color:#333;
padding-left: 17px;
background: url(../img/bn_img/listmark2.gif) no-repeat 0px ;
}

#list_left a:hover{
color:#a02424;
padding-left: 17px;
background: url(../img/bn_img/listmark2_o.gif) no-repeat 0px ;}

#list_right{
float:right;
padding:15px 0 10px 0;}

#list_right a{
color:#333;
padding-right: 17px;
background: url(../img/bn_img/listmark.gif) no-repeat right 5px;}

#list_right a:hover{
color:#a02424;
padding-right: 17px;
background: url(../img/bn_img/listmark_o.gif) no-repeat right 5px;}



/*papercraft/wallpaper
------------------------------*/

.pc_con{
width:815px;
clear:both;
padding-bottom:25px;
margin-top:25px;
border-bottom: 1px solid #666;
font-size:0.9em;
line-height:1.2em;
overflow:hidden;
}

.new{
	height:20px;
	line-height:0;
	width:50px;
	padding-bottom:4px;}

#pc_con2{
width:815px;
clear:both;
padding-bottom:25px;
margin-top:25px;
font-size:0.9em;
line-height:1.2em;
overflow:hidden;
}

.down_btn{
padding-top:10px;
}

.pc_box1{
width:185px;
text-align:center;
padding-right:25px;
float:left;
}

.pc_box1 img{
	margin-bottom:5px;
}

.pc_box2{
width:185px;
text-align:center;
padding-right:25px;
float:left;}

.pc_box2 img{
	margin-bottom:5px;}

.pc_box3{
width:185px;
text-align:center;
float:right;}


.pc_box3 img{
	margin-bottom:5px;
}

#reader{
padding:20px 0;
font-size:0.8em;
line-height:1.2em;
width:500px;
margin:0 auto;
text-align:center;}

.pc_con ul li{
float:left;}

#pc_con2 ul li{
float:left;}


/*help
------------------------------*/

#contents3{
width:700px;
margin:0 auto;
overflow:hidden;
color:#333;
line-height:1.4em;}

#contents3 h3{
text-align:center;
padding:0 0 30px 0;}

#contents3 h4{
padding-bottom:10px;}

#contents3 ul{
padding-bottom:10px;}

#contents3 li{
padding:5px 0;}

#contents3 p{
width:550px;
margin:0 auto;
padding:20px 0;}

.help_att{
margin-left: 1em;  
text-indent: -1em; 
}

#contents3 hr{
	clear:both;
	margin:10px 0;
	}

#right_rink a{
	float:right;
	padding:0 0 10px 0;
	color:#b7272a;
}

/*201106 dalate*/

#shin{
	clear:both;
	border:1px solid #999;
	width:290px;
	padding:20px 45px;
	margin:0px 0 20px 35px;
	background:#fefcfb;
	}
	
#shin h4{
	font-size:1em;
	color:#333;
	font-weight:normal;
	}

#shin p{
	font-size:0.9em;
	line-height:1.4em;
	color:#333;
	margin-top:5px;
	}
	
#hanseiki{
	width:900px;
	height:220px;
	background:url(../img/history.jpg) no-repeat top left;
	margin:10px auto;
	position:relative;
	}
	
	
#hanseiki_read{
	width:290px;
	position:absolute;
	top:146px;
	left:346px;
	font-size:12px;
	line-height:1.3em;
	}
	
#hanseiki_read span{
	font-size:10px;
	}	
	
#history_btn{
	width:190px;
	position:absolute;
	top:85px;
	right:65px;
	}
	
	
/*editor's note*/

#editor_ttl{
	width:593px;
	margin:20px auto 10px auto;
	}

#editor_read{
	text-align:center;
	padding:15px 0;
	}

.editor_box{
	position:relative;
	width:815px;
	height:305px;
	background:url(../img/editor_box_bg.png) no-repeat top left;
	}
	
.editor_box h4{
	width:430px;
	font-size:1.8em;
	line-height:1.5em;
	margin:0 0 0 340px;
	padding:18px 0 0 0;
	border-bottom:1px solid #8c8564;
	}
	
.editor_box p{
	width:430px;
	margin:15px 0 0 340px;
	}
	
/*.editor_box02{
	position:relative;
	width:815px;
	height:330px;
	background:url(../img/editor_box_bg2.png) no-repeat top left;
	}
	
.editor_box02 h4{
	width:430px;
	font-size:1.8em;
	line-height:1.5em;
	margin:0 0 0 340px;
	padding:18px 0 0 0;
	border-bottom:1px solid #8c8564;
	}
	
.editor_box02 p{
	width:430px;
	margin:15px 0 0 340px;
	}*/
	
.editor_box03{
	position:relative;
	width:815px;
	background:url(../img/editor_box_bg3_middle.png);
	}
	
.editor_box03_in{
	width:815px;
	background:url(../img/editor_box_bg3_top.png) no-repeat top left;
	}	
	
.editor_box03 h4{
	width:430px;
	font-size:1.8em;
	line-height:1.5em;
	margin:0 0 0 340px;
	padding:18px 0 0 0;
	border-bottom:1px solid #8c8564;
	}
	
.editor_box03 h4.lines02{
	width:430px;
	line-height:1.0em;
	margin:0 0 0 340px;
	padding:18px 0 0 0;
	border-bottom:1px solid #8c8564;
	}	
	
.editor_box03 p{
	width:430px;
	margin:15px 0 20px 340px;
	}	
	
.editor_img{
	width:260px;
	position:absolute;
	top:45px;
	left:50px;
	}	

.ruby{
	font-size:0.7em;	
}
.ruby02{
	font-size:11px;
	letter-spacing:-0.04em;
}

.ruby03{
	font-size:13px;
	letter-spacing:-0.04em;
}

/*ex_info*/

#ex_info{
	width:250px;
	padding:10px;
	margin-top:10px;
	margin-bottom:30px;
	/*font-size:0.9em;*/
	border:1px solid #ccc;
	font-size:12px;
	}
	
#ex_info h4{
	font-size:14px;
	margin:0 0 5px 0;
	}
	
.letteer01{
	letter-spacing:-0.02em;
}

.letteer02{
	letter-spacing:-0.04em;
}


/*txt*/
.txt10{
	font-size:10px;
}

.txt12{
	font-size:12px;
}
.mt10{
margin-top: 10px;
}
.mb10{
margin-bottom: 10px;
}
.mb20{
margin-bottom: 20px;
}

.center{
	text-align: center;
}

.Boxpadding{
width: 240px;
padding-top: 0;
padding-bottom: 10px;
margin: 0 auto 30px;
}

.readBox{
	font-size: 12px;
	width: 240px;
	margin: 0 auto 10px;
}