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

*{
margin: 0px;
padding: 0px;
}

html,body {
  height:100%;
}

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#fff;
line-height: 1.8em;
color:#000;
font-size:90%;
min-width:900px;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}

img{
border:0;
outline:none;
}

a:hover img.hover-alp{
filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}

a:link{color:#fe742a;}
a:visited{color:#fe742a;}
a:hover{color:#78b521;}

.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

p{
margin:0 0 15px;
}

#message p{text-indent:1em;}

.cb{
clear:both;
}

ul{list-style-type:none;}

#page-top{position:fixed; bottom:20px; right:20px; width:56px; height:56px;}

.topic-path{text-align:right; font-size:80%; margin-bottom:10px;}

.dis-b{display:block;}
.dis-ib{display:inline-block;}
.td-n{text-decoration:none;}
.td-u{text-decoration:underline;}

.h100per{height:100%; min-height:100%;}

/* --------------- header --------------- */

#header{width:100%; height:55px; padding-top:25px; padding-left:15px;}
#date{font-size:120%; font-family: 'Unica One', cursive; line-height:1.3em;}

#mainimg{border-top:1px solid #000; border-bottom:1px solid #000; padding:14% 0; text-align:center; margin-bottom:30px;}

/* --------------- navi --------------- */

#navi{text-align:center; margin-bottom:100px;}

#navi a:hover img{
filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}

/* --------------- footer --------------- */

#footer{margin-top:50px; border-top:1px solid #000; padding:30px 0; text-align:center;}

/* --------------- Contact --------------- */

input[type="text"], input[type="number"], input[type="email"]{height:24px; font-size:100%; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#fff; border:1px solid #999; padding:3px; width:360px;}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus{height:24px; font-size:100%; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#f3f3f3; border:1px solid #999; padding:3px;}

textarea{font-size:100%; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#fff; border:1px solid #999; padding:3px; width:360px; height:120px;}

textarea:focus{font-size:100%; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#f3f3f3; border:1px solid #999; padding:3px;}


.h150{height:150px;}

.button{border:1px solid #cfcece; font-size:100%; background:#fff; padding:10px 30px; cursor:pointer;}

input.button:hover{border:1px solid #cfcece; font-size:100%; background:#000; padding:10px 30px; cursor:pointer; color:#fff;}

/* --------------- <margin>group --------------- */

.p10{padding:10px;}
.p15{padding:15px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.plr10{padding:0 10px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb50{padding-bottom:50px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl20{padding-left:20px;}

.m0{margin:0;}
.mb0{margin-bottom:0;}
.mb2{margin-bottom:2px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mr5{margin-right:5px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr14{margin-right:14px;}
.mr15{margin-right:15px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mt11{margin-top:11px;}
.mt20{margin-top:20px;}
.mr5mb5{margin-right:5px; margin-bottom:5px;}
.mr10mb10{margin-right:10px; margin-bottom:10px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr19{margin-right:19px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr65{margin-right:65px;}
.ml15{margin-left:15px;}
.m0a{margin-left:auto; margin-right:auto;}
.mlr10{margin-left:10px; margin-right:10px;}
.mlr15{margin-left:15px; margin-right:15px;}

.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}

.required{color:#FF0000;}

.va-t{vertical-align:top;}
.va-b{vertical-align:bottom;}
.va-m{vertical-align:middle;}


/* --------------- Font style Valiation --------------- */

.fs-10{font-size:10px;}
.fs-80per{font-size:80%;}
.fs-90per{font-size:90%;}
.fs-100per{font-size:100%;}


.fwb{font-weight:bold;}
.fwn{font-weight:normal;}



/* --------------- Float Valiation --------------- */

.fl-l{float:left;}
.fl-r{float:right;}
.fl-n{float:none;}

/* --------------- Box-Type Valiation --------------- */

.box-w700{width:700px;}
.box-contents{margin-left:170px;}


/* --------------- Border-Type Valiation --------------- */

.border-type01{border-bottom:1px dotted #c7c7c7; padding-bottom:20px; margin-bottom:20px;}

.br6{-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.br8{-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}


/* --------------- Title-Type Valiation --------------- */



/* --------------- Table-Type Valiation --------------- */

.table-type01{border-collapse:collapse;}
.table-type01 th{text-align:left; width:140px; padding:0 0 20px 0; vertical-align:top;}
.table-type01 th span{border-left:6px solid #cfcece; font-weight:normal; text-align:left; padding:5px 10px; }
.table-type01 td{text-align:left; padding-bottom:20px; vertical-align:top; }

#page-top {
  position: fixed;
  bottom: 50px;
  right: 30px;
  width: 64px;
  height: 64px;}
  
  .w100per{width:100%;}