﻿@charset "UTF-8";
@font-face { 
font-family:'KozMinPro-Heavy'; 
src:url('../font/KozMinPro-Heavy.eot'); /* IE9以上用 */
src:url('../font/KozMinPro-Heavy.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:#000; 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; }
.waku50{ padding-top:50px; }

.responsive-l{ float:left; text-align:left; }
.responsive-r{ float:right; text-align:left; }

a{ outline:none; text-decoration:none; color:#000; font-size:1em; }
ul{ list-style:none; }
p.clear{ clear:both; }

/*メニュー*/
div.hmenu{ width:100%; overflow:hidden; }
div.hmenu a{ font-size:1em; }
div.hmenu a span{ font-size:1em; color:#FFF; }
div.hmenu a.ho{ float:left; }
div.hmenu a.ho img{ width:100%; }
div.hmenu a.co{ float:right; background:url(../img/mail.png) no-repeat #aaa; color:#FFF; font-size:13px; }
div.hmenu a.ac{ float:right; background:url(../img/access-w.png) no-repeat #326092; color:#FFF; font-size:13px; }
div.hmenu a.te{ float:right; }
div.hmenu a.te img{ width:100%; }
div.hmenu div.smn{ float:right; width:24px; font-size:8px; line-height:14px; cursor:pointer; color:#000; margin-left:10px; margin-top:13px; }
div.hmenu div.smn p{ border-bottom:1px solid #000; }
div.hmenu div.smn p.c2{ margin:6px 0px; }
div.hmenu div.smn:hover{ line-height:12px; }
div.hmenu a:hover div.smn { color:#555; }
div.hmenu div.smn:hover p.c2{ margin:7px 0px; }

ul.menu{ width:100%; table-layout:fixed; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul.menu li{ display:table-cell; vertical-align:middle; height:100%; font-size:1em; }
ul.menu li a{ position:relative; display:block; vertical-align:middle; text-align:center; color:#888; font-size:1em; font-weight:bold; }
ul.menu li a:hover{ color:#326092; }
ul.menu li.non a{ color:#888; }
ul.menu li.non a:hover{ color:#326092; }
ul.menu li.act a{ color:#326092; }

/* ドロップダウンメニュー */
ul#dmenu{ position:fixed; padding-top:2.5%; left:50%; top:2.5%; width:0px; height:95%; overflow:auto; width:100%;z-index:1600; background:url(../img/w50.png); opacity:0.0; filter:alpha(opacity=000);  }
ul#dmenu img.ho{ max-width:225px; width:100%; margin:5% auto;  }
ul#dmenu img.te{ max-width:200px; width:100%; margin:25px 0px 2.5%; }
ul#dmenu img:hover{ opacity:0.7; filter:alpha(opacity=70); }
ul#dmenu li{ width:auto; text-align:left; padding:0px 5%; margin-bottom:2.5%; }
ul#dmenu li a{ display:block; line-height:36px; color:#FFF; box-shadow:0px 0px 2px #555; text-align:center; white-space:nowrap; overflow:hidden; background:#326092; font-size:14px; }
ul#dmenu li a:hover{ text-shadow:0px 0px 5px #FFF; font-weight:bold; background-size:120% 100%; }
ul#dmenu p a.cl{ background:transparent; font-size:24px; font-weight:bold; box-shadow:none; color:#555; }
ul#dmenu p a.cl:hover{ text-shadow:0px 1px 10px #333; }

/*トップスライドショー*/
div#openingbg{ position:relative; width:100%; text-align:center; max-width:1300px; z-index:0; }
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 no-repeat; background-size:cover; z-index:0; overflow:hidden; z-index:0; }
ul#view li div.waku{ position:relative; width:100%; text-align:center; height:100%; }
ul#view li div.waku h1{ position:absolute; bottom:10px; text-align:left; color:#FFF; display:inline-block; font-weight:normal; text-shadow:0px 0px 3px #000; }
div#openwaku{ position:relative; width:100%; height:100%; background:url(../img/copy.png?2) center no-repeat; z-index:1; }

div#thumbBtnbg{ position:absolute; left:0px; width:100%; height:0px; text-align:center; z-index:2; }
ul#thumbBtn{ width:auto; max-width:1200px; margin:0px auto; }
ul#thumbBtn li{ position:relative; opacity:0.5; filter:alpha(opacity=50); background:#FFF; cursor:pointer; overflow:hidden; direction:-moz-inline-box; display:inline-block; z-index:500; }
ul#thumbBtn li:hover{ position:relative; opacity:7.5; filter:alpha(opacity=75); }
ul#thumbBtn li.active{ opacity:1.0; filter:alpha(opacity=100); }

h1.cap1{ text-align:left; color:#326092; margin:50px 0px 15px; line-height:30px; }
h1.cap1 span{ margin-left:8px; padding-left:8px; color:#666; border-left:1px solid #666; line-height:30px; }
h1.cap1 a{ float:right; color:#666; font-weight:normal; line-height:30px; }
h1.cap1 a:hover{ text-decoration:underline; color:#333; }

h1.cap2{ text-align:left; color:#333; margin:50px 0px 15px; }
h1.cap2 span{ margin-left:8px; padding-left:8px; color:#666; border-left:1px solid #666; }

/*トップ　部門紹介*/
div.tsec{ float:left; width:100%; text-align:left; }
div.tsec div.img{ position:relative; background:center no-repeat; background-size:cover; }
div.tsec div.img span{ position:absolute; color:#FFF; font-weight:bold; white-space:nowrap; overflow:hidden; text-align:center; opacity:0.75; filter:alpha(opacity=75); }
div.tsec div.img span.in{ background:#999; }
div.tsec div.img span.bu{ background:#666; }
div.tsec div.img span.la{ background:#333	; }
div.tsec:hover div.img{ opacity:0.7; filter:alpha(opacity=70); }
div.tsec div.det{ overflow:hidden; }
div.tsec div.det p.po{ background:#C30D23; color:#FFF; padding:0px 10px; margin-bottom:3px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
div.tsec div.det p.dt{ color:#000; font-weight:bold; text-align:center; }
div.tsec div.det p.da{ color:#000; }

/*トップお知らせ*/
.tinfobg{ background:#F4F8F9; padding:50px 0px; margin-top:50px; }
.tinfo-l{}
.tinfo-r{}
div.dtda{ position:relative; border-bottom:1px solid #DDD; text-align:left; color:#000; }
div.dtda span.ya{ position:absolute; height:100%; width:30px; left:-30px; top:0px; background:url(../img/tyaji.png) 0px center no-repeat; background-size:0px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
div.dtda span{ color:#1B2532; }
div.dtda:hover span{ }
div.dtda span.dt{ padding-right:15px; }
div.dtda span.da{}
div.dtda:hover span.da{ }
div.dtda p{ position:absolute; width:0px; left:0px; bottom:-1px; border-bottom:1px solid #1B2532; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
div.dtda:hover p{ width:100%; }


div.test{ text-align:center; border:3px solid #DCDDDD; padding:20px; background:url(../img/na75.png) #F1F1F1; }
div.test:hover{ border:3px solid #326092; }
div.test h1{ color:#326092; }
div.test p{ font-weight:bold; margin:20px 0px; }
div.test a{ background:#C9A063; color:#FFF; white-space:nowrap; overflow:hidden; }
div.test a:hover{ box-shadow:0px 0px 7px #555; text-shadow:0px 0px 4px #FFF; }

div.tcom{ border:3px solid #DCDDDD; text-align:left; background:left center no-repeat; }
div.tcom:hover{ border:3px solid #326092; }
div.tcom h2{ color:#999; }
div.tcom h1{ }
div.tcom p{}


.pinkbg{ background:url(../img/secbg.png) 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:#F36; }
.res21 h2{ color:#675C58; margin-bottom:5px; }
.res21 p{}
.res21 p.btnbg{ text-align:center; }

/*トップバナーメニュー*/
.tbanbg{ position:relative; width:100%; background:center no-repeat; background-size:cover; }
.tbanbg .tbancv{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../img/w30.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; }
.tbanbg .waku{ z-index:2; }
.tbanbg .tban-l{ text-align:left; }
.tbanbg .tban-r{ text-align:left; }
.tbanbg p{ text-shadow:0px 0px 2px #FFF; color:#000; }
div.more{ color:#FFF; background:#323333; display:inline-block; font-style:italic; }
div.more span{ font-size:1em; color:#FFF; display:inline-block; font-style:italic; padding:0px 10px 0px 0px; -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; }
.tbanbg:hover div.more{ text-shadow:0px 0px 5px #FFF; box-shadow:0px 0px 5px #323333; }
.tbanbg:hover div.more span{ font-size:1em; color:#FFF; font-style:italic; padding:0px 5px 0px 5px; }

/*キャプション*/
h2.cap{ color:#F30; text-align:left; margin:15px 0px; }
h2.cap span{ color:#666; font-size:1em; padding-left:10px; }
h2.cap a{ float:right; color:#666; display:inline-block; font-weight:normal; }
h2.cap a:hover{ background:#999; }

/*物件検索結果*/
.article{ text-align:left; border-bottom:2px dotted #666; width:100%; }
.article:hover{ background:#FDF8F2; }
.article .det{  }

.article div.det1{  }
.article div.det1 div.img{ position:relative; background:center no-repeat; background-size:cover; }
.article div.det1 div.img p{ position:absolute; right:5px; bottom:5px; display:inline; color:#FFF; background:url(../img/img.png) no-repeat center left; text-shadow:0px 0px 2px #000; }
.article div.det1 img.ico{  }

.article div.det2{ }
.article div.det2 p{ color:#333; }
.article div.det2 div.po{ margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #555; }
.article div.det2 div.po span.ci{ float:left; background:#326092; color:#000;  }
.article div.det2 div.po span.k{ float:right; background:#BAAE5D; color:#000; }
.article div.det2 p.na{ font-weight:bold; color:#F60; }
.article div.det2 p.ad{ color:#333; }
.article div.det2 p.ko{ color:#333; }
.article div.det2 p.bi{  }
.article div.det2 p.co{ border-top:1px solid #555; }
.article div.det2 p.co a{ font-weight:bold; color:#AAA; }
.article div.det2 p.co a:hover{ color:#FFF; text-decoration:underline; }
.article div.det2 .gyo{ background:#444; color:#777; text-align:center; border-right:1px solid #222420; border-bottom:1px solid #222420; white-space:nowrap; overflow:hidden; }
.article div.det2 .gyo.act{ background:#326092; background:#DDD; color:#000; }

.article div.det3{ } 
.article div.det3 span.span1{ display:inline-block; color:#333; text-align:right; }
.article div.det3 span.span2{ display:inline-block; color:#333; text-align:right; }

.article div.det4{ } 
.article div.det4 p{ color:#AAA; } 
.article div.det4 p span{ color:#FFF; }

/*ページ番号*/
ul.pageview{ width:100%; margin:0px auto; clear:both; border-bottom:1px dotted #aaa; border-top:1px dotted #aaa; padding:4px 0px 0px; }
ul.pageview li{ direction:-moz-inline-box; display:inline-block; margin:0px 2px 4px; }
ul.pageview li a{ display:block; text-align:center; }
ul.pageview li a.actp{ color:#FFF; background:#555; }
ul.pageview li a.nonp{ color:#555; background:#333; }
ul.pageview li a.nonp:hover{ color:#888; background:#444; }
ul.pageview li.view{ text-align:center; }
.pageview.b{ color:#555; }

/*物件詳細*/
.chkbgbg{ margin:25px auto; text-align:left; }
.chkbgbg h1{ font-size:15px; font-weight:bold; color:#F60; border-bottom:1px dotted #CCC; margin-bottom:10px; }
.chkbgbg h1 span{ font-size:12px; font-weight:normal; color:#555; margin-left:10px; }
.chkbg{ white-space:nowrap; display:inline-block; }

label.albl{ float:left; cursor:pointer; text-align:center; background:#999; color:#FFF; border-right:1px solid #fff; border-bottom:1px solid #fff; white-space:nowrap; overflow:hidden; }
label.albl:hover{ text-shadow:0px 0px 3px #FFF; }
.checkbox.albl{ display:none; }
input.checkbox + label.albl{  }
input.checkbox:checked + label.albl{ background:#326092; background:#EEE; color:#326092; box-shadow:inset 0px 0px 5px #888; }

div.est-l{ float:left; text-align:left; min-height:50px; }
div.est-r{ float:left; text-align:left; }

.li1{ float:left; width:25%; padding:7px 5px; font-weight:bold; }
.li2{ float:left; width:75%; padding:7px 5px; }
.li2 a{ color:#FFF; }
.li2 a:hover{ text-decoration:underline; }
.lkugiri{ clear:both; border-bottom:1px solid #ccc; }

.gyo{ float:left; background:#444; color:#777; text-align:center; border-right:1px solid #222420; border-bottom:1px solid #222420; white-space:nowrap; overflow:hidden; }
.gyo.act{ background:#326092; color:#000; }
h1.na{ text-align:left; }
h2.ka{ text-align:left; color:#CCC; font-weight:normal; }
h2.ka a{ color:#CCC; }
h2.ka a:hover{ text-decoration:underline; }

p.dna{ font-weight:bold; color:#F30; }
p.dad{ color:#555; }
p.dad a{ color:#555; background:url(../img/access.png) center right no-repeat; background-size:18px; padding-right:25px; }
p.dad a:hover{ text-decoration:underline; }

img.ico{ }

div.po{ margin-bottom:10px; padding:5px 0px; border-bottom:1px solid #555; }
div.po span.ci{ float:left; background:#326092; color:#000; line-height:16px; font-size:11px; padding:0px 10px; }
div.po span.k{ float:right; background:#BAAE5D; color:#000; line-height:16px; font-size:11px; padding:0px 10px; margin-left:1px; }
div.po span.me{ float:right; color:#CCC; line-height:16px; }

ul#TAB_BTN{ margin-bottom:15px; }
ul#TAB_BTN li{ float:left; width:33.3%; line-height:25px; height:25px; cursor:pointer; background:#555; color:#999; text-align:center; font-size:14px; border-right:1px solid #000; }
ul#TAB_BTN li:hover{ color:#CCC; }
div#TAB_PAGE{ position:relative; width:100%; }
div#TAB_PAGE .tabpage{ left:0px; top:0px; width:100%; opacity:0.0; filter:alpha(opacity=000); z-index:0; }
#T1{ position:relative; }
#T2{ position:absolute; top:0px; left:0px; width:100%; background:#DDD }
#T2 .view360bg{ position:relative; width:100%; padding-top:75%; background:#000; }
/*#T2 .view360bg blockquote{ position:absolute; top:0px; left:0px; width:100%; height:100%; }*/
#T2 blockquote{ width:100%; }
#T3{ position:absolute; top:0px; left:0px; width:100%; }
#T3 .youtubebg{ position:relative; width:100%; padding-top:75%; background:#000; }
#T3 .youtubebg iframe{ position:absolute; top:0px; left:0px; width:100%; height:100%; }

.dcombg{ text-align:center; }
.dcombg a{ }
.dcom1{ float:left; background:center no-repeat; background-size:cover; }
.dcom2{ float:left; text-align:left; }
.dcom2 a:hover{ text-decoration:underline; }
.dcom2 .na{ font-weight:bold; }
.dcom2 .ad{}
.dcom2 .ad0{ }
.dcom2 .ad1{}
.dcom2 .ad a{}
.dcom2 p a{ font-size:1em; }
.dcom3{ }
.dcom3 p{ margin-bottom:5px; }
.dcom3 a.contact{ white-space:nowrap; overflow:hidden; background:url(../img/w10.png) top repeat-x #9f8b56; background-size:100% 50%; border:1px solid #9f8b56; text-align:center; font-weight:bold; display:inline-block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:0px 1px 2px #000; box-shadow:0px 0px 5px #000; }
.dcom3 a.contact:hover{ text-shadow:0px 0px 5px #FFF; background-position:bottom; }
.contact.c1{}
.contact.c2{  }

#google_map{ width:100%; padding-top:75%; }

/*会社案内*/
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.png); }
div.com a.ma{ background-image:url(../img/ic-mail.png); }
div.com a.ad{ background-image:url(../img/icon-map.png); }
div.com a:hover{ color:#F60; text-decoration:underline; }
div.com1{ text-align:left; background:#f0f0f0; font-weight:bold; vertical-align:middle; }
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 img{ }
div.com2 div{ color:#000; }
div.com2 span{ font-size:0.8em; color:#888; }
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%; }

/*写真一覧*/
.res32{ float:left; }
.res32 div.imgbg{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; margin:5px 0px; }
.res32 div.imgbg div.img{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:center no-repeat; background-size:100%; 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; z-index:1; }
a:hover .res32 div.imgbg div.img{ background-size:105%; }
a:hover .res32 div.img{ opacity:0.7; filter:alpha(opacity=70); }
.res32 p.dt{ text-align:left; color:#000; }
.res32 p.da{ text-align:left; color:#000; }

/*不動産売却*/
div.salebg{ width:100%; background:url(../img/salebg.png) center no-repeat; margin-bottom:50px; }
div.salebg .waku{ height:100%; }
div.salebg .waku img{ position:absolute; }
h1.sah1{ margin-top:50px; }

img.simg{ width:100%; max-width:; margin:50px auto; }
img.s11{}
img.s12{}

/*FAQ*/
div.qa{ margin-top:15px; text-align:left; }
div.qa h3.q{ padding:10px 10px 10px 40px; background:url(../img/faq.png) 5px center no-repeat; color:#F60; cursor:pointer; background-size:22px; border-bottom:1px dotted #555; }
div.qa h3.q a{ color:#F60; }
div.qa div{ padding:5px 5px 5px 40px; line-height:24px; }
div.qa div a{ display:inline; color:#F30; }
div.qa div a:hover{ color:#aaa; }
div.qa div p{ color:#888; font-size:0.8em; }

div.faqbg{ width:100%; background:url(../img/faqbg.jpg) center no-repeat; }
div.faqbg .waku{ height:100%; }
div.faqbg .waku img{ position:absolute; }

div.faqmind{ background:url(../img/wo.png) no-repeat; text-align:left; margin-bottom:50px; }
div.faqmind h1{ margin-bottom:30px; }
div.faqmind div{}


/*ページフッターお問い合わせ*/
div.otoiawase{ margin:0px auto; max-width:600px; }
div.otoiawase a.ma{ float:left; width:47.5%; }
div.otoiawase a.te{ float:right; width:47.5%; }
div.otoiawase a img{ width:100%; }

/*ボタン*/
.btn{ -webkit-appearance:none; display:inline-block; margin:25px auto 0px; color:#ccb9a6; border:1px solid #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:#ccb9a6; border:1px solid #ccb9a6; background:#FFF; }
.wh span{ color:#ccb9a6; }
.wh:hover{ color:#FFF; border:1px solid #ccb9a6; background:#ccb9a6; }
.wh:hover span{ color:#FFF; }

.br{ color:#FFF; border:1px solid #ccb9a6; background:#ccb9a6; }
.br span{ color:#FFF; }
.br:hover{ color:#ccb9a6; border:1px solid #ccb9a6; background:#FFF; }
.br:hover span{ color:#ccb9a6; }

.gr{ color:#FFF; border:2px solid #999; background:#999; }
.gr span{ color:#FFF; }
.gr:hover{ border:2px solid #999; color:#999; background:#FFF; }
.gr:hover span{ color:#999; }

.or{ color:#FFF; border:2px solid #326092; background:#326092; }
.or span{ color:#FFF; }
.or:hover{ border:2px solid #326092; color:#326092; background:#FFF; }
.or:hover span{ color:#C30D23; }

/*ページルート*/
div#olbg{ width:100%; text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#F7F9FB; }
ol{ list-style:none; height:24px; overflow:hidden; }
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; }

/*ページトップ*/
div.pagehead{ width:100%; background:url(../img/gra.png); background-size:100% 100%; }
div.pagehead div.waku{ height:100%; background:url(../img/pagebg.png) center no-repeat; background-size:cover; }
div.pagehead div.waku div{ display:table; width:100%; height:100%; text-align:center; }
div.pagehead div.waku div div{ display:table-cell; width:100%; height:100%; vertical-align:middle; color:#FFF; text-shadow:0px 1px 3px #000; font-weight:bold; }
div.pagehead div.waku div div span{ font-size:0.5em; color:#FFF; font-weight:bold; border-top:2px dotted #FFF; text-shadow:0px 1px 3px #000; font-family:'游ゴシック体', 'Yu Gothic', 'YuGothic'; font-weight:normal; font-style:italic; }

/*アーカイブ*/
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 #ccc; }
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 #ccc; }
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; }
ul.archives li{ float:left; border-bottom:1px dotted #ccc; 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:#326092; 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:#555; }
ul.archives li:hover{ opacity:0.7; filter:alpha(opacity=70); }

/* お知らせ・ブログ */
div.info-l{ float:left; text-align:left; padding:50px 0px 0px; }
div.info-r{ float:left; text-align:left; padding:50px 0px 0px; }

p.ibdt{ color:#326092; margin-bottom:25px; line-height:30px; border-top:1px solid #ccc; }
div.ibda{ font-size:1.5em; color:#326092; 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:#326092; }
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{  }
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 #ccc; 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; }


/*お問い合わせ*/
img.navi{ max-width:700px; margin:25px auto; width:100%; }
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:#326092; padding-left:15px; }
p.c22{ text-align:left; }
p.cka{ font-size:0.9em; margin:15px 0px; line-height:20px; }
div.c22{  }
div.c22 br{ }
p.c33{ line-height:20px; text-align:left; margin:0px auto; margin-bottom:5px; font-size:0.7em; color:#666; }

.txt{ -webkit-appearance:none; width:100%; padding:5px; background-color:transparent; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt:focus{ border:1px solid #326092; box-shadow:0px 0px 5px #326092; }
.txt30{ -webkit-appearance:none; padding:5px; background-color:transparent; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt30:focus{ border:1px solid #326092; box-shadow:0px 0px 5px #326092; }
.txt100{ -webkit-appearance:none; width:100px; padding:5px; background-color:transparent; border:1px solid #AAA; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt100:focus{ border:1px solid #326092; box-shadow:0px 0px 5px #326092; }
.cob{ -webkit-appearance:none; width:auto; padding:5px; background-color:transparent; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.cob:focus{ border:1px solid #326092; box-shadow:0px 0px 5px #326092; }
.cob2{ -webkit-appearance:none; width:auto; padding:0px 0px 0px 5px; background-color:transparent; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:12px; }
.cob2:focus{ border:1px solid #326092; box-shadow:0px 0px 5px #326092; }
label.con{ cursor:pointer; padding-left:5px; margin-right:15px; }
label.con:activ{ color:#326092; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#326092; font-weight:bold; }

.ckugiri{ margin:10px 0px 5px; border-bottom:1px dotted #777; }

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:0px 0px 25px; background:#FDF4EC; color:#F60; line-height:30px; }
div#jouken{ 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; }
div#jouken  a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

/*フッター*/
div.fmenubg{ background:#DCDDDD; padding:10px 0px; margin-top:50px; }
ul.fmenu{ width:100%; }
ul.fmenu li{ float:left; overflow:hidden; font-size:1em; }
ul.fmenu li a{ display:block; font-size:1em; color:#9FA0A0; font-weight:bold; white-space:nowrap; }
ul.fmenu li a:hover{ text-decoration:underline; color:#777; }
ul.fmenu li a.act{ text-decoration:underline; color:#333; }

div#footbg{ position:relative; width:100%; background:url(../img/gra.jpg) center no-repeat; background-size:100% 100%; padding:50px 0px 0px; }
div.foot div.im{ background:url(../img/com222.png); background-size:cover; }
div.foot div.ad{ }
div.foot div.ad p{ color:#333; }
div.foot div.ad p a{ color:#333; }
div.foot div.ad p a:hover{ text-decoration:underline; }
div.foot div.ad p.f1{ font-weight:bold; }
div.foot div.ad p.f2{ }
div.foot div.ad p.f2 a{ padding-right:20px; background:url(../img/access.png) right center no-repeat; background-size:14px; }
div.foot div.ad p.f3{ }
div.foot img.te{ }

p.copy{ margin-top:50px; border-top:1px solid #CCC; background:url(../img/gra.png); background-size:100% 100%; line-height:30px; color:#333; }

#pagetop{ position:fixed; width:60px; height:0px; bottom:25px; right:25px; background:url(../img/pagetop.png) center bottom no-repeat; background-size:contain; z-index:1599; }