/*<div class="cboth"><hr /></div>*/
.cboth {
    clear:both;
    height:0;}
*html .cboth {
    height:.1em;
    overflow:hidden;
    margin-top:-.1em;
}
.cboth hr {
    visibility:hidden;
    border:0;
}
/*float clear*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display:block;
}

/*
==============================================*/
div#contents-body-area #moon {
	float:left;
	width:735px;
    padding:0 0 20px 0;
    font-size:12px;
}
div#contents-body-area #moon h2 {
	float:left;
	width:735px;
	padding:0 ;
    height:510px;
    margin:0;
    background:url(../i/moon/main1.jpg) no-repeat 0 0;
	text-indent:-2000px;
}

div#contents-body-area #moon #t_p {
	float:left;
	width:215px;
	padding:175px 20px 14px 500px ;
    margin:0;
    border-bottom:solid 5px #CCCCCC;
    background:url(../i/moon/main2.jpg) no-repeat 0 0;
}

div#contents-body-area #moon #t_p a {
	width:193px;
    height:61px;
    text-align:left;
    display:block;
    background:url(../i/moon/photo.gif) no-repeat 0 0;
    text-indent:-2000px;
}


div#contents-body-area #moon .smbox {
	float:left;
	width:735px;
	padding:0;
    margin-top:30px;
}





div#contents-body-area #moon div.entry {
	float:left;
	width:735px;
	padding:0;
    margin:10px 0 20px 0;
border-bottom:dotted 1px #034F87;
}




div#contents-body-area #moon div.entry h3{
	float:left;
	width:720px;
    font-size:14px;
	padding:5px 0 5px 5px;
    line-height:20px;
    font-weight:bold;
    margin:5px 0 0 0;
    border-left:solid 5px #034F87;
    background:url(../i/moon/bg.gif) repeat 0 0;
    color:#023656;
 }

div#contents-body-area #moon #main_box h3 {
    line-height:normal;
	padding:5px 0 5px 5px;
    margin:0;
    color:#023656;
    font-size:14px;
    background:url(../i/moon/bg.gif) repeat 0 0;
}

#moon div.entry h3 strong {
float:left;
display:block;
width:85px;
height:40px;
text-indent:-2000px;
background:url(../i/moon/str.gif) no-repeat 0 0;
margin:0 5px 0 0 ;
}




#moon ul.left_box {
	float:left;
	width:161px;
    padding:5px 15px 5px 5px;
}

#moon ul.left_box li {
	float:left;
	width:160px;
    text-align:center;
    margin-top:2px;
}

#moon ul.left_box li.pic {
    border:solid 1px #F2F2F2;
    padding:2px;
}

#moon ul.left_box li.txt {
    font-size:12px;
    line-height:15px;
}


#moon ul.point {
	float:left;
	width:535px;
    padding:5px;
margin:5px 0 0 0;
}

#moon ul.point li {
line-height:20px;
padding:5px 0 0 35px;
border-bottom:dotted 1px #CCCCCC;
 background:url(../i/moon/lisk2.gif) no-repeat 5px 5px;

}

#moon div.entry p {
	float:left;
	width:530px;
    padding:10px 5px 10px 10px;
    margin-top:10px;
    background-color:#F2F5FA;
    border:solid 1px #BAD0E8;
}






#moon dl.btn {
	float:left;
	width:160px;
    padding:10px 10px 10px 10px;
}

#moon dl.btn dt {
	float:left;
	width:160px;
    line-height:14px;
    text-align:center;
    font-weight:bold;
    color:#004095;
    background:url(../i/moon/lisk.gif) no-repeat 40px 0;
}

#moon dl.btn dd h4 {
	float:left;
	width:160px;
    height:30px;
}

#moon dl.btn dd h4 a {
	float:left;
	width:160px;
    height:30px;
    display:block;
    background:url(../i/moon/btn.gif) no-repeat 0 0;
    text-indent:-2000px;
}

#moon dl.btn dd h4 a:hover {
    background-position:0 -30px;
}
	
#moon dl.btn dd p {
	float:left;
	width:140px;
    margin:0;
    padding:0 0 0 20px;
    border:none;
    background:none;
    color:#666666;
}

#moon dl.btn dd p span {
    color:#FF0000;
}














