@charset "utf-8";
/* CSS Document */












/*================================== body =====================================*/

body{
background-color:#66CBFF;
line-height:1.5;
color:#000000;
font-size:14px;
text-align:center;
margin-top:0;
}

/*================================== img =====================================*/
img{
border:none;
}




/*================================== .clear-fix =====================================*/

.clear-fix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear-fix{
display:inline-table;
zoom:1;
}

/*MacIE begin \*/
* html .clear-fix{
height:1%;
}
* html .clear-fix{
display:block;
}
/*MacIE end*/



/*================================== .clear =====================================*/

.clear{
clear:both;
}





/*================================== #all =====================================*/
div#all{
width:932px;
background:url(/image/custom/all-bg.jpg) repeat-y center top #66CBFF;
margin:0 auto;
position:relative;
}

/*================================ #header-wrap ===========================*/

div#header-wrap{
width:932px;
background:url(/image/custom/head-bg.jpg) no-repeat center top;
min-height:50px;
}


/*========================================= #header =====================*/

div#header{
width:850px;
margin:0 41px;
padding-top:30px;
}

/*======================= #h-left ===============*/

div#h-left{
float:left;
width:345px;
}

div#h-left h1{
margin:0px;
}

/*====================== #h-right ==============*/

div#h-right{
float:left;
width:505px;
}



/*======= #hr-left ===========*/
div#hr-left{
float:left;
width:268px;
height:61px;
background:url(/image/custom/h-mojisize-bg.jpg) no-repeat left bottom;
margin-left:12px;
_margin-left:6px;
margin-left:6px;
padding-top:40px;
}

/*======= #link-box ===========*/
#link-box {
margin-left:10px;
}

#link-box img{
float:left;
margin-top:5px;
margin-left:0px;
}


/*======= #link-box ===========*/
/*div#link-box p{
margin:10px 15px 0 0;
padding:0;
float:left;
font-size:12px;
}

div#link-box a:link,
div#link-box a:visited,
div#link-box a:active{
color:#003399;
text-decoration:none;
}
div#link-box a:hover{
color:#003399;
text-decoration:underline;
}




/*======= #hr-righ t===========*/
div#hr-right{
float:right;
width:220px;
margin-left:5px;
}


/*======= #moji-box ===========*/
div#moji-box{
float:left;
width:260px;
height:36px;
}

div#moji-box input{
margin-left:10px;
}

div#moji-box img{
margin-left:10px;
}

/*======= #fukuokaken-box ===========*/
div#fukuokaken-box{
width:220px;
height:42px;
margin:0;
padding:0;
text-align:right;
}
div#fukuokaken-box img{
margin:0;
padding:0;
}

/*======= #hukuondan-box ===========*/
div#hukuondan-box{
width:220px;
height:36px;
padding:0;
margin:0;
}
div#hukuondan-box img{
margin:0;
padding:0;
}


/*======= #kensaku-box ===========*/
#kensaku-box form{
padding:0;
margin:0;
}
#kensaku-box .text-space{
width:155px;
font-size:12px;
}

#kensaku-box{
height:21px;
}







/*=================================== #main ====================================*/
#main{
width:600px;
margin-bottom:15px;
}

#picture{
width:600px;
margin:0;
padding:0;
}

#picture .game-waku{
padding:0;
margin:0;
}


/*==================================== #cont ===================================*/
div#cont{
width:932px;
margin-top:7px;
background:url(/image/custom/cont-bg.jpg) repeat-y;
}



/*=============== #side-menu ===============*/

/*div#side-wrap{
background-color:#666666;
border:solid 1px #FF0000;
width:234px;
/*background-color:#FFFFB2;*/

div#side-menu{
width:234px;
float:left;
margin-left:41px;
_margin-left:20.5px;
}

div#side-menu ul{
width:234px;
margin:0;
padding:0;
line-height:1.0;
}



div#side-menu ul li{
list-style:none;
font-size:15px;
text-align:left;
}

div#side-menu ul li a{
display:block;
width:184px;
height:32px;
margin-bottom:4px;
padding-top:8px;
padding-left:50px;
}


div#side-menu ul a:link,
div#side-menu ul a:visited,
div#side-menu ul a:active{
background:url(/image/custom/left-sidemenu-bg.jpg) no-repeat left top;
color:#333333;
text-decoration:none;
}
div#side-menu ul a:hover{
background:url(/image/custom/left-sidemenu-obg.jpg) no-repeat left top;
color:#333333;
text-decoration:none;
}




div#side-menu img{
margin-bottom:4px;
}




div#rss-box{
width:234px;
height:42px;
background:url(/image/custom/left-rss-bg.jpg) no-repeat left top;
margin-bottom:4px;
padding-top:9px;
padding-left:16px;
}

#otoiawase{
text-align:left;
width:232px;
color:#333333;
background-color:#FFFFFF;
border:solid 1px #999999;
}

#otoiawase .otoiawase-inner{
width:212px;
margin:10px;
margin-top:5px;
}

#otoiawase img{
margin:0;
padding:0;
}


#otoiawase p{
font-size:14px;
margin:0;
padding:0;
}

#otoiawase p.kankyouseisakubu{
font-size:16px;
font-weight:bold;
}

#otoiawase span.number{
font-size:18px;
margin-left:10px;
}

#otoiawase a:link,
#otoiawase a:visited,
#otoiawase a:active,
#otoiawase a:hover{
color:#003399;
text-decoration:underline;
}



/*=============== #contents ===============*/

div#contents{
width:600px;
float:right;
margin-right:41px;
_margin-right:20.5px;
}

div#contents a:link,
div#contents a:visited,
div#contents a:active{
color:#003399;
text-decoration:none;
}
div#contents a:hover{
color:#003399;
text-decoration:underline;
}






div#contents .bg-blue{
background-color:#E3EFF3;
}

div#contents h2.title{
width:600px;
height:40px;
background:url(/image/custom/c-title-bg.jpg) no-repeat left top #FFFFFF;
text-align:left;
text-indent:2.5em;
color:#333333;
font-size:17px;
padding-top:7px;
margin:0;
}

div#minnanogazo{
width:600px;
border:1px #CCCCCC solid;
margin-bottom:10px;
}



div#minnanogazo .img-box{
width:122px;
height:100%;
float:left;
margin:3px 14px;
_margin:3px 11px;
overflow:hidden;
}

_div#minnanogazo .img-first{
margin-left:6px;
}

div#minnanogazo .img-box p{
margin:3px 0;
padding-top:3px;
padding-bottom:3px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:left;
line-height:1.2;
}

#top-imgbox{
width:120px;
padding:5px 0px;
background-color:#FFFFFF;
height:90px;
border:1px #CCCCCC solid;
}

#top-imgbox img{
left: 0px;
}


div#eco-game{
	width:600px;
	border:1px #CCCCCC solid;
	margin-bottom:10px;
	background-color:#FFFFFF;
}


div#ecolife-info{
width:600px;
border:1px #CCCCCC solid;
margin-bottom:10px;
overflow:hidden;
}


div#ecolife-info .info-list{
text-align:left;
padding:3px 40px;
}

div#ecolife-info .info-list span{
margin-right:2em;
}


div#ecolife-info p{
text-align:right;
padding:6px 40px;
margin:0 0;
}



div#calender{
width:600px;
border:1px #CCCCCC solid;
margin-bottom:10px;
}



/*=============== #h3box===============*/
div#h3-box{
width:600px;
margin-bottom:10px;
}


div#eco-fami{
width:290px;
float:left;
border:1px #CCCCCC solid;
overflow:hidden;
}


div#eco-jigyousyo{
width:290px;
float:right;
border:1px #CCCCCC solid;
overflow:hidden;
}



div#eco-fami h3{
width:290px;
height:40px;
background:url(/image/custom/c-titlebg-fami.jpg) no-repeat left top;
text-align:left;
text-indent:2.5em;
color:#333333;
font-size:17px;
padding-top:7px;
margin:0;
}


div#eco-jigyousyo h3{
width:290px;
height:40px;
background:url(/image/custom/c-titlebg-jigyou.jpg) no-repeat left top;
text-align:left;
text-indent:2.5em;
color:#333333;
font-size:17px;
padding-top:7px;
margin:0;
}



div#eco-fami .fami-list,
div#eco-jigyousyo .jigyousyo-list{
text-align:left;
padding:3px 20px;
}

div#eco-fami .fami-list span,
div#eco-jigyousyo .jigyousyo-list span{
margin-right:1em;
}


div#eco-fami p,
div#eco-jigyousyo p{
text-align:right;
padding: 6px 20px 6px 0;
margin:0 0;
}







div#contents .page-top{
text-align:right;
margin-top:80px;
}




/*===================================== #barnner ==================================*/
div#barnner{
width:850px;
margin:0 41px;
padding:20px 0;
border-bottom:1px #CCCCCC solid;
border-top:1px #CCCCCC solid;
}
div#barnner img{
margin-bottom:10px;
margin-right:7px;
}


/*===================================== #footer ==================================*/
div#footer{
width:932px;
background: url(/image/custom/footer-bg.jpg) no-repeat left bottom;
}


div#footer-link{
width:850px;
margin:0 41px;
padding:15px 0;
}

div#footer-link p{
margin:0;
padding:0;
line-height:1.3;
font-size:12px;
color:#999999;
}

div#footer-link a:link,
div#footer-link a:visited,
div#footer-link a:active{
color:#999999;
text-decoration:none;
}


div#footer-link a:hover{
color:#999999;
text-decoration:underline;
}


div#Copyright{
color:#003399;
padding-bottom:20px;
padding-top:30px;
}




/*===================================== #seiseki==================================*/
#seiseki-box{
width:200px;
border:4px solid #666600;
background-color:#FFFFFF;
position:absolute;
top:147px;
left:304px;
line-height:1.2;
}

#seiseki-inner{
width:180px;
_width:190px;
margin:0 9px;
}

#seiseki-box .underline{
border-bottom:1px solid #CCCCCC;
}

#s-title-box{
width:inherit;
}



#data-box1,
#data-box2{
width:inherit;
}


#koumoku1-q,
#koumoku2-q{
float:left;
width:70px;
line-height:1.1;
text-align:left;
margin-top:12px;
margin-left:10px;
_margin-left:5px;
font-size:14px;
}


#koumoku2-q span{
font-size:10px;
margin:0 2px;
}



#koumoku1-a,
#koumoku2-a{
font-size:18px;
float:right;
width:130px;
margin-top:1em;
}

#seiseki-btn{
margin:4px 0;
}





#seiseki-p ul{
margin:2px auto 6px auto;
padding:0;
}

#seiseki-p ul li{
list-style-image:url(/image/custom/box_listmark.jpg);
margin-left:13px;
font-size:10px;
}

/*こちらが、検索結果のデザインに使うＣＳＳです。*/
/*=================================== #kensaku ==================================*/
div#kensaku{
width:600px;
border:1px #CCCCCC solid;
margin-bottom:10px;
overflow:hidden;
}

div#ken-cont{
width:580px;
padding:10px;
text-align:left;
}

div#ken-imgbox{
border:1px #CCCCCC solid;
width:120px;
height:90px;
padding:5px;
background-color:#FFFFFF;
float:left;
text-align:center;
}


div#ken-text{
width:431px;
padding-left:17px;
float:right;
overflow:hidden;
}



div#ken-text .title{
/*overflow:hidden;
height:1.5em;*/
font-weight:bold;
}



div#ken-text .txtcont{
/*overflow:hidden;*/
line-height:1.2;
/*height:2.4em;*/
padding-top:3px;
}

div#ken-text .txtconts{
/*overflow:hidden;*/
line-height:1.2;
/*height:1.2em;*/
padding-top:3px;
}

div#ken-text .url{
color:#999999;
height:1.5em;
overflow:hidden;
}=======
@charset "utf-8";
/* CSS Document */












/*================================== body =====================================*/

body{
background-color:#66CBFF;
line-height:1.5;
color:#000000;
font-size:14px;
text-align:center;
margin-top:0;
}

/*================================== img =====================================*/
img{
border:none;
}





/*================================== .clear =====================================*/

.clear{
clear:both;
}





/*================================== #all =====================================*/
div#all{
width:932px;
background:url(/image/custom/all-bg.jpg) repeat-y center top #66CBFF;
margin:0 auto;
position:relative;
}






/*======= #link-box ===========*/
div#link-box p{
margin:10px 15px 0 0;
padding:0;
float:left;
font-size:12px;
}

div#link-box a:link,
div#link-box a:visited,
div#link-box a:active{
color:#003399;
text-decoration:none;
}
div#link-box a:hover{
color:#003399;
text-decoration:underline;
}


/*======= #smog-box ===========*/
div#smog-box{
width:230px;
background-color:#66CCCC;
border:3px solid #CCCCCC;
margin-top:48px;
margin-left:0;
}
div#smog-box p{
font-size:12px;
margin:0 0 0 10px;
padding:0;
text-align:left;
}
div#smog-box .siro{
color:#FFFFFF;
}
div#smog-box img{
padding:20px;
}





/*======= #kensaku-box ===========*/
#kensaku-box .text-space{
width:155px;
font-size:12px;
}















/*=============== #contents ===============*/

div#contents{
width:600px;
float:right;
margin-right:41px;
_margin-right:20.5px;
}

div#contents a:link,
div#contents a:visited,
div#contents a:active{
color:#003399;
text-decoration:none;
}
div#contents a:hover{
color:#003399;
text-decoration:underline;
}






div#contents .bg-blue{
background-color:#E3EFF3;
}

div#contents h2.title{
width:600px;
height:40px;
background:url(/image/custom/c-title-bg.jpg) no-repeat left top #FFFFFF;
text-align:left;
text-indent:2.5em;
color:#333333;
font-size:17px;
padding-top:7px;
margin:0;
}


div#ecolife-info{
width:600px;
border:1px #CCCCCC solid;
margin-bottom:10px;
}


div#ecolife-info .info-list{
text-align:left;
padding:3px 40px;
}

div#ecolife-info .info-list span{
margin-right:2em;
}


div#ecolife-info p{
text-align:right;
padding:6px 40px;
margin:0 0;
}



div#eco-advice{
width:600px;
border:1px #CCCCCC solid;
margin-bottom:10px;
}



/*=============== #h3box===============*/
div#h3-box{
width:600px;
margin-bottom:10px;
}


div#eco-fami{
width:290px;
float:left;
border:1px #CCCCCC solid;
}


div#eco-jigyousyo{
width:290px;
float:right;
border:1px #CCCCCC solid;
}



div#eco-fami h3{
width:290px;
height:40px;
background:url(/image/custom/c-titlebg-fami.jpg) no-repeat left top;
text-align:left;
text-indent:2.5em;
color:#333333;
font-size:17px;
padding-top:7px;
margin:0;
}


div#eco-jigyousyo h3{
width:290px;
height:40px;
background:url(/image/custom/c-titlebg-jigyou.jpg) no-repeat left top;
text-align:left;
text-indent:2.5em;
color:#333333;
font-size:17px;
padding-top:7px;
margin:0;
}



div#eco-fami .fami-list,
div#eco-jigyousyo .jigyousyo-list{
text-align:left;
padding:3px 20px;
}

div#eco-fami .fami-list span,
div#eco-jigyousyo .jigyousyo-list span{
margin-right:1em;
}


div#eco-fami p,
div#eco-jigyousyo p{
text-align:right;
padding: 6px 20px 6px 0;
margin:0 0;
}







div#contents .page-top{
text-align:right;
margin-top:80px;
}




/*===================================== #barnner ==================================*/
div#barnner{
width:850px;
margin:5px 41px;
padding:20px 0;
border-bottom:1px #CCCCCC solid;
border-top:1px #CCCCCC solid;
}
div#barnner img{
margin-bottom:10px;
margin-right:7px;
}


/*===================================== #footer ==================================*/
div#footer{
width:932px;
background: url(/image/custom/footer-bg.jpg) no-repeat left bottom;
}


div#footer-link{
width:850px;
margin:0 41px;
padding:15px 0;
}

div#footer-link p{
margin:0;
padding:0;
line-height:1.3;
font-size:12px;
color:#999999;
}

div#footer-link a:link,
div#footer-link a:visited,
div#footer-link a:active{
color:#999999;
text-decoration:none;
}


div#footer-link a:hover{
color:#999999;
text-decoration:underline;
}


div#Copyright{
color:#003399;
padding-bottom:20px;
padding-top:30px;
}




/*===================================== #seiseki==================================*/

#s-title-box{
width:inherit;
}



#data-box1,
#data-box2{
width:inherit;
height:3em;
}


#koumoku1-q,
#koumoku2-q{
float:left;
width:60px;
line-height:1.1;
text-align:left;
margin-top:12px;
margin-left:10px;
_margin-left:5px;
font-size:14px;
}


#koumoku2-q span{
font-size:10px;
margin:0 2px;
}



#koumoku1-a,
#koumoku2-a{
font-size:18px;
float:right;
width:105px;
margin-top:1em;
}

#seiseki-btn{
margin:4px 0;
}





#seiseki-p ul{
margin:2px auto 4px auto;
padding:0;
}

#seiseki-p ul li{
list-style-image:url(/image/custom/box_listmark.jpg);
margin-left:13px;
font-size:10px;
}


/*===================================== #search==================================*/
#search {
	margin: 10px 0px 10px 0px;
}

/*==================#clogin-box====================*/
#clogin-box{
width:240;
height:121px;
background:url(/image/custom/cont-login-bg.jpg) no-repeat left top;
margin-bottom:3px;
margin-top:3px;
}
#clogin-box img{
margin-top:56px;
}

#clogin-box2 {
background-color:#FFFFFF;
border:4px solid #666600;
line-height:1.2;
width:200px;
margin:3px 0 3px 0;
width:226px;
text-align:center;
}



/*========================#sub-menuimg======================*/
#sub-menuimg img{
margin:0;
padding:0;
}

.blog-head {
float:left;
margin-bottom:5px;
margin-left:16px;
_margin-left:2px;
}

#data-box3, #data-box4 {
width:inherit;
margin-top:5px;
}

#koumoku3-q, #koumoku4-q {
float:left;
font-size:14px;
line-height:1.1;
margin-left:10px;
text-align:left;
width:80px;
}


.list-category{
text-align:left;
padding:3px;
font-size:12px;
}

/*========================#freespace_box======================*/
#blog_freespace_box {
border:1px solid #CCCCCC;
margin:5px 0px;
_margin-bottom:60px;
padding:5px;
text-align:left;
}