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

/* 初期化 -----------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	color: #333;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	background-color: #e22d00; 
	
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, table{ 
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
}
img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body a{
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
body a:hover{
	cursor: pointer;
}

/* wrap -----------------------------------------------------*/
#wrap{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* wrap-container -----------------------------------------------------*/
#wrap-container{
	width: 842px;
	height: auto;
	margin: 0 auto;
	padding: 0px;
}

/* header -----------------------------------------------------*/
#header{
	width: 842px;
	height: auto;
	margin: 0 0 20px 0;
}
#header h1{
width: 187px;
height: 100px;
margin: 0px;
text-indent: -1000em;
display: block;
float: left;
}
#header h1 a{
width: 187px;
height: 100px;
display: block;
background-image: url(../images/logo.gif);
background-position: left bottom;
background-repeat: no-repeat;
overflow: hidden;
float: left;
}
#header p{
width: 115px;
height: 20px;
display: block;
float: right;
margin: 80px 0 0 0;
text-indent:-1000em;
font-size: 1px;
line-height: 1px;
}
#header p a{
width: 115px;
height: 20px;
display: block;
float: right;
background-image: url(../images/otoiawase_btn.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#header p a:hover{
background-position: left bottom;
}

/* menu -----------------------------------------------------*/
#menu{
	width: 842px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#menu dl{
width: 842px;
height: 38px;
margin: 0px;
padding: 0px;
list-style: none;
}
#menu dl dt{
width: 120px;
height: 60px;
margin: 0px;
padding: 0px;
display: block;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
float: left;
}
#menu dl dt.menu1, #menu dl dt.menu7{
width: 121px;
}
#menu dl dt.menu1 a{
width: 121px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu1.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu2 a{
width: 120px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu2.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu3 a{
width: 120px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu3.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu4 a{
width: 120px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu4.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu5 a{
width: 120px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu5.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu6 a{
width: 120px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu6.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu7 a{
width: 121px;
height: 60px;
display: block;
float: left;
background-image: url(../images/menu7.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#menu dl dt.menu1 a:hover, #menu dl dt.menu2 a:hover, #menu dl dt.menu3 a:hover, #menu dl dt.menu4 a:hover, #menu dl dt.menu5 a:hover, #menu dl dt.menu6 a:hover, #menu dl dt.menu7 a:hover{
background-position: left bottom;
}
#menu dl dt.menu1 a.thispage, #menu dl dt.menu2 a.thispage, #menu dl dt.menu3 a.thispage, #menu dl dt.menu4 a.thispage, #menu dl dt.menu5 a.thispage, #menu dl dt.menu6 a.thispage, #menu dl dt.menu7 a.thispage{
background-position: left bottom;
}

/* pankuzu -----------------------------------------------------*/
#pankuzu{
	width: auto;
	height: auto;
	display: block;
	float: right;
	margin: 5px 0;
	padding: 0px;
	clear: both;
}
#pankuzu p{
display: block;
font-size: 80%;
}
#pankuzu p a{
color: #999;
text-decoration: none;
}
#pankuzu p a:hover{
color: #ccc;
text-decoration: underline;
}

/* contents-wrap -----------------------------------------------------*/
#contents-wrap{
	width: 842px;
	height: auto;
	margin: 0px;
	background-image: url(../images/contents_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
}

/* contents -----------------------------------------------------*/
#contents{
	width: 800px;
	height: auto;
	margin: 0 0 0 21px;
	padding: 0px;
}

/* top-btn -----------------------------------------------------*/
#top-btn{
width: 800px;
height: 15px;
margin: 0px;
padding: 0px;
clear: both;
}
#top-btn h4{
	width: 87px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-indent: -1000em;
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
#top-btn h4 a{
width: 87px;
height: 15px;
display: block;
float: left;
background-image: url(../images/ancher.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#top-btn h4 a:hover{
background-position: left bottom;
}

/* footer -----------------------------------------------------*/
#footer{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 10px 0; 
	clear: both;
}
#footer p{
width: 842px;
height: 55px;
margin: 0 auto;
display: block;
line-height: 1px;
font-size: 1px;
text-indent: -1000em;
background-image: url(../images/copy.gif);
background-repeat: no-repeat;
background-position: left bottom;
overflow: hidden;
}

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

.clear-10{
clear: both;
width: auto;
height: 10px;
font-size: 1px;
line-height: 1px;
}