@charset "UTF-8";

#wrapper {}
.container {
margin:0 auto 25px;
width:1024px;
box-shadow:1px 1px 2px #777;}
#contents {
clear:both;
background:#fff;
padding:30px 22px 30px 62px;}
#contents-1col {
clear:both;
background:#fff;
padding:44px 0 22px 0;}
#main {
padding:20px 0 20px 0;
float:left;
width:650px;}
.main-ttl {
margin:0 0 35px 0;
padding:10px 0 5px 0;
border-bottom:2px solid #810000;
font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
font-size:310%;
line-height:1.2;}

#mainimg {
margin:0 auto 22px;
width:100%;
max-width:1024px;
background:#fff;
box-shadow:1px 1px 2px rgba(0,0,0,0.3);}

@media only screen and (max-width:480px) {

#mainimg {
margin:0 auto;}

}

/* header ======================== */

#sanin2016 {
position:fixed;
left:0;
top:0;
z-index:9999;
width:100%;
padding:2px 0;
text-align:center;
background:#7a0000 url(../../images/header_sanin2016_00.png) repeat-x left bottom;}

#header {
width:95%;
max-width:1024px;
margin:0 auto;}
#header #title {
line-height:1.2;
padding:16px 0;
float:left;
color:#fff;}
#header #font {
padding:11px 0 0 0;
float:right;}
#header #font li {
float:left;}

@media only screen and (max-width:480px) {

#header #font {
display:none;}

}

/* menu ================== */

#header-gmenu-bg {
width:100%;
padding:20px 0 15px 0;
background:url(../../images/gmenu_bg01.png);
margin:0 0 0 0;}
#header-gmenu {
margin:0 auto;
width:97.5%;
max-width:1024px;
min-width:960px;
position:relative;}
#header-gmenu #logo {
width:560px;}
#header-gmenu #b01 {
position:absolute;
top:0;
right:2px;
width:160px;}
#header-gmenu #b02 {
position:absolute;
top:0;
right:175px;
width:160px;}
#header-gmenu #b01 img , #header-gmenu #b02 img {
box-shadow:0 0 0 1px #fff;}
ul.gmenu {
margin:20px auto 0;
width:100%;}
ul.gmenu li {
position:relative;
text-align:center;
width:12.5%;
float:left;}
ul.gmenu li a {
display:block;
margin:0 1px;
font-size:12px;
line-height:35px;
color:#fff;
white-space:nowrap;
font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
border:1px solid #fff;
background:#362217;
background-image:-webkit-linear-gradient(top, #362217, #654a39);
background-image:-moz-linear-gradient(top, #362217, #654a39);
background-image:linear-gradient(to bottom, #362217, #654a39);
box-shadow:1px 1px 0 #555;}
ul.gmenu li a:hover {
background:#472e1f;
background-image:-webkit-linear-gradient(top, #472e1f, #7d5e4a);
background-image:-moz-linear-gradient(top, #472e1f, #7d5e4a);
background-image:linear-gradient(to bottom, #472e1f, #7d5e4a);}
ul.gmenu li ul.sub-menu {
visibility:hidden;
opacity:0;
position:absolute;
z-index:300;
top:80%;
left:0;
width:100%;
overflow:hidden;
transition:all 0.3s ease;}
ul.gmenu li:hover ul.sub-menu {
top:100%;
visibility:visible;
opacity:1;}
ul.gmenu li ul.sub-menu li {
float:none;
width:100%;}
ul.gmenu li ul.sub-menu li a {
font-size:12px;
line-height:33px;}

/* gmenu ======================== */

#header-gmenu ul.menu {
margin:16px auto 0;
width:100%;}
#header-gmenu ul.menu li {
text-align:center;
width:12.5%;
float:left;
height:36px;}
#header-gmenu ul.menu li a {
display:block;
margin:0 1px;
border:1px solid #fff;
background:url(../../images/b000_01.png) repeat-x left top;
box-shadow:1px 1px 0 #555;}
#header-gmenu ul.menu li a .txt {
line-height:1.15;
font-size:12px;
font-weight:normal;
color:#fff;
padding:11px 0 10px 0;
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","Osaka",serif;}
#header-gmenu ul.menu li a:hover {
background-image:url(../../images/b000_02.png);}
#header-gmenu ul.sub li {
float:none;
width:100%;
z-index:2;
position:relative;}

/* sidebar ======================== */

#sidebar {
float:right;
width:230px;
font-size:92%;}
#sidebar-twitter {
padding:5px;
background:#E8E6E2;
border-radius:5px;}

#sidebar .ttl {
font-size:80%;
line-height:1.15;
font-weight:bold;
color:#fff;
padding:5px 5px 4px 5px;
margin:0 0 15px 0;
background:#756d48;
border-radius:4px;}

#sidebar ul.banner {
margin:0 0 20px 0;}
#sidebar ul.banner li {
padding:0 0 10px 0;
text-align:center;
line-height:1.3;
letter-spacing:-0.1em;}

#sidebar #books {
width:100%;
max-width:230px;
border:1px solid #999;
margin:0 auto 15px;}
#sidebar #books a {
display:block;}
#sidebar a .books-ttl {
line-height:1.3;
background:#4E3326;
padding:7px 6px 6px 6px;
font-weight:bold;
color:#FFF;}
#sidebar a .books-contents {
padding:12px;
transition:all 0.3s;
background:#fff;}
#sidebar a:hover .books-contents {
background:#eeebdf;}
#sidebar a .books-contents .txt {
width:70%;
font-size:90%;
line-height:1.3;
float:left;
color:#333;}
#sidebar a .books-contents .img {
width:25%;
text-align:right;
float:right;}
#sidebar a .books-contents .img img {
box-shadow:0 0 0 1px #ccc;}






/* footer ====================== */

#footer-address {
width:100%;
background:url(../../images/footer_bg.png);}
#footer-address-contents {
position:relative;
width:95%;
max-width:1024px;
margin:0 auto;
padding:16px 0 22px 0;
font-size:90%;
line-height:1.6;}
#footer-address .title-office {
font-weight:bold;
font-size:110%;
padding:8px 0 6px 0;}

#footer {
width:95%;
max-width:1024px;
padding:15px 0;
margin:0 auto;
background:url(../../images/footer002.png) no-repeat right center;
color:#fff;
font-size:90%;
line-height:1.2;}
#footer a {
color:#fff;}

#page-top {
position:fixed;
line-height:0;
bottom:36px;
right:12px;
width:40px;
height:40px;}
#page-top a {
padding:12px;
display:block;
background:#113770;
transition:all 0.3s;
border-radius:50%;}
#page-top a:hover {
background:#f78d1d;}

@media only screen and (max-width:800px) {

#footer {
width:100%;
text-align:center;
padding:15px 0 40px 0;
margin:0 0 5px 0;
background:url(/images/footer002.png) no-repeat center bottom;}

}