@charset "UTF-8";
/* reset ---------------------------------------------------------- */
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, sub, sup, 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-weight:normal; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
input, textarea{margin:0; padding:0;}
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;/**/}
.both{clear:both;}
.inline_block{display:inline-block; *display:inline; *zoom:1;}
/* reset end ------------------------------------------------------ */

body{background:#FFF; position:relative; font-size:16px; line-height:34px; color:#4d4d4d; font-family:"メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;}
#wrap{margin:0 22px; background:linear-gradient(#c2d4d8, #c2d4d8, #FFF); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-image:url(../images/bg_002.png);}
div#sec01{width:100%;}
div#sec02{width:100%;}
div#sec03{width:100%;}
div#sec04{width:100%;}
div#sec05{width:100%;}
div#sec06{width:100%;}
div#sec07{width:100%;}
div#sec08{width:100%;}
div#sec09{width:100%;}
div.content{width:900px; margin:0 auto; padding:70px 0 150px 0;}
div.content02{width:900px; margin:0 auto; padding:70px 0 0 0;}
div.content03{width:900px; margin:0 auto; padding:40px 0 150px 0;}
div.content h2{text-align:center; margin-bottom:40px;}
div.content02 h2{text-align:center; margin-bottom:40px;}
hr{border:0; height:0; border-top:1px solid rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.4);}
hr.short{width:900px; border:0; height:0; border-top:1px solid rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.cap{font-size:14px; color:#666;}
.sup{vertical-align:super; font-size:0.7em;}
.font-m{font-family: "ＭＳ 明朝",serif; background-image:url(../images/text-bg01.png);}

/* header --------------------------------------------------------- */
header{width:100%; height:90px;}
div.hlogo{width:300px; margin:40px auto;}
#hnav{width:100%; height:100px; background:#FFF; display:none; position:relative; position:fixed; top:0; z-index:999;}
#hnav nav{width:980px; margin:25px auto 0 auto;}
#hnav nav a{float:left; margin-left:40px;}
#hnav nav a:first-child{margin-left:160px;}
.hbtn{position:relative; z-index:10; width:60px; height:60px; line-height:60px;}
.hbtn::before{content:''; background-color:#C4C4C4; position:absolute; width:60px; height:60px; z-index:-1; border-radius:50%; box-shadow:0 0 0 0 #fff, 0 0 0 0 #C4C4C4; transition:all .2s ease; border-radius:10px; -webkit-transition:all .2s ease;}
.hbtn:hover::before{background-color:#636363; transform:scale(0.9); border-radius:10px; -webkit-transform:scale(0.9); box-shadow:0 0 0 6px #fff, 0 0 0 10px #636363;}
a.nav01{display:block; width:60px; height:60px; background-image:url(../images/hnavi_01_off.png); text-indent:-9999px;}
a.nav01:hover{background-position:left bottom;}
a.nav02{display:block; width:60px; height:60px; background-image:url(../images/hnavi_02_off.png); text-indent:-9999px;}
a.nav02:hover{background-position:left bottom;}
a.nav03{display:block; width:60px; height:60px; background-image:url(../images/hnavi_03_off.png); text-indent:-9999px;}
a.nav03:hover{background-position:left bottom;}
a.nav04{display:block; width:60px; height:60px; background-image:url(../images/hnavi_04_off.png); text-indent:-9999px;}
a.nav04:hover{background-position:left bottom;}
a.nav05{display:block; width:60px; height:60px; background-image:url(../images/hnavi_05_off.png); text-indent:-9999px;}
a.nav05:hover{background-position:left bottom;}
a.nav06{display:block; width:60px; height:60px; background-image:url(../images/hnavi_06_off.png); text-indent:-9999px;}
a.nav06:hover{background-position:left bottom;}
a.nav07{display:block; width:60px; height:60px; background-image:url(../images/hnavi_07_off.png); text-indent:-9999px;}
a.nav07:hover{background-position:left bottom;}
a.nav08{display:block; width:60px; height:60px; background-image:url(../images/hnavi_08_off.png); text-indent:-9999px;}
a.nav08:hover{background-position:left bottom;}
/* header end ----------------------------------------------------- */


.simply-scroll-container{position:relative;}
.simply-scroll-clip{position:relative; overflow:hidden;}
.simply-scroll-list{overflow:hidden; margin:0; padding:0;}
.simply-scroll-list li{float:left; /* Horizontal scroll only */ padding:0; margin:0; width:800px; height:460px;}
.simply-scroll-list li img{display:block;}



/* section -------------------------------------------------------- */
div.nenmatsu{text-align:center; padding:0 0 50px 0;}
div#sec01 div#topimage{width:600px; margin:0 auto 80px auto;}
div#sec01 div#topimage img{width:600px; height:750px; margin:0 auto;}

div#sec02 p{text-align:left;}

div#sec03 table{margin:0 auto;}
div#sec03 table td{width:180px; font-size:14px; line-height:18px; text-align:center;}

div#sec04 table{margin:0 auto 30px auto; text-align:center; font-size:14px;}
div#sec04 table td{padding:0 40px;}
div#sec04 p{text-align:center;}

div#sec07 div.main{margin-bottom:30px;}
div#sec07 div.post{width:100%; background:#FFF; margin-top:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:20px;}
div#sec07 div.post:first-child{margin-top:0;}
div#sec07 div.post h3{font-size:20px; margin-bottom:15px;}
div#sec07 div.post h3 a{color:#666;}
div#sec07 div.cal{float:left; margin-right:20px; color:#999;}
div#sec07 div.cat a{color:#999;}

div#sec08 h3{text-align:center;}
div#sec08 table.info{margin:0 auto;}
div#sec08 table.info th{width:250px; text-align:right; padding:20px 20px 20px 0;}
div#sec08 table.info td{width:650px; text-align:left; padding:20px 0 20px 20px;}
div#sec08 table.setsubi{margin:0 auto;}
div#sec08 table.setsubi th{padding:5px 0;}
div#sec08 table.setsubi td{padding:5px 0;}
div#sec08_bt{}
div#sec08_bt ul{}
div#sec08_bt li{float:left;}

div#sec09 div#mailform th{width:250px; padding:5px 20px 5px 0px; text-align:right;}

div#sec10 div.post{background:#FFF; margin-top:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:25px;}
div#sec10 div.post:first-child{margin-top:0;}
div#sec10 div.post p{margin-bottom:20px; color:#888;}
div#sec10 div.content h3{color:#666; font-size:25px; padding:15px; margin-bottom:15px; background:#FFF; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
div#sec10 div.content h3 a{color:#666;}
div#sec10 div.blog_info{background:#eee; padding:5px 15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:15px;}
div#sec10 div.cal{float:left; margin-right:20px; color:#999;}
div#sec10 div.cat a{color:#999;}
div#sec10 p{text-align:left;}
/* section end ---------------------------------------------------- */

#acMenu dt{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#FFF; margin-top:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor:pointer;}
#acMenu dt:first-child{margin-top:0;}
#acMenu dd{width:100%; display:none;}

/* wijet ---------------------------------------------------------- */
div#wij{width:100%; margin-top:40px; list-style:none;}
div#wij h2{display:none;}
div#cat{width:50%; float:left;}
div#arc{width:50%; float:right; text-align:right;}
/* wijet end ------------------------------------------------------ */

/* footer --------------------------------------------------------- */
footer{width:100%; padding:30px 0 20px 0; text-align:center;}
div.flogo{width:230px; margin:0 auto 30px auto;}
div#caption{width:350px; margin:0 auto;}
/* footer end ----------------------------------------------------- */

.nav-previous a{text-decoration:none; color:#999;}
.nav-next a{text-decoration:none; color:#999;}