#main #top{
background-image:url(../img/top/top_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#main #top #top_menu{
width:310px;
float:left;
/*border-bottom:5px solid #DFF26D;*/
/*border-bottom:5px solid #B3D2F2;*/
margin:15px 0 0 0;
padding:0 0 0 0;
}
#main #top #top_menu table{
width:290px;
height:290px;
margin:5px;
}
#main #top #top_menu .counter{
text-align:center;
margin:5px 0 0 0;
}
#main #top #top_cont{
width:390px;
float:left;
}
#main #top #top_cont .title{
text-align:center;
margin:0 0 15px 0;
}
#main #top #top_cont #top_cont1,
#main #top #top_cont #top_cont2,
#main #top #top_cont #top_cont3,
#main #top #top_cont #top_cont4,
#main #top #top_cont #top_cont5,
#main #top #top_cont #top_cont6,
#main #top #top_cont #top_cont7,
#main #top #top_cont #top_cont8{
width:370px;
margin:0 0 0 10px;
}
#main #top #top_cont #top_cont1{
display:block;
}
#main #top #top_cont #top_cont2,
#main #top #top_cont #top_cont3,
#main #top #top_cont #top_cont4,
#main #top #top_cont #top_cont5,
#main #top #top_cont #top_cont6,
#main #top #top_cont #top_cont7,
#main #top #top_cont #top_cont8{
display:none;
}

/* TOP COMMON PARTS */
#main #top #top_cont .common_bottom{
clear:left;
}
#main #top #top_cont .common_stitle{
margin:0px 10px 10px 10px;
padding:0 0 5px 0;
border-bottom:1px solid #FFFFFF;
}
#main #top #top_cont .common_title_img{
float:left;
padding:0 10px 0 10px;
}
#main #top #top_cont .common_comment{
line-height:18px;
color:#FFFFFF;
padding:0 10px 0 0;
}
#main #top #top_cont .common_link{
text-align:right;
padding:0 10px 0 0;
}
#main #top #top_cont .common_link a{
color:#FFFFFF;
text-decoration:none;
}
#main #top #top_cont .common_link a:hover{
color:#FFFFFF;
text-decoration:underline;
}
/* TOP ORANGE PARTS */
#main #top #top_cont .orange_main{
background-color:#FF9A43;
height:121px;
}
/* TOP GREEN PARTS */
#main #top #top_cont .green_main{
background-color:#9BCC2F;
height:121px;
}
/* TOP BLUE PARTS */
#main #top #top_cont .blue_main{
background-color:#799FDB;
height:121px;
}

#main #top #top_cont #topics{
width:370px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
margin:15px 0 0px 10px;
background-image:url(../img/top/topics_bg.gif);
background-repeat:no-repeat;
background-position:bottom right;
}
#main #top .blog{
clear:left;
text-align:right;
margin:-6px 15px 3px 0;
}
#main #top  .blog a{
color:#3980E5;
text-decoration:none;
}
#main #top .blog a:hover{
color:#FF6D00;
text-decoration:underline;
}

#main #pan_navi{
width:640px;
margin:0 auto 1px auto;
padding:0;
font-size:11px;
color:#888888;
}
#main #pan_navi a{
color:#888888;
text-decoration:none;
}
#main #pan_navi a:hover{
color:#000000;
text-decoration:underline;
}

#main #about,
#main #business,
#main #life,
#main #flow,
#main #example,
#main #sewer,
#main #tour,
#main #link,
#main #sitemap,
#main #contact,
#main #glossary{
width:580px;
margin:0 auto 10px auto;
padding:20px 30px 10px 30px;
border:1px solid #CCCCCC;
}

#main #title{
width:640px;
height:55px;
margin:0 auto;
padding:0;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../img/title/title_bg.gif);
background-repeat:no-repeat;
}
#main #title .img{
float:left;
padding:5px 0 0 5px;
}
#main #title .e_title{
color:#666666;
font-size:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
position:relative;
top:13px;
left:6px;
}
#main #title h2{
color:#666666;
font-size:12px;
position:relative;
top:14px;
left:6px;
}
#main h3{
font-size:14px;
line-height:24px;
text-indent:26px;
color:#666666;
}
#main h3.blue{
background-image:url(../img/common/h3_blue.gif);
background-repeat:no-repeat;
color:#799FDB;
}
#main h3.orange{
background-image:url(../img/common/h3_orange.gif);
background-repeat:no-repeat;
color:#CC6600;
}
#main h3.green{
background-image:url(../img/common/h3_green.gif);
background-repeat:no-repeat;
color:#669900;
}

#main h4{
font-size:12px;
line-height:14px;
text-indent:16px;
color:#666666;
}
#main h4.blue{
background-image:url(../img/common/h4_blue.gif);
background-repeat:no-repeat;
color:#799FDB;
}
#main h4.orange{
background-image:url(../img/common/h4_orange.gif);
background-repeat:no-repeat;
color:#CC6600;
}
#main h4.green{
background-image:url(../img/common/h4_green.gif);
background-repeat:no-repeat;
color:#669900;
}

#main .page2top{
text-align:right;
border-top:1px solid #CCCCCC;
margin:15px 0 0 0;
padding:5px 0 0 0;
}
#main .page2top a{
color:#777777;
text-decoration:none;
}
#main .page2top a:hover{
color:#000000;
text-decoration:underline;
}

/* ABOUT */
#about p{
margin:5px 0 0 0;
text-indent:10px;
}
#about .greets{
font-size:16px;
font-weight:bold;
color:#666666;
}
#about #about_tb{
width:100%;
padding:10px 0 0px 0;
}
#about #about_tb .border{
width:100%;
padding:15px 0;
border-bottom:1px dotted #D67222;
}
#about #about_tb .border th{
width:25%;
text-align:center;
font-weight:normal;
}
#about #about_tb .border td{
width:75%;
}
#about #about_imgtb{
clear:left;
margin:20px 0 20px 0;
}
#about #about_imgtb td{
padding:10px 0 0 0;
}
#about #about_imgtb td iframe{
border:1px solid #999999;
}
#about #about_imgtb th{
padding:10px 16px 0 0;
}
#about #about_imgtb img{
border:1px solid #999999;
background-color:#F7F9CA;
}

/* BUSINESS */
#business p{
margin:10px 0;
}
#business .main_img{
margin:0 0 20px 0;
}
#business .etc{
border:1px solid #999999;
background-color:#F9FBD2;
padding:10px;
margin:25px 0 15px 0;
}
#business #busi_tb{
margin:0 0 0 0;
}
#business #busi_tb table{
margin:0 auto;

}
#business #busi_tb td{
padding:10px;
}
#business #busi_tb td img{
background-color:#F7F9CA;
}
#business #busi_tb td a{
display:block;
border:1px solid #999999;
}
#business #busi_tb td a:hover{
border:1px solid #FF6600;
}

/* LIFE */
#life h3{
margin:5px 0 10px 0;
}
#life h4{
margin:0 0 5px 20px;
}
#life .glos{
float:right;
}
#life .guide{
margin:0 0 10px 0;
}
#life .guide p{
margin:0 0 10px 35px;
}

/* FLOW */
.sflow_title{
margin:5px 0 5px 109px;
}
.sflow{
margin:0 0 20px 0;
}
.sflow th{
padding:0 10px 0 0;
text-align:left;
vertical-align:top;
}
.sflow td{
width:448px;
vertical-align:top;
border:1px solid #CCCCCC;
padding:5px 10px;
}

/* EXAMPLE */
#example h3{
margin:10px 0 5px 0;
}
#example h4{
margin:0 0 5px 20px;
}
#example .guide p{
margin:5px 20px 10px 37px;
}
#example .pic_tb{
text-align:center;
margin:0 auto 20px auto;
}
#example .pic_tb table{
width:420px;
}
#example .pic_tb td{
padding:0 10px 5px 10px;
text-align:left;
}
#example .pic_tb td.td_img{
width:140px;
}
#example .pic_tb td img{
background-color:#F7F9CA;
}
#example .pic_tb td a{
display:block;
border:1px solid #999999;
}
#example .pic_tb td a:hover{
border:1px solid #FF6600;
}
#example .pic_tb th{
font-weight:normal;
padding:3px 0 0 0;
}

/* SEWER */
#sewer h3{
margin:10px 0 0 0;
}
#sewer h4{
margin:15px 0 10px 10px;
}
#sewer p{
margin:5px 0 5px 0;
}
#sewer p.sub{
margin:5px 10px 5px 15px;
}
.sewer_abi{
margin:10px 0;
}
.sewer_abi th{
text-align:left;
font-weight:normal;
}
.sewer_abi td{
width:25%;
text-align:center;
}
.sewer_abi td img{
margin:10px 0 0 0;
}

/* TOUR */
#tour h3{
clear:right;
}
#tour p{
margin:5px 0 15px 30px;
}
#tour .tour_img{
float:right;
}
#tour .tour_img a{
display:block;
margin:5px 0 0 5px;
border:1px solid #999999;
}
#tour .tour_img a:hover{
border:1px solid #D0FF00;
}

/* GLOSSARY */
#glossary h3{
margin:10px 0 0 0;
}
#glossary p{
margin:3px 0 3px 35px;
}

/* LINK */
#link h3{
margin:10px 0 0 0;
}
#link p{
margin:3px 0 3px 35px;
}
#link a{
text-decoration:none;
color:#FF6600;
}
#link a:hover{
color:#0099FF;
text-decoration:underline;
}

/* SITEMAP */
#sitemap .site1{
margin:0 0 10px 0;
}
#sitemap .site1 th{
vertical-align:top;
padding:2px 6px 10px 4px;
}
#sitemap .site1 td,
#sitemap .site2 td{
vertical-align:top;
}
#sitemap .site1 td.blue a,
#sitemap .site2 td.blue a{
color:#1382FF;
text-decoration:none;
}
#sitemap .site1 td.blue a:hover,
#sitemap .site2 td.blue a:hover{
color:#FF4E00;
text-decoration:underline;
}
#sitemap .site1 td.orange a,
#sitemap .site2 td.orange a{
color:#FF7600;
text-decoration:none;
}
#sitemap .site1 td.orange a:hover,
#sitemap .site2 td.orange a:hover{
color:#FF4E00;
text-decoration:underline;
}
#sitemap .site1 td.green a,
#sitemap .site2 td.green a{
color:#76AC00;
text-decoration:none;
}
#sitemap .site1 td.green a:hover,
#sitemap .site2 td.green a:hover{
color:#FF4E00;
text-decoration:underline;
}
#sitemap .site2{
margin:0 0 0 30px;
}
#sitemap .site2 th{
vertical-align:top;
padding:2px 6px 30px 4px;
}

/* CONTACT */
#contact form{
margin:10px auto 15px auto;
/*padding:2px;*/
width:100%;
}
#contact p{
 margin:10px 0 10px 0;
}
#contact .comm{
margin:0;
}
#contact .title{
margin:30px 0 10px 0;
text-align:center;
font-size:24px;
color:#799FDB;
font-family:"HGP‘n‰pŠpºÞ¼¯¸UB","‚l‚r ‚oƒSƒVƒbƒN",Osaka;
}
#contact .ret{
margin:10px 10px 10px 0;
text-align:right;
}
#contact .ret a{
color:#427AD2;
text-decoration:none;
}
#contact .ret a:hover{
text-decoration:underline;
}
#contact ul{
list-style:none;
margin:5px 0 10px 0;
}
#contact li{
margin-bottom:3px;
}
#contact #form{
margin-left:0px;
}
#contact #form #tb_form{
background-color:#FFFFFF;
}
#contact #form .dd_border{
border-bottom:1px dotted #799FDB;
padding:0 0 0 0;
margin:0 0 5px 0;
}
#contact #form .dd_border th{
width:30%;
text-align:right;
color:#333333;
font-weight:normal;
}
#contact #form .dd_border td{
width:70%;
padding:10px;
color:#666666;
}
#contact input,
#contact option,
#contact textarea{
background-color:#FFFFFF;
border:1px solid #999999;
}

#contact #kakunin{
margin:20px 0 20px 0;
}
#contact #kakunin .error{
line-height:18px;
}

#contact #kakunin #tb{
margin-top:10px;
}
#contact #kakunin #tb th{
width:33%;
text-align:right;
color:#333333;
font-weight:normal;
background-color:#DFF26F;
vertical-align:middle;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#contact #kakunin #tb td{
width:67%;
background-color:#F7F9CA;
color:#555555;
vertical-align:top;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}