@charset "UTF-8";

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

a{ outline:none; text-decoration:none; font-size:1em; }
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); }

a.con{ color:#333; text-decoration:underline; margin:2px auto; }
a.con:hover{ color:#666; text-decoration:none; }

.waku{ position:relative; width:100%; max-width:800px; margin:0px auto; z-index:1; }

/*メニュー*/
div#menubg{ width:100%; }
ul.menu{ position:relative; z-index:1501; }
ul.menu li{ float:right; }
ul.menu li.ho{ float:left; border:none; }
ul.menu li.ho a{ padding:0px; }
ul.menu li.te{ float:right; border:none; }
ul.menu li.te a{ padding:0px; }

ul.menu li.sm{ float:right; width:25px; height:26px; text-align:center; border:none; }
ul.menu li.sm a{ display:block; }
ul.menu li.sm a p{ border-bottom:2px solid #000; color:#000; width:100%; }
ul.menu li.sm a p.c1{ }
ul.menu li.sm a p.c2{ margin:6px 0px; }
ul.menu li.sm a p.c3{ }
ul.menu li.sm a p.c4{ font-size:9px; line-height:14px; height:14px; border:none; }
ul.menu li img{ width:100%; } 

.welcom{ text-align:left; margin:10px auto; }
.logout{ -webkit-appearance:none; border:none; float:right; background:url(../img/logout.png) #FFF center right no-repeat; background-size:16px; padding-right:18px; font-size:1em;display:inline-block; }

/*キャプション*/
.cap{ text-align:left; line-height:30px; background:url(../img/icon-info.png) right center no-repeat; background-size:28px; }
.cap.bu{ color:#36C; }
.cap.or{ color:#eb6100; }

/**/
.mbtn{ display:inline-block; text-shadow:0px 0px 2px #777; }
.mbtn:hover{ text-shadow:0px 0px 5px #FFF; }
.mbtn.mbu{ border:1px solid #4472c4; background:#8faadc; color:#FFF; }
.mbtn.mor{ border:1px solid #ae5a21; background:#ed7d31; color:#FFF; }
.mbtn.m1{ width:100%; margin-bottom:5px; }
.mbtn.m2{ float:left; width:49.5%; margin-bottom:5px; margin-right:1%; background-image:url(../img/icon-h10.png); background-repeat:no-repeat; }
.mbtn.m3{ float:left; width:49.5%; margin-bottom:5px; background-image:url(../img/f-tel.png); background-repeat:no-repeat; }
.mbtn.m4{ width:100%; margin-bottom:15px; background-image:url(../img/icon-mypage3.png); background-repeat:no-repeat; }

.jyu{ border:1px solid #CCC; background-color:#F0F0F0; color:#F30; text-align:center; margin:5px 0px 15px; background:url(../img/jyuyou.png) 10px center no-repeat; background-size:30px; padding:10px 10px 10px 50px; text-align:left; }

/* ドロップダウンメニュー */
ul#dmenu{ position:fixed; left:50%; top:5%; width:0px; padding:0px 5%; height:0%; 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; border-top:1px dotted #CCC; }
ul#dmenu li.las{ border-bottom:1px dotted #CCC; }
ul#dmenu li a{ display:block; line-height:40px; }
ul#dmenu a{ color:#FFF; text-shadow:0px 1px 2px #000; text-align:center; white-space:nowrap; overflow:hidden; font-size:20px; -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#dmenu a:hover{ text-shadow:0px 0px 7px #FFF; }
ul#dmenu a.ho{ }
ul#dmenu a.te{ font-size:25px; display:block; line-height:40px; margin-top:25px; color:#f9f1bc; }
ul#dmenu a.te:hover{ text-shadow:0px 0px 7px #f9f1bc; }
ul#dmenu a.cl{ font-size:25px; display:block; line-height:40px; }

/*新着情報*/
div.tinfo-cap{ }
div.tinfo{ text-align:left; width:100%; border-bottom:1px dotted #675C58; padding:5px 0px; }
div.tinfo div.img{ float:left; background:center no-repeat; background-size:cover; }
div.tinfo:hover div.img{ opacity:0.7; filter:alpha(opacity=70); }
div.tinfo div.det{ overflow:hidden; width:auto; }
div.tinfo div.det p.dt{ color:#666; }
div.tinfo div.det p.da{ color:#333; }
.tinfo.c1{ border-top:1px dotted #675C58; }
.tinfo.c2{ margin:0px; }
.tinfo.c3{ margin:0px; }

/*配送先*/
div.haisousaki{ text-align:left; margin-bottom:20px; }
div.haisousaki p{ }
div.haisousaki p a{ font-size:1em; color:#000; }

.NUMb{ border:1px solid #999; color:#000; font-weight:bold; line-height:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#E5E5E5; display:inline-block; width:40px; height:25px; text-align:center; }
.NUM{ border:1px solid #999; height:25px; font-weight:bold; line-height:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#E5E5E5; display:inline-block; width:40px; height:25px; text-align:center; margin:0px 5px; }
.NUMn{ border:1px solid #999; color:#000; font-weight:bold; line-height:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#E5E5E5; display:inline-block; width:40px; height:25px; text-align:center; }

/*製品一覧*/
p.top{ border-top:1px dotted #333; }
div.product{ padding:5px; }
div.product .img{ float:left; background:top center no-repeat; background-size:contain; }
div.product .det{ overflow:hidden; text-align:left; }

div.catbg{ overflow:hidden; margin-top:10px; }
div.catbg h3{ cursor:pointer; color:#eb6100; background:url() 98% center no-repeat #F0F0F0; text-align:left; border:1px solid #DDD; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px; }
div.catbg h3 a{ color:#eb6100; }

/*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; }

/*ボタン*/
div.cbtn{ background:#E60012; 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:1em; text-shadow:0px 1px 2px #555; cursor:pointer; white-space:nowrap; overflow:hidden; padding-top:7px; }
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{ }

a.rep{ float:right; margin-left:5px; font-size:0.8em; border:1px solid #888; background:#EEE; padding:1px 3px; color:#000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
a.rep:hover{ color:#F60; }

/*会社案内*/
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:#486659; text-decoration:underline; }
div.com1{ text-align:left; font-weight:bold; vertical-align:middle; }
div.com1 span{ display:inline-block; padding:0px 5px; margin-left:5px; color:#fff; background:#F33; 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%; }

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

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

.btn{ font-size:17px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline-block; -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; }
.btn.or{ background:#eb6100; color:#FFF; border:1px solid #eb6100; }
.btn.or:hover{ text-shadow:0px 0px 3px #FFF; box-shadow:0px 1px 5px #888; }
.btn.gr{ background:#999; color:#FFF; border:1px solid #999; }
.btn.gr:hover{ background:#FFF; color:#999; }

.btn:disabled{ background:#CCC; color:#888; border:none; }

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


input.Rpro{ display:none; }
label.Rpro{ padding:5px; cursor:pointer; }
input.Rpro + label.Rpro{ display:block; background:#FbFbFb; box-shadow:0px 0px 7px #CCC inset; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; }
input.Rpro:checked + label.Rpro{ background:#FFFAF7; box-shadow:0px 0px 7px #F30 inset; }

label.con{ padding:0px 15px 0px 5px; cursor:pointer; }
input.check + label.con{}
input.check:checked + label.con{ color:#eb6100; font-weight:bold; }

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

.hcob{ -webkit-appearance:none; width:100%; padding:2px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.hcob:focus{ border:1px solid #eb6100; }

.sts{ float:right;font-size:12px; line-height:16px; width:60px; text-align:center; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.sts0{ color:#900; border:1px solid #900; background:#FFEAEA }
.sts1{ color:#eb6100; border:1px solid #eb6100; background:#FFEEE6; }
.sts2{ color:#36C; border:1px solid #36C; background:#E8F3FF; }
.sts3{ color:#396; border:1px solid #396; background:#E6FCE4; }

/*フッター*/
p.copy{ color:#eb6100; line-height:50px; height:50px; }

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

/*カレンダー*/
div.now{ position:relative; }
div.now div#calendarbg{ position:absolute; left:0px; top:33px; width:100%; text-align:center; background:#1B85B0; z-index:1000; display:none; box-shadow:0px 2px 8px #555; }

p.nn{ color:#FFF; font-size:13px; }
div#calendarbg a.pn{ color:#FFF; font-size:12px; text-decoration:none; }
div#calendarbg a.pn:hover{ text-decoration:underline; }

table.cal{ width:100%; }
table.cal td{ position:relative; width:30px; background-color:#FFF; }
table.cal td div{ position:absolute; top:5px; left:5px; width:10px; height:10px; }
table.cal td div span{ display:block; width:10px; height:10px; background-color:#369; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
table.cal td.w{ height:15px; font-size:10px; font-weight:normal; background:#EEE; }
table.cal td.d{ }
table.cal td.d:hover{ background:#FFE0C1; }
table.cal td.d a{ display:block; padding:5px 0px; font-weight:normal; text-decoration:none; }
table.cal td.d a:hover{ font-weight:bold; }
table.cal td.d a.bb{ color:#000; }
table.cal td.d a.gg{ color:#999; }

table.sche td span.ed{ display:none; position:absolute; top:0px; right:2px; font-size:18px; color:#F60; font-weight:bold; }
table.sche td:hover span.ed{ display:inline-block; }

span.new{ position:absolute; left:2px; top:0px; font-weight:bold; color:#F30; font-style:italic; font-size:10px; }
span.new{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}