@charset "utf-8";

/* =========================================
color
========================================= */
html {
	background-color: #1BA0B8;
}

#header {
	border-top: 4px solid #1BA0B8;
}

a {
	color: #1892A7;
}

#content-wrap {
	background-color: #D6E4E9;
}

#content {
	background: #FFFFFF url(../images/content_bg_t.gif) no-repeat top;
}

#content-bottom {
	background: url(../images/content_bg_b.gif) no-repeat top;
}

#footer {
	background: #1BA0B8 url(../images/footer_bg_t.gif) repeat-x top;
}

#search {
	background: url(../images/search_area.png) no-repeat;
}

/* =========================================
header
========================================= */
#head-inner {
	width: 940px;
}

/* =========================================
content
========================================= */
#content {
	width: 920px;
}

#content-bottom {
  width: 932px;
}

/* =========================================
footer
========================================= */
#foot-inner {
	width: 940px;
}

/* =========================================
top
========================================= */
#main {
  float: left;
	width: 767px;
}

#side {
	float: right;
	
}

.boxarea-1 {
	clear: both;
	overflow: hidden;
	width: 767px;
	margin-bottom: 20px;
}

.block1 {
	float: left;
}

.block2 {
	float: left;
	width: 260px;
}

.block3 {
	float: left;
}

.block4 {
	float: right;
}

.box {
  display: inline;
	float: left;
}

.bottom-line {
	display: block;
}

.mb {
	margin-bottom: 17px;
}

.size4 {
	width: 497px;
	margin-right: 10px;
}

.size3 {
	width: 250px;
	margin-right: 10px;
}

.size2 {
	width: 237px;
	margin-right: 10px;
}

/* IE6 Hack */
*html .size2 {
	margin-right: 8px;
}

.size1 {
	width: 153px;
}

.box h2 img {
	display: block;
}

.box .title {
	line-height: 16px;
	padding: 11px 0 8px 27px;
	font-size: 14px;
	font-weight: bold;
}

.box .l-t {
	background: url(../images/h2_06.gif) no-repeat;
}

.box .m-t {
	background: url(../images/h2_04.gif) no-repeat;
}

.box .m-m {
	padding-bottom: 7px;
	background: url(../images/h2_05.gif) no-repeat;
}

.box .s-t {
	background: url(../images/h2_07.gif) no-repeat;
}

.box .s-m {
  padding-bottom: 7px;
	background: url(../images/h2_08.gif) no-repeat;
}

.box-inner {
	padding: 0 2px;
}

.size4 .box-inner {
	background: url(../images/box4_bg.gif) repeat-y;
}

.size3 .box-inner {
	background: url(../images/box3_bg.gif) repeat-y;
}

.size2 .box-inner {
	background: url(../images/box2_bg.gif) repeat-y;
}

.size1 .box-inner {
  padding: 10px 9px 5px;
	background: url(../images/box1_bg.gif) repeat-y;
}

.box .box-sep {
	padding: 7px 12px 7px 34px;
	border-bottom: 1px dotted #CCCCCC;
}

.box .middle {
	border-bottom: none;
}

.box .last {
	padding-bottom: 3px;
	border-bottom: none;
}

.box h3 {
	margin: 0 0 3px -22px;
	padding-left: 22px;
	color: #1892A7;
	font-weight: bold;
	background: url(../images/h3_point.gif) no-repeat left .4em;
}

.box h3.h3-fl {
	display: inline;
	float: left;
	margin-right: 10px;
}

.box ul {
	margin-left: 17px;
}

.box li {
	list-style-type: disc;
}

.box .login {
	margin-left: -23px;
}

.box .banner {
	margin: 0;
}

.box .banner li {
  margin-bottom: 5px;
	list-style-type: none;
}

.box .banner li img {
	vertical-align: top;
}

.box .banner li img.border {
	border:1px solid #CCC;
}

.boxarea-2 {
	clear: both;
	width: 757px;
	margin-bottom: 20px;
}

.boxarea-2 h2 {
	width: 723px;
	height: 29px;
	margin-bottom: 10px;
	padding: 9px 0 0 34px;
	font-size: 15px;
	font-weight: bold;
	border-top: 2px solid #1BA0B8;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/h2_bg.gif) no-repeat 6px 11px;
}

.boxarea-2 dl {
	clear: both;
	overflow: hidden;
	padding: 5px 0;
}

.boxarea-2 dt {
	display: block;
	float: left;
	width: 90px;
	padding-left: 25px;
	background: url(../images/icon_point.gif) no-repeat 8px 4px;
}

.boxarea-2 dd {
	display: block;
	float: left;
	width: 642px;
}