﻿@charset "UTF-8";
@font-face { 
font-family:'KozMinPro-Heavy'; 
src:url('../font/KozMinPro-Heavy.eot'); /* IE9以上用 */
src:url('../font/KozMinPro-Heavyd41d.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../font/KozMinPro-Heavy.woff') format('woff'), /* モダンブラウザ用 */
	url('../font/KozMinPro-Heavy.otf') format('Opentype'); /* iOS, Android用 */
}

*{ margin:0px; padding:0px; border:none; color:#665F51; 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%; }

.waku{ position:relative; max-width:1200px; margin:0px auto; z-index:0; }

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

.tcopy{ height:100%; background:no-repeat center; }

#opbgbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:#FFF; z-index:1700; }
#opbg{ position:relative; width:100%; height:100%; z-index:1701 }
#opbg p{ position:absolute; bottom:25px; left:0px; width:100%; font-size:10px; color:#F99; text-align:center; }
#op1{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(../img/op1.html) center no-repeat; background-size:1000%; z-index:1704; opacity:0.0; filter:alpha(opacity=000); }
#op2{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(../img/op2.html) center no-repeat; background-size:1000%; z-index:1705; opacity:0.0; filter:alpha(opacity=000); }
#op3{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(../img/op3.html) center no-repeat; background-size:150px; z-index:1702; }
#op4{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(../img/op4.html) center no-repeat; background-size:200px; z-index:1703; opacity:0.0; filter:alpha(opacity=000); }

/*メニュー*/
div#menubg{ position:fixed; top:0px; left:0px; width:100%; text-align:center; z-index:1500; }
ul.menu{ height:100%; }
ul.menu li{ float:right; display:table; }
ul.menu li a{ position:relative; display:table-cell; vertical-align:middle; text-align:center; padding:0px 15px; color:#FFF; font-weight:bold; -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{ }
ul.menu li a img{ width:100%; -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 img:hover{ opacity:0.7; filter:alpha(opacity=70); }
ul.menu li a.non{ color:#EEE; }
ul.menu li a.non:hover{ color:#FFF; }
ul.menu li a.act{ color:#FFF; }
ul.menu li.ho{ float:left; }
ul.menu li.ho a{ padding:0px; margin:0px; }
ul.menu li.te a{ padding:0px; margin:0px; }
ul.menu li.lm{  }
ul.menu li.sm a{ padding:0px; margin:0px; }

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; padding-top:30px; left:50%; top:5%; width:0px; height:95%; overflow:hidden; width:100%; background:url(../img/b50.png); opacity:0.0; filter:alpha(opacity=000); z-index:1600; }
div#dmenubg p{ width:80%; max-width:600px; margin:0px auto 7px; background:#FFF; border:1px solid #8eb793; -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; }
div#dmenubg p:hover{ box-shadow:0px 0px 4px #000; background:#8eb793; border:1px solid #FFF; color:#FFF; }
div#dmenubg p a{ display:block; line-height:40px; color:#8eb793; text-align:center; white-space:nowrap; overflow:hidden; font-size:14px; font-weight:bold; }
div#dmenubg p:hover a{ text-shadow:0px 0px 4px #8eb793; color:#FFF; }
div#dmenubg a img:hover{ opacity:0.7; filter:alpha(opacity=70); background:none; }
div#dmenubg a.cl{ font-size:24px; margin-top:25px; font-weight:bold; color:#FFF; margin-top:16px; }
div#dmenubg a.cl:hover{ text-shadow:0px 0px 5px #FFF; }

.pinkbg{ background:url(../img/secbg1.html) center no-repeat; background-size:cover; margin:50px auto; }
.res21{ }
.res21 img.l{}
.res21 img.r{}
.res21 div{ overflow:hidden; text-align:justify; text-justify:inter-ideograph; }
.res21 div.pink{ background:url(../img/w50.png); }
.res21 h1{ font-family:'KozMinPro-Heavy'; color:#D97199; }
.res21 h2{ color:#675C58; margin-bottom:5px; }
.res21 p{}
.res21 p.btnbg{ text-align:center; }


/*ボタン*/
.btn{ display:inline-block; margin:25px auto 0px; color:#ccb9a6; background:#FFF; font-style:italic; white-space:nowrap; overflow:hidden; cursor:pointer; }
.btn span{ display:inline-block; font-size:1em; font-style:italic; width:35px; padding-left:0px; text-align:left; }
.btn:hover span{ padding-left:5px; }

.wh{ color:#666; background:#FFF; }
.wh:hover{ background:#8eb793; color:#FFF; box-shadow:0px 0px 10px #888; }

.br{ color:#FFF; border:1px solid #8eb793; background:#8eb793; }
.br:hover{ color:#8eb793; border:1px solid #8eb793; background:#FFF; }

.pi{ color:#FFF; border:2px solid #FCF; background:#D97199; }
.pi:hover{ border:2px solid #D97199; color:#D97199; background:#FFF; }

/*ページルート*/
div#olbg{ width:100%; text-align:center; margin-bottom:50px; }
ol{ list-style:none; height:24px; overflow:hidden; border-bottom:1px solid #ddd; }
ol li{ float:left; height:24px; line-height:24px; color:#000; }
ol li.home{ padding-left:17px; background:url(../img/home.png) left center no-repeat; background-size:12px; }
ol li.back{ float:right; padding-left:15px; background:url(../img/yaji-b.png) left center no-repeat; background-size:12px; }
ol li.yaji{ padding-left:15px; margin-left:5px; background:url(../img/yaji.png) left center no-repeat; background-size:12px; }
ol li a{ line-height:24px; color:#999; font-size:11px; }
ol li a:hover{ color:#333; }

/*ページトップ*/
div#pagetitle{ position:relative; width:100%; background:url(../img/greenbg.png) center no-repeat; background-size:100% 100%; overflow:hidden; }
div#pagetitle{}
div#pagetitle{ position:relative; height:0px; }
div#pagetitle div.b1{ position:absolute;background:url(../img/w50.png); display:table; left:50%; box-shadow:0px 0px 5px #000; padding:8px; -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; }
div#pagetitle div.b1 div.b2{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
div#pagetitle div.b1 div.b2 p.en{ font-family:'KozMinPro-Heavy'; color:#1F274D; white-space:nowrap; overflow:hidden; font-weight:normal; }
div#pagetitle div.b1 div.b2 p.ja{ white-space:nowrap; overflow:hidden; font-weight:normal; color:#1F274D; }

/*トップお知らせ*/
div.tinfo{}
div.tinfo div.img{ background:center no-repeat; background-size:cover; }
div.tinfo:hover div.img{ opacity:0.7; filter:alpha(opacity=70); }
div.tinfo div.det{ overflow:hidden; }
div.tinfo div.det p.dt{ color:#ccb9a6; }
div.tinfo div.det p.da{ color:#675C58; }

/*「」*/
.cap2::before,.cap2::after{ position:absolute; content:''; width:20px; height:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cap2::before { top:8px; left:8px; border-top:1px solid #8eb793; border-left:1px solid #8eb793; }
.cap2::after { bottom:8px; right:8px; border-bottom:1px solid #8eb793; border-right:1px solid #8eb793; }

/*ボタン*/
.a-btn{ display:inline-block; text-align:center; background:#036EB8; border:1px solid #036EB8; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -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; }
.a-btn:hover{ background:#FFF; color:#036EB8; }

/*新着情報*/
ul.news{ position:absolute; background:url(../img/b25.png); padding:10px; }
ul.news li{ text-align:left; color:#FFF; width:100%; } 
ul.news li p{ white-space:pre-wrap; overflow:hidden; margin-top:5px; }
ul.news li p a{ color:#FFF; display:block; font-size:1em; white-space:nowrap; }
ul.news li p a:hover{ text-decoration:underline; background:url(../img/yaji-w.html) right center no-repeat; background-size:contain; }
ul.news li span{ color:#FFF; }

/*about*/
.t-aboutbg{ background:#EEE; padding:50px 0px; }
.t-aboutbg h1{ color:#8eb793; margin-bottom:25px; }
.t-aboutbg h2{ color:#555; }

/*メッセージ*/
.t-message{ background:url(../img/ceo.png) no-repeat; }
.t-message .left1{ text-align:left; background:#FFF; }
.t-message .left1 h1{ color:#8eb793; }
.t-message .left1 h2{ color:#555; }
.t-message .left2{ text-align:justify; text-justify:inter-ideograph; background:#FFF; }

/*トップお知らせ*/
.t-info{ padding:50px 0px; background:#effaf1; }
.t-info h1{ color:#8eb793; }
.t-info h2{ color:#555; }
.t-info .top{ border-top:1px solid #CCC; }
.t-info .infobg{ border-bottom:1px solid #CCC; text-align:left; background:url(../img/yaji.png) no-repeat; background-size:18px; }
.t-info .infobg span{ }
.t-info .infobg span.dt{ color:#516f55; }
.t-info .infobg span.da{ }
.t-info .infobg span.da a{ color:#555; }
.t-info .infobg span.da a:hover{ color:#333; text-decoration:underline; }

/*受け入れまでの流れ*/
.t-float{ background:url(../img/greenbg.png) center no-repeat; background-size:100% 100%; padding:50px 0px; }
.t-float h1{ color:#FFF; text-shadow:1px 1px 3px #555; margin-bottom:50px; }

.t-float .float{ }
.t-float .float div{ background:#FFF; color:#366; display:inline-block; box-shadow:0px 1px 5px #888; font-weight:bold; }
.t-float .float h1{ color:#366; text-shadow:none; white-space:nowrap; overflow:hidden; }
.t-float .float h2{ color:#366; text-shadow:none; font-weight:normal; }

/*正会員、賛助会員募集中*/
div.boxbg3{ position:relative; width:100%; z-index:0; }
div.boxbg3 div{ position:absolute; background:#F5F5F5; left:0%; z-index:0; }
div#recruitmentbg{ position:relative; margin-top:50px; background:url(../img/comeonin.jpg) no-repeat; z-index:1; }
div#recruitmentbg div.waku{ }
div#recruitmentbg div.waku div.recruitment{ }
div#recruitmentbg div.waku div.recruitment div{ color:#000; text-align:left; text-shadow:0px 1px 1px #FFF; }
div#recruitmentbg div.waku div.recruitment a{ color:#FFF; text-shadow:0px 1px 2px #333; background:url(../img/bu50.png); text-align:center; display:inline-block; }
div#recruitmentbg div.waku div.recruitment a:hover{ text-shadow:0px 0px 4px #FFF; }

h1.cap11{ color:#000; }
h2.cap22{ color:#000; font-weight:normal; }


/*pageview*/
ul.pageview{ clear:both; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
ul.pageview li{ float:left; font-size:1em; color:#CCC; }
ul.pageview li a{ font-size:1em; display:block; text-align:center; }
ul.pageview li a.act{ color:#1F274D; background-color:#FFF; }
ul.pageview li a.non{ color:#1F274D; background-color:#AAA; }
ul.pageview li a.non:hover{ color:#1F274D; background-color:#CCC; }

/*トップ事業内容*/
.c-business{ position:relative; background:url(../img/g50.html); width:80%; max-width:900px; margin:0px auto; z-index:1; } 
.c-business img.lo{}
.c-business img.ri{}
.t-business:hover{ box-shadow:0px 0px 20px #333; }
.t-business{ position:relative; z-index:2; }
.t-business div{ background:center no-repeat; background-size:cover; }
.t-business .b1{}
.t-business .b2{}
.t-business .b3{}
.t-business .b4{}
.t-business .b5{ position:relative; background-color:#036EB8; }
.t-business .b5 span{ position:absolute; display:inline-block; text-align:center; background:#FFF; border:1px solid #FFF; color:#036EB8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -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; }
.t-business .b6{}

/*アーカイブ*/
div.ibcap{ font-weight:bold; color:#ccc; text-align:left; font-size:1.2em; }
div.ibcap p{ width:20px; height:0px; border-bottom:1px solid #ccc; }

p.yyyy{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #ddd; }
p.yyyy a{ display:block; font-weight:normal; padding:5px; color:#555; }
p.yyyy a:hover{ color:#000; }
p.mmmm{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #ddd; }
p.mmmm a{ display:block; font-weight:normal; padding:5px 10px; color:#555; }
p.mmmm a:hover{ color:#000; }
ul.archives{ width:100%; border-top:1px solid #ddd; }
ul.archives li{ float:left; border-bottom:1px dotted #AAA; cursor:pointer; }
ul.archives li div.img{ float:left; margin:5px 5px 5px 0px; width:25%; padding-top:25%; background:center; background-size:cover; }
ul.archives li div.dta{ overflow:hidden; padding:5px; }
ul.archives li div.dta p.dt{ color:#666; font-size:0.8em; line-height:20px; height:20px; white-space:nowrap; }
ul.archives li div.dta p.da{ font-size:12px; line-height:22px; overflow:hidden; color:#777; }
ul.archives li div.dta p.ni{ font-size:0.8em;; line-height:20px; overflow:hidden; color:#555; }
ul.archives li div.dta p.na{ font-size:11px; line-height:15px; overflow:hidden; color:#555; }
ul.archives li:hover{ opacity:0.7; filter:alpha(opacity=70); }

/*事業内容*/
.bnsbg{ width:100%; }
.bnsbg2{ background:#F4F4F4; padding:25px 0px 50px; }
.bnsbg .bns{ }
.bnsbg .bns div{ background:center no-repeat; background-size:cover; }
img.img0{ }
.bnsbg .bns div.img1{ margin-bottom:25px; }
.bnsbg .bns div.img2{ }
div.img3{ background:center no-repeat; background-size:cover; }
.bnsbg .bns p.bns-p{ background:#CCC; margin:20px 0px; display:inline-block; }
.bnsbg .bns h1{ }
.bnsbg .bns h1.l-c{ color:#1c71b2; }
.bnsbg .bns h1.l-r{ color:#1c71b2; }
.bnsbg .bns h2{ color:#b5b6b6; }
.bnsbg .bns p{ text-align:left; }
.bnsbg .bns p span{ font-weight:bold; }
.bnsbg .bns-l{ }
.bnsbg .bns-r{ }

p.holn{ font-weight:bold; text-align:left; color:#898989; border-left:8px solid #231815; }
p.holn{ padding:7px 0px 7px 17px; margin-top:25px; }
div.pdf{ width:100%; height:51px; text-align:center; margin-top:25px; }
div.pdf a{ }
div.pdf a.pdf1{ }
div.pdf a.pdf2{ }
div.pdf a.pdf3{ }
div#download{ width:214px; height:51px; background-image:url(../img/download.png); background-position:top left; background-repeat:no-repeat; overflow:hidden; margin:0px auto; }
div#download p { text-align:center; font-size:0.85em; text-shadow:0px 1px 1px #FFF; color:#666; padding-left:57px; width:auto; line-height:35px; }
div#download:hover{ background-position:bottom left;}
div#download:hover p{ color:#333; }

/*組合情報*/
h1.capA{ text-align:left; color:#3c76ac; margin:50px 0px 15px; line-height:30px; }
h1.capA span{ margin-left:8px; padding-left:8px; color:#999; border-left:1px solid #666; line-height:30px; }
h1.c-cap{ margin:50px 0px 25px; }
h1.c-cap span{ font-size:0.5em; display:none; }
h4.tcom{ margin-top:50px; }
h5.tcom{ margin-bottom:10px; font-weight:normal; }
h5.tcom span{ font-weight:normal; }
div.greeting{ margin-bottom:50px; text-align:justify; text-justify:inter-ideograph; }
div.greeting p{ text-align:right; margin-top:15px; }
div.combg{ }
.combg.las{ }
div.com{ box-sizing:border-box; }
div.com a{ color:#000; background-position:center right; background-repeat:no-repeat; background-size:contain; padding-right:20px; }
div.com a.li{ background-image:url(../img/ic-link.html); }
div.com a.ma{ background-image:url(../img/ic-mail.html); }
div.com a.ad{ background-image:url(../img/icon-map.html); }
div.com a:hover{ color:#486659; text-decoration:underline; }
div.com1{ text-align:left; background:#f0f0f0; font-weight:bold; vertical-align:middle; }
div.comA{ background:#3c76ac; color:#FFF; }
div.com1 span{ display:inline-block; padding:0px 5px; margin-left:5px; color:#fff; background:#066; font-weight:normal; font-size:0.7em; }
div.com2{ text-align:left; color:#000; }
div.com2 p{ color:#000; }
div.com2 p a{ color:#000; font-weight:bold; }
div.com2 p.links{ color:#000; }
div.com2 img{ }
div.com2 div{ color:#000; }
div.com2 span{ font-size:0.8em; color:#000; }
div.com2 span span{ font-size:1em; }
div.com21{ text-align:justify; text-justify:inter-ideograph; }
p.com{ clear:both; border-bottom:1px dotted #888; }
div.access{ border:3px solid #DCDDDD; }
div.access iframe{ width:100%; height:100%; }

p.ad{}
p.ad a{ color:#000; background:url(../img/access-g.png) right center no-repeat; background-size:14px; padding-right:20px; }
p.ad a:hover{ color:#486659; background-image:url(../img/access-g.png); text-shadow:0px 0px 5px #FFF; }

div.about-flow{ width:100%; padding:50px 0px; }
.about-flow.gr{ background:#F1F1F1; }
.about-flow.or{ background:#fce2c4; }
div.about-flow .con{ text-align:left; background:no-repeat; }
div.about-flow .con-l{}
div.about-flow .con-r{}
div.about-flow .con .wbg{}
div.about-flow .con .wbg h1.cap{ background:left top no-repeat; color:#000; }
div.about-flow .con .wbg p.det{ margin:30px 0px; }
div.about-flow .con .wbg p.det span{ background-color:#FDF5E6;  }
div.about-flow .con .wbg a.btn{ display:inline-block; background:url(../img/byaji.html) no-repeat #D31926 95% center; color:#FFF; font-weight:bold; text-align:center; }
div.about-flow .con .wbg a.btn:hover{ text-shadow:0px 0px 7px #FFF; }

div#map{ width:100%; }
div#map:hover{ box-shadow:0px 0px 15px #888; }


/* お知らせ・ブログ */
div.responsive-l{ float:left; text-align:left; padding-bottom:50px; }
div.responsive-r{ float:left; text-align:left; padding-bottom:50px; }

p.ibdt{ color:#333; margin-bottom:25px; line-height:30px; border-top:1px solid #ddd; }
div.ibda{ font-size:1.5em; color:#000; font-weight:bold; margin-bottom:30px; }
div.ibda p{ width:20px; height:0px; border-bottom:1px solid #000; margin-top:5px; }
div.ibna{ line-height:25px; text-align:justify; text-justify:inter-ideograph; }
div.ibna a{ color:#000; }
div.ibna a:hover{ text-decoration:underline; }
div.ibna div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }

p.ibli{ font-size:0.9em; margin-top:25px; }
p.ibli a{ color:#000; }
p.ibli a:hover{ text-decoration:underline; }
p.ibfb{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:1px solid #ddd; padding-top:25px; }
div#prevback ul{ margin:0px auto; display:inline-block; }
div#prevback ul li{ float:left; color:#aaa; }
div#prevback ul li a{ color:#9A8A61; display:inline-block; }
div#prevback ul li:hover a{ color:#837754;}
div#prevback ul li div.ppi{ float:left; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.prev:hover a div.ppi{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.ppf{ overflow:hidden; padding:0px 10px; }
div#prevback ul li div.nni{ float:right; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.next:hover a div.nni{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.nnf{ overflow:hidden; padding:0px 10px; }

/*プログラム*/
div.pro{ float:left; text-align:center; }
div.pro img{ }
.pro.c1{}
.pro.c2{}
.pro.c3{}
.probg{ width:100%; text-align:center; background:center no-repeat; background-size:cover; }
.probg div{ width:100%; height:100%; background:center no-repeat; }
.pro-sec1{ background-image:url(../img/probg1.html); }
.pro-sec2{ background-image:url(../img/probg22.html); }
img.pro-cap{ margin:0px auto 15px; }

/*お問い合わせ*/
img.navi{ max-width:600px; margin:0px auto; width:100%; }
div.c1122bg{ margin-bottom:20px; width:100%; }
div.c1122bg div.c11{ text-align:left; font-size:1em; }
div.c1122bg div.c11 span{ font-size:0.7em; color:#900; padding-left:10px; }
div.c1122bg div.c22{ text-align:left; font-size:1em; }
div.c1122bg div.c22 p{ color:#999; margin-top:5px; }
div.c1122bg div.c22 div.img{ float:left; background:center no-repeat; background-size:cover; }
div.c1122bg div.c22 div.det{ overflow:hidden;  }
div.c1122bg div.c22 div.det p.fac1{ color:#000; line-height:20px; font-weight:bold; }
div.c1122bg div.c22 div.det p.fac2{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac3{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac4{ color:#000; line-height:16px; }

ul.msg{ text-align:left; margin:50px auto; max-width:700px; list-style:disc; list-style:outside; padding-left:10px; }
ul.msg li{ font-size:1em; }

label.con{ padding:0px 15px 0px 5px; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#20405F; font-weight:bold; }

.txt{ -webkit-appearance:none; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt:focus{ border:1px solid #000; }
.txt10{ -webkit-appearance:none; max-width:20%; padding:2px 5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt10:focus{ border:1px solid #000; }
.txt20{ -webkit-appearance:none; max-width:150px; width:45%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt20:focus{ border:1px solid #000; }
.txt30{ -webkit-appearance:none; max-width:300px; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt30:focus{ border:1px solid #000; }
.txt100{ -webkit-appearance:none; width:100px; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt100:focus{ border:1px solid #000; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.7em; text-align:center; margin:15px 0px; }
div#jouken{ border:1px solid #AAA; padding:10px; width:100%; height:180px; overflow:auto; margin:0px auto; 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; color:#555; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; color:#555; }
div#jouken a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

li.redcolor{ color:#900; }

/*フッター*/
div.foot{ width:100%; margin-top:50px; padding:25px 0px; background:#595656; }
div.foot .f-left{ }
div.foot .f-left img.flogo{ }
div.foot .f-left div{ overflow:hidden; }
div.foot .f-left div p{ color:#DDD; }
div.foot .f-left div a{ font-size:1em; color:#DDD; }
div.foot .f-left div p.add a{ background:url(../img/access-w.png) no-repeat right center; }
div.foot .f-left div p.add a:hover{ text-decoration:underline; color:#FFF; }
div.foot .f-left ul.fmenu{  }
div.foot .f-left ul.fmenu li{ font-size:1em; color:#DDD; }
div.foot .f-left ul.fmenu li a{ display:block; font-size:1em; color:#DDD; }
div.foot .f-left ul.fmenu li a:hover{ text-decoration:underline; color:#FFF; }
div.foot .f-right{ }
div.foot .f-right a.tel{ display:inline-block; }
div.foot .f-right a.tel img{ width:100%; }
div.foot .f-right a.con{ background:url(../img/mail.png) no-repeat; background-color:#F0F0F0; color:#000; display:inline-block; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -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; }
div.foot .f-right a.con:hover{ box-shadow:0px 0px 5px #EEE; }

div.foot ul.follow{  }
div.foot ul.follow li{ float:left; text-align:left; }
div.foot ul.follow li.go{ width:40px; }
div.foot ul.follow li.fb{ width:86px;  }
div.foot ul.follow li.tw{ width:82px;  }

p.copy{ white-space:nowrap; overflow:hidden; color:#CCC; line-height:30px;  }

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

}