@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:10px;
left:26px;
}

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

#header ul{
width:754px;
position:absolute;
top:90px;
right:28px;
}

#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.4em;
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,.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;
margin:0 auto 15px auto;
}

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

#brari_spot{
	color:#3d2a18;
	width:260px;
	margin:0 auto 10px auto;
	padding:20px 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:384px;
background:url(../img/web_contents_bg.jpg) no-repeat top left;
margin:0 auto;
position:relative;
}

h5#pc_img{
position:absolute;
top:109px;
left:102px;
}

p#pc_btn{
width:150px;
height:100px;
position:absolute;
top:257px;
left:0px;
}

h5#wp_img{
position:absolute;
top:109px;
left:563px;
}

p#wp_btn{
width:150px;
height:100px;
position:absolute;
top:257px;
left:461px;
}


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

#footer ul{
width:510px;
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:250px;
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:511px;
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 */
}

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

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

.bn_book p{
padding:10px 0 15px 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;
}

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;
	}


/*papercraft*/

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

/*wp_sc*/

h3#wp_sc_ttl{
width:300px;
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 0px ;}

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



/*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{
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_box2{
width:185px;
text-align:center;
padding-right:25px;
float:left;}

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

#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;
	}