.clear{ clear:both; height:0;}
.center{ text-align:center;}
.center_mt70{ text-align:center; margin:70px 0 70px 0}
img{ border:0; vertical-align:bottom;}
ul{ margin:0; padding:0; list-style:none;}

/*--- index ---*/
#container{ width:980px; margin:0 auto; color:#333; font-size:16px; line-height:200%; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container h1{ border-bottom:#E0E0E0 solid 1px; padding:30px 20px 25px; margin:0;}

#container h2{ margin:50px 0 30px; font-size:24px; padding:12px 20px 10px; background:#f2f2f2;}
#container h2.top{ margin:50px 0; text-align:center;}

#container .Wrap{ width:980px;}
#container .Wrap h3{ background:url(../img/common/circle.png) no-repeat left 6px; background-size: 18px; padding-left:28px; margin-bottom:15px; font-size:16px; font-weight: normal;}
#container .Wrap h3.mb00{ margin-bottom:0;}
#container .Wrap p.caution{ margin-bottom:0; font-size: 14px; line-height: 150%; padding-left: 28px;}
#container .Wrap p.icon{ padding-left: 28px; float: left;}
#container .Wrap p.icon img{ width: 82px;}
#container .Wrap p.text{ font-size: 16px; font-weight: normal; padding-left: 28px;}

#container .graybox{ width:980px;}
#container .graybox:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
#container .graybox .l_box{ width:420px; float:left; border:#F2F2F2 5px solid; padding:25px; margin-top:20px;}
#container .graybox .r_box{ width:420px; height: 869px;  float:right; border:#F2F2F2 5px solid; padding:25px; margin-top:20px;}
#container .graybox p.mttl{ font-weight:bold; font-size:18px; margin:0 0 5px; color:#01948A;}
#container .graybox p.note{ font-weight:normal; font-size:14px; margin:0 0 20px;}
#container .graybox ul{ list-style:none; margin:0; padding:0;}
#container .graybox li{ background:url(../img/common/arrow.png) no-repeat left center; background-size: 18px; padding:0 0 0 25px; margin-top:5px; font-size:16px;}
#container .graybox li.lnone{ background:none;}
#container .graybox li a{ color:#333; text-decoration:none;}
#container .graybox li a:hover{ color:#333; text-decoration:underline;}

#container .textbtn{ margin-top:15px; margin: 40px auto 0; text-align: center;} 
#container .textbtn a{ color:#333; text-decoration:none; background:url(../img/common/arrow.png) no-repeat left top 2px; background-size: 18px; padding-left:28px;}
#container .textbtn a:hover{ color:#333; text-decoration:underline;}

#container .toiletbox{width: 780px; margin: 0 0 0 80px; float: right;}
#container .toiletbox:after{ content:""; display:block; clear:both; height:0;}
#container .toiletbox ul{width: 390px; float: left;}
#container .toiletbox ul:last-child{margin-right: 0; float: right;}

#container .Wrap .bluegreen{color:#01948A !important;}
#container .Wrap .bold{font-weight: bold;}
#container .Wrap a{ color:#01948A; text-decoration: none;}
#container .Wrap a:hover{text-decoration-line: underline;}

#container p.note{ font-size:12px; line-height:140%; margin:90px 0 50px;}

.pc{ display:inherit;}
.sp{ display:none;}