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

*{ margin:0px; padding:0px; border:none; color:#333; font-family:"メイリオ",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:1100px; margin:0px auto; z-index:0; }
.wgra { background:#EFEFEF; max-width:1100px; margin:0px auto; z-index:0; }
.wwhi { max-width:1200px; margin:0px auto; z-index:0; }
.left { float:left; text-align:left; padding-bottom:50px; }
.right{ float:right; text-align:left; padding-bottom:50px; }
.s-left { float:left; text-align:left; padding-bottom:50px; }
.s-right{ float:right; text-align:left; padding-bottom:50px; }

a{ outline:none; text-decoration:none; font-size:1em; }
ul{ list-style:none; }
p.clear{ clear:both; }

/*キャプション*/
h1.cap1{ color:#9FA0A0; text-align:center; }
h2.cap2{ color:#DCDDDD; text-align:center; font-family:'FRADMCN'; font-weight:normal; }

/*メニュー*/
div.headbg{ position:relative; width:100%; text-align:center; height:0px; z-index:1; }
div.headbg img.ho{ position:absolute; }
div.headbg img.ho:hover{ opacity:0.7; filter:alpha(opacity=70); }

div.headbg ul.menu{ position:absolute; background:#000; }
div.headbg ul.menu li{ float:left; }
div.headbg ul.menu li a{ white-space:nowrap; display:block; color:#FFF; }
div.headbg ul.menu li a:hover{ text-decoration:underline; }

div.headbg div.sm{ position:absolute; right:5%; top:25px; font-size:9px; width:26px; font-size:9px; line-height:18px; cursor:pointer; color:#000; }
div.headbg div.sm p{ border-bottom:3px solid #000; }
div.headbg div.sm p.c2{ margin:5px 0px; }
div.headbg div.sm:hover p{ color:#555; }

/* ドロップダウンメニュー */
ul#dmenu{ position:fixed; padding-top:30px; left:50%; top:5%; width:0px; height:95%; overflow:auto; width:100%; z-index:1600; background:url(../img/w80.png); opacity:0.0; filter:alpha(opacity=000);  }
ul#dmenu img{ max-width:250px; width:80%; }
ul#dmenu img:hover{ opacity:0.7; filter:alpha(opacity=70); }
ul#dmenu img.ho{ margin-bottom:4%; }
ul#dmenu img.te{ margin:3% auto 4%; }
ul#dmenu li{ width:auto; text-align:left; padding:1% 5%; }
ul#dmenu li a{ white-space:nowrap; overflow:hidden; background:#FFF; font-size:14px; display:block; color:#F39800; border:1px solid #F39800; text-align:center; line-height:40px; }
ul#dmenu li a:hover{ text-shadow:0px 0px 5px #F39800; background-size:120% 100%; }
ul#dmenu li.co a{ display:block; line-height:40px; color:#FFF; box-shadow:0px 0px 2px #555; text-align:center; white-space:nowrap; overflow:hidden; background:#F39800; font-size:14px; }
ul#dmenu p.cl a{ background:transparent; font-size:24px; font-weight:bold; box-shadow:none; color:#F39800; }
ul#dmenu p.cl a:hover{ text-shadow:0px 0px 10px #F39800; }
ul#dmenu p.la{ margin-top:4%; white-space:nowrap; color:#000; }
ul#dmenu p.la a.act{ color:#1B85B0; }

/*トップスライドショー*/
div#openingbg{ position:relative; width:100%; text-align:center; z-index:0; margin-bottom:15px; }
ul#view { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px auto; }
ul#view li{ position:absolute; width:100%; height:100%; text-align:center; background:center top no-repeat; background-size:cover; z-index:0; overflow:hidden; }
img#catch{ position:absolute; }

ul#thumbBtn{ position:absolute; background:url(../img/hokkaido.png) center no-repeat; background-size:contain; }
ul#thumbBtn li{ position:absolute; cursor:pointer; color:#FFF; font-weight:bold; text-shadow:0px 0px 3px #000; }
ul#thumbBtn li:hover{ text-shadow:0px 0px 5px #FFF; }
ul#thumbBtn li.active{ color:#FAEE00; text-shadow:0px 0px 3px #000; }
ul#thumbBtn li.b1{}
ul#thumbBtn li.b2{}
ul#thumbBtn li.b3{}
ul#thumbBtn li.b4{}

div.pagehead{ position:relative; width:100%; background:url(../img/pagebg1.png) center no-repeat; background-size:100% 100%; overflow:hidden; }
div.pagehead h1{ width:100%; position:absolute; left:0px; z-index:2; }
div.pagehead h1 span{ display:inline-block; background:#333; color:#FFF; padding:5px 25px; font-size:1em; }
div.pagehead h2{ width:100%; position:absolute; left:0px; color:#FEEEC2; color:#FFF; font-family:'Anton',sans-serif; font-weight:normal; opacity:0.7; filter:alpha(opacity=070); z-index:1; }

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

/*新着情報*/
ul.news1{ background:url(../img/whats-w.png) 10px center no-repeat #0C5441; background-size:100px; padding-left:125px; overflow:hidden; height:45px; }
ul.news1 li{ text-align:left; color:#FFF; width:100%; height:45px; } 
ul.news1 li { white-space:pre-wrap; overflow:hidden; height:45px; }
ul.news1 li a{ color:#FFF; display:block; white-space:nowrap; line-height:45px; }
ul.news1 li a span{ color:#FFF; line-height:40px; font-size:1em; text-decoration:none; padding-right:15px; }
ul.news1 li a:hover{ text-decoration:underline; }

ul.news2{ padding-bottom:50px; width:100%; }
ul.news2 img{ width:150px; margin:0px auto 2.5%; }
ul.news2 li{ margin:2.5% 0px; } 
ul.news2 li div.img{ float:left; background:center no-repeat; background-size:cover; margin-right:5%; width:20%; padding-top:20%; }
ul.news2 li div.det{ overflow:hidden; text-align:left; }
ul.news2 li div.det p.sy{ }
ul.news2 li div.det p.dt{ margin-bottom:2.5%; }
ul.news2 li div.det p.da{ }

ul.area{ display:inline-block; margin:10px auto 0px; }
ul.area li{ margin:0px 5px; display:inline-block; }
ul.area li a{ color:#666; }
ul.area li a.non:hover{ color:#333; }
ul.area li a.act{ color:#000; text-decoration:underline; }

.sbg{ background:#EFEFEF; padding:5px; }
.s-img{ -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
.s-img:hover{ opacity:0.7; filter: alpha(opacity=70); }
.s-syo{ font-weight:bold; }
.s-jyu{ color:#000; background:url(../img/access.png) left center no-repeat; }
.s-jyu:hover{ text-decoration:underline; }
.s-tel{ color:#000; background:url(../img/tel.png) left center no-repeat; }
.s-tel:hover{ text-decoration:underline; }

/*トップページセクション*/
div.sec{ background-repeat:no-repeat; background-size:cover; height:400px; }
div.sec1{ background-position:center; }
div.sec2{ background-image:url(../img/sec2.png); background-position:top center; }
div.sec div.wave-t{ background:url(../img/wave-t.png) center top no-repeat; height:100%; }
div.sec div.wave-b{ background:url(../img/wave-b.png) center bottom no-repeat; height:100%; }
div.sec div.wave waku{ height:100%; }

div.netbg{ width:100%; }
div.netbg a.net{ display:inline-block; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
div.netbg a.net img{ width:100%; box-shadow:0px 3px 10px #666; }
div.netbg a.net p{ margin-top:10px; }
.net.c1{ }
.net.c2{ }
.net.c3{ }

.rbtn{ position:absolute; border:2px solid #666; color:#000; background:url(../img/nine.png) no-repeat; background-size:20px; text-align:center; display:inline-block; 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; }
.rbtn:hover{ background-color:#FFF; border:2px solid #FFF; box-shadow:0px 1px 8px #555; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:1px solid #D1C8A7; 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.ibcap{ font-weight:bold; color:#ccc; text-align:left; font-size:1.2em; }
div.ibcap p{ width:20px; height:0px; border-bottom:1px solid #ddd; }

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; }
p.yyyy a:hover{ color:#aaa; }
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; }
p.mmmm a:hover{ color:#aaa; }
ul.archives{ width:100%; border-top:1px solid #ccc; text-align:left; }
ul.archives li{ float:left; border-bottom:1px dotted #bbb; 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:#000; 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:hover{ opacity:0.7; filter:alpha(opacity=70); }

/* お知らせ・ブログ */
p.ibdt{ color:#F39800; margin-bottom:30px; line-height:30px; border-top:1px solid #ccc; }
div.ibda{ font-size:1.5em; color:#ccc; font-weight:bold; margin-bottom:5px; }
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; margin-top:0px; }
div.ibna a{ color:#C9BC9C; }
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{}
p.ibli a{ color:#333; padding-right:20px; background:url(../img/link.gif) center right no-repeat; background-size:15px; }
p.ibli a:hover{ color:#F39800; text-decoration:underline; }
p.ibdo{}
p.ibdo a{ color:#333; padding-right:20px; background:url(../img/pdf.png) center right no-repeat; background-size:13px; }
p.ibdo a:hover{ color:#F39800; text-decoration:underline; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:25px 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:#9A8A61; }
div#prevback ul li a{ color:#9A8A61; display:inline-block; }
div#prevback ul li:hover a{ color:#9A8A61;}
div#prevback ul li div.ppi{ color:#9A8A61; 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{ color:#9A8A61; overflow:hidden; padding:0px 10px; }
div#prevback ul li div.nni{ color:#9A8A61; 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{ color:#9A8A61;opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.nnf{ color:#9A8A61; overflow:hidden; padding:0px 10px; }

/*店舗一覧*/
ul.shopm{ width:100%; margin:50px 0px; background:#E8E8E8; }
ul.shopm li{ position:relative; float:left; }
ul.shopm li a{ display:block; white-space:nowrap; overflow:hidden; }
ul.shopm li.act a{ background:#F39800; color:#FFF; font-weight:bold; }
ul.shopm li.non a{ background:#ddd; color:#000; }
ul.shopm li.non:hover a{}

ul.shopm li div{ position:absolute; left:50%; margin-left:-8px; bottom:-13px; width:0px; height:0px; border-style:solid; z-index:200; }
ul.shopm li.act div{ border-width: 13px 8px 0 8px; border-color:#F39800 transparent transparent transparent; }
ul.shopm li.non div{ border-width: 13px 8px 0 8px; border-color:#ddd transparent transparent transparent; display:none; }
ul.shopm li.non:hover div{ display:inline-block; }

div.shopn{ width:100%; margin-bottom:25px; text-align:left; }
div.shopn h1{ border-bottom:1px solid #ddd; margin-bottom:10px; color:#000; }
div.shopn h2{ font-weight:normal; }
div.shopn h2 a{ font-weight:normal; font-size:1em; background:url(../img/access.png) no-repeat right center; }
div.shopn h2 a:hover{ text-decoration:underline; }

div.googlebg{ width:100%; margin-top:25px; border:3px solid #CCC; }
div.googlebg iframe{ width:100%; height:100%; }

h4.tcom{ margin-top:50px; }
h5.tcom{ margin-bottom:10px; }
h5.tcom span{ font-weight:normal; }
div.com{ float:left; padding:10px 0px; }
div.com a{ color:#000; font-size:1em; background-position:center right; background-repeat:no-repeat; background-size:16px; }
div.com a.li{ background-image:url(../img/access.png); padding-right:20px; }
div.com a.ma{ background-image:url(../img/mail.png); padding-right:20px; }
div.com a:hover{ color:#F39800; text-decoration:underline; }
div.com strong{ color:#000; }
div.com1{ color:#F39800; font-weight:bold; }
div.com2{ text-align:left; color:#000; }
div.com2 img{ }
div.com2 a{ font-size:1em; }
div.com2 div{ overflow:hidden; color:#000; }
div.com2 span{ font-size:0.8em; color:#888; }
p.com{ clear:both; border-bottom:1px dotted #888; }
.com1.tel{ }
.com2.tel{ font-weight:bold; text-decoration:underline; }


/*採用情報*/
div.recruitbg{ background:url(../img/recruitbg1.png) center no-repeat; background-size:cover; }
div.recruitbg div.waku{ height:100%; background:url(../img/recruitbg2.png) no-repeat; }
div.flowbg{ margin:0px auto 25px; }
div.flow{ width:30%; border:2px solid #000; }
.flow.c1{ }
.flow.c2{ margin:0px 5%; }
.flow.c3{ }
div.flow h1{ color:#F60; text-align:center; }
div.flow img{ width:100%; }
div.flow div{ overflow:hidden; }
div.flow div h1{ color:#F60; margin-top:5px; white-space:nowrap; overflow:hidden; }
div.flow div p{ margin-top:5px; }

div.entrybg{ background:url(../img/entrybg.png) center no-repeat; background-size:cover; }
div.privacybg{ background:url(../img/privacybg.jpg) center no-repeat; background-size:cover; }
div.contactbg{ background:url(../img/contactbg.png) center no-repeat; background-size:cover; }
div.trainingbg{ background:url(../img/trainingbg.png) center no-repeat; background-size:cover; }
div.nursingbg{ background:url(../img/nursingbg.png) center no-repeat; background-size:cover; }


div.syoku{ width:100%; margin-bottom:25px; text-align:left; color:#FFF; font-weight:bold; white-space:nowrap; background:url(../img/syokuAct.png) 97% center no-repeat #000; cursor:pointer; }
div.syoku a{ display:block; color:#FFF; font-size:1em; }
div.syoku a span{ color:#AAA; white-space:nowrap; font-weight:normal; }
div.recbg{ width:100%; text-align:left; }
div.recbg p.dt{ font-size:12px; margin:0px 25px 5px; text-align:right; }
div.recbg p.aida{ margin-top:25px; padding-top:25px; border-top:2px dotted #ccc; }
div.recbg div.rbg{ width:100%; }
div.recbg div.rbg div.r1{ background:#CCC; font-weight:bold; }
div.recbg div.rbg div.r2{ background:#F5F5F5; }
div.recbg div.rbg div.r2 h1{ }


a.ent{ margin:20px auto 0px; display:inline-block; background:url(../img/ent1.png) center no-repeat; box-shadow:0px 1px 5px #aaa; }
a.ent div{ background:url(../img/ent2.png) 95% center no-repeat transparent; width:100%; height:100%; background-size:14px; }
a.ent:hover{ box-shadow:0px 1px 7px #888; }
a.ent:hover div{ background-position:96% center; }

/*介護福祉士養成実務者研修について*/
a.traning_pdf{ color:#C00; border-bottom:1px solid #CCC; }
a.traning_pdf:hover{ opacity:0.7; filter:alpha(opacity=70); }
p.trmgn{ margin-left:25px; }

a.training{ }
a.training img{ max-width:800px; }
a.training img:hover{ opacity:0.7; filter:alpha(opacity=70); }

/*リンク集*/
div.linkbg{ background:url(../img/linkbg1.png) center no-repeat; background-size:cover; }

div.link{ width:100%; }
div.link a.sec{ display:inline-block; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
div.link a.sec img{ width:100%; box-shadow:0px 3px 10px #666; }
div.link a.sec p{ margin-top:10px; white-space:nowrap; }
.sec.c1{ }
.sec.c2{ }
.sec.c3{ }


/*お問い合わせ*/
img.navi{ max-width:500px; margin:0px auto; width:100%; }
div.c1122bg{ border-left:8px solid #aaa; 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:25px auto 50px; }
ul.msg li{ font-size:1em; }

.btn{ cursor:pointer; -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; }
.btn.br{ background:#494D76; color:#FFF; border:1px solid #494D76; }
.btn.br:hover{ background:#FFF; color:#494D76; }
.btn.gr{ background:#999; color:#FFF; border:1px solid #999; }
.btn.gr:hover{ background:#FFF; color:#999; }

label.con{ padding:0px 15px 0px 5px; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#F39800; 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:auto; max-width:700px; 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; }

/*フッター*/
div.Tbg{ width:100%; overflow:hidden; }
div.T1{ position:relative; background:url(../img/trecbg.png) center top no-repeat; background-size:cover; overflow:hidden; }
div.T1 div{ position:absolute; left:0px; top:0px; width:100%; height:150%; background:url(../img/bg-b.png); z-index:1; -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.T1:hover div{ opacity:0.0; filter:alpha(opacity=000); }
div.T1 h1{ position:relative; color:#000; white-space:nowrap; overflow:hidden; z-index:2; }
div.T1 h2{ position:relative; color:#000; z-index:2; }
div.T1 p.li{ position:relative; border-bottom:1px solid #000; width:20px; z-index:2; }
div.T1 p.mo{ position:relative; color:#FFF; z-index:2; }
div.T1:hover p.mo{ text-shadow:0px 0px 3px #FFF; }
div.T2{ overflow:hidden; }
div.T2 div{ background:#494D76; overflow:hidden; }
div.T2 h1{ color:#FFF; }
div.T2 p{ color:#FFF; }
div.T2 p a{ color:#FFF; }
div.T2 p.li{ border-bottom:1px solid #FFF; width:20px; float:right; }
div.T2 p.na{ font-weight:bold; margin:15px 0px; }
div.T2 p.ju{ white-space:nowrap; overflow:hidden; }
div.T2 p.te{ white-space:nowrap; overflow:hidden; }
div.T2 p.go{ margin-top:25px; }
div.T2 p.go a{ color:#FFF; background:url(../img/icon-map.png) right center no-repeat; background-size:15px; padding-right:20px; }
div.T2 p.go a:hover{ text-decoration:underline; }
div.T2 p.co{ margin-top:25px;}
div.T2 p.co a{ color:#ccc; border:1px solid #999; width:100%; display:block; text-align:center; -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.T2 p.co a:hover{ color:#494D76; border:1px solid #FFF; background:#FFF; box-shadow:0px 1px 5px #333; }

div.foot{ width:100%; padding:50px 0px 25px; }
div.foot div.logobg{ }
div.foot div.logobg img.msg{ }
div.foot div.logobg img.ho { }
div.foot div.logobg img.ho:hover{ opacity:0.7; filter:alpha(opacity=70); }
div.foot ul.fmenu1,div.foot ul.fmenu2{ float:right; text-align:left; }
div.foot ul li{ }
div.foot ul li a{ display:block; color:#555; white-space:nowrap; background:url(../img/yaji.png) no-repeat; }
div.foot ul li a:hover{ color:#999; text-decoration:underline; }

ul.follow{ }
ul.follow li{ text-align:left; direction:-moz-inline-box; display:inline-block; }
ul.follow li.go{ width:37px; }
ul.follow li.tw{ width:81px;  }
ul.follow li.fb{ width:82px;  }

ul.fmenu{ display:inline-block; margin:25px auto; }
ul.fmenu li{ font-size:1em; float:left; margin:0px 10px; }
ul.fmenu li a{ font-size:1em; color:#555; }
ul.fmenu li a:hover{ color:#000; text-decoration:underline; }


p.flogo img{ margin:50px auto 0px; }
p.copy{ color:#999; white-space:nowrap; overflow:hidden; line-height:20px; text-align:center; margin:0px 0px 25px; font-size:11px; }

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