@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
ul, ol {
	list-style:none;
	margin-left:0;
}
fieldset, img {
	border: none;
}
caption, th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* TYPE */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	line-height:24px;
}
h1 {
	font-size: 24px;
	line-height: 24px;
}
h2 {
	font-size: 18px;
	line-height: 24px;
}
h3 {
	font-size: 16px;
	line-height: 24px;
	color:#336fa4;
}
h4 {
	font-size: 14px;
	line-height: 24px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#333;
}
/* LAYOUT */
html, body {
	margin:0;
	padding:0;
	height:100%;
}
#container {
	position:relative;
	margin:0 auto;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#menu {
	background:url(../images/menu_bg.gif) repeat-x bottom;
	height:48px;
	border-top: 5px solid #434343;
	border-bottom:1px solid #d5d5d5;
}
#menu_inner {
	width:940px;
	margin:0 auto;
	text-transform:uppercase;
	line-height:48px;
}
.menu_style li {
	float:left;
	padding:0;
	margin:0 10px 0 0;
	display:inline-block;
}
.menu_style a {
	display:block;
	padding-left: 15px;
	color:#999;
	text-decoration:none;
}
.menu_style a span {
	display:block;
	padding-right:15px;
	display:block;
}
.menu_style a:hover {
	display:block;
	padding-left: 15px;
	color: #F00;
	text-decoration:none;
	background:url(../images/menu_active.gif) left;
}
.menu_style a:hover span {
	display:block;
	padding-right:15px;
	display:block;
	background:url(../images/menu_active.gif) right;
}
.active a {
	display:block;
	padding-left: 15px;
	color: #F00;
	text-decoration:none;
	background:url(../images/menu_active.gif) left;
}
.active a span {
	display:block;
	padding-right:15px;
	display:block;
	background:url(../images/menu_active.gif) right;
}
#header {
	background:url(../images/header_bg.gif) repeat-x;
	height:117px;
}
#header_inner {
	width:940px;
	margin:0 auto;
}
#header_left {
	padding-top:30px;
	width:50%;
	float:left;
}
#header_right {
	width:50%;
	padding-top:20px;
	float:right;
	text-align:right;
}
#header_right {
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}
#header_right a {
	color:#336699;
	text-decoration:none;
}
#header_right a:hover {
	color:#fff;
	background:#336699;
}
#logo {
	width:314px;
	height:60px;
	background:url(../images/logo.gif) no-repeat;
}
#logo a {
	width:314px;
	height:60px;
	display:block;
	text-indent:-9999px;
}
#banner {
	height:300px;
	background:url(../images/banner_bg.jpg) center repeat;
}

#banner_inside_page {
	height:100px;
	background:url(../images/banner_bg.jpg) center repeat;
}
#banner_inner {
	width:920px;
	height:280px;
	background:url(../images/alpha.png);
	padding:10px;
	margin:0 auto;
	color:#FFF;
}
#banner_inside_page_inner {
	width:940px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#banner_inside_page_inner h2{
	position:absolute;
	left:0px;
	bottom:-5px;
	color:#FFF;
	font-size:42px;
	font-style:italic;
	line-height:24px;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0;
}
#banner_left {
	width:360px;
	padding: 10px;
	float:left;
}
#banner_right {
	width:520px;
	height:280px;
	float:right;
	background-color:#FFF;
	position:relative;
}
#highlight {
	position:absolute;
	background:url(../images/highlight_02.png) no-repeat;
	width:252px;
	height:118px;
	right:-10px;
	bottom:-10px;
	z-index:3;
}

#highlight a{
	
	width:252px;
	height:118px;
	text-indent:-9999px;
	display:block;

}

#highlight a:hover{
	background:url(../images/highlight_02_active.png) no-repeat;

}
#banner_right iframe {
	width:520px;
	height:280px;
}
#promotion {
	height:37px;
	padding-top:8px;
	background:url(../images/promotion_bg.gif) repeat-x;
}
#promotion_inner {
	width:920px;
	padding:0 10px;
	margin:0 auto;
	background:url(../images/promotion_inner_bg.gif) center no-repeat;
	position:relative;
}
#promotion_detail {
	position:absolute;
	left:80px;
	top:1px;
}
#promotion_detail a {
	color:#333;
	text-decoration:none;
}
#promotion_detail a:hover {
	color:#ff0000;
	text-decoration:underline;
}
#promotion_inner h2 {
	font-size:12px;
	font-weight:bold;
}
#content {
	padding:0px 10px 50px;
}
#content_inner_home {
	width:950px;
	margin:10px auto;
}
#content_inner {
	width:940px;
	margin:10px auto;
}

#content_inner a{
	color:#336699;
}
	

.content_ad {
	width:300px;
	margin:0 8px;
	float:left;
	position:relative;
	
}
.content_ad img{border:3px solid #fff;}

.content_ad a:hover img{border:3px solid #ccc;}
.content_ad h2 {
	left:3px;
	bottom:3px;
	margin:0;
	position:absolute;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	width:290px;
	background:url(../images/alpha.png);
	padding-left:10px;
	line-height:30px;
}
.content_ad h2 a {
	color:#FFF;
	text-decoration:none;
	width:300px;
	height:30px;
	display:block;
}
#footer {
	position:absolute;
	width:100%;
	bottom:0;
	height:30px;
	background:url(../images/footer_bg.jpg) repeat-x;
}
#footer_inner {
	width:940px;
	margin:0 auto;
	font-size:10px;
	line-height:30px;
	color:#FFF;
}
#footer_left {
	width:30%;
	float:left;
}
#footer_right {
	width:70%;
	float:right;
	text-align:right;
}
#footer_right a {
	color:#FFF;
	text-decoration:none;
	font-size:11px;
}
#footer_right a:hover {
	text-decoration:underline;
}

.list_style_01{
	margin-left:50px;
	list-style:decimal;
	}
.clear {
	clear: both;
}

.color_01{
	color:#F00;}
	
		.color_02{
		color:#336fa4}