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

*{ 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; }
body{ text-a:center; }

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

a img{ -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 img:hover{ opacity:0.7; filter:alpha(opacity=70); }

.waku{ position:relative; max-width:1026px; margin:0px auto; z-index:0; }
.waku50{ padding:50px 0px 0px; }
.waku1300{ position:relative; width:100%; margin:0px auto; z-index:1; }
div.responsivebg{ position:relative; width:auto; max-width:1026px; padding:50px 0px; margin:0px auto; z-index:0; }
div.responsive-l{ float:left; text-align:left; -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.responsive-r{ float:left; text-align:left; -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; }

.bld{ font-weight:bold; }
.kasen{ text-decoration:underline; }

/*オープニング*/
div#op11{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#FFF; z-index:1000; }
div#op21{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/kome.png) center no-repeat; background-size:cover; opacity:0.0; filter:alpha(opacity=000);  z-index:1002; }
div#op31{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itb.png) center no-repeat; background-size:10%; opacity:0.0; filter:alpha(opacity=000); z-index:1003; }
div#op41{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itbbg2.png) center no-repeat; background-size:2000%; opacity:0.0; filter:alpha(opacity=000); z-index:1004; }
div#op51{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itbbg3.png) center no-repeat; background-size:100%; opacity:0.0; filter:alpha(opacity=000); z-index:1005; }

div#op12{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#FFF; z-index:1000; }
div#op22{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/kome.png) center no-repeat; background-size:cover; opacity:0.0; filter:alpha(opacity=000);  z-index:1002; }
div#op32{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itb.png) center no-repeat; background-size:15%; opacity:0.0; filter:alpha(opacity=000);  z-index:1003; }
div#op42{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itbbg2.png) center no-repeat; background-size:3000%; opacity:0.0; filter:alpha(opacity=000); z-index:1004; }
div#op52{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itbbg3.png) center no-repeat; background-size:150%; opacity:0.0; filter:alpha(opacity=000); z-index:1005; }

div#op13{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#FFF; z-index:1000; }
div#op23{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/kome.png) center no-repeat; background-size:cover; opacity:0.0; filter:alpha(opacity=000);  z-index:1002; }
div#op33{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itb.png) center no-repeat; background-size:20%; opacity:0.0; filter:alpha(opacity=000);  z-index:1003; }
div#op43{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itbbg2.png) center no-repeat; background-size:4000%; opacity:0.0; filter:alpha(opacity=000); z-index:1004; }
div#op53{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/itbbg3.png) center no-repeat; background-size:200%; opacity:0.0; filter:alpha(opacity=000); z-index:1005; }

p.load{ position:fixed; bottom:20px; text-align:center; width:100%; font-size:10px; left:0px; overflow:hidden; }

/*メニュー*/
div#head{ position:relative; width:100%; background:#FFF; z-index:1000; }
div#head a img{ width:100%; }
div#head a.ho{ position:absolute; left:0px; }
div#head a.haccp{ position:absolute; left:0px; }
div#head a.sho{ position:absolute; left:0px; }
div#head a.te{ position:absolute; }
div#head a.ma{ position:absolute; }
div#head ul#hmenu{ position:absolute; top:26px; right:270px; }
div#head ul#hmenu li{ float:left; margin-left:20px; text-align:left; }
div#head ul#hmenu li a{ color:#555; line-height:16px; height:16px; font-size:12px; background:left center no-repeat; background-size:14px; padding-left:16px; }
div#head ul#hmenu li a:hover{ color:#aaa; text-decoration:underline; }
div#head ul#hmenu li a.h1{ background-image:url(../img/icon-h1.png); }
div#head ul#hmenu li a.h2{ background-image:url(../img/icon-h2.png); }
div#head ul#hmenu li a.h3{ background-image:url(../img/icon-h3.png); padding-left:; }
div#head ul#hmenu li a:hover{ color:#; }

/* メニューボックス */
div#head div#sm{ position:absolute; right:0px; }
div#head div#sm a{ padding:0px; margin:0px; padding-top:3px; }
div#head div#sm div.smn{ width:24px; font-size:8px; line-height:14px; cursor:pointer; }
div#head div#sm div.smn p{ border-bottom:1px solid #000; }
div#head div#sm div.smn p.c2{ margin:6px 0px; }
div#head div#sm div.smn:hover{ line-height:10px; }
div#head div#sm div.smn:hover p.c2{ margin:7px 0px; }
div#head div#sm a{ position:static; color:#555; }
div#head div#sm a:hover div.smn { color:#555; }

ul#menu{ width:100%; box-sizing:border-box; margin:10px auto 0px; }
ul#menu li{ float:left; padding:0px 0px 15px; border-bottom:3px solid #FFF; text-align:center; }
ul#menu li span{ border-right:1px solid #aaa; color:#333; box-sizing:border-box; font-size:14px; line-height:20px; height:20px; width:100%; font-weight:bold; display:block; }

ul#menu li.actm1{ width:20%; }
ul#menu li.nonm1{ width:20%; }
ul#menu li.m1{ width:20%; position:relative; }
ul#menu li.m1 span{ border-left:1px solid #aaa; }
ul#menu li.m1 div.subbg{ box-sizing:border-box; position:absolute; display:none; top:38px; border-top:1px solid #ddd; background:#FFF; padding:10px; left:-12.5%; width:125%; z-index:2001; }
ul#menu li.m1:hover div.subbg{ display:block; }
ul#menu li.m1 div.sub{ box-sizing:border-box; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-align:left; }
ul#menu li.m1:hover div.sub a{ box-sizing:border-box; border-bottom:1px solid #ddd; display:block; width:100%; padding:5px 0px; margin:0px; color:#555; background:url(../img/fmenu-y.png) right center no-repeat; background-size:5px; padding-right:10px; font-size:14px; }
ul#menu li.m1:hover div.sub a:hover{ text-decoration:underline; }
ul#menu li.actm2{ width:20%; }
ul#menu li.nonm2{ width:20%; }
ul#menu li.m2{ width:20%; position:relative; }
ul#menu li.m2 div.subbg{ box-sizing:border-box; position:absolute; display:none; top:38px; border-top:1px solid #ddd; background:#FFF; padding:10px; left:-12.5%; width:125%; z-index:2001; box-shadow:0px 0px  5px #555; }
ul#menu li.m2:hover div.subbg{ display:block; }
ul#menu li.m2 div.sub{ box-sizing:border-box; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-align:left; }
ul#menu li.m2:hover div.sub a{ box-sizing:border-box; border-bottom:1px solid #ddd; display:block; width:100%; padding:5px 0px; margin:0px; color:#555; background:url(../img/fmenu-y.png) right center no-repeat; background-size:5px; padding-right:10px; font-size:14px; }
ul#menu li.m2:hover div.sub a:hover{ text-decoration:underline; }
ul#menu li.m3{ width:20%; }
ul#menu li.m4{ width:20%; }
ul#menu li.m5{ width:20%; }
ul#menu li.m6{ width:20%; border:none; }
ul#menu li img{ }
ul#menu li img.i1{ width:20px; height:20px; vertical-align:middle; line-height:20px; margin-right:3px; display:inline; }
ul#menu li img.i2{ width:20px; height:20px; vertical-align:middle; line-height:20px; margin-right:3px; display:none; }
ul#menu li.act{ border-bottom:3px solid #f2612d; background:url(../img/icon-sankaku.png) center bottom no-repeat; background-size:10px; }
ul#menu li.act img.i1{ display:none; }
ul#menu li.act img.i2{ display:inline; }
ul#menu li.act span{ color:#f2612d; }
ul#menu li.act a span{ color:#f2612d; }

ul#menu li.non:hover{ border-bottom:3px solid #f2612d; background:url(../img/icon-sankaku.png) center bottom no-repeat; background-size:7px; }
ul#menu li.actm1{ border-bottom:3px solid #f2612d; }
ul#menu li.actm1:hover{ background:url(../img/icon-sankaku_b.png) center bottom no-repeat; background-size:7px; }
ul#menu li.nonm1:hover{ border-bottom:3px solid #f2612d; background:url(../img/icon-sankaku_b.png) center bottom no-repeat; background-size:7px; }
ul#menu li.actm2{ border-bottom:3px solid #f2612d; }
ul#menu li.actm2:hover{ background:url(../img/icon-sankaku_b.png) center bottom no-repeat; background-size:7px; color:#f2612d; }
ul#menu li.nonm2:hover{ border-bottom:3px solid #f2612d; background:url(../img/icon-sankaku_b.png) center bottom no-repeat; background-size:7px; color:#f2612d; }
ul#menu li.non:hover img.i1{ display:none; }
ul#menu li.non:hover img.i2{ display:inline; }
ul#menu li.non:hover span{ color:#f2612d; }
ul#menu li.non:hover a span{ color:#f2612d; }

/* ドロップダウンメニュー */
ul#dmenu{ position:fixed; box-sizing:border-box; padding-top:15px; left:50%; top:5%; width:0px; height:95%; overflow:auto; width:100%; z-index:2000; background:url(../img/b50.png); opacity:0.0; filter:alpha(opacity=000);  }
ul#dmenu li{ width:auto; text-align:left; margin:1% 3% 0%; color:#FFF; font-weight:bold; }
ul#dmenu li a{ display:block; line-height:20px; font-weight:normal; padding:7px 3%; background:url(../img/icon-sankaku-r.png) 98% center no-repeat #FFF; background-size:8px; color:#f2612d; text-shadow:0px 1px 2px #FFF; text-align:left; white-space:nowrap; overflow:hidden; }
ul#dmenu li a:hover{ text-shadow:0px 0px 3px #FFF; color:#FFF; background-color:#f2612d; }
ul#dmenu li a.cl{ background:transparent; font-size:24px; font-weight:bold; box-shadow:none; text-shadow:none; color:#FFF; }
ul#dmenu li a.cl:hover{ text-shadow:0px 0px 5px #FFF; }
ul#dmenu li a img.i1,ul#dmenu li a img.i2{ width:20px; height:20px; vertical-align:middle; line-height:20px; margin-right:3px; display:inline; }
ul#dmenu li a img.i1{ display:inline; }
ul#dmenu li a img.i2{ display:none; }
ul#dmenu li a:hover img.i1{ display:none; }
ul#dmenu li a:hover img.i2{ display:inline; }
ul#dmenu img{ max-width:280px; margin:0px auto; width:100%; }
ul#dmenu img.tf{ margin-top:15px; }
ul#dmenu img:hover{ opacity:1.0; filter:alpha(opacity=000); }

/*トップ・スライドショー*/
.wideslider{ text-align:left; width:100%; height:41.7%; max-height:500px; position:relative; overflow:hidden; }
.wideslider ul, .wideslider ul li{ float:left; display:inline; height:500px; overflow:hidden; }
.wideslider ul li{ position:relative; background-color:#000; z-index:100; }
.wideslider ul li div{ position:absolute; left:0px; top:0px; text-align:center; }
.wideslider ul li div h1.c1{ font-family:'Condense'; font-size:50px; line-height:60px; color:#FFF; text-shadow:0px 1px 5px #333; font-weight:normal; margin-top:210px; }
.wideslider ul li div h1.c2{ font-family:'Condense'; font-size:30px; line-height:40px; color:#FFF; text-shadow:0px 1px 5px #333; font-weight:normal; margin-top:210px; }
.wideslider ul li div h2{ font-family:'Condense'; font-size:16px; line-height:30px; color:#FFF; text-shadow:0px 1px 5px #333; font-weight:normal; }
.wideslider ul li img{ position:absolute; left:0px; top:0px; width:100%; display:none; -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:101; }
.wideslider ul li a:hover img{ opacity:0.7; filter:alpha(opacity=70); }
.wideslider_base{ top:0px; position:absolute; }
.wideslider_wrap{ top:0px; position:absolute; overflow:hidden; }
.slider_prev, .slider_next{ top:0px; overflow:hidden; position:absolute; z-index:100; cursor:pointer; }
.slider_prev{ background:#fff url(../img/prev.png) no-repeat right center; }
.slider_next{ background:#fff url(../img/next.png) no-repeat left center; }
.pagination{ left:0px; width:100%; text-align: center; position:absolute; z-index:1; background:url(../img/b50.png); padding:10px 0px; }
.pagination a{ border:4px solid #FFF; background-color:transparent; box-sizing:border-box; margin:0px 7px; width:15px; height:15px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; display:inline-block; overflow: hidden; }
.pagination a.active { box-shadow:0px 0px 5px #FFF; border:4px solid red; filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }
.pagination a:hover{}
/*ClearFixElements*/
.wideslider ul:after{ content: "."; height:0px; clear:both; display:block; visibility:hidden; }
.wideslider ul{ display:inline-block; overflow:hidden; }

/*copy*/
div.copy{ position:relative; height:0px; width:100%; text-align:center; z-index:1;  }
div.copy img{ position:absolute; z-index:1; }

img.haisou1{ width:100%; box-sizing:border-box; margin:20px 0px 25px; border:1px solid #ccc; }
img.haisou2{ width:100%; box-sizing:border-box; border:1px solid #ccc; }

.pagemain{ background:url(../img/pagebg.png) center no-repeat; background-size:cover; }
.pagemain-tab{ background:url(../img/pagebg.png) center no-repeat; background-size:cover; }
.pagemain-sma{ background:url(../img/pagebg.png) center no-repeat; background-size:cover; }

div.pagetitlebg{ position:relative; height:0px; }
div.pagetitlebg div.b1{ position:absolute; background:url(../img/w50.png); display:table; font-style:italic; left:50%; box-shadow:0px 0px 5px #888; 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.pagetitlebg div.b1 div.b2{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
div.pagetitlebg div.b1 div.b2 p.en{ font-family: 'El Messiri', sans-serif; color:#000; white-space:nowrap; overflow:hidden; font-weight:; }
div.pagetitlebg div.b1 div.b2 p.ja{ white-space:nowrap; overflow:hidden; font-weight:; color:#000; }

/*ページルート*/
div#olbg{ width:100%; text-align:center; margin-bottom:50px; }
ol{ list-style:none; height:24px; overflow:hidden; border-bottom:1px solid #9FA0A0; }
ol li{ float:left; height:24px; line-height:24px; color:#9FA0A0; }
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:#9FA0A0; font-size:11px; }
ol li a:hover{ color:#000; }

h2.cap{ margin-top:50px; color:#f4612d; background:url(../img/icon-kome.png) left center no-repeat; background-size:25px; padding-left:40px; line-height:40px; border-bottom:2px solid #ccc; text-align:left; font-weight:500; }
h2.cap a{ float:right; padding-left:25px; line-height:20px; height:20px; overflow:hidden; margin-top:10px; background:left center no-repeat; background-size:20px; font-size:12px; color:#f4612d; }
h2.cap a:hover{ text-decoration:underline; }

/*バナー*/
div.ban{ position:relative; -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.ban:hover{ box-shadow:0px 0px 7px #555; }
div.ban img{ position:absolute; z-index:2 }
div.ban img.producer1{ left:0px; bottom:0px; width:100%; }
div.ban img.producer2{ top:0px; width:30%; }
div.ban ul{ position:absolute; z-index:1; }
div.ban ul li{ position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-size:cover; cursor:; z-index:1; }
div.ban ul li a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; }

.ban.c2{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.ban.c3{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.ban.c4{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.ban.c6{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.ban.c7{ background-position:center; background-repeat:no-repeat; background-size:cover; }

/*トップお知らせ*/
.tinfobg{ text-align:left; }
.tinfobg a{ display:block; }
.tinfobg span.po{ color:#FFF; background:#9FA0A0; }
.tinfobg span.dt{ color:#555; }
.tinfobg span.da{ color:#555; }
.tinfobg span.mo{ color:#0068b7; float:right; }
.tinfobg a:hover span.da{ text-decoration:underline; color:#000; }
.tinfobg{ }
.tinfobg.c1{ }
.tinfobg.c2{ }
.tinfobg.c3{ }
.view{ text-align:right; border-bottom:1px solid #9FA0A0; margin-bottom:50px; }
.view a{ display:inline-block; color:#9FA0A0; background:url(../img/more.png) left center no-repeat; }
.view a:hover{ color:#000; }

/*トップリフォーム事例*/
.winfo{ width:100%; background:#FFF; margin:25px 0px; }
.winfo a{ color:#000; position:relative; 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; }
.winfo a:hover{ box-shadow:0px 0px 25px #888; z-index:3; }
.ttinfo{ position:relative; }
.ttinfo .img{ background:center no-repeat; background-size:cover; }
.ttinfo .det{ text-align:left; }
.ttinfo .det p.dt{ }
.ttinfo .det p.ma{ }
.ttinfo .det p.ku{ }
.ttinfo p.sen1{ position:absolute; }
.ttinfo p.sen2{ position:absolute; }
.winfo a:hover .tinfo .det p.da{ color:#399; }
.ttinfobg .btn{ position:absolute; }

p.tcap{}
p.tcap span{ font-family:'UtsukushiFONT'; }
p.tcap span.en{ font-weight:bold; }
p.tcap span.ja{ color:#f2612d; }


/*トップセクション*/
.pinkbg{ background:url(../img/secbg1.png) center no-repeat; background-size:cover; margin-top:50px; }
.pinkbg2{ background:url(../img/secbg3.png) center no-repeat; background-size:cover; }
.pinkbg3{ background:url(../img/secbg2.png) center no-repeat; background-size:cover; margin-bottom:50px; }
.pinkbg4{ background:url(../img/secbg4.png) center no-repeat; background-size:cover; margin-bottom:50px; }
.res21{ }
.res21 div{ overflow:hidden; text-align:justify; text-justify:inter-ideograph; }
.res21 div.pink{ background:url(../img/w50.png); }
.res21 h1{ font-family:''; color:#13963B; }
.res21 h2{ color:#46A99B; margin:15px 0px; }
.res21 p{}
.res21 p.btnbg{ text-align:center; }

.res21-han{ }
.res21-han div{ overflow:hidden; text-align:justify; text-justify:inter-ideograph; }
.res21-han div.pink{ background:url(../img/w50.png); }
.res21-han h1{ font-family:''; color:#13963B; }
.res21-han h2{ color:#46A99B; margin:15px 0px; }
.res21-han p{}
.res21-han p.btnbg{ text-align:center; }

.res21btn{ display:inline-block; margin:25px auto 0px; color:#ccb9a6; border:1px solid #46A99B; background:#FFF; font-style:italic; white-space:nowrap; overflow:hidden; 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; }
.res21btn span{ display:inline-block; font-size:1em; font-style:italic; width:35px; padding-left:0px; text-align:left;  -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;  }
.res21btn:hover span{ padding-left:5px; }
.res21br{ color:#FFF; border:1px solid #46A99B; background:#46A99B; }
.res21br span{ color:#FFF; }
.res21br:hover{ color:#46A99B; border:1px solid #46A99B; background:#FFF; }
.res21br:hover span{ color:#46A99B; }

/*Leftメニュー*/
.lmenu{ text-align:left; width:100%; padding:10px; background:#F0F0F0; }
.lmenu h1{ margin-bottom:0px; color:#000; }
.lmenu h1 span{ font-size:0.8em; color:#000; }
.lmenu h2{ }
.lmenu h3{ margin-bottom:10px; font-weight:normal; }
.lmenu li{ border-bottom:1px solid #F0F0F0; }
.lmenu li.top{ border-top:1px solid #F0F0F0; }
.lmenu li.las{ }
.lmenu li a{ display:block; background:#FFF; padding:10px 5px; }
.lmenu li a span{ font-size:0.8em; }
.lmenu li.act a{ color:#FFF; background:#f4612d; }
.lmenu li.non a{ color:#000; }
.lmenu li.non:hover a{ color:#000; background:#CCC; }
.lmenu a img:hover{ opacity:0.8; filter:alpha(opacity=80); }

.rmenu{ text-align:center; width:100%; padding:10px; background:#F0F0F0; margin-bottom:25px; }
.rmenu h1{ font-weight:bold; margin-bottom:5px; color:#000; }
.rmenu h1 span.c1{ font-weight:normal; font-size:0.8em; margin:0px; }
.rmenu h1 span.c2{ font-weight:normal; font-size:0.8em; }
.rmenu #Rmenu{ border:2px solid #f4612d; padding:0px; text-align:left; color:#000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.rmenu a img:hover{ opacity:0.8; filter:alpha(opacity=80); }

div.left{ float:left; margin-top:0px; }
div.right{ float:right; text-align:left; margin-top:0px; }

.wbusiness{ width:100%; background:#FFF; margin:0px; display:inline-block; }
.wbusiness a{ position:relative; 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; }
.wbusiness a:hover{ box-shadow:0px 0px 25px #888; z-index:3; }
.business{ position:relative; }
.business .img{ background:center no-repeat; background-size:cover; }
.business .img:hover{ opacity:0.7; filter:alpha(opacity=70); }
.business .det{ text-align:left; }
.business .det p.dt1{ border-bottom:1px solid #0068b7; color:#0068b7; font-weight:; }
.business .det p.dt2{ border-bottom:; color:#000; font-weight:; }
.business .det p.da{ color:#000; }
.business p.sen1{ position:absolute; }
.business p.sen2{ position:absolute; }
.business p.olas{ }
.wbusiness a:hover .business .det p.da{ opacity:0.7; filter:alpha(opacity=70); }

/*よくある質問*/
h2.fl-lr{ margin:25px auto; color:#000; display:inline-block; background:url(../img/flow-l.png) left center no-repeat, url(../img/flow-r.png) right center no-repeat; }
div.qa{ margin-top:15px; border:2px solid #CCC; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px; text-align:left; }
div.vo{ border:2px solid #0CF; }
div.qa:hover { box-shadow:0px 1px 5px #888; }
div.qa h3.q{ padding:10px 10px 10px 70px; background:url(../img/faq.png) 5px center no-repeat; color:#399; cursor:pointer; background-size:50px; font-weight:normal; }
div.qa h3.q a{ color:#000; font-weight:normal; }
div.qa div{ padding:25px 5px 25px 40px; border-top:1px dotted #888; line-height:24px; font-weight:normal; }
div.qa div a{ display:inline; color:; font-weight:normal; }
div.qa div a:hover{ color:; }
div#p_detail{ clear:both; border:1px solid #CCC; background:url(img/w50.png); padding:15px; }

div.qa01{ position:relative; background:url(../img/qatop.jpg) center no-repeat; background-size:cover; margin:0px auto 100px; width:100%; }
div.flow01{ position:relative; background:url(../img/flowtop.jpg) center no-repeat; background-size:cover; margin:0px auto 100px; width:100%; }
div.nursing01{ position:relative; background:url(../img/nursing.jpg) center no-repeat; background-size:cover; margin:0px auto 100px; width:100%; }

div.qa01 p{ position:absolute; display:inline-block; font-weight:bold; color:#000; }
div.qa01 p span{ font-weight:none; color:#000; }

img.subimg_pc{ width:100%; }
img.subimg_tab{ width:100%; }
img.subimg_sma{ width:100%; }

/*理念・基本方針*/
p.fst{ border-bottom:3px dotted #2DA296; display:inline-block; margin-top:35px; font-weight:bold; }
p.fst:first-letter{ color:#2DA296; font-weight:bold; }
p.fstsub{ margin-top:15px; }

p.fst2{ border-bottom:3px double #2DA296; display:inline-block; margin-top:35px; font-weight:bold; color:#2DA296; }
p.fstsub2{ margin-top:15px; }

/*Googleマップ*/
.googlebg{ position:relative; width:100%; margin:0px 0px 25px; z-index:2; }
.googlebg iframe{ width:100%; height:100%;  }

/*広報誌（五輪橋整形通信）*/
.matbtn{ display:inline-block; box-sizing:content-box; margin:20px auto; white-space:nowrap; font-weight:; overflow:hidden; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.matbtn.matbo{ background-image:-webkit-gradient(linear,right top,left top,from(#3FB3E4),to(#2F819D)); background-image:-webkit-linear-gradient(right, #3FB3E4 0%, #2F819D 100%); background-image:linear-gradient(to left, #3FB3E4 0%, #2F819D 100%); border-bottom:4px solid #1B903B; color:#FFF; }
.matbo:hover{ border-bottom:2px solid #f4612d; margin-top:22px; }
div.tex{ width:33%; float:left; margin-top:25px; }
div.texwaku{ }
div.texnwaku{ background-color:#FFF; }
div.tex img{ box-shadow:0px 0px 8px rgba(0,0,0,0.25); }

/*病院の指針*/
a.guideline{}
a.guideline div{ border-top:1px solid #CCC; padding:15px 0px; }
a.guideline div.las{ border-bottom:1px solid #CCC; }
a.guideline div:hover{ background-color:#e7eff3; }
a.guideline div p.main{ color:#41963a; margin:5px 0px; font-weight:bold; }
a.guideline div p.main:hover{ text-decoration:underline; }
a.guideline div p.sub{ color:#000; }

/*診療案内*/
img.ttl{ width:100%; max-width:1000px; }
.h23bg{ background:url(../img/tree50.png) no-repeat center; background-size:contain; padding:10px 0px; margin:25px auto 0px; }
.h23bg p.ja{ color:#2DA296; font-weight:bold; text-shadow:0px 0px 3px #FFF; }
.h23bg p.en{ color:#555; }

/*医師紹介*/
ul.doctorimg{}
ul.doctorimg li{ float:left; padding-bottom:15px; }
ul.doctorimg li img{ width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
ul.doctorimg li p{ text-align:center; white-space:nowrap; overflow:hidden; }

/*入院のご案内*/
div.pt{ padding:1em; margin-top:15px; color:#000; background:#FFF; border:solid 2px #000; border-radius:10px; text-align:left; }
div.pt p.main{ font-weight:bold; }
div.pt p.sub{}

/*部門紹介*/
.linkon a{ text-decoration:underline; color:#000; font-weight:bold; }
.linkon a:hover{ text-decoration:underline; opacity:0.7; filter:alpha(opacity=70); }
.linkon2 a{ border-bottom:1px solid #000; color:#000; font-weight:bold; }
.linkon2 a:hover{ text-decoration:underline; opacity:0.7; filter:alpha(opacity=70); }

/*品種で選ぶ*/
div.pro{ float:left; text-align:left; }
div.pro h2{ color:#C9BC9C; white-space:nowrap; overflow:hidden; background:url(../img/icon-gohan1.png) left center no-repeat; }
div.pro div.imgbg{ width:100%; border:1px solid #C9BC9C; box-sizing:border-box; padding:3px; margin:5px 0px; }
div.pro div.img{ width:100%; box-sizing:border-box; padding-top:100%; background:center no-repeat; background-size:contain; }
div.pro h3{ color:#604C3F; font-weight:normal; }
div.pro:hover h2{ color:#604C3F; background-image:url(../img/icon-gohan2.png) }
div.pro:hover div.imgbg{ border:1px solid #604C3F; }
div.pro:hover h3{  }

/*新着情報*/
div.info{ float:left; text-align:left; border-bottom:1px solid #ccc; }
div.info div.img{ float:left; background:center no-repeat; background-size:cover; }
div.info div.dta{ overflow:hidden; }
div.info div.dta p.dt{ color:#7A6A56; margin:5px 0px; }
div.info div.dta p.da{ color:#000; text-align:justify; text-justify:inter-ideograph; line-height:18px; height:36px; overflow:hidden; }
div.info:hover{ border-bottom:1px solid #604C3F; opacity:0.7; filter:alpha(opacity=70); }

div.infolist{ border-bottom:1px dotted #999; text-align:left; }
div.infolist p{ position:relative; }
div.infolist p span.dt{ color:#555; }
div.infolist p span.da{ color:#000; }
div.infolist p img{ position:absolute; }
div.infolist p:hover span.da{ text-decoration:underline; }
.infolist.las{ border-bottom:1px solid #CCC; }

/*dl*/
dl.standard{ width:auto; }
dl.standard dt, dl.standard dd{ padding:3px 0px;  }
dl.standard dt{ float:left; clear:both; border-bottom:1px dotted #FFF; font-weight:bold; font-size:12px; }
dl.standard dd{ border-bottom:1px dotted #bbb; word-break: break-all; font-size:13px; }
dl.standard dd:after { content:" "; display:block; clear:both; height:0px; }
dl.standard a{ color:#000; }
dl.standard a:hover{ color:#E2750F; }

/* Youtube用	 */
div.youtube { position:relative; height:0px; overflow:hidden; }
div.youtube iframe{ position:absolute; top:0px; left:0px; width:100%; height:100%; }

/*特集一覧*/
div.fuaturebg{ border-right:1px solid #FFF; box-sizing:border-box; }
div.fuaturebg div.img{ width:100%; padding-top:38%; background:center no-repeat; background-size:100%; }
div.fuaturebg div.dta{ }
div.fuaturebg div.dta p.da{ color:#333; font-weight:bold; }
div.fuaturebg:hover div.img{ opacity:0.7; filter:alpha(opacity=70); background-size:105%; }
div.fuaturebg:hover div.dta p.da{ text-decoration:underline; color:#000; }
div.fuaturebg div.dta p.na{ color:#555; }
div.fuaturebg div.dta p.dt{ color:#777; }

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

p.yyyy{ clear:both; line-height:20px; font-weight:bold; color:#000; border-bottom:2px dotted #CCC; }
p.yyyy a{ color:#555; display:block; font-weight:normal; padding:5px; }
p.yyyy a:hover{ color:#888; }
p.mmmm{ clear:both; line-height:20px; font-weight:bold; color:#000; border-bottom:2px dotted #CCC; }
p.mmmm a{ color:#555; display:block; font-weight:normal; padding:5px 10px; }
p.mmmm a:hover{ color:#888; }
ul.archives{}
ul.archives li{ float:left; border-bottom:2px 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:#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; }
ul.archives li:hover{ opacity:0.7; filter:alpha(opacity=70); }

/* お知らせ・ブログ */
p.ibdt{ color:#007F3A; font-size:1em; margin-bottom:5px; }
p.ibdt span{ display:inline-block; padding:1px 10px; margin-right:5px; background:#999; color:#FFF; font-size:1em; }
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{ font-size:1.2em; line-height:25px; text-align:justify; text-justify:inter-ideograph; }
div.ibna a{ font-size:1.2em; color:#000; text-decoration:underline; }
div.ibna a:hover{ opacity:0.7; filter:alpha(opacity=70); text-decoration:underline; }
div.ibna div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }

div.ibna img{ width:100%; }
p.ibli{ font-size:0.9em; margin-top:25px; }
p.ibli a{ color:#333; }
p.ibli a:hover{ color:#007F3A; text-decoration:underline; }
p.ibfb{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; }

a.pdf{ background:url(../img/pdf.png) right center no-repeat; background-size:contain; padding-right:25px; }

/*各ページトップイメージ*/
.hospitalbg{ width:100%; background-image:url(../img/hospitalbg.png); margin-top:0px; text-align:center; display:table; }
.hospitalbg .waku{ display:table-cell; vertical-align:middle; }
.hospitalbg-tab{ width:100%; background-image:url(../img/hospitalbg-tab.png); margin-top:0px; text-align:center; display:table; }
.hospitalbg-tab .waku{ display:table-cell; vertical-align:middle; }
.hospitalbg-sma{ width:100%; background-image:url(../img/hospitalbg-sma.png); margin-top:0px; text-align:center; display:table; }
.hospitalbg-sma .waku{ display:table-cell; vertical-align:middle; }

.medicalbg{ width:100%; background-image:url(../img/medicalbg.png); margin-top:0px; text-align:center; display:table; }
.medicalbg .waku{ display:table-cell; vertical-align:middle; }
.medicalbg-tab{ width:100%; background-image:url(../img/medicalbg-tab.png); margin-top:0px; text-align:center; display:table; }
.medicalbg-tab .waku{ display:table-cell; vertical-align:middle; }
.medicalbg-sma{ width:100%; background-image:url(../img/medicalbg-sma.png); margin-top:0px; text-align:center; display:table; }
.medicalbg-sma .waku{ display:table-cell; vertical-align:middle; }

.departmentbg{ width:100%; background-image:url(../img/departmentbg.png); margin-top:0px; text-align:center; display:table; }
.departmentbg .waku{ display:table-cell; vertical-align:middle; }
.departmentbg-tab{ width:100%; background-image:url(../img/departmentbg-tab.png); margin-top:0px; text-align:center; display:table; }
.departmentbg-tab .waku{ display:table-cell; vertical-align:middle; }
.departmentbg-sma{ width:100%; background-image:url(../img/departmentbg-sma.png); margin-top:0px; text-align:center; display:table; }
.departmentbg-sma .waku{ display:table-cell; vertical-align:middle; }

.hospitalizebg{ width:100%; background-image:url(../img/hospitalizebg.png); margin-top:0px; text-align:center; display:table; }
.hospitalizebg .waku{ display:table-cell; vertical-align:middle; }
.hospitalizebg-tab{ width:100%; background-image:url(../img/hospitalizebg-tab.png); margin-top:0px; text-align:center; display:table; }
.hospitalizebg-tab .waku{ display:table-cell; vertical-align:middle; }
.hospitalizebg-sma{ width:100%; background-image:url(../img/hospitalizebg-sma.png); margin-top:0px; text-align:center; display:table; }
.hospitalizebg-sma .waku{ display:table-cell; vertical-align:middle; }

.surgerybg{ width:100%; background-image:url(../img/surgerybg.png); margin-top:0px; text-align:center; display:table; }
.surgerybg .waku{ display:table-cell; vertical-align:middle; }
.surgerybg-tab{ width:100%; background-image:url(../img/surgerybg-tab.png); margin-top:0px; text-align:center; display:table; }
.surgerybg-tab .waku{ display:table-cell; vertical-align:middle; }
.surgerybg-sma{ width:100%; background-image:url(../img/surgerybg-sma.png); margin-top:0px; text-align:center; display:table; }
.surgerybg-sma .waku{ display:table-cell; vertical-align:middle; }

.jointbg{ width:100%; background-image:url(../img/jointbg.png); margin-top:0px; text-align:center; display:table; }
.jointbg .waku{ display:table-cell; vertical-align:middle; }
.jointbg-tab{ width:100%; background-image:url(../img/jointbg-tab.png); margin-top:0px; text-align:center; display:table; }
.jointbg-tab .waku{ display:table-cell; vertical-align:middle; }
.jointbg-sma{ width:100%; background-image:url(../img/jointbg-sma.png); margin-top:0px; text-align:center; display:table; }
.jointbg-sma .waku{ display:table-cell; vertical-align:middle; }

.regenerative_medicinebg{ width:100%; background-image:url(../img/regenerative_medicinebg.png); margin-top:0px; text-align:center; display:table; }
.regenerative_medicinebg .waku{ display:table-cell; vertical-align:middle; }
.regenerative_medicinebg-tab{ width:100%; background-image:url(../img/regenerative_medicinebg-tab.png); margin-top:0px; text-align:center; display:table; }
.regenerative_medicinebg-tab .waku{ display:table-cell; vertical-align:middle; }
.regenerative_medicinebg-sma{ width:100%; background-image:url(../img/regenerative_medicinebg-sma.png); margin-top:0px; text-align:center; display:table; }
.regenerative_medicinebg-sma .waku{ display:table-cell; vertical-align:middle; }


.qb1{ width:23.5%; float:left; box-sizing:border-box; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:3px 3px 0px 3px; overflow:hidden; }
.qb1 img{ width:100%; }
.qb1 h2{ color:#FFF; text-align:left; padding-left:25px; line-height:30px; background:url(../img/kome2.png) left center no-repeat; background-size:22px; }
.qb1.c1{ background:#00913A; }
.qb1.c2{ background:#D70036; }
.qb1.c3{ background:#F39800; }
.qb1.c4{ background:#036EB8; }

.qbg12{ max-width:700px;width:100%; margin:0px auto; box-sizing:border-box; color:#FFF; text-shadow:0px 0px 2px #000; }
.qbg12 h1{ }
.qbg1{  }
.qbg2{  }
.qbg3{ width:100%; background-image:url(../img/qbg3.png); margin-top:50px; text-align:center; display:table; color:#FFF; text-shadow:0px 0px 2px #000; }
.qbg3 .waku{ display:table-cell; vertical-align:middle; }
.qbg4{  }
.qbg5{  }
.qbg6{ width:100%; background-image:url(../img/qbg6.png); margin-top:0px; text-align:center; display:table; }
.qbg6 .waku{ display:table-cell; vertical-align:middle; }
.qbg7{ width:100%; background-image:url(../img/lbg3.png); margin-top:0px; text-align:center; display:table; }
.qbg7 .waku{ display:table-cell; vertical-align:middle; }
.qbg8{ width:100%; background-image:url(../img/qbg8.png); margin-top:0px; text-align:center; background-repeat:no-repeat; }
.qbg8 .waku{  }
.qbg8 img{ position:absolute; }
.qbg9{ width:100%; background-image:url(../img/lbg9.png); margin-top:0px; text-align:center; display:table; }
.qbg9 .waku{  }
.qbg9 h1{ text-align:center; margin-top:25px; text-shadow:0px 1px 2px #FFF; color:#033; }
.qbg10{ width:100%; background-image:url(../img/com-1.png); margin-top:0px; text-align:center; display:table; }
.qbg10 .waku{ display:table-cell; vertical-align:middle; }
.qbg11{ width:100%; background-image:url(../img/rbg1.png); margin-top:0px; text-align:center; display:table; }
.qbg11 .waku{ display:table-cell; vertical-align:middle; }
.qbg13{ width:100%; background-image:url(../img/ibg.png); margin-top:0px; text-align:center; display:table; }
.qbg13 .waku{ display:table-cell; vertical-align:middle; }
.qbg14{ width:100%; background-image:url(../img/lbg8.png); margin-top:0px; text-align:center; background-repeat:no-repeat; }
.qbg14 .waku{  }
.qbg14 img{ position:absolute; }
.qcapbg{ text-align:left; margin:0px auto; }
.qcap { }
.qcap img{ float:left; }
.qcap div{ overflow:hidden; }
.qcap div h2.c1{  }
.qcap div h2.c1 span{ font-weight:bold; padding:0px 5px; }
.qcap div h2.c2{  }
img.q2{ max-width:900px; margin-bottom:20px; width:100%; }
img.q3{ max-width:900px; margin-bottom:20px; width:100%; }
img.q5{  }
img.q7{ max-width:900px; margin-bottom:25px; width:100%; }
img.q8{ max-width:900px; margin-bottom:25px; width:100%; }

.lbg1{ width:100%; background-image:url(../img/lbg1.png); margin-top:0px; text-align:center; display:table; }
.lbg1 .waku{ display:table-cell; vertical-align:middle; }

.lcap { }
.lcap img{ float:left; }
.lcap div{ overflow:hidden; }
.lcap div h2.c1{  }
.lcap div h2.c1 span{ font-weight:bold; padding:0px 5px; }
.lcap div h2.c2{  }

.teian{ background:#DDD9CA; width:100%; margin-top:50px; }

/*トップ　バナーメニュー*/
div.tmbg{ background-position:center; background-repeat:no-repeat; 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.tmbg:hover{ }
div.tmbg div.tm{ position:relative; padding:100px 0px; color:#FFF; text-shadow:0px 0px 2px #000; margin:0px auto; background:url(../img/o10.png); overflow:hidden; }
div.tmbg:hover div.tm{ background:url(../img/w10.png); }

div.tmbg div.tm h1{ font-family: 'El Messiri', sans-serif; font-weight:normal; margin-bottom:15px; }
div.tmbg div.tm h2{ font-family: 'El Messiri', sans-serif; font-weight:normal; }
div.tmbg:hover div.tm h1{ color:#000; text-shadow:none; }
div.tmbg:hover div.tm h2{ color:#000; text-shadow:none; }

div.tmbg div.tm p{ position:absolute; -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.tmbg div.tm p.b1{ left:0px; top:0px; width:0%; border-bottom:1px solid #FFF; }
div.tmbg div.tm p.b2{ right:0px; top:0px; height:0%; border-left:1px solid #FFF; }
div.tmbg div.tm p.b3{ right:0px; bottom:0px; width:0%; border-bottom:1px solid #FFF; }
div.tmbg div.tm p.b4{ left:0px; bottom:0px; heignt:0%; border-left:1px solid #FFF; }
div.tmbg div.tm p.bb1{ left:0px; top:0px; width:0%; border-bottom:1px solid #000; }
div.tmbg div.tm p.bb2{ right:0px; top:0px; height:0%; border-left:1px solid #000; }
div.tmbg div.tm p.bb3{ right:0px; bottom:0px; width:0%; border-bottom:1px solid #000; }
div.tmbg div.tm p.bb4{ left:0px; bottom:0px; heignt:0%; border-left:1px solid #000; }
div.tmbg:hover div.tm p.bb1{ width:100%; }
div.tmbg:hover div.tm p.bb2{ height:100%; }
div.tmbg:hover div.tm p.bb3{ width:100%; }
div.tmbg:hover div.tm p.bb4{ height:100%; }

/*見出し*/
h1.captm1{ font-family: 'El Messiri', sans-serif; font-weight:normal; }
h2.captm2{ font-family: 'El Messiri', sans-serif; font-weight:normal; }
h3.captm3{ font-family: 'El Messiri', sans-serif; font-weight:normal; }

/*会社案内*/
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.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:#f2612d; text-decoration:underline; }
div.com1{ text-align:left; background:#f0f0f0; font-weight:bold; vertical-align:middle; color:#000; }
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 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%; }

ul.stepflow{ border:none; margin:1em 0.5em; padding:0; list-style:none; }
ul.stepflow > li:before, ol.stepflow > li:before{ background-color:#f2612d!important; }
.stepflow li{ position:relative; padding:0 0 1.5em 1.8em; }
.stepflow>li:before{ content: ""; width:3px; background:#f2612d; display:block; position:absolute; top:28px; bottom:0; left:5px; }
.stepflow-white{ content:''; display:inline-block; position:absolute; top:5px; left:0; width:14px; height:14px; border-radius:50%; border:solid 3px #f2612d; }
.stepflow-black{ content: ''; display:inline-block; position:absolute; top:5px; left:0; width:14px; height:14px; border-radius:50%; border:solid 3px #f2612d; background-color:#f2612d; }
.stepflow_label{ padding:3px 0px 8px 10px; margin-bottom:8px; color:#f2612d; font-size:.8em; font-weight:bold; text-align:left; }
.stepflow_title{ padding-left:10px; font-weight:bold; line-height:1.5; margin-bottom:15px; text-align:left; }
.stepflow_content{ padding-left:10px; line-height:1.5; margin-top:.5em; padding-bottom:1.5em; border-bottom:dashed 1px #f2612d; text-align:left; }
h2.minimum{ position:relative; padding:1.0rem; text-align:center; }
h2.minimum:before{ position:absolute; bottom:-10px; left:calc(50% - 30px); width:60px; height:3px; content:''; border-radius:3px; background:#f2612d; }
h2.minimum span{ font-weight:bold; color:#f2612d; }
img.nt{ float:left; padding-left:10px; margin-bottom:10px; }

div.shiki1 img{ width:100%; }
div.shiki2 img{ width:100%; }
div.shiki3 img{ width:100%; }
div.shiki4 img{ width:100%; }

div.about-flow{ width:100%; padding:0px 0px 50px; }
.about-flow.gr{ background:#F1F1F1; }
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:#f2612d; }
div.about-flow .con .wbg p.detion{ margin:30px 0px; color:#000; }
div.about-flow .con .wbg p.detion span{ background-color:; color:#000;  }
div.about-flow .con .wbg a.btn{ display:inline-block; background:url(../img/byaji.png) 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.cbtn{ background:#F19691; color:#FFF; width:150px; margin:25px auto 0px; height:35px; cursor:pointer; text-align:center; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; box-shadow:0px 2px 5px #777; font-size:0.8em; text-shadow:0px 1px 2px #555; cursor:pointer; white-space:nowrap; overflow:hidden; }
div.cbtn div{ background:url(../img/btn-r.png) right center no-repeat; line-height:35px; height:35px; -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.cbtn:hover { box-shadow:0px 2px 9px #555; text-shadow:0px 0px 5px #FFF; }
div.cbtn:hover div{ }

.conbtn{ text-align:center; display:inline-block; background:#f2612d; margin-top:25px; color:#FFF; overflow:hidden; white-space:nowrap; -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; cursor:pointer; }
.conbtn span{ margin-left:5px; padding-right:5px; color:#FFF; -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; }
.conbtn:hover{ box-shadow:0px 0px 5px #f2612d; }
.conbtn:hover span{ margin-left:10px; padding-right:0px; } 
.mamebtn{ text-align:center; display:inline-block; background:#f2612d; color:#FFF; overflow:hidden; white-space:nowrap; -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; cursor:pointer; }
.mamebtn span{ margin-left:5px; padding-right:5px; color:#FFF; -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; }
.mamebtn:hover{ box-shadow:0px 0px 5px #f2612d; }
.mamebtn:hover span{ margin-left:10px; padding-right:0px; } 
.btgr{ background:#0068b7; border:1px solid #0068b7; }
.btgr:hover{ box-shadow:0px 0px 5px #0068b7; }
.bthd{ background:#CCC; border:1px solid #f4f1e8; color:#555; }
.bthd:hover{ box-shadow:0px 0px 5px #CCC; }

/*手術について*/
ul.pic2{}
ul.pic2 li{ float:left; padding-bottom:15px; }
ul.pic2 li img{ width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
ul.pic2 li p{ text-align:center; white-space:; overflow:hidden; margin-top:5px; font-weight:bold; color:#555; }

ul.pic3{}
ul.pic3 li{ float:left; padding-bottom:15px; }
ul.pic3 li img{ width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
ul.pic3 li p{ text-align:center; white-space:nowrap; overflow:hidden; }

ul.num2{ margin:35px auto 0px; }
ul.num2 li{ direction:-moz-inline-box; display:inline-block; margin:0px 10px; }
ul.num2 li a{ color:#048529; padding-left:10px; background:url(../img/yaji.png) left center no-repeat; background-size:6px; }
ul.num2 li a:hover{ color:#03611e; border-bottom:1px solid #03611e; }

.surgery-btn a{ white-space:nowrap; display:inline-block; color:#797979; border:1px solid #797979; background:#FFF; text-align:center; -webkit-appearance:none; 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; }
.surgery-btn a:hover{ background:#797979; color:#FFF; } 

p.spsp{ margin-top:5px; font-weight:bold; color:#555; }

/*採用情報*/
div.syoku{ width:100%; margin-bottom:25px; text-align:left; color:#FFF; font-weight:550; white-space:nowrap; background:url(../img/syokuAct.png) 97% center no-repeat #46A99B; cursor:pointer; }
div.syoku a{ display:block; color:#FFF; font-size:1em; }
div.syoku a span{ color:#FFF; 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{ }

div#staffbg{ width:100%; overflow:hidden; }
div#staff{ overflow:hidden; height:100%; }
div#staff img{ margin:0px; border:none; }
img.rcopy{ position:absolute; }

/*お問い合わせ*/
img.navi{ width:100%; max-width:500px; margin-bottom:35px; }
p.c11{ text-align:left; line-height:30px; font-size:0.9em; font-weight:bold; color:#000; }
p.c11 span{ font-size:0.8em; font-weight:normal; color:#F00; padding-left:15px; }
p.c22{ text-align:left; }
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; }

.txt{ box-sizing:border-box; width:100%; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.txt:hover{ box-shadow:0px 1px 5px #bbb; }
.txt30{ box-sizing:border-box; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt30:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.txt30:hover{ box-shadow:0px 1px 5px #bbb; }
.txt100{ box-sizing:border-box; width:100px; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt100:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.txt100:hover{ box-shadow:0px 1px 5px #bbb; }

.cob,.icob{ box-sizing:border-box; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.cob:focus,.icob:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.cob:hover,.icob:hover{ box-shadow:0px 1px 5px #bbb; }

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

label{ cursor:pointer; padding-left:5px; margin-right:5px; color:#666; }

div#sendmail{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-image:url(../img/w50.png); z-index:10000; }
div#sendmail div{ width:100%; height:100%; background:url(../img/sendmail.png) center no-repeat; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.9em; text-align:center; margin:15px 0px; color:#F00; }
div#jouken{ border:1px solid #bbb; padding:10px; width:auto; height:180px; overflow:auto; color:#666; margin:25px 0px 0px; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
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{ color:#666; font-size:0.9em; }
div#jouken a{ color:#666; font-size:0.9em; }
div#jouken  a:hover{ color:#888; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

label{ cursor:pointer; padding-left:5px; margin-right:25px; }
label:activ{ color:#46a99b; }
input.radio + label{}
input.radio:checked + label{ }

/*個人情報保護*/
p.tpwg{ margin-top:0px; width:100%; max-width:400px; border-top:5px solid #007F3A; color:#007F3A; text-align:center; margin:0px auto; line-height:50px; font-weight:bold; }

/*北のお米キッチン*/
.isbg{ text-align:left; margin-top:20px; }
.isbg img{ position:absolute; box-shadow:0px 1px 7px #555; }
.isbg p{ color:#000; font-weight:bold; display:inline-block; }
.isbg p:hover{ color:#666; }
.isbg div{ color:#FFF; background:#418CCC; display:inline-block; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
h1.kih1{}
div.kidiv{ text-align:left; margin:0px auto; }
img.ki5{}
div.kijo{ font-weight:bold; margin:0px auto; color:#FFF; background:10px center no-repeat #D37687; text-align:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.kijo.k1{ background-image:url(../img/1.png); }
.kijo.k2{ background-image:url(../img/2.png); }
.kijo.k3{ background-image:url(../img/3.png); }
.kijo.k4{ background-image:url(../img/4.png); }
div.kire{ background:url(../img/w50.png); font-weight:normal; color:#555; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:5px 0px; }
.isfollow{ float:left; text-align:center; }
.isfollow img{ }
.isfollow p.id{ color:#000; font-weight:bold; }
.isfollow p.id:hover{ color:#666; }
.isfollow p.co{ color:#000; text-align:justify; text-justify:inter-ideograph; }
.kiclear{ clear:both; }
.myis{ display:inline-block; margin:0px auto 15px; }
.myis img{ float:left; margin-right:15px; box-shadow:0px 1px 5px #555;}
.myis p{ color:#000; font-weight:bold; }
.myis p:hover{ color:#666; }

/*ボタン*/
.cbtn{ -webkit-appearance:none; background:#00A29A; color:#FFF; width:150px; margin:25px 5px 0px; height:35px; cursor:pointer; text-align:center; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; box-shadow:0px 2px 5px #777; font-size:0.8em; text-shadow:0px 1px 2px #555; cursor:pointer; white-space:nowrap; overflow:hidden; }
.cbtn div{ background:url(../img/btn-r.png) right center no-repeat; line-height:35px; height:35px; -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; }
.cbtn:hover { box-shadow:0px 2px 9px #555; text-shadow:0px 0px 5px #FFF; }
.cbtn1{ -webkit-appearance:none; background:#00A29A; color:#FFF; width:200px; margin:25px 5px 0px; height:35px; cursor:pointer; text-align:center; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; box-shadow:0px 2px 5px #777; font-size:0.8em; text-shadow:0px 1px 2px #555; cursor:pointer; white-space:nowrap; overflow:hidden; }
.cbtn1 div{ background:url(../img/btn-r.png) right center no-repeat; line-height:35px; height:35px; -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; }
.cbtn1:hover { box-shadow:0px 2px 9px #555; text-shadow:0px 0px 5px #FFF; }
.qbtn{ -webkit-appearance:none; background:url(../img/w10.png); color:#FFF; border:1px solid #FFF; text-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; cursor:pointer; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.qbtn:hover { box-shadow:0px 0px 9px #000; background:#FFF; color:#000; text-shadow:none; }
.gbtn{ -webkit-appearance:none; background:url(../img/w10.png); color:#00A29A; border:1px solid #00A29A; width:200px; margin:25px 0px 0px; height:40px; cursor:pointer; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.gbtn:hover { box-shadow:0px 0px 9px #000; background:#00A29A; color:#FFF; text-shadow:none; }
.nbtn{ -webkit-appearance:none; background:url(../img/w10.png); color:#000; border:1px solid #4D742C; text-shadow:0px 0px 2px #FFF; box-shadow:0px 0px 2px #000; cursor:pointer; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.nbtn:hover { box-shadow:0px 0px 9px #000; background:#FFF; color:#000; text-shadow:none; }


.dbtn{ -webkit-appearance:none; background:#00A29A; color:#FFF; border:1px solid #00A29A; padding:0px 15px; height:40px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.dbtn:hover { background:#FFF; color:#00A29A; }

/*カレンダー*/
div#calendar{ width:100%; overflow:hidden; text-align:center; }
table.cal{ width:100%; background-color:#ccc; table-layout: fixed; }
table.cal td{ position:relative; background-color:#FFF; overflow:hidden; }
table.cal td a{ position:absolute; background-size:cover; background-position:center top; opacity:1.0; filter:alpha(opacity=100); }
table.cal td a:hover{ opacity:1.0; filter:alpha(opacity=100); }
table.cal td div{ position:absolute; }
table.cal td div span{ display:block; background-color:#6FC; }
table.cal td.w{ height:20px; font-size:12px; }
table.cal td.d{  }
table.cal td.d p.dd{ position:absolute; text-align:center; }
table.cal td.d p.dd span.gg{ color:#FFF; background:#999; display:inline-block; text-align:center; }
table.cal td.d p.dd span.gr{ color:#FFF; background:#FFA4A4; display:inline-block; text-align:center; }
table.cal td.d p.dd span.bb{ color:#FFF; background:#555; display:inline-block; text-align:center; }
table.cal td.d p.dd span.br{ color:#FFF; background:#C33; display:inline-block; text-align:center; }
table.cal td.d p.tt span.br{}
/*table.cal td.d p.tt{ position:absolute; top:0px; right:0px; font-size:10px; line-height:14px; padding:0px 5px; height:28px; overflow:hidden; }
table.cal td.d p.tt span.gg{ color:#CCC; }
table.cal td.d p.tt span.gr{ color:#FCC; }
table.cal td.d p.tt span.bb{ color:#FFF; }
table.cal td.d p.tt span.br{ color:#FFF; }
p.cal_msg{ font-size:10px; color:#FFF; text-align:center; line-height:20px; height:20px; overflow:hidden; }*/

ul.control{ text-align:center; height:70px; overflow:hidden; }
ul.control li{ float:right; color:#000; font-size:12px; line-height:30px; direction:-moz-inline-box; display:inline-block; }
ul.control li a{ color:#000; font-size:12px; line-height:30px; }
ul.control li.img{ float:left; width:70px; }
ul.control li.img img{ width:100%; }
ul.control li{}

#probg{ position:fixed; left:50%; background:url(../img/b80.png); z-index:1000; opacity:0.0; filter:alpha(opacity=000); overflow:hidden; }
#producer{ margin:2% auto 0%; color:#FFF; }
#DAIHYOU{ margin:0% auto 2%; color:#FFF; }
#batsu{ position:absolute; top:25px; right:25px; background:url(../img/batsu.png) center no-repeat #FFF; background-size:100%; width:40px; height:40px; cursor:pointer; box-shadow:0px 1px 3px #000; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#DAIMEI1{ color:#FFF; text-align:left; margin-top:2%; }
#NAIYOU1{ width:100%; text-align:justify; text-justify:inter-ideograph; margin:0px auto 2%; color:#FFF; text-shadow:0px 1px 2px #000; }
#PN{ display:inline-block; color:#FFF; }
#Prev{ color: #FFF; line-height:50px; height:50px; width:100px; display:inline-block; }
#Next{ color: #FFF; line-height:50px; height:50px; width:100px; display:inline-block; }
#iPrev{ width:50px; height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; float:left; }
#iNext{ width:50px; height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; float:right; }

#mkbg{ display:table; width:100%; }

#mey{ display:table-cell; text-align:center; vertical-align:bottom; }
#mm{ color:#F90; font-size:120px; font-weight:bold; line-height:110px; }
#me{ color:#000; font-size:30px; font-weight:bold; line-height:30px; }
#yy{ color:#666; font-size:18px; }

#kome{ display:table-cell; text-align:right; vertical-align:bottom; }
img.kome{ }
img.kome.non{ }
img.kome.act{ }

#yaji{ width:100%; text-align:center; overflow:hidden; border-top:1px dotted #999; border-bottom:1px dotted #999; margin-top:25px; }
#yaji a{ color:#555; }
#yaji a:hover{ color:#000; }
#yaji a.y1{ }
#yaji a.y2{ }
#yaji a.y3{ }
p.kome{ font-weight:bold; color:#366; margin:15px 0px }

/*トップページセクション*/
div.sec{ }
div.sec div.dai h1{ color:#FFF; text-shadow:0px 1px 1px #333; }
div.sec div.dai div.det{ margin:25px 0px; color:#FFF; text-shadow:0px 1px 1px #555; }
div.sec div.dai a{ border-bottom:1px solid #EEE; color:#FFF; position:relative; padding-right:50px; -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.sec div.dai a span{ border-bottom:1px solid #EEE; width:14px; position:absolute; right:-1px; bottom:4px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
div.sec div.dai a:hover{ padding-right:75px; text-shadow:0px 0px 3px #FFF; }
div.sec1 div.wwhi{ background:url(../img/sec1.png) no-repeat; }
div.sec1 div.dai{ background:url(../img/bg-g.png) left center no-repeat; }
div.sec2 div.wwhi{ background:url(../img/sec2.png) no-repeat; }
div.sec2 div.dai{ background:url(../img/bg-r.png) right center no-repeat; }
div.sec3 div.wwhi{ background:url(../img/sec3.png) no-repeat; }
div.sec3 div.dai{ background:url(../img/bg-o.png) left center no-repeat; }

/*スタッフ紹介*/
div.tstaffbg0{ position:relative; background-repeat:no-repeat; background-position:right center; background-size:80% 100%; background-color:#E9E7DE; z-index:0; }
div.tstaffbg1{ background:center no-repeat; }
div.tstaffbg1 .waku{ height:100%; overflow:hidden; }
div.tstaffbg1 img{ position:absolute; }
div.tstaffbg1 img.ts1{ z-index:2; }
div.tstaffbg1 img.ts2{ z-index:1; }
div.tstaffbg2{ }
div.tstaffbg2 .waku{ }
div.tstaffbg2 .cs12bg{ }
div.tstaffbg2 .dammy{ }
div.tstaffbg2 .cs1{ position:relative; background:#FFF; border-bottom:1px solid #ccc; z-index:2; }
div.tstaffbg2 .cs1 p.syo{ display:inline-block; border:1px solid #aaa; color:#000; }
div.tstaffbg2 .cs1 p.nyu{}
div.tstaffbg2 .cs1 p.naj{ font-weight:bold; }
div.tstaffbg2 .cs1 p.nae{}
div.tstaffbg2 .cs1 p.det{ }
div.tstaffbg2 .cs2{ position:relative; text-shadow:1px 1px 0px #FFF; z-index:3; }
div.tstaffbg2 .cs2 h2{ font-size:1em; margin-top:10px; color:#036; text-shadow:none; }
div.tstaffbg2 .cs3{ position:relative; background-size:cover; border-bottom:1px solid #ccc; z-index:1; }
div.tstaffbg2 .cs3 .mask{ position:absolute; top:0px; left:0px; width:100%; height:100%; }

/*トップスタッフ紹介*/
div.staffbg{ }
div.staffbg .waku{ }
div.staff{ background:top center no-repeat; background-size:cover; border:1px solid #FFF; }
div.staff:hover{ border:1px solid #498BBD; }
div.staff div.sbg{ background:url(../img/w50.png); margin-top:150px; box-shadow:5px 5px 0px #999; }
div.staff p{ color:#000; white-space:nowrap; overflow:hidden; }
div.staff p.syo{ color:#000; margin-bottom:10px; }
div.staff p.nyu{}
div.staff p.naj{ font-weight:bold; }
div.staff p.nae{}
div.staff:hover img{ opacity:1.0; filter:alpha(opacity=100); }
div.staff2{ background:top center no-repeat; background-size:cover; border:1px solid #FFF; }
div.staff2:hover{ border:1px solid #498BBD; }
div.staff2 div.sbg{ background:url(../img/w50.png); margin-top:150px; box-shadow:5px 5px 0px #999; }
div.staff2 p{ color:#000; }
div.staff2 p.syo{ color:#000; margin-bottom:10px; }
div.staff2 p.nyu{}
div.staff2 p.naj{ font-weight:bold; }
div.staff2 p.nae{}
div.staff2:hover img{ opacity:1.0; filter:alpha(opacity=100); }
a.tbtn{ display:inline-block; border:1px solid #498BBD; color:#000; text-align:center; margin-top:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
a.tbtn:hover{ color:#FFF; background:#498BBD; text-shadow:0px 0px 3px #FFF; }

.time.i000{ background-image:url(../img/000.png); }
.time.i030{ background-image:url(../img/030.png); }
.time.i100{ background-image:url(../img/100.png); }
.time.i130{ background-image:url(../img/130.png); }
.time.i200{ background-image:url(../img/200.png); }
.time.i230{ background-image:url(../img/230.png); }
.time.i300{ background-image:url(../img/300.png); }
.time.i330{ background-image:url(../img/330.png); }
.time.i400{ background-image:url(../img/400.png); }
.time.i430{ background-image:url(../img/430.png); }
.time.i500{ background-image:url(../img/500.png); }
.time.i530{ background-image:url(../img/530.png); }
.time.i600{ background-image:url(../img/600.png); }
.time.i630{ background-image:url(../img/630.png); }
.time.i700{ background-image:url(../img/700.png); }
.time.i730{ background-image:url(../img/730.png); }
.time.i745{ background-image:url(../img/745.png); }
.time.i800{ background-image:url(../img/800.png); }
.time.i815{ background-image:url(../img/815.png); }
.time.i830{ background-image:url(../img/830.png); }
.time.i900{ background-image:url(../img/900.png); }
.time.i930{ background-image:url(../img/930.png); }
.time.i1000{ background-image:url(../img/1000.png); }
.time.i1030{ background-image:url(../img/1030.png); }
.time.i1100{ background-image:url(../img/1100.png); }
.time.i1130{ background-image:url(../img/1130.png); }
.time.i1200{ background-image:url(../img/1200.png); }

/*TOPバナー*/
div.san{ display:none; }
div.san a{ display:none; }
div.san a img{ display:none; }
div.san a img:hover{ display:none; }
div.san .b{ display:none; }
div.sa .b{ display:none; }
div.sn .b{ display:none; }
div.sn:hover .b{ display:none; }
div.sn2{ display:none; }
div.sn2:hover{ display:none; }

div.san-pc{ position:relative; float:left; width:33.33333%; padding:0px; margin:0px; }
div.san-pc a{ padding:0px; margin:0px; }
div.san-pc a img{ position:relative; width:100%; padding:0px; margin:0px; max-width:500px; }
div.san-pc a img:hover{ opacity:1.0; filter:alpha(opacity=100); max-width:500px;  }
div.san-pc .b{ position:absolute; left:9%; bottom:-30%; width:20%; display:none }
div.sa .b{ display:inline-block; }
div.sn .b{ display:none; }
div.sn:hover .b{ display:inline-block; }
div.sn2-pc{ position:relative; 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.sn2-pc:hover{ z-index:2; box-shadow:0px 1px 10px #555; opacity:0.7; filter:alpha(opacity=70);  }


.shinbg{ padding:50px 0px; background-size:cover; background-position:center; }
.shinbg .t1{ position:absolute; width:24%; left:1%; bottom:25%; z-index:1; }
.shinbg .t11{ position:absolute; width:22%; left:2%; bottom:11%; z-index:2; }
.shinbg .t2{ }
.shinbg .t22{ opacity:0.0; filter:alpha(opacity=000); }
.shin-sec1{ position:relative; overflow:hidden; }
.shin-sec1 img.ch{ z-index:0; }
.shin-sec2{ padding:75px 0px; background-position:center; background-size:cover; }
.shin-sec3{ background:url(../img/shin-tanbo.png) center no-repeat; background-size:cover; }
.shin-sec4{ padding:75px 0px 0px; }

.yu{ text-align:left; }
.yu img{ width:100%; }
.yu div{ overflow:hidden; text-shadow:0px 1px 2px #FFF; }
.yu1{ }
.yu2{ }
.yu3{ }

.shin-l{ }
.shin-l img{ width:100%; }
.shin-r{ text-align:left; color:#FFF; }
.shin-ll{ }
.shin-ll img{ width:100%; }
.shin-rr{ text-align:left; color:#FFF; }

.ul-shin{ list-style:disc outside; text-align:left; margin:0px auto; }
.ul-shin li{ font-size:1em; font-weight:bold; padding:5px 0px; }
.ul-w li{ color:#FFF; }

.ko{ float:left; width:28%; text-align:center; }
.ko img{ width:100%; margin-bottom:25px; }
.ko p.da{}
.ko p.da br{}
.ko p.pr{}
.ko p.om{}
.ko1{ }
.ko2{ }
.ko3{ }

.yu-cap1{ }
.yu-cap2{ }
.yu-cap3{ }
.yu-cap4{ }
.sa-cap1{ }
.sa-cap2{ }
.sa-cap3{ }
.go-cap1{ }
.go-cap2{ }

/*採用情報*/
div.frecruitbg{ background:url(../img/fgra.png); background-size:2000px; margin:50px auto 25px; text-align:center; }
div.frecruitbg{ -webkit-animation:idou2 15s linear infinite; animation:idou2 15s linear infinite; }
@-webkit-keyframes idou2{
0%{ background-position:0% 0px; }
100%{ background-position:2000px 277px; }
}
@keyframes idou2{
0%{ background-position:0px 0px; }
100%{ background-position:2000px 277px; }
}
div.frecruitbg .rec-l{ background:url(../img/recruit.png) top center no-repeat; background-size:cover; }
div.frecruitbg .rec-r{ }
div.frecruitbg .rec-r h1{ color:#FFF; text-shadow:0px 1px 2px #000; }
div.frecruitbg .rec-r h2{ color:#FFF; text-shadow:0px 1px 2px #000; }
div.frecruitbg .rec-r p{ color:#FFF; text-shadow:0px 1px 2px #000; }
div.frecruitbg .rec-r div{ color:#000; margin:25px 0px; text-shadow:0px 0px 2px #FFF; font-weight:bold; }
div.frecruitbg .rec-r .btn{ display:inline-block; color:#000; border:1px solid #000; background:#FFF; text-align:center; -webkit-appearance:none; 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; }
div.frecruitbg .rec-r .btn:hover{ background:#000; color:#FFF; } 

img.rec{ margin-bottom:25px; }

/*フッターお問い合わせ*/
.fcon-t{ position:absolute; }
.fconbg{ width:100%; margin-top:75px; border-top:1px solid #9FA0A0; padding:25px 0px; text-align:center; }
.fconbg a{ color:#000; }
.fconbg a:hover{ color:#f2612d; }
.fconbg a.ftel{ background:url(../img/i-tel.png) left center no-repeat; }
.fconbg a.fcon{ background:url(../img/i-mail.png) left center no-repeat; }

/*フッター*/
div.foot{ position:relative; width:100%; padding:50px 0px 25px; background:#EFEFEF; z-index:1; }
div.foot .fadd{ color:#000; }
div.foot .fadd img.flogo{ margin-bottom:20px; }
div.foot .fadd p{ color:#000; }
div.foot .fadd a{ font-size:1em; color:#000; }
div.foot .fadd a:hover{ font-size:1em; color:#f2612d; }
div.foot .fadd p.add{ }
div.foot .fadd p.add a{ background:url(../img/access.png) no-repeat right center; }
div.foot .fadd p.add a:hover{ text-decoration:underline; }
div.foot .fadd p.tel a:hover{ text-decoration:underline; }
div.foot .fadd p.lic{ margin-top:20px; }

div.foot ul.fmenu{ }
div.foot ul.fmenu li{ font-size:1em; text-align:left; color:#000; white-space:nowrap; overflow:hidden; }
div.foot ul.fmenu li a{ display:block; font-size:1em; color:#000; white-space:nowrap; overflow:hidden; }
div.foot ul.fmenu li p{ color:#999; }
div.foot ul.fmenu li a:hover{ color:#f2612d; }

div.foot ul.fmenu1{ }
div.foot ul.fmenu1 li{ }
div.foot ul.fmenu2{ }
div.foot ul.fmenu2 li{ }
div.foot ul.fmenu3{ }
div.foot ul.fmenu3 li{ }

p.copy{ position:relative; background:#f2612d; white-space:nowrap; overflow:hidden; color:#FFF; line-height:50px; text-align:center; z-index:1; }

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


h2.grasen{ position:relative; padding-bottom:7px; }
h2.grasen:after{ position:absolute; bottom:0; left:0; width:100%; height:6px; content:''; border-radius:3px; background-image:-webkit-gradient(linear,right top,left top,from(#3FB3E4),to(#2F819D)); background-image:-webkit-linear-gradient(right, #3FB3E4 0%, #2F819D 100%); background-image:linear-gradient(to left, #3FB3E4 0%, #2F819D 100%); }
.midashi1{ font-weight:bold; padding:10px; color:#2F819D; background:#DDFFFF; border-left:solid 5px #2F819D; }

/*トリビア*/
img.chh{ width:100%; }

/*人工関節センター紹介*/
ul.pmenu{ border-bottom:none; margin:0px auto 50px; }
ul.pmenu li{ float:left; }
ul.pmenu li.c1{ }
ul.pmenu li.c2{ }
ul.pmenu li.c3{ }
ul.pmenu li a{ position:relative; color:#000; display:block; border-right:1px solid #FFF; border-bottom:1px solid #FFF; white-space:nowrap; overflow:hidden; -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.pmenu li a span{ position:absolute; color:#000; 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.pmenu li a.act{ background:#604C3F; color:#FFF; }
ul.pmenu li a.act span{ color:#FFF; }
ul.pmenu li a.non{ background:#bafff8; }
ul.pmenu li a.non:hover{ background:#2DA296; color:#FFF; }
ul.pmenu li a.non:hover span{ color:#FFF; }

div.pmenu2{ width:100%; }
div.pmenu2 a{ border:2px solid #CCC; width:37.5%; float:left; }
div.pmenu2 a p{}
div.pmenu2 a p.c1{ margin:0px 5px 0px 10px; }
div.pmenu2 a p.c2{ margin:0px 10px 0px 5px; }
div.pmenu2 a p.c3{  margin:0px 5px 0px 10px; }
div.pmenu2 a p.c4{ margin:0px 10px 0px 5px; }
div.pmenu2 a p span{}
div.pmenu2 a p span:hover{}
div.pmenu2 a p:hover{}

.flex{ display:flex; }
.flex a p{ color:#FFF; -webkit-transition: all 0.5s; transition: all 0.5s; text-shadow:0px 0px 3px #FFF; }
.flex a p:hover{ opacity:0.7; filter:alpha(opacity=70); border-radius:33px; }
.flex a p.f1{ background-color:#f54888; }
.flex a p.f2{ background-color:#fb9855; }
.flex a p.f3{ background-color:#a8e1b8; }
.flex a p.f4{ background-color:#ffc942; }

p.daisen{ text-align:left; border-top:1px solid #000; border-bottom:1px dotted #CCC; color:#000; }
p.daisen_sub{ text-align:left; font-weight:lighter; color:#3A3A3A; }
p.daisen2{ border-top:1px solid #CCC; border-bottom:1px dotted #CCC; color:#3A3A3A; }
p.daisen_sub2{ text-align:left; font-weight:lighter; color:#3A3A3A; }
p.daisen_sub2 span{ text-align:left; font-weight:lighter; color:#3A3A3A; border-bottom:1px double #3A3A3A; }
div.daisen_sub3{ }
div.daisen_sub3 p{ text-align:left; font-weight:lighter; color:#3A3A3A; border:1px dotted #a8e1b8; }
div.daisen_sub4{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
div.daisen_sub4 p.main{ text-align:left; font-weight:bold; color:#FFF; text-decoration:underline; }
div.daisen_sub4 p.sub{ text-align:left; font-weight:bold; color:#FFF; }
div.pnk{ background:#f54888; border:1px dotted #f54888; }
div.org{ background:#fb9855; border:1px dotted #fb9855; }
div.ugr{ background:#71dc8f; border:1px dotted #71dc8f; }
div.yel{ background:#ffc942; border:1px dotted #ffc942; }

ul.pic4{}
ul.pic4 li{ float:left; padding-bottom:15px; }
ul.pic4 li img{ width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
ul.pic4 li p{ text-align:center; white-space:nowrap; overflow:hidden; }

img.pa-le{ width:100%; }
img.pa-le-nopc{ width:100%; }

/*施工事例*/
ul#works { position:relative; width:100%; padding-top:70%; margin:5px auto 80px; }
ul#works li{ position:absolute; width:100%; top:0px; left:0px; background:#FFF; border-bottom:1px solid #CCC; padding-bottom:8px; }
div.kwork{ position:relative; float:left; }
div.kwork:hover div.img{ opacity:0.6; filter: alpha(opacity=60); }
div.kwork div.img{ position:relative; width:100%; padding-top:70%; background:center no-repeat; background-size:cover; margin-bottom:5px; }
div.kwork p{ color:#000; white-space:nowrap; overflow:hidden; }
div.kwork p.dt1{ font-size:11px; color:#666; line-height:13px; }
div.kwork p.na1{ font-size:13px; font-weight:bold; line-height:15px; }
div.kwork p.ko1{ font-size:12px; line-height:14px; }
div.kwork div.pop{ position:absolute; width:25%; padding-top:25%; top:0px; left:0px; background:center no-repeat; background-size:cover; }

div.pagebg{ width:100%; margin:20px 0px 15px; clear:both; }
a.page{ float:left; padding:0px 5px; border:1px solid #9FCFFF; margin-right:3px; margin-bottom:3px; }
a.actp{ background-color:#D9ECFF; color:#06C; text-decoration:underline;}
a.nonp{ background-color:#F0F0F0; color:#333; }
a.nonp:hover{ text-decoration:underline; background-color:#D9ECFF; color:#06C; }

p.allview{ position:relative; }
p.allview img{ }
p.allview img.allview1{ position:absolute; left:0px; top:0px; width:100%; }
p.allview img.allview2{ position:absolute; right:0px; top:0px; }

div.dta2{ overflow:hidden; }
div.dta2 p.da2{ text-align:left; font-weight:bold; border-bottom:1px solid #000; color:#000; text-align:justify; text-justify:inter-ideograph; overflow:hidden; }
div.dta2 p.dt2{ text-align:left; color:#7A6A56; margin:7px 0px 20px; }

img.worksB{}
img.worksA{}

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:2px dotted #777; 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; }

/*フォント調整*/
h1.messiri{ font-family: 'El Messiri', sans-serif; }
p.gyokan{ line-height:30px; }

p.saiyo a{ color:#46a99b; text-decoration:underline; }
p.saiyo a:hover{ opacity:0.7; filter: alpha(opacity=70); }