/* CSS Document */
/*

	+Base Element
	+Link Color
	+Header
	+Navi
	+Footer
	+ClearFix

*/

/*
+Base Element
------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: FFF;
	color: #333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 62.5%;
	text-align: center;
}

/*Hack FireFox*/
html>/**/body {
	font-size: 10px;
}

html:first-child body {
	font-size: 62.5%;
}
/*End*/

/*Hack ex ie6,7*/
html>/**/body {
	padding: 0 0 20px 0;
}
/*end*/

div {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.2em;
	font-weight: normal;
}

p {
	margin: 0;
}

li {
	list-style-type:none;
}

img {
	border:0;
}

hr {
	display:none;
}

strong {
	font-weight: normal;
}

.clear {
	clear:both;
}

/*
+Link Color
----------------------------------------------------------- */
a {
	color: #000;
	overflow:hidden;
}
a:link {
	color:#333;
}
a:visited {
	color:#333;
}
a:hover {
	color: #009889;
}
a:active {
	color:#007D70;
}

a.no_underline {
	text-decoration: none;
}

a.no_underline:link {
	text-decoration: none;
}

a.no_underline:hover {
	text-decoration: underline;
}

/*
+Layout
----------------------------------------------------------- */
#wrapper, #header, #navi, #contents, #footer {
	margin: 0 auto;
	width: 750px;
}

#wrapper {
	/*margin-top: -73px;*/
}

/*
+Header
----------------------------------------------------------- */
h1#header {
	width: 750px;
	margin: 0 auto 0 auto;
	z-index: 1;
	text-align: left;
	display: block;
	font-size: 1em;
	color: #333;
}

h1#header img {
	vertical-align: middle;
}

h1#header span {
	position: relative;
	top: 12px;
	left: 10px;
}

/*#header h1 {
	margin: 0 0 24px 0;
	position: absolute;
	z-index: 1;
}*/

/*
+Contents
----------------------------------------------------------- */
#contents {
	padding: 47px 0 20px 0;
}

/*
+Navi
----------------------------------------------------------- */
#navi {
	position: absolute;
	top: 46px;
	left: auto;
}

#navi li {
	float: left;
}

/*
+Sub Navi
----------------------------------------------------------- */
#sub_navi {
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	padding: 0 0 0 526px;
	z-index: 2;
}

#sub_navi li {
	float: left;
}

/*
+Footer
----------------------------------------------------------- */
#footer {
	border-top: 2px solid #009889;
	padding: 7px 0 20px 0;
	font-size: 1em;
	line-height: 1.5;
}

#footer div {
	float: left;
	padding: 0 0 5px 0;
	width: 590px;
}

#footer div#logo_matsu {
	float: right;
	width: 155px;
}

#footer p {
	float: left;
	padding-right: 15px;
}

#footer div#copyright {
	float: left;
	width: 310px;
}

/*
#footer div {
	float: right;
	width: 487px;	
}
*/

/*
+ClearFix
----------------------------------------------------------- */
#header,
#navi,
#contents,
#footer,
.clearfix {
	zoom: 100%;
}

#header:after,
#navi:after,
#contents:after,
#footer:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #header,
* html #navi,
* html #contents,
* html #footer,
* html .clearfix {height: 1%;}
/* End hide from IE-mac */