@charset "utf-8";

* {
	color: #4D4D4D;
	padding: 0;
	font-size: 14px;
	line-height: 120%;
	margin: 0;
}

body {
	background-color: #F4ECE1;
}

#wrapper {
	position: absolute;
	width: 100%;
}

html > body #wrapper {
	height:100%;
}

a {
	text-decoration: underline;
}

a:link {
	color: #4D4D4D;
}

a:visited {
	color: #4D4D4D;
}

a:hover {
	color: #F0037F;
	text-decoration: none;
}

img {
	border-width: 0;
}

hr {
	visibility: hidden;
}

/*
ヘッダー
-------------------------------------------------------------------*/

#header {
    width: 100%;
    height: 200px;
}

#headfix {
	position: fixed;
    background-color: #F4ECE1;
    height: 120px;
    width: 100%;
    z-index:10;
}

#header ul {
	position: absolute;
	left: 480px;
    top: 30px;
    width: 310px;
}

#header li {
	list-style-type: none;
    float: left;
}

#header li#home {
	margin-top: 10px;
}

#header li.dot {
	margin: 15px 4px 0;
}

#headline {
	position: absolute;
    top: 110px;
    left: 30px;
    width: 755px;
    height: 5px;
	background: #F4ECE1 url(../header/line_header.gif) no-repeat scroll 0 0;
	text-indent: -10000px;
}

/*ミドル
----------------------------------------------- */
#middle {
	width: 100%;
	float: left;
}

#main {
	float: left;
	width: 570px;
	margin-left: 60px;
	padding-bottom: 50px;
	text-align: left;
}

*html #main {
	float: left;
	width: 570px;
	margin-left: 60px;
	padding-bottom: 50px;
	text-align: left;
	display: inline;
}

/*
コピーライト
-------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 790px;
}

#footer p {
	clear: both;
	font-size: 12px;
	color: #B3B3B3;
	text-align: right;
	line-height: 120%;
}

#line {
	float: right;
	width: 393px;
	height: 5px;
	background: #F4ECE1 url(../header/line_footer.gif) no-repeat scroll 0 0;
	text-indent: -10000px;
}