@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-size: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; vertical-align: baseline; line-height: 1.5;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
html{ overflow-y: scroll;}
img { vertical-align: bottom;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
input, textarea, option, select { margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
ol, ul{ list-style: none;}
table{ border-collapse: collapse; border-spacing:0;}
caption, th{ text-align: left;}
a:focus { outline:none;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.clear{ clear: both;}
.inline_block { display: inline-block; *display: inline; *zoom: 1;}

body { background: url(../img/common/bg_body.jpg);}
a,
a:link { color: #3F2B00;}
a:visited { color: #7A6936;}
a:hover { color: #C6941F;}
a:active { color: #3F2B00;}

.tx { margin: 0 0 1.5em;}
.t_right { text-align: right;}
.t_center { text-align: center;}
.icon { vertical-align: middle; margin: 0 5px 0 0;}
.file_icon { margin: 0 0 0 5px; vertical-align: middle;}
.indent { text-indent: 1em;}
.caution { color: red;}
.green { color: #008F5B;}
.notice { font-size: 84%;}

#header { border-bottom: 3px solid #e8ae25;}
#header div { display: table; width: 920px; margin: 0 auto; padding: 10px 20px;}
#header div h1,
#header div p { display: table-cell; vertical-align: middle;}
#header div p { text-align: right;}

#globalNavi { margin: 0 0 60px; text-align: center; background: url(../img/common/bg_navi.png) center top #645014 repeat-x;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}
#globalNavi li { position: relative; display: inline-block; width: 192px;}
#globalNavi li a { display: block; padding: 15px 0 14px; text-align: center; line-height: 1;
border-left: 1px solid #746435; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid #5E4E1F; border-right: 1px solid rgba(0,0,0,0.1);}
#globalNavi li a:hover { border: none; background: url(../img/common/bg_navi.png) center top #8a7d56 repeat-x;}
#globalNavi>li.stay>a { border: none; background: url(../img/common/bg_navi.png) center top #e8ae25 repeat-x;}
#globalNavi li>ul { position: absolute; display: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}
#globalNavi li:hover>ul { display: block;}
#globalNavi li>ul>li { background: #645014; background: rgba(63, 43, 0, 0.85);}
#globalNavi li>ul>li a { border-top: 1px solid #685724 !important; color: #fff; text-decoration: none;}

#globalNavi li.navi a:hover { border: none; background: url(../img/common/bg_navi2.png) center top #8a7d56 repeat-x;}

#mainContents { width: 900px; margin: 0 auto; padding: 0 30px;}
#mainContents .left { float: left;}
#mainContents .right { float: right;}
#mainContents .headline { display: table-cell; width: 835px; height: 50px; padding: 0 10px 14px 55px; vertical-align: middle; background: url(../img/common/bg_headline.png) center top no-repeat;}

#mainContents .btn {}
#mainContents .btn a { display: inline-block; padding: 8px 1.5em; font-size: 14px; line-height: 1; color: #fff; text-align: center; text-decoration: none; border-radius: 6px;
background: url(../img/common/bg_navi.png) center top #645014 repeat-x;}
#mainContents .btn a:hover { background-color: #e8ae25;}

#footer { width: 100%; margin: 80px 0 0; background: #a69b7b;}
#footer div { width: 960px; margin: 0 auto; padding: 30px 0; color: #fff; font-size: 14px;}
#footer h3 { margin: 0 0 10px;}
#footer .right { float: right;}

#footer small { display: block; padding: 10px; line-height: 1; font-size: 12px; text-align: center; color: #fff; background: #645014;}

#goBackTop { position: fixed; bottom: -1px; right: 20px; display: none;
transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s;}
#goBackTop a { display: block; padding: 10px 20px; border: 1px solid #A69B7B; text-decoration: none; color: #fff; line-height: 1; font-size: 12px; background: #645014;}
#goBackTop a:hover { border: 1px solid #E8AE25; background: #E8AE25;}