@charset 'utf-8';
@import url("./common.css");

/* =======================================
  INDEX index.css
-----------------------------------------
  1.header_img
  2.news
  3.side
  4.main
  5.menu
  5-1.h_menu
  5-3.f_menu
  6.contents
  7.footer
===================================== */
===================================== */

* {
	margin		: 0;
	padding		: 0;
	font-style	: normal;
	font-family	: Verdana,sans-serif;
	}

html,body{
	text-align	: center;
	margin		: 0 auto;
	color		: #333;
	background	: url("../img/bg1.jpg") repeat-y top center #FFF;
	}

h1,h2,h3,h4,h5,
ol,ul,li,dl,dd,
address,
div,img{
	margin		: 0;
	padding		: 0;
	}

ol,ul,li,
dl,dd{
	list-style	: none;
	}

h2,h3,h4,h5{
	letter-spacing	: 0.1em;
	}

h1{
	padding		: 2px 5px;
	float		: left;
	font-size	: 12px;
	font-weight	: normal;
	display		: inline;
	}

p{
	margin		: 5px;
	line-height	: 160%;
	}

img{
	border	: none;
	}

a {
	text-decoration: underline;
}

a:link {
	color: #454544;
	}

a:visited {
	color: #454544;
	}

a:active {
	color: #454544;
	}

a:hover {
	color: #ff9900;
	}



/* 1.header_img
=====================================*/
#header_img{
	width		: 900px;
	height		: 379px;
	margin-bottom	: 0px;
	clear		: both;
	background	: url("../img/bg-top4.jpg") no-repeat top left;
	}

#header_img p{
	padding		: 340px 10px 0 655px;
	font-weight	: bold;
	}

/* 2.news
=====================================*/
#news{
	width		: 660px;
	margin-left	: 5px;
	float		: left;
	}

#news h3{
	margin		: 5px 0 0 3px;
	font-size	: 11px;
	font-weight	: bold;
	}

/* 3.side
=====================================*/
#side{
	width		: 225px;
	float		: left;
	text-align	: center;
	}
	
/* 4.main
=====================================*/
#main{
	width		: 900px;
	margin		: 0 auto ;
	text-align	: left;
	font-size	: 12px;
	letter-spacing	: 0.1em;
	line-height		: 160%;
	}

#main table{
	font-size	: 12px;
	}

.pagetop{
	margin		: 20px;
	text-align	: right;
	clear		: both;
	}


/* 5.menu
=====================================*/
#menu li,
#h_menu li,
#f_menu li{
	float		: left;
	}


/* 5-1.h_menu
------------------------------------*/
#h_menu{
	margin		: 3px 5px 0 0;
	float		: right;
	}

#h_menu li{
	margin-left	: 5px;
	}

/* 5-2.menu
------------------------------------*/
#menu{
	width		: 900px;
	height		: 38px;
	margin		: 0 0 10px 0;
	clear		: both;
	background	: url("../img/bg-menu1.jpg") no-repeat top left;
	}

#menu li{
	padding-left: 0px;
	line-height	: 100%;
	}
	
/* 5-3.f_menu
------------------------------------*/
#f_menu{
	margin		: 3px 0 3px 180px;
	text-align	: center;
	}

#f_menu li{
	margin-left	: 5px;
	}



/* 6.contents
=====================================*/
#contents{
	width		: 900px;
	margin		: 0 0 50px 0;
	padding-top	: 5px;
	float		: right;
	clear		: left;
	}

/* 7.footer
=====================================*/
#footer{
	width		: 900px;
	clear		: both;
	text-align	: center;
	}

#footer p{
	font-size	: 11px;
}

.btn_top{
	position	: relative;
	top			: 3px;
	}