@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
}

body{
font-size:12px;
}

a:link{
color:#069;
}

a:visited{
color:#036;
}

a:active{
color:#0CF;
}


#wrap{
}

#head{
padding:13px 0 0 0;
border-top:#1F62FF solid 4px;
}

#head h1{
margin:0 0 0 0;
text-align:center;
}
#hed-title{width:100%;height:50px;}
#head h1 img{
width:200px;float:left;margin-left:10px;}
.home{float:right;margin-right:10px;}

#head nav{
margin:0 10px 10px 10px;
}

#head nav ul{border:solid 2px #999;}
#head nav ul li a{
display:block;
height:36px;
font-size:10px;
font-weight:bold;
color:#666;
text-align:center;
text-decoration:none;
line-height:36px;
}

.nav-1{
display:-webkit-box;
display:-moz-box;
display:box;
width:100%;
padding:4px 6px;
background:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.nav-1 li{
margin:0 0 0 0;
padding:10 8px 0 0;
-webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
-webkit-background-size:1px auto;
background-size:1px auto;
}
	
.color-1{height:26px;border-bottom:#0FBA63 solid 4px;background:url(../img/all_line01.png) no-repeat right;}
.color-2{height:26px;border-bottom:#FF8500 solid 4px;background:url(../img/all_line01.png) no-repeat right;}
.color-3{height:26px;border-bottom:#FF5F8F solid 4px;}
.color-4{height:26px;border-bottom:#3F5DFF solid 4px;background:url(../img/all_line01.png) no-repeat right;}
.color-5{height:26px;border-bottom:#FFC400 solid 4px;background:url(../img/all_line01.png) no-repeat right;}
.color-6{height:26px;border-bottom:#8F4FFF solid 4px;}

.color-1-2{height:30px;background:url(../img/all_line01.png) no-repeat right #0FBA63;border-radius:3px;}
.color-2-2{height:30px;background:url(../img/all_line01.png) no-repeat right #FF8500;border-radius:3px;}
.color-3-2{height:30px;background-color:#FF5F8F;border-radius:3px;}
.color-4-2{height:30px;background:url(../img/all_line01.png) no-repeat right #3F5DFF;border-radius:3px;}
.color-5-2{height:30px;background:url(../img/all_line01.png) no-repeat right #FFC400;border-radius:3px;}
.color-6-2{height:30px;background-color:#8F4FFF;border-radius:3px;}

#visual{
margin:0 10px 10px 10px;
}
#visual p{
width:100%;
-webkit-background-size:100% auto;
background-size:cover;
border-radius:4px;
}

#visual p img{
width:100%;
max-width: 100%;
    height: auto;
margin:0px 0 0 0px;
}

#contents{
position:relative;
margin:0 10px 10px 10px;
padding:10px 8px;
-webkit-box-shadow:1px 1px 2px #ddd;
box-shadow:1px 1px 2px #ddd;
background:#fff;
border-radius:4px;
}

#contents .rightbtn{
position:absolute;
right:10px;
top:7px;
}

#contents .head{
}

#contents .head h1{
margin:0 0 20px 0;
padding:0 100px 5px 0;
font-size:14px;
background:url(../img/cont_line01.png) no-repeat left bottom;
-webkit-background-size:100% 3px;
background-size:100% 3px;
}

#contents .main{
padding:0 0 10px 0;
clear:both;
}

#contents .main h2{
margin:0 0 14px 0;
padding:0 0 0 4px;
font-size:12px;
font-weight:bold;
line-height:1;
border-left:#1F62FF solid 4px;
}

#fmenu{
margin:0 10px 10px 10px;
padding:14px 8px;
background:#DDF2F9;
border-radius:4px;
}

#fmenu header{
margin:0 0 10px 0;
}

#fmenu h2{
margin:0 0 14px 0;
padding:0 0 0 4px;
font-size:12px;
font-weight:bold;
line-height:1;
border-left:#1F62FF solid 4px;
}

#fmenu header p{
}

#fmenu header p img{
width:100%;
border-radius:4px;
}

#fmenu section{
}

#fmenu section h2{
margin:0 0 16px 0;
font-size:12px;
color:#069;
}

#fmenu section dl{
font-size:10px;
line-height:1.6;
}

#fmenu section dl dt{
width:60px;
}

#fmenu section dl dd{
margin:-1.6em 0 4px 0;
padding:0 0 4px 70px;
border-bottom:#BBCDD3 dotted 1px;
}

#fmenu section dl dd:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}

.pagetop{
margin:0 10px 10px 10px;
text-align:right;
}

.pagetop a{
padding:0 0 0 14px;
font-size:10px;
background:url(../img/all_arw01t.png) no-repeat left center;
-webkit-background-size:11px;
background-size:11px;
}

#foot{
margin:0 10px;
padding:10px 0 10px 0;
font-size:10px;
}

#foot nav{
}

#foot nav ul{
margin:0 0 10px 0;
text-align:center;
}

#foot nav ul li{
display:inline;
margin:0 10px 0 0;
color:#fff;
}

#foot nav ul li a{
padding:0 0 0 14px;
background:url(../img/all_arw001r.png) no-repeat left center;
-webkit-background-size:11px;
background-size:11px;
}

#foot section{
padding:15px 10px;
background:#1F62FF;
border-radius:4px;
}

#foot section ul{
margin:0 0 5px 0;
list-style:none;
text-align:center;
}

#foot section ul li{
display:inline;
margin:0 10px 0 0;
color:#fff;
}

#foot section ul li a{
padding:0 0 0 14px;
background:url(../img/all_arw001r.png) no-repeat left center;
-webkit-background-size:11px;
background-size:11px;
color:#fff;
}

#foot section p{
text-align:center;
}



.b1-color-1{background-color:#FF8500;}
.b1-color-2{background-color:#0FBA63;}
.box-1{
position:relative;
margin:0 10px 10px 10px;
padding:0px 8px;
background:#fff;
border-radius:4px;
overflow:hidden;
}
.box-1 img{width:100%;max-width:100%;height: auto;}
.box-1-1{width:46%;float:right;padding:5px 5px 5px 1%;}
.box-1-1 img{width:100%;max-width:100%;height: auto;}
.box-1-1 h3{width:98%;height:20px;padding:5px 0 0 2%;color:#fff;}
.box-1-1 p{width:100%;height:35px;padding:0 0 0 0;color:#004CFF;font-size:12px;line-height:16px;}
.box-1-2{width:100%;clear:both; overflow:hidden;}
.box-1-3{width:46%;float:left;padding:5px 1% 5px 5px;}
.box-1-3 img{width:100%;max-width:100%;height: auto;}
.box-1-3 h3{width:98%;height:20px;padding:5px 0 0 2%;color:#fff;}
.box-1-3 p{width:100%;height:35px;padding:0 0 0 0;color:#004CFF;font-size:12px;line-height:16px;}

.box-2{
position:relative;
margin:0 10px 10px 10px;
padding:0px 0px;
background:#fff;
overflow:hidden;
}
.box-2 img{width:100%;max-width:100%; height:auto;}
.box-2 p{padding:5px 1% 5px 1%;font-size:14px;line-height:18px;color:#333;}
.box-2-1{width:46%;float:left;padding:5px 1% 5px 5px;}
.box-2-1 ul{padding: 0 0 5px 2em;}
.box-2-1 li{font-size:14px;color:#333; font-weight:bold;padding: 0 0 5px 0em;list-style-type:disc;}
.box-2 h2{width:99%;height:20px;padding:5px 0 0 1%;color:#fff;margin-bottom:5px;}

.box-2-2{width:46%;float:right;padding:5px 5px 5px 1%;}
.box-2-2 ul{padding: 0 0 5px 2em;}
.box-2-2 li{font-size:14px;color:#333; font-weight:bold;padding: 0 0 5px 0em;list-style-type:disc;}
.head-line{overflow:hidden;margin:5px 0 5px 0;}
.head-line img{width:100%;max-width:100%; height:auto;}

.recycle-h{background-image:url(../img/recycle/poti.jpg);background-repeat:no-repeat;padding:5px 5px 5px 40px;background-position: 10px 6px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:0px 0px 10px 0px;color:#1F62FF;}
.kaitori-h{background-image:url(../img/kaitori/poti.jpg);background-repeat:no-repeat;padding:5px 5px 5px 40px;background-position: 10px 6px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:0px 0px 10px 0px;color:#1F62FF;}
.clean-h{background-image:url(../img/clean/poti.jpg);background-repeat:no-repeat;padding:5px 5px 5px 40px;background-position: 10px 6px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:0px 0px 10px 0px;color:#1F62FF;}
.kaitai-h{background-image:url(../img/kaitai/poti.jpg);background-repeat:no-repeat;padding:5px 5px 5px 40px;background-position: 10px 6px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:0px 0px 10px 0px;color:#1F62FF;}
.kaitai-h4{background-color:#3F5DFF;background-repeat:no-repeat;padding:5px 10px 10px 10px;background-position: 10px 12px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:10px 0px 10px 0px;color:#fff;width:100%;height:10px;}
.reform-h{background-image:url(../img/reform/poti.jpg);background-repeat:no-repeat;padding:5px 5px 5px 40px;background-position: 10px 6px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:0px 0px 10px 0px;color:#1F62FF;}
.about-h{background-image:url(../img/poti-1.jpg);background-repeat:no-repeat;padding:5px 5px 5px 40px;background-position: 10px 6px;font-size:16px;border-top:dotted 1px #666;border-bottom:dotted 1px #666;margin:0px 0px 10px 0px;color:#1F62FF;}
/*------------------------------------------------
   News
------------------------------------------------*/
#newsList{
}

#newsList ul{
padding:8px 0 0 0;
font-size:10px;
line-height:1.6;
list-style:none;
border-top:#ddd dotted 1px;
}

#newsList ul li{
}

#newsList ul li h3{
width:50px;
font-weight:bold;
}

#newsList ul li span{
display:block;
margin:-1.6em 0 10px 0;
padding:0 0 10px 60px;
border-bottom:#ddd dotted 1px;
}

#newsList ul li:last-child span{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}

#newsArea{
}

#newsArea header{
}

#newsArea header time{
display:block;
margin:0 0 3px 0;
font-size:10px;
color:#666;
}

#newsArea header h1{
margin:0 0 14px 0;
padding:0 0 7px 0;
font-size:12px;
font-weight:bold;
color:#069;
border-bottom:#ddd dotted 1px;
}

#newsArea section{
margin:0 0 14px 0;
padding:0 0 16px 0;
font-size:10px;
line-height:1.6;
border-bottom:#ddd dotted 1px;
}

#newsArea section img{
float:left;
width:140px;
padding:0 10px 6px 0;
}

#newsArea .pageNation{
font-size:10px;
list-style:none;
}

#newsArea .pageNation .prev{
float:left;
}

#newsArea .pageNation .prev a{
padding:0 0 0 16px;
background:url(../img/all_arw01l.png) no-repeat left center;
-webkit-background-size:11px;
background-size:11px;
}

#newsArea .pageNation .next{
float:right;
text-align:right;
}

#newsArea .pageNation .next a{
padding:0 16px 0 0;
background:url(../img/all_arw01r.png) no-repeat right center;
-webkit-background-size:11px;
background-size:11px;
}


.about dl{line-height:25px;color:#333;width:100%;font-size:14px;}
.about dt{float:left;margin-right:14px;letter-spacing:3px;padding-top:10px;padding-left:10px; font-weight:bold;}
.about dd{margin-left:8em;padding-top:10px;}
dl.about-list dd{margin-left: 0;padding: 5px 0.5em 5px 8em;border-bottom:dotted 1px #1F62FF;}

h4{background-color:#1F62FF;color:#fff;font-size:16px;padding:10px 0 10px 20px;}
.te-box{margin:10px 0 10px 20px;}
.m-image{margin:10px 0 10px 0px;}