/* CSS Document */

html { overflow-y: scroll; }
body { margin: 0px; padding: 0px; text-align: center; font-size: 75%; line-height: 1; letter-spacing: 0.5pt; }
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
dl,
dd { margin: 0px; padding: 0px; }
ul { list-style: none; }
img { border: 0; vertical-align: bottom; }
table { border-collapse: collapse; border: none; border-spacing: 0; }
address { font-style: normal; }
input,
textarea { font-family: inherit; font-size: inherit; line-height: 1.3; background-color: #FFF; }
br { letter-spacing: normal; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; }
.clear { clear: both; overflow: hidden; }
.clear:after { content: ""; display: block; clear: both; }
.tAlignC { text-align: center; }
.tAlignR { text-align: right; }
.floatL { float: left; margin-right: 15px; margin-bottom: 15px; }
.pb0 { padding-bottom: 0px !important; }
body { font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #555555; }
#header { margin-right: auto; margin-left: auto; width: 980px; text-align: left; height: 110px; position: relative; }
#header .logo { position: absolute; top: 30px; left: 0px; }
#header .description { position: absolute; left: 5px; font-size: 10px; top: 10px; }
#header .navi { position: absolute; left: 600px; top: 10px; width: 380px; text-align: right; font-size: 12px; }
#header .navi li { display: inline; background-image: url(../img/ico/ico_arrow01.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px; margin-left: 12px; }
#header .contact { position: absolute; left: 700px; top: 37px; }
#header .menuBox { display: none; }
#pkz { width: 980px; margin-right: auto; margin-left: auto; text-align: left; font-size: 12px; padding-top: 15px; padding-bottom: 15px; }
#pkz li { float: left; background-image: url(../img/ico/ico_arrow03.gif); background-repeat: no-repeat; background-position: right 4px; padding-right: 12px; margin-right: 10px; }
#pkz a { color: #97C85C; text-decoration: underline; }
#pkz a:hover { text-decoration: none; }
#gNavi { background-color: #97C85C; height: 57px; }
#gNavi ul { width: 978px; margin-right: auto; margin-left: auto; overflow: hidden; text-align: left; background-image: url(../img/gNavi/bg.gif); background-repeat: no-repeat; padding-left: 1px; }
#gNavi li { float: left; width: 163px; }
#contents { width: 980px; margin-right: auto; margin-left: auto; overflow: hidden; text-align: left; clear: both; }
#main { float: right; width: 705px; }
#main h1 { margin-bottom: 15px; }
#main h2 { margin-bottom: 15px; }
#main h3 { background-image: url(../img/main/bg_h3.gif); background-repeat: repeat-x; background-position: left bottom; color: #F07C2A; padding-bottom: 6px; font-size: 16px; padding-left: 5px; margin-bottom: 15px; }
#main h4 { font-size: 16px; font-weight: normal; color: #679E39; background-image: url(../img/ico/ico_arrow04.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 22px; margin-bottom: 12px; }
#main p { margin-bottom: 1.5em; }
#main p.note { padding: 30px; width: 420px; margin-right: auto; margin-bottom: 1.5em; margin-left: auto; background-color: #EEFCCE; border: 1px solid #BBBBBB; text-align: center; line-height: 2; }
#main strong { font-weight: bold; color: #444; }
#main ul.disc { list-style: disc; margin-left: 26px; }
#main ul.decimal { list-style: decimal; margin-left: 30px; }
#main a { color: #456C01; text-decoration: underline; }
#main a:hover { text-decoration: none; }
#main table { border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; margin-bottom: 1.5em; }
#main table.sp { display: none; }
#main th,
#main td { border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; padding: 9px 12px; }
#main th { font-weight: bold; background-color: #EEFCCE; text-align: center; }
#main td { }
#main td.tdH { background-color: #EEE; text-align: center; }
#main .wrap { padding: 0px 12px 30px; }
#main .pager { text-align: center; padding-top: 30px; }
#main .pager a { margin-right: 10px; margin-left: 10px; }
#main .pagerSP { display: none; }
#side { float: left; width: 258px; }
#side .bnr li { margin-bottom: 12px; }
#side .movie { padding-top: 8px; padding-bottom: 26px; font-size: 12px; display: none; }
#side .movie .tit { }
#side .movie p { padding-top: 8px; padding-bottom: 12px; }
#side .movie li { border-bottom: 1px dotted #B2B2B2; padding-top: 8px; padding-bottom: 8px; background-image: url(../img/ico/ico_arrow02.gif); background-repeat: no-repeat; background-position: 5px 14px; padding-left: 17px; }
.nivo-lightbox-overlay .koukankui { margin: 0px auto; height: 300px; width: 400px; }
.nivo-lightbox-overlay .GI-50C-3-HT { margin: 0px auto; height: 240px; width: 320px; }
.nivo-lightbox-overlay .chujyokairyou { margin: 0px auto; height: 240px; width: 320px; }
.nivo-lightbox-overlay GI-50C-3-HT { margin: 0px auto; height: 240px; width: 320px; }
#subMenu { background-image: url(../img/side/bg_menu.gif); background-repeat: no-repeat; background-position: left bottom; background-color: #F7F7F7; padding-bottom: 8px; margin-bottom: 18px; font-size: 12px; }
#subMenu .tit { }
#subMenu ul { background-color: #FFF; width: 243px; margin-left: 8px; }
#subMenu li a { padding: 12px 12px 12px 28px; border-bottom: 1px dotted #B2B2B2; background-image: url(../img/ico/ico_arrow02.gif); background-repeat: no-repeat; background-position: 12px center; display: block; }
#footerNavi { background-image: url(../img/footer/bg01.gif); background-repeat: repeat-x; padding-bottom: 20px; padding-top: 30px; margin-top: 55px; font-size: 12px; }
#footerNavi .inner { margin: 0px auto; width: 980px; text-align: left; overflow: hidden; }
#footerNavi .box { float: left; width: 255px; }
#footerNavi .box h6 { font-size: 13px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #BDBDBD; width: 210px; margin-bottom: 10px; }
#footerNavi .box ul { padding-bottom: 20px; }
#footerNavi .box li { padding-top: 6px; padding-bottom: 6px; }
#footerNavi .box1 { }
#footerNavi .box2 { }
#footerNavi .box3 { }
#footerNavi .box4 { width: 210px; }
#footerNavi .sp { display: none; }
#footer { background-image: url(../img/footer/bg01.gif); background-repeat: repeat-x; }
#footer .inner { margin: 0px auto; width: 980px; height: 110px; position: relative; text-align: left; }
#footer .logo { position: absolute; top: 25px; }
#footer .copyright { position: absolute; text-align: right; width: 500px; left: 480px; top: 50px; }
#spSubMenu { display: none; }
@media all and (min-width: 0) and (max-width: 569px)
{
#header { margin-right: auto; margin-left: auto; width: 320px; text-align: left; height: 65px; position: relative; }
#header .logo { top: 10px; left: 0px;  }
#header .logo img { width: 240px; }
#header .description { display: none; }
#header .navi { display: none; }
#header .contact {  display: none; }
#header .menuBox { position: absolute; top: 0px; left: 260px; color: #FFF; display: block; }
#header .menu{ display: none; position: absolute; right: 10px; top: 48px; width: 265px; z-index: 1000; background-image: url(../img/menuBox/bg.png); background-repeat: no-repeat; background-position: 220px top; padding-top: 25px; }
#header .menu .bg { background-color: #99C867; padding: 10px; }
#header .menu .tit { background-color: #69993D; font-size: 14px; padding: 6px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
#header .menu ul { padding: 0px 0px 0px; }
#header .menu li { margin-top: 3px; margin-bottom: 3px; }
#header .menu a { color: #FFF; display: block; padding: 5px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
#header .menu a:hover { color: #000; background-color: #C6D6BA; text-decoration: none; }
#spSubMenu { display: block; }
#spSubMenu #subMenu { background-color: #FFF; background-image: none; }
#spSubMenu #subMenu .tit { display: none; }
#spSubMenu #subMenu .pc { display: none; }
#spSubMenu #subMenu ul { margin: 0px; width: auto; }
#spSubMenu #subMenu li a { border-style: none; padding-top: 5px; padding-bottom: 5px; background-image: url(../img/ico/ico_arrow06.gif); background-repeat: no-repeat; padding-left: 30px; }
#gNavi { display: none; }
#pkz { display: none; }
#contents { width: 320px; margin-right: auto; margin-left: auto; overflow: hidden; text-align: left; }
#main { float: none; width: 320px; }
#main h1 img { width: 320px; }
#main h2 { width: 320px; overflow: hidden; }
#main p.note { padding: 10px; width: 274px; margin-right: auto; margin-bottom: 1.5em; margin-left: auto; background-color: #EEFCCE; border: 1px solid #BBBBBB; text-align: center; line-height: 2; }
#main table.pc { display: none; }
#main table.sp { display: table; }
#main .pagerPC { display: none; }
#main .pagerSP { display: block; }
#side { float: none; width: 257px; margin: 0 auto; padding-top: 30px; display: none; }
#footerNavi { margin-top: 15px; }
#footerNavi .inner { width: 320px; overflow: hidden; }
#footerNavi .box { width: 320px; padding-left: 55px; }
#footerNavi .pc { display: none; }
#footerNavi .sp { display: block; }
#footer .inner { width: auto; overflow: hidden; background-color: #D2D2D2; }
#footer .logo { display: none; }
#footer .copyright { position: static; text-align: center; width: auto; left: 0px; top: 0px; padding-top: 10px; font-size: 11px; }
}