/* CSS Document */


/* clearfix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%; 
zoom:1;/*for IE 5.5-7*/
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#header_back {
	width: 960px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

#header {
width: 252px;
float:left;
background:url(../img/common/head_rogo.jpg) no-repeat;
overflow:hidden;
margin: 20px 0px 0px 0px;
}
#header h1 a {
display: block;
/*margin-top: 20px;*/
width: 252px;
height: 32px;
text-indent: -9998px;
}
#header img {
vertical-align:bottom;
}

#callArea01 {
width: 279px;
float: right;
margin: 0px 0px 0px 0px;
padding: 40px 7px 9px 312px;
}
#callArea01 ul {
text-align: left;
position: relative; 
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea01 ul li {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}

#callArea02 {
width: 850px;
margin: -3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#callArea02 ul {
text-align: left;
position: relative; 
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea02 ul li {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}


#field {
	width: 960px;
	background-image: url(../img/common/common_45.gif);
	background-repeat: repeat-y;
	font-size: 13px;
	line-height: 100%;
	color: #333333;
	font-weight: nomal;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main {
	float: right;
	width: 490px;
	background:#ffffff;
	font-size: 13px;
	line-height: 100%;
	color: #333333;
	font-weight: nomal;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#main2 {
width: 619px;
background:#ffffff;
font-size: 13px;
line-height: 100%;
color: #333333;
font-weight: nomal;
text-align: left;
vertical-align: top;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#main3 {
width: 619px;
background:#ffffff;
font-size: 13px;
line-height: 100%;
color: #333333;
font-weight: nomal;
text-align: left;
vertical-align: top;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#main4 {
width: 619px;
background:#ffffff;
font-size: 13px;
line-height: 100%;
color: #333333;
font-weight: nomal;
text-align: left;
vertical-align: top;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side {
	float: left;
	width: 250px;
	font-size: 13px;
	line-height: 100%;
	color: #333333;
	font-weight: nomal;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sideb {
	float: right;
	width: 200px;
	background:#ffffff;
	font-size: 13px;
	line-height: 100%;
	color: #333333;
	font-weight: nomal;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#callArea03 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 ul {
text-align: left;
position: relative; 
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 ul li {
width: 189px;
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 .list01 {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 .list01 a {
color: #333333;
background:url(../img/common/side_m01.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list01 a:hover {
color: #333333;
background:url(../img/common/side_m01_on.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list02 {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 .list02 a {
color: #333333;
background:url(../img/common/side_m02.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list02 a:hover {
color: #333333;
background:url(../img/common/side_m02_on.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list03 {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 .list03 a {
color: #333333;
background:url(../img/common/buside_m01.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list03 a:hover {
color: #333333;
background:url(../img/common/buside_m01_on.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list04 {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea03 .list04 a {
color: #ffffff;
background:url(../img/common/buside_m02.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 .list04 a:hover {
color: #ffffff;
background:url(../img/common/buside_m02_on.jpg) no-repeat;
display: block;
/*margin-top: 0px;*/
width: 189px;
padding: 9px 0px 12px 24px;
}
#callArea03 img {
vertical-align:bottom;
}


.side_rogo {
width: 213px;
font-size: 13px;
line-height: 130%;
color: #333333;
font-weight: nomal;
text-align: center;
vertical-align: top;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.side_ad {
width: 213px;
font-size: 13px;
line-height: 130%;
color: #333333;
font-weight: nomal;
text-align: center;
vertical-align: top;
margin: 15px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

.side_bana {
width: 213px;
text-align: center;
vertical-align: top;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#under {
	width: 960px;
	background:#ffffff;
	font-size: 10px;
	line-height: 100%;
	color: #333333;
	font-weight: nomal;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer {
	width: 960px;
	background:#ffffff;
	font-size: 10px;
	line-height: 100%;
	color: #333333;
	font-weight: nomal;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}