@charset "UTF-8";

*{ margin:0px; padding:0px; border:none; font-family:'メイリオ', Noto Sans JP, Meiryo UI, arial, sans-serif; -webkit-text-size-adjust:100%; font-size:14px; box-sizing:border-box; }
html{ text-align:center; color:#000; width:100%; height:100%; }

body{ text-align:center; width:100%; height:100%; }

a{ outline:none; text-decoration:none; color:#665F51; }
ul{ list-style:none; }
p.clear{ clear:both; }

a img:hover{ opacity:0.7; filter:alpha(opacity=70); }

.waku{ position:relative; margin:0px auto; z-index:2; text-align:left; }

.btn{ background:#82b41b; color:#FFF; width:70px; text-align:center; box-shadow:0px 0px 3px #555; font-size:13px; line-height:22px; display:inline-block; cursor:pointer; }
.btn{ background: }
.btng{ background:#CCC; color:#000; }
.btng:hover{ background:#CCC; color:#000; }
.btngr{ background:#43A701; color:#FFF; }

/*メニュー*/
div#menubg{ position:fixed; top:0px; left:0px; width:100%; text-align:center; z-index:1500; background:url(../img/w50.png); }
ul.menu{ width:100%; }
ul.menu li{ float:right; }
ul.menu li a{ position:relative; color:#000; display:block;	 text-align:center; }
ul.menu li a span{ display:block; color:#003; }
ul.menu li a p{ position:absolute; bottom:0px; left:50%; width:0px; border-bottom:1px solid #82b41b; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.menu li a:hover p{ left:15%; width:70%; }
ul.menu li.act a{ color:#000; }
ul.menu li.act a span{ color:#82b41b; }
ul.menu li.act a p{ left:15%; width:70%; }
ul.menu li.non a:hover{ color:#000; }
ul.menu li.non a:hover span{ color:#003; }
ul.menu li.ho{ float:left; padding:0px; margin:0px; }
ul.menu li.ho a{ padding:0px; margin:0px; }
ul.menu li.ho img{ width:100%; padding:0px; margin:0px; display:block;}
ul.menu li.co{ float:left; padding:0px; margin:0px; margin-left:10px; }
ul.menu li.co a{ padding:0px; margin:0px; }
ul.menu li.co img{ width:100%; padding:0px; margin:0px; display:block;}
/*ul.menu li.ho:hover a{ opacity:0.7; filter:alpha(opacity=70); }*/

ul.menu li.lm{ white-space:nowrap; }
ul.menu li.sm{ }
ul.menu li.sm img{ width:100%; border:1px solid #888; background-image:url(../img/w25.png); }
ul.menu li.sm div.smn{ width:24px; font-size:8px; line-height:14px; cursor:pointer; color:#000; }
ul.menu li.sm div.smn p{ border-bottom:1px solid #000; }
ul.menu li.sm div.smn p.c2{ margin:6px 0px; }
ul.menu li.sm div.smn:hover{ line-height:12px; }
ul.menu li.sm a:hover div.smn { color:#555; }
ul.menu li.sm div.smn:hover p.c2{ margin:7px 0px; }

/* ドロップダウンメニュー */
div#dmenubg{ position:fixed; background:url(../img/b25.png); top:0px; left:0px; width:100%; height:0px; opacity:0.0; filter:alpha(opacity=000); z-index:2000; overflow:hidden; text-align:left; }
ul#dmenu{ position:fixed; padding:3%; box-sizing:border-box; top:0px; height:100%; width:65%; right:-65%; background:#FFF; overflow:auto; z-index:2001 }
ul#dmenu .cl{ float:right; height:40px; width:40px; background:url(../img/close.png) center no-repeat #82b41b; background-size:50%; display:inline-block; font-size:30px; text-align:center; border:2px solid #FFF; box-shadow:0px 0px 5px #ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer; }
ul#dmenu .cl:hover{ box-shadow:0px 0px 7px #aaa; }
ul#dmenu .mh{ width:100%; margin:0px 0px 15px; max-width:150px; }
ul#dmenu li{ width:auto; text-align:left; color:#555; display:block; border-bottom:1px solid #ddd; line-height:45px; background:98% center no-repeat; background-size:20px; padding:0px 10% 0px 5px; color:#000; font-size:15px; }
ul#dmenu li a{ display:block; line-height:45px; color:#555; }
ul#dmenu li.to{ border-top:1px solid #1A9AB0; }
ul#dmenu li.m1{ background-image:url(../img/m-in.png); }
ul#dmenu li.m2{ background-image:url(../img/m-bl.png); }
ul#dmenu li.m3{ background-image:url(../img/m-wo.png); }
ul#dmenu li.m4{ background-image:url(../img/m-ca.png); }
ul#dmenu li.m5{ background-image:url(../img/m-co.png); }
ul#dmenu li.fb{ background-image:url(../img/ico-ec.png); }
ul#dmenu li.ac{ background-image:url(../img/access-b.png); }
ul#dmenu li.lo{ background-image:url(../img/ic-logout.png); }
ul#dmenu li.ic{ float:left; border:none; text-align:center; padding:0px; margin-top:25px; }
ul#dmenu li.ic a{ line-height:30px; height:30px; width:96%; margin:0px 2%; font-size:12px; display:inline-block; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
ul#dmenu li a.me{ border:1px solid #1A9AB0; background:#FFF; color:#172A88; }
ul#dmenu li a.me:hover{ background:#1A9AB0; color:#FFF; }
ul#dmenu li a.ou{ border:1px solid #1A9AB0; background:#1A9AB0; color:#FFF; }
ul#dmenu li a.ou:hover{ background:#FFF; color:#1A9AB0; }

ul#dmenu li form{ display:inline-block; float:right; }
ul#dmenu li form input[type="submit"]{ display:inline-block; color:#555; font-size:12px; line-height:20px; cursor:pointer; background:transparent; appearance:none;/* 標準 */ -webkit-appearance:none;/* Chrome / Safari */ -moz-appearance:none; }
ul#dmenu li form input[type="submit"]:hover{ text-decoration:underline; } 

ul.f-menu{ display:table; width:100%; }
ul.f-menu li{ display:table-cell; text-align:center; background-attachment:fixed; }
ul.f-menu li a{ display:block; width:100%; }
ul.f-menu li img{ }
ul.f-menu li p{ color:#FFF; }

/*お問い合わせ*/
.con-l{ text-align:left; }
.con-r{ margin-bottom:50px; }

p.c11{ text-align:left; line-height:30px; font-size:0.9em; font-weight:bold; }
p.c11 span{ font-size:0.8em; font-weight:normal; color:#EC6755; padding-left:15px; }
p.c22{ text-align:left; }
p.c22 p{ font-size:1em; }
p.c22 p a{ font-size:1em; color:#000; }
p.cka{ font-size:0.9em; margin:15px 0px; line-height:20px; }
div.c22{  }
p.c33{ line-height:20px; text-align:left; margin:0px auto; margin-bottom:5px; font-size:0.7em; color:#666; }

.cimg1{ background:center no-repeat; background-size:cover; }
.cimg2{ background:center no-repeat; background-size:cover; }
.cdet{ overflow:hidden; }
.cdet p{ }
.cdet a{ color:#000; }
.cdet a.ad{ background:url(../img/access-b.png) right center no-repeat; background-size:1em; padding-right:1.25em; }
.cdet a:hover{ text-decoration:underline; }

.txt{ -webkit-appearance:none; -moz-appearance:none; box-shadow:0px 0px 7px #ccc;  appearance:none; box-sizing:border-box; width:100%; padding:20px; background-color:#FFF; border:2px solid #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;transition: 0.2s ease-in-out; }
.txt:focus{ outline: none; border:2px solid #036EB8; box-shadow:0px 0px 10px #888; }

.notcolor{ background:#FFF0F0; border:2px solid #FFCECE; }
.notcolor:focus{ border:2px solid #FF7575; }

.ckugiri{ margin:15px 0px; border-bottom:1px dotted #777; }

p.dmsg{ font-size:0.9em; text-align:left; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:1em; text-align:center; margin:15px 0px; }
div#jouken{ background:#FFF; border:1px solid #AAA; padding:10px; width:auto; height:180px; overflow:auto; margin:25px 0px 0px; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px; }
div#jouken p.cap11{ font-weight:bold; margin-top:0px; margin-bottom:10px; }
div#jouken p{ font-size:0.9em; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; color:#000; }
div#jouken a:hover{ color:#999; text-decoration:underline; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

.btn{ text-align:center; display:inline-block; background:#FFF; margin-top:25px; color:#000; overflow:hidden; white-space:nowrap; transition: 0.2s ease-in-out; cursor:pointer; }
.btn span{ margin-left:5px; padding-right:5px; color:#000; transition: 0.2s ease-in-out; }
.btn:hover{ box-shadow:0px 0px 5px #999; } 
.btn:hover span{ margin-left:10px; padding-right:0px; } 

.btng{ background:#eee; border:1px solid  #aaa; }
.btng:hover{ background:#FFF; }

/*フッター*/
div.co{ position:fixed; left:0px; bottom:0px; width:100%; background:url(../img/gra.png) center no-repeat; background-size:100% 100%; text-align:left; line-height:20px; z-index:1999; box-shadow:0px 0px 5px #CCC; }
div.co .waku{ font-size:11px; color:#FFF; }
div.co form{ display:inline-block; }
div.co form input[type="submit"]{ display:inline-block; color:#FFF; font-size:11px; line-height:20px; cursor:pointer; background:transparent; appearance:none;/* 標準 */ -webkit-appearance:none;/* Chrome / Safari */ -moz-appearance:none; }
div.co form input[type="submit"]:hover{ text-decoration:underline; } 
div.co span{ float:right; color:#FFF; font-size:1em; line-height:20px; } 

#pagetop{ position:fixed; width:70px; bottom:25px; right:15px; background:url(../img/pagetop.png) right bottom no-repeat; background-size:contain; text-align:center; z-index:1599; }
}