body{
margin:0;
padding:0;
font-size:12px;
line-height:1.3em;
text-align:center;
color:#333333;
}

img{
border:none;
vertical-align:bottom;
}
img.valign_middle{
vertical-align:middle;
}
h1,h2,h3,h4,h5,dl{
margin:0;
padding:0;
}
h1{
text-indent:-9999px;
height:70px;
}
h2{
margin-bottom:15px;
background:url(../img/bg_h2_yodosui.gif) no-repeat;
line-height:30px;
color:#005500;
font-size:15px;
text-indent:25px;
height:30px;
}
h3{
margin-bottom:10px;
margin-left:10px;
font-size:14px;
line-height:30px;
text-indent:25px;
color:#333399;
background:url(../img/bg_h3_yodosui.gif) no-repeat;
}
h3.mild{
background:url(../img/icon_square.gif) no-repeat 5px 5px;
border:double #0099FF;
width:240px;
line-height:22px;
}
h4{
margin-bottom:10px;
margin-left:20px;
font-size:14px;
line-height:20px;
text-indent:15px;
color:#333399;
background:url(../img/point.gif) no-repeat left center;
}
h5{
margin-left:30px;
border-bottom:#ccccff 1px solid;
border-left:#ccccff 3px solid;
color:#003366;
font-size:12px;
width:75%;
text-indent:10px;
line-height:20px;
}


ul ul{
list-style:square;
}

li{
margin-bottom:5px;
}

a,a:link,a:visited{
color:#333366;
text-decoration:none;
}
a:hover{
color:#FF0000;
text-decoration: underline;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /
/                                                             /
/                         レイアウト                          /
/                                                             /
/++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


#main{
background:#ffffff url(../img/back.jpg) no-repeat;
width:750px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
position:relative;
top:0;
left:0;
}

/*-----------------headline-------------------*/

#headline{
margin-bottom:15px;
}

#contact{
position:absolute;
right:20px;
top:5px;
}
#navi_headline{
text-align:center;
list-style:none;
margin:0 0 10px;
padding:0;
}
#navi_headline li{
display:inline;
margin-left:15px;
margin-right:15px;
line-height:2em;
font-size:13px;
font-weight:bold;
}

#pickup{
list-style:none;
margin:0px 5px;
padding:0;
float:left;
}
#pickup li{
margin-right:5px;
margin-bottom:10px;
}

#news{
float:left;
width:520px;
}
#news h2{
background:url(../img/bg_h2_yodosui_2.gif) no-repeat;
line-height:30px;
color:#005500;
font-size:15px;
text-indent:25px;
font-weight:bold;
text-indent:25px;
}
#news dl{
line-height:20px;
}
#news dt{
float:left;
width:60px;
}
#news dd{
float:left;
margin-left:0;
width:420px;
margin-bottom:5px;
}

#banner_link{
text-align:center;
list-style:none;
margin:0 0 15px;
padding:0;
}
#banner_link li{
display:inline;
margin-left:15px;
margin-right:15px;
font-size:13px;
font-weight:bold;
}

#summary{
margin:5px 25px 15px;
padding:10px;
border:1px outset #cccccc;
}
#summary p{
text-indent:1em;
padding:0 0 2px;
margin:0;
line-height:1.4em;
}

#yodo_basin{
list-style:none;
margin-left:30px;
padding-left:0;
}
#yodo_basin li{
height:30px;
}
#yodo_basin li a{
font-size:14px;
text-indent:25px;
color:#333399;
background:url(../img/icon_square.gif) no-repeat 5px 5px;
border:double #0099FF;
width:320px;
line-height:22px;
display:block;
}
#yodo_basin li a.banner{
display:inline;
text-indent:0;
background:none;
border:none;
margin-left:40px;
width:300px;
}

/*----------contents------------*/

#contents{
padding-left:20px;
clear:both;
background:url(../img/bg_contents.gif) no-repeat;
padding-top:70px;
margin-bottom:0;
}
#contents p{
margin-left:25px;
line-height:1.5em;
}
#contents p.mag_l0{
margin-left:0;
}

#result{
list-style:none;
width:370px;
margin-left:25px;
padding:0;
}
#result li{
white-space:nowrap;
margin-bottom:0;
float:left;
margin-right:1em;
}

#conference li a,
#hearing li a{
margin-left:15px;
}

#original_plan{
}
#original_plan dt{
margin-left:10px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
text-indent:25px;
color:#333399;
background:url(../img/icon_square.gif) no-repeat 5px 5px;
border:double #0099FF;
width:180px;
line-height:22px;
}
#original_plan dd{
margin-left:0;
}

#update{
margin:0 15px 10px 10px;
border:0px solid #cccccc;
display: block;
float: left;
}
#update dt{
padding:1px 5px 2px;
color:#000066;
font-weight:bold;
float: left;
width: 100px;
clear: both;
}
#update dd{
margin-left:0;
padding:0 5px 3px;
border-bottom:1px solid #000066;
}

#office{
list-style:none;
margin:0 0 0 20px;
padding:0;
}
#office li{
float:left;
width:180px;
text-indent:15px;
background:url(../img/point.gif) no-repeat 20px center;
line-height:20px;
border-bottom:1px dashed #ccccff;
padding-left: 20px;
}

.qr_code{
vertical-align:middle;
margin-left:5px;
text-align: left;
}

/*-----------------フッタ-----------------------*/

#footer{
border-top:1px solid #999999;
text-align: center;
}
#footer dt{
padding:5px;
}
#footer dd{
margin-left:0;
padding:5px;
}

/*----------------------------------------*/

.clear_l{
clear:left;
}
.clear_r{
clear:right
}
.clear_b{
clear:both;
}

.mag_t40px{
margin-top:40px;
}
.mag_b0{
margin-bottom:0;
}
.mag_b20px{
margin-bottom:20px;
}
.mag_b30px{
margin-bottom:30px;
}

.noticeable{
margin-left:10px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
background:#ffffff;
text-indent:25px;
color:#333399;
background:#ffffff url(../img/icon_square.gif) no-repeat 5px 5px;
border:double #0099FF;
width:280px;
line-height:22px;
}

.noticeable2{
margin-left:10px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
background:#ffffff;
text-indent:25px;
color:#333399;
background:#ffffff url(../img/icon_square.gif) no-repeat 5px 5px;
border:double #0099FF;
width:500px;
line-height:22px;
}

.box {
background: #EBEBEB;
padding: 5px 0px 5px 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D1D1D1;
margin: 0px 20px 5px 10px;
_height:1px;
}
.box_2 {
background: #EBEBEB;
padding: 5px 5px 5px 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D1D1D1;
margin: 0px 20px 5px 10px;
_height:1px;
}
.float_l{
float:left;
}
.float_r{
float:right;
}