@charset "utf-8";

/*
Site Name: 
Description: layout
*/

/* base layout
----------------------------------------- */
#header,
#container,
#footer{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#header{
	border-top: #2EA7CB solid 5px;
	background-color: #FFFFFF;
	overflow: hidden;
}

#header-inner{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#content{
	clear: both;
	width: 950px;
	margin: 0 auto 30px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}

#footeradress{
	background-color:#F9F9F9;
	padding:20px;
}

#footer-inner{
	width: 950px;
	margin: 0 auto;
	clear: both;
}

#home #main{
	width: 950px;
}

#contents #main{
	float: right;
	width: 693px;
	padding-top: 10px;
	background-image: url(../img/contents_main_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#contents #main #main-inner{
	padding-bottom: 10px;
	background-image: url(../img/contents_main_inner_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;	
}

#contents #main div.hiro-1{
	float:left;
	width:112px;
}
#contents #main div.hiro-1 img{
	margin-top:10px;
}
#contents #main div.hiro-1 p{
margin-top:5px;
text-align:center;
}

#contents #main div.hiro-2{
	float:right;
	width:515px;
}

#contents #main #main-article{
	padding: 10px 22px 0;
	background-image: url(../img/contents_main_article_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: hidden;
}

#contents #sub{
	float: left;
	width: 252px;
	padding-top: 10px;
	background-image: url(../img/contents_sub_main_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#contents #sub #sub-inner{
	padding-bottom: 10px;
	background-image: url(../img/contents_sub_inner_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
}
#contents #sub #sub-article{
	padding: 3px 15px 0;
	background-image: url(../img/contents_sub_article_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#contents #sub #sub-article a{
	text-decoration:none;
	color: #333;
}

#contents #sub #sub-article a:hover{
	color: #2EA7CB;
}

#contents #sub #sub-article h3{
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:15px;
	font-weight:bold;
	list-style-type: none;
	background-image: url(../img/list_icon01.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
}

#contents #sub #sub-article h3{
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 0px;
	font-size:16px;
	font-weight:bold;
	background-image: url(../img/list_icon01.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
}

#contents #sub #sub-article #font{
	font-size:9px;
	position:absolute;
	padding-top:3px;
	padding-left:5px;
	font-weight:normal;
	color:#2EA7CB;
}

#contents #sub #sub-article ul{
	padding-top: 8px;
	padding-bottom: 11px;
	list-style-type: none;
}

#contents #sub #sub-article ul li {
	padding-left: 18px;
	font-size:12px;
	background-image: url(../img/list_icon012.gif);
	background-position: 6px 5px;
	background-repeat: no-repeat;
}

/* contents layout
----------------------------------------- */
