/*main*/
#main {
width:797px;
margin:0 auto 0 3px;
background-image: url(../img/tp_img01.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
border-bottom:2px solid #D3D1D3;
display:block;
}

#main-left {
width:470px;
margin:0 auto 0 308px;
display:block;
}

.main-md {
padding:18px 0 10px 0;
display:block;
}
.main-md img{
padding:0 0 2px 0;
}

#info-box {
 width:471px;
margin: 0;
}
#info-box ul{
margin: 0;
padding: 0 0 15px 0; 
border:1px solid #CCCCCC;
list-style:none;
}
#info-box li{
 width:450px;
 padding: 0;
 margin: 6px 0 0 8px;
 list-style:none;
}

.banner01{
 width:471px;
 height:85px;
 margin:10px 0 10px 0;
}

#th-box {
width:476px;
margin: 0;
}
#th-box ul{
margin: 0;
height:88px;
padding: 0 0 15px 0; 
overflow:hidden;
list-style:none;
}
#th-box li{
 width:88px;
 height:88px;
 padding: 0;
 margin: 0 5px 14px 0;
 border:1px solid #CCCCCC;
 overflow:hidden;
 float:left;
}
.th-btn {
  margin: 0 0 10px 380px;
  clear:both;
}
.th-btn a {
	display: block;
	width: 91px;
	height: 12px;
	background-image: url(../img/tp_img06.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
}
.th-btn a:hover {
	display: block;
	width: 91px;
	height: 12px;
	background-image: url(../img/tp_img06_o.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
}


/*bg02*/
#contents-bg {
width:797px;
margin:0 0 0 4px;
background-color:#F0EFF0;
display:block;
}


#box {
width:764px;
margin:0 15px 0 17px;
overflow: hidden;
}
#box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #box {
    height: 1em;
    overflow: visible;
}
/**/

/*left*/
#left {
width:375px;
height:auto;
margin:18px 0 0 0;
background-image: url(../img/tp_img09.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
}

.md_01 {
 width:375px;
 height:auto;
 display:block;
}

#box01{
width:204px;
margin:18px 0 0 170px;
background-image: url(../img/img04.gif);
background-repeat:repeat-y;
display:block;
}
.txt-area01{
width:194px;
font-size:12px;
color: #333333;
margin:10px 0 0 0;
}
.txt-area01 a {
	display: block;
	width: 109px;
	height: 25px;
	margin:22px 0 14px 81px;
	background-image: url(../img/tp_img11.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
}
.txt-area01 a:hover {
	display: block;
	width: 109px;
	height: 25px;
	margin:22px 0 14px 81px;
	background-image: url(../img/tp_img11_o.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
}


/*right */
#right {
width:375px;
height:auto;
margin:18px 0 0 10px;
background-image: url(../img/tp_img12.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
}

#box02{
width:204px;
margin:12px 0 0 170px;
background-image: url(../img/img04.gif);
background-repeat:repeat-y;
display:block;
}
.txt-area02{
width:194px;
font-size:12px;
color: #333333;
margin:4px 0 0 0;
}
.txt-area02 a {
	display: block;
	width: 109px;
	height: 25px;
	margin:22px 0 14px 81px;
	background-image: url(../img/tp_img11.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
}
.txt-area02 a:hover {
	display: block;
	width: 109px;
	height: 25px;
	margin:22px 0 14px 81px;
	background-image: url(../img/tp_img11_o.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
}

.banner-area {
 clear:both;
 width:783px;
  height:auto;
  background-color:#FFFFFF;
  text-align:right;
  padding:12px 14px 8px 0;
  margin: 0 0 0 0px;
}
.space {
 clear:both;
}