﻿@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: #c78311;*/ background-color:#FFF7AF;}
div#container{
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
}
* 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.gif);
}

div#footer{
clear:both;
height: 60px;
width: 100%;
position: absolute;
bottom: 0px;
}
div#wapper{
width: 940px;
margin: 0 auto;
padding: 0;
}

div#content div#main{
width: 720px;
float: right;
}
div#content div#sidebar{
width: 200px;
float: left;
margin: 0 20px 0 0;
}

/*--------------------------------
2.Common
--------------------------------*/
body{
color: #714a3f;
font-family: Verdana,Arial,Meiryo,"CI","Hiragino Kaku Gothic Pro","qMmpS Pro W3",Osaka,"MS Gothic","lr SVbN",sans-serif;
font-size: 13px;
line-height: 1.5;
}

.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{
color: #a05b27;
margin: 5px 0;
}
/*ページング*/
p.pager{
text-align: center;
}
p.pager a{
color: #925132;
}
p.pager span{
background: #6D4236;
color: #fff;
padding: 0 2px;
}


/*--------------------------------
3.Header
--------------------------------*/
/*header*/
div#header{
width: 960px;
margin: 0 auto;
position: relative;
}
div#header p#rilakkuma{
position: absolute;
top: 5px;
left: 0;
margin-top: 5px;
}
div#header p#sanxNet{
position: absolute;
top: 0;
right: 0;
}
div#header p#top{
padding: 50px 0 0 150px;
}
div#header p#top a{
display: block;
width: 451px;
height: 0;
padding-top: 149px;
overflow: hidden;
margin: 0 auto;
background: url(../img/hd_face1.png) top left no-repeat;
}
div#header p#top a:hover{
background: url(../img/hd_face2.png) top left no-repeat;
}
#header p#top2{padding-top: 40px;display: block; padding-bottom: 20px;width: 720px;padding-left: 230px;}
#header p#top2 img{max-width: 720px;}
div#header h1{
width: 960px;
margin: 0 auto;
padding: 20px 0 10px 100px;text-align: center; display:none;}

.header_information_pc{width: 720px;padding-left: 230px;text-align: center;margin-bottom: 10px;color: red;}
.header_information_sp{display: none;}

#headerSearch{display: none;}


/*--------------------------------
4.Footer
--------------------------------*/
div#footer{
clear:both;
height: 60px;
width: 100%;
position: absolute;
bottom: 0px;
background: #6d4236;
color: #fff;
text-align: center;
padding: 0 0 20px 0;
}
div#footer p{font-size: 10px; clear: both; color: #dfd7cf;}
div#footer p#copy{font-size: 10px; clear: both; color: #dfd7cf; 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: #dfd7cf;
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: 200px;
float: left;
margin: 0 20px 0 0;
}

div#sidebar a{color: #925132; text-decoration: none;}
div#sidebar a:hover{color: #EB5A19;}
div#sidebar p#store{
text-align: center;
font-size: 11px;
}

div#sidebar h3{
margin: 15px 0 5px 0;
}

div#sidebar div#subSearch input.searchBox{
margin: 15px 0 0 0;
padding: 3px;
width: 140px;
}
div#sidebar div#subSearch input.searchBtn{
margin: 0;
background: #6D4236;
color: #fff;
border: solid 1px #6D4236;
padding: 3px 5px;
font-size: 13px;
}


div#sidebar h3#subCate{
background: url(../img/s_category.png) 0 0 no-repeat;
padding-top: 37px;
width: 180px;
height: 0;
overflow: hidden;
}
div#sidebar h3#subLate{
background: url(../img/s_new.png) 0 0 no-repeat;
padding-top: 37px;
width: 180px;
height: 0;
overflow: hidden;
}
div#sidebar h3#subBack{
background: url(../img/s_bn.png) 0 0 no-repeat;
padding-top: 37px;
width: 180px;
height: 0;
overflow: hidden;
}

div#sidebar ul li{
list-style: none;
}
div#sidebar ul li a:before {content: "▶"; margin-right: 2px;}
div#sidebar ul li a{display: block;margin: 0 0 0 8px;padding: 1px 0 1px 2px;
/*border-bottom: dotted 2px #d8a550;*/border-bottom: dotted 2px #925132;
}
div#sidebar ul li a:hover{/*background: #d08d1d;*/ background:#FFDB3B;}
div#sidebar ul li a:hover:before {content: "▶"; margin-right: 2px;}

div#sidebar div#links{margin: 10px 0;}
div#sidebar div#links ul li a:before {content: ""; margin-right: 2px;}
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;
}
div#sidebar div#links span{display:none;}

/*--------------------------------
6.Entry
--------------------------------*/
div#entries{
margin: 10px 0;
}
div#entries div.entry{background-color: #fff;margin: 10px 0; border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;}
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 #f4ebdf;
}

div#entries div.entry-ttl h3 span{
display: block;
padding: 0 10px 10px 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-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{color: #925132;display: block;margin: 5px 0;}

div#entries div.entry-cont p img {
    max-width: 500px;
    height: auto;
    width: auto;
}







