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

/*==============================
  Reset
  ==============================*/
body,div,p,strong,em,form,input,select,option,textarea,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address,table,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
img {border: none;}
ul li,ol li {list-style-type: none;}

/*==============================
  Body
  ==============================*/
body {
	font-family:'メイリオ',Meiryo,Osaka, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../images/common/bg_img.png);
	background-position:top center;
	background-color:#2e4b71;
	overflow-x: hidden;
	color:#333;
}
/*Firefox,Safari,Opera,Chrome,IE8*/
html>/**/body {
	font-size: 12px;
}
/*IE7*/
*:first-child+html body {
	font-size:81.2%;
}
/*IE4-6*/
* html body {
	font-size:81.2%;
}

a {	color:#333;}

li img {
    vertical-align: bottom;
}

/*------------------------------
  clearfix
  ------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*Hides from IE-Mac*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*End hide from IE-Mac*/

/*==============================
  margin
  ==============================*/
.mg10 {
	margin: 0 0 10px 0;
}
.mg20 {
	margin: 0 0 20px 0;
}

/*==============================
  shadow
  ==============================*/
#shadow{
	z-index: 5;
	position:relative;
	width: 1280px;
	margin: 0 auto;
}
.shadow_header{
	position:absolute;
	top: 0;
}
.shadow_mainvisual{
	position:absolute;
	top: 513px;
}

/*==============================
  header
  ==============================*/
#header {
	width: 100%;
	height : 60px;
	margin: 0;
	padding: 0;
	top: 0;
	background:url(../images/common/bg_img2.gif);
	background-position:center top;
}
#heaer_menu{
	z-index: 10;
	position:relative;
	width: 1020px;
	height: 60px;
	margin: 0 auto;
}
#heaer_menu h1{
	width: 192px;
	height: 60px;
	float: left;
}
#heaer_menu span{
	width: 154px;
	height: 60px;
	float: right;
}
#heaer_menu ul{
	width:585px;
	margin-left: 30px;
	padding-top: 20px;
	float: left;
	padding-right: 1px;
	background-image:url(../images/common/menu_hr.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#heaer_menu li{
	float: left;
	height: 20px;
	background-image: url(../images/common/menu_hr.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 1px;
}



/*==============================
  footer
  ==============================*/
#footer{
	width: 100%;
	height: 60px;
	clear: both;
	background:url(../images/common/bg_img2.gif);
	background-position:center top;
}
#footer_menu{
	width: 960px;
	margin: 0 auto;
}
#footer_menu ul{
	width: 201px;
	float: left;
	padding-top: 20px;
	padding-right: 1px;
	background-image:url(../images/common/menu_hr.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#footer_menu li{
	float: left;
	height: 20px;
	background-image: url(../images/common/menu_hr.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 1px;
}
#footer_menu span{
	float: right;
}