@import url("/common/css/clearfix.css");
@import url("/common/css/common.css");

/* 背景色 \*/
body {
	background: url(/common/img/header_bg.gif) repeat-x;
	background-color: #FFFFFF;
}

/* 全体設定ここまで \*/

/* header \*/
#header {
	overflow: hidden;
	width: 800px;
	height: 123px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	width: 118px;
	position: absolute;
	top: 8px;
}

#header p.header_caption {
	width: 455px;
	position: absolute;
	top: 21px;
	left: 175px;
}

#header p.copyright {
	width: 130px;
	position: absolute;
	top: 3px;
	left: 670px;
}

/* main_navi \*/
#main_navi {
	width: 666px;
	height: 51px;
	position: absolute;
	top: 67px;
	left: 135px;
	overflow: hidden;
}

#main_navi ul li {
    float: left;
	width: 107px;
}

#main_navi ul li a {
    display: block;
    width: 107px;
    height: 51px;
    text-indent: -9999px;
    background: url(/common/img/main_navi.gif) no-repeat;
    overflow: hidden;
}

#main_navi ul li a.navi6 {
	width: 130px;
}

#main_navi ul li a.navi1 {
    background-position: 0px 0px;
}

#main_navi ul li a.navi1:hover {
    background-position: 0px -51px;
}

#main_navi ul li a.navi2 {
    background-position: -107px 0px;
}

#main_navi ul li a.navi2:hover  {
    background-position: -107px -51px;
}

#main_navi ul li a.navi3 {
    background-position: -214px 0px;
}

#main_navi ul li a.navi3:hover  {
    background-position: -214px -51px;
}

#main_navi ul li a.navi4 {
    background-position: -321px 0px;
}

#main_navi ul li a.navi4:hover  {
    background-position: -321px -51px;
}

#main_navi ul li a.navi5 {
    background-position: -428px 0px;
}

#main_navi ul li a.navi5:hover  {
    background-position: -428px -51px;
}

#main_navi ul li a.navi6 {
    background-position: -535px 0px;
}

#main_navi ul li a.navi6:hover  {
    background-position: -535px -51px;
}

/* main \*/
#main {
	margin: 20px auto;
}

/* footer \*/
#footer {
	width: 100%;
	clear: both;
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 12px;
}

#footer div {
	width: 800px;
	height: 39px;
	margin: 0 auto;
	overflow: hidden;
	background: url(/common/img/logo_mcd.gif) no-repeat top center;
}

#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer div p {
	width: 400px;
	float: right;
	text-align: right;
	margin-top: 18px;
}