@charset "UTF-8";

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, strong, b, i, dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline:0;
}
img {
	-ms-interpolation-mode: bicubic;
}

/*-------------
1.Layout
2.Common
3.Header
4.Footer
5.Sidebar
6.Entry
---------------*/


/*--------------------------------
1.Layout
--------------------------------*/
/*footer下部固定*/
html, body{height: 100%; background-color:#def3fb;}
div#container{width: 100%;min-height: 100%;height: auto !important;height: 100%;position: relative;background-image: url(../img/bg.png);}
* html div#container{height:100%;}
body > #container{height: auto;}

div#content{width: 100%;margin: 0 auto;padding: 0 0 100px 0;background-image: url(../img/bg.png) #def3fb;}
div#footer{clear:both;height: 85px;width: 100%;position: absolute;bottom: 0px;}
div#wapper{width: 970px;margin: 0 auto;padding: 0;}
div#content div#main{width: 720px;float:left;}
div#content div#sidebar{width: 230px;float: right;margin: 15px 0 0;background-color: #FFF;}

/*--------------------------------
2.Common
--------------------------------*/
body{
color: #714a3f;
font-family: Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS Gothic","ＭＳ ゴシック",sans-serif;
font-size: 13px;
line-height: 1.5;
background: url(../img/bg.png) top center no-repeat #def3fb;
border-top: solid 10px #6d4236;
}
div#container{
}
.ovBtn a:hover img{ filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
input.txt{padding: 5px; border: solid 1px #8c8670;}


/*Font*/
a{/*color:#063;*/ color: #714a3f; text-decoration: underline;}
a:focus {outline: none;}
a:hover{color: #714a3f; text-decoration: none;}

.red{color: #f00;}
.dred{color: #c00;}
.orange{color: #f60;}
.blue{color: #369;}
.green{color: #063;}

/*Layout*/
* html .cBox{zoom: 100%;}
.cBox{zoom: 100%;}
.cBox:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.leftBox{float: left;}
.rightBox{float: right;}
.clearBox{clear: both;}
.clearL{clear: left;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.indent{padding-left: 20px;}
.ic{vertical-align: middle;}
.backTop{text-align: right; padding: 5px; font-size: 11px; clear: both;}
div.topickPath{width: 940px;padding: 5px 0;margin: 0 auto;}
div.topickPath h1{display: inline;font-size: 12px;}
div.topickPath a{text-decoration: underline;}
/*ページタイトル*/
.pageTTL{margin:0 0 -10px 0;background-color: #FFF;padding: 10px;}
/*ページング*/
p.pager{text-align: center;}
p.pager a{color:#714a3f;}
p.pager span{background: #87583b;color: #fff;padding: 1px 3px;}

/*--------------------------------
3.Header
--------------------------------*/
/*header*/
div#header{width: 970px;height: 130px;margin: 0 auto;position: relative;}
div#header p#sanxNet{position: absolute;top: 8px;left: 39px;}
div#header p#top{padding: 20px 0 0 0;}
div#header h1{margin: 0 auto;position: absolute;top: 20px;left: 200px;}
#headerSearch{display: none;}

.header_information_pc{position: relative;}
.header_information_pc p{position: absolute;top: 120px;margin-left: 60px;color: red;}
.header_information_sp{display: none;}
/*--------------------------------
4.Footer
--------------------------------*/
div#footer{clear:both;height: 85px;width: 100%;position: absolute;bottom: 0px;background: #6d4236;color: #fff;text-align: center;}
div#footer p{font-size: 10px; clear: both; color: #fff;}
div#footer p#copy{font-size: 10px; clear: both; padding: 5px 0;}
div#footer div{font-size: 11px;width: 940px;margin: 0 auto;position: relative;}
div#footer ul{padding: 5px 0;position:relative;font-weight: bold;left: 50%;float: left;}
div#footer li{position:relative;left: -50%;float: left;display: block;padding: 0 10px;}
div#footer li a{ color: #FFFF99;}
div#footer a{color: #fff;text-decoration: none;}
div#footer p a.pagetop{position: absolute;top: 0;right: 0;display: block;padding: 5px 10px;text-align: center;background: #9f6e5e;}

/*--------------------------------
5.Sidebar
--------------------------------*/
div#sidebar{width: 230px; float:right;}
div#sidebar a{color:#714a3f; text-decoration: none;}
div#sidebar a:hover{color: #9ff;}
div#sidebar p#store{text-align: center;font-size: 11px;}
div#sidebar a:hover img{ filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
div#sidebar h3{margin: 15px 0 5px 0;}
div#subSearch{background: url(../img/key_bg.png) 0 0 no-repeat;width: 228px;height: 79px;position: relative;top:-15px;}
div#sidebar div#subSearch input.searchBox{margin: 37px 10px 10px 15px;padding: 10px 10px 0px 0;width: 150px;border: none;div#sidebar}
div#sidebar div#subSearch input.searchBtn{position: absolute;top: 34px;right: 9px;position: absolute;
top: 34px;
right: 9px;
background: url(../img/key_btn.png) 0 0 no-repeat;width: 40px;}
div#sidebar h3#subCate{background: url(../img/s_h.png) 0 0 no-repeat;padding: 31px 0 0 0;width: 212px;height: 0;overflow: hidden;margin:0 auto;}
div#sidebar h3#subCharacter{background: url(../img/s_hCharacter.png) 0 0 no-repeat;padding: 31px 0 0 0;width: 212px;height: 0;overflow: hidden;margin:10px auto 0 auto;}
div#sidebar h3#subLate{background: url(../img/s_newInfo.png) 0 0 no-repeat;padding-top: 29px;width: 158px;height: 0;overflow: hidden;margin: 20px auto;}
div#sidebar ul.subCate{margin-top:0;}
div#sidebar ul.subCharacter{margin-top:10px;}
div#sidebar ul.subBack{background: url(../img/s_backnumberBn.png) left bottom no-repeat;padding-bottom: 20px;}
div#sidebar ul.subBack li{ text-align:left;background: url(../img/s_star.png) no-repeat 5px 0;padding: 0 5px 0 25px;border-bottom: dotted 1px #cdc6b1;width: 200px;}
div#sidebar ul.subLate li{ text-align:left;background: url(../img/s_arrow.png) no-repeat 5px 0;padding: 0 5px 0 25px;border-bottom: dotted 1px #cdc6b1;width: 200px;}
div#sidebar ul.subLate li a{width: 200px;}
div#sidebar h3#subBack{background: url(../img/s_backnumber.png) 0 0 no-repeat;padding-top: 29px;width: 158px;height: 0;overflow: hidden;margin: 20px auto;}
div#sidebar h3#subBack a{border-bottom: dotted 1px #cdc6b1;width: 200px;margin: 0 auto;padding: 0 0 0 20px;font-size: 12px;font-weight: bold;text-decoration: none;}
div#sidebar ul li{ text-align:center;list-style: none; font-size:0;}
div#sidebar ul li.event a.event{background: url(../img/s_event.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}

div#sidebar ul li.campaign a.campaign{background: url(../img/s_campaign.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.netshop a.netshop{background: url(../img/s_netshop.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.goods a.goods{background: url(../img/s_goods.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.store a.store{background: url(../img/s_store.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.book a.book{background: url(../img/s_book.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.rilakkuma a.rilakkuma{background: url(../img/s_rilakkuma.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}

div#sidebar ul li.sumikko a.sumikko{background: url(../img/s_sumikko.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.rilakkuma a.rilakkuma{background: url(../img/s_rilakkuma.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.ksn a.ksn{background: url(../img/s_ksn.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.sec a.sec{background: url(../img/s_sec.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.jbs a.jbs{background: url(../img/s_jbs.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.ccc a.ccc{background: url(../img/s_ccc.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}
div#sidebar ul li.character a.character{background: url(../img/s_character.png) 0 0 no-repeat;padding: 47px 0 0 0;overflow: hidden;height: 0;}



ul.subLate li{border-bottom: dotted 1px #cdc6b1;}
div#sidebar ul li a{display: block;width: 212px;margin: 0 auto;font-size: 12px;font-weight: bold;text-decoration: none; text-align:left;}
div#sidebar ul li a:hover{color: #09c;}
div#sidebar ul.subCate{background: url(../img/s_btm.png) left bottom no-repeat;padding: 0 0 10px 0;width: 212px;margin:0 auto;}
div#sidebar ul.subCharacter{background: url(../img/s_btm.png) left bottom no-repeat;padding: 0 0 10px 0;width: 212px;margin:0 auto;}
div#sidebar div#links{margin: 10px 0;}
div#sidebar div#links p{margin: 6px 0;text-align: center;}
div#sidebar div#links ul li{text-align: center;}
div#sidebar div#links ul li a{border-bottom: none;background: none;margin: 0;padding: 0;}
div#sidebar div#links ul li a:hover{background: none;}
div#sidebar div#links ul#banner li{margin: 6px 0;}

a.btn{font-size: 0;display: block;}
a.btn img{width: 212px;height: 70px;margin: 20px 9px 0 9px;}
a.btn_sp{display: none;}

/*--------------------------------
6.Entry
--------------------------------*/
div#entries{margin:0;}
div#entries div.entry{background-color: #fff;margin: 10px 0;}
div#entries div.entry-ttl{width: 694px;margin: 0 auto;padding: 10px 0 0 0;}
div#entries div.entry-ttl p.date{font-size: 13px;color: #7a5046;padding: 0 0 0 10px;margin: 0;font-weight: bold;}
div#entries div.entry-ttl h3{font-size: 20px;font-weight: normal;width: 694px;margin: 0 auto;padding: 10px 0 0 0;background: url(../img/en_ttl_t.png) 0 0 no-repeat #e2f7f4;}

div#entries div.entry-ttl h3 span{display: block;padding: 9px 10px 11px 60px;background: url(../img/en_ttl_b.png) left bottom no-repeat;}
div#entries div.entry-ttl h3 span a{text-decoration: none;}
div#entries div.entry-ttl h3 span a:hover{text-decoration: underline;}
div#entries div.entry-cont{width: 660px;margin: 0 auto;padding: 10px 0;}
div#entries div.entry-cont p img{max-width: 500px;height: auto;width: auto;}

div#entries div.entry-footer{padding: 0;text-align: center;margin: 0;}

div#entries div.entry-footer p{padding:0 10px 5px;}

div#entries p.prevNext{text-align: center;padding: 10px;}
div#entries p.prevNext a{display: block;margin: 5px 0;}