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

/* set */
/*----------------------------------------------------*/
body {
	font-size:90%;
	background:#fffbf0;
	min-width:980px;}
p {
	margin:0.4em 0;}
.red { 
	color:#e40000;
	font-weight:normal;}
.left{
	float:left;}
.right{
	float:right;}
.tx_center{
	text-align:center;}
.tx_right{
	text-align:right;}
.small{
	font-size:90%;}
.big {
	font-size:120%;}
.section {
	padding:20px 0 30px;}
.section_in {
	padding:10px 0 15px;}
.section_top{
	padding:0 0 30px;}

/* link */
/*----------------------------------------------------*/
a {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;}
a:link {
	color:#e40000;}
a:visited {
	color:#e40000;}
a:hover ,a:active {
	color:#960011;
	text-decoration:none;}
#sub a img{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;}
#sub a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* layout */
/*----------------------------------------------------*/
#content {
	width:980px;
	margin:0 auto;
	padding:0;
	height:auto;
	background:url(../images/common/sub_bg.gif) right top repeat-y #ffffff;
	border-left:1px solid #f3dfaa;
	border-right:1px solid #f3dfaa;
	box-shadow:0 0 10px rgba(229,201,141,0.3);
	-moz-box-shadow:0 0 10px rgba(229,201,141,0.3);
	-webkit-box-shadow:0 0 10px rgba(229,201,141,0.3);
	z-index:1;}
	
#main {
	width:657px;
	padding:20px 30px;
	margin:-6px 0 0 0;
	float:left;
	background:url(../images/common/main_bg.jpg) left top repeat-x;}
#sub {
	width:232px;
	padding:15px;
	height:100%;
	background:#000000;
	float:left;
	margin:-5px 0 0 0;}


/* header */
/*----------------------------------------------------*/
#header {
	background: url(../images/common/header_bg.jpg) left bottom repeat-x;
	height:170px;
	box-shadow:0 1px 8px rgba(00,00,00,0.4);
	z-index:5;
	margin:0;
	padding:0;}
	
#header_in {
	width:980px;
	height:92px;
	margin:0 auto;}
h1 {
	padding:0;}
#logo {
	float:left;
	margin:27px 21px 0 0;}
#header p {
	float:left;
	padding:0;
	margin:38px 0 0 12px;}
	

/* nav */
/*----------------------------------------------------*/
.header_nav, .footer_nav {
	padding:0;
	margin:0;
	text-align:center;
	/*overflow:hidden;*/}
.header_nav ul, .footer_nav ul{
	padding:0;}
	
.header_nav ul {
	width:982px;
	margin:8px auto 0;}
.header_nav ul li {
	float:left;
	height:70px;
	display:block;}
	
.footer_nav ul{
	margin:0 ;
	padding:0;}
.footer_nav ul li{
	display:inline;
	border-left:1px solid #ffffff;
	padding:0 0 0 10px;
	margin:0 10px 0 0 ;}
.footer_nav ul li:first-child{
	border-left:none;}
.footer_nav ul li a {
	color:#ffffff;
	text-decoration:none;}
.footer_nav ul li a:hover {
	color:#dac991;
	text-decoration:none;}


/* headeline*/
/*----------------------------------------------------*/
h2 {
	background:url(../images/common/h2_bg.png) left top no-repeat;
	margin:0 0 0 -43px;
	padding:0 0 0 74px;
	width:628px;
	height:76px;}
h3 {
	font-weight:normal;
	font-size:140%;
	margin:0 0 20px -30px;
	padding:0 0 6px 30px;
	background:url(../images/common/h3_bg.png) left bottom no-repeat;}
h4 {
	font-weight:normal;
	font-size:140%;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	border-bottom:1px dotted #e40000;}

	
/* footer */
/*----------------------------------------------------*/
#footer {
	background:url(../images/common/footer_bg.jpg) left bottom repeat-x;}
#footer_in {
	width:980px;
	height:107px;
	padding:50px 0 0 0;
	margin:0 auto;
	position:relative;
	background:url(../images/common/footer_in_bg.jpg) center top no-repeat;}
#copylight {
	text-align:center;
	color:#dac991;}
#pagetop {
	position:absolute;
	right:-2px;
	bottom:-5px;}