/* CSS Document */

/* container
---------------------------------------------------------------------------------------- */
#container{
padding:15px 0px 20px 55px;
}

#container h1{
width:670px;
}

/* content
--------------------------------------------------- */
#container .content{
float:right;
padding:3px 0px 0px 0px;
width:595px;
}

#container .top{
padding:20px 55px 20px 0px !important;
padding:5px 55px 20px 0px;
}

#container .content h2{
background:url(../img/base/dot.gif) repeat-x left bottom;
border:none;
margin:0px 0px 15px 0px;
height:20px;
width:540px;
}

#container .content h2 img{
border:none;
}

#container .content h4{
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
}

#container .content .box01,
#container .content .box02{
width:595px;
margin:0px 0px 30px 0px;
}

#container .content h3{
margin:0px 0px 10px 0px;
}

#container .content .photo{
display:block;
float:left;
margin:0px 10px 10px 0px;
}

#container .content p.text01{
width:230px;
float:left;
font-size:85%;
line-height:1.3;
}

#container .content p.text02{
width:220px;
float:left;
font-size:85%;
margin:5px 0px;
background:#E4E4E4;
padding:10px 0px 10px 10px;
}

#container .content .bt_more{
float:left;
margin-left:0!important;
margin-left:-3px;
}

/* box03
--------------------------------------------------- */
#container .content .box03{
width:595px;
float:right;
}

#container .content .box03 ul{
width:595px;
clear:both;
}

#container .content .box03 li{
width:145px;
text-align:left;
float:left;
margin:0px 40px 10px 0px;
padding:0px 0px 20px 0px;
background:url(../img/base/dot.gif) repeat-x left bottom;
border:none;
font-size:85%;
}

#container .content .box03 h3{
font-weight:bold;
font-size:120%;
margin:0px 0px 5px 0px;
}

#container .content .box03 p{
margin:0px 0px 5px 0px;
}

#container .content .box03 img.bt_more{
margin:5px 0px 0px 0px;
cursor:pointer;
}