@charset "UTF-8";

body, div {
  margin: 0;
  padding: 0;
  font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
	background-image:url(../images/index_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	/*IE用*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_bg.jpg', sizingMethod='scale')";
}

#container{
	width: 80%;
	overflow: hidden;
	margin-top:10%;
	margin-left:13%;
	display:none;
	/*最後にdisplay:none;*/
	}

#main{
	float: left;
	width: 52%;
	color:#EEE;
	padding-left:2%;
}

#navi{
	float: left;
	margin-top:50px;
	padding: 0;
	position:relative;
}

#navi ul li{
	list-style-type:none;
	}
	

#navi_greeting a{
	display:block;
	background-image:url(../images/navi_greeting.png);
	background-repeat:no-repeat;
	background-position:top;
	height:50px;
	width:50px;
	margin-bottom:30px;
	overflow: hidden;
	}
	
#navi_greeting a:hover{
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#navi_menu a{
	display:block;
	background-image:url(../images/navi_menu.png);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	margin-bottom:30px;
	overflow: hidden;
	}

#navi_menu a:hover{
	background-position:bottom;
	background-repeat:no-repeat;
	}
	

#navi_recommend a{
	display:block;
	background-image:url(../images/navi_recomend.png);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	margin-bottom:30px;
	overflow: hidden;
	}
	
#navi_recommend a:hover{
	background-position:bottom;
	background-repeat:no-repeat;
	}

#navi_cats a{
	display:block;
	background-image:url(../images/navi_cats.png);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	margin-bottom:30px;
	overflow: hidden;
	}
	
#navi_cats a:hover{
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#navi_reserve a{
	display:block;
	background-image:url(../images/navi_reserve.png);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	margin-bottom:30px;
	overflow: hidden;
	}
	
#navi_reserve a:hover{
	background-position:bottom;
	background-repeat:no-repeat;
	}	
	
#navi_mail a{
	display:block;
	background-image:url(../images/navi_mail.png);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	margin-bottom:30px;
	overflow: hidden;
	}
	
#navi_mail a:hover{
	background-position:bottom;
	background-repeat:no-repeat;
	}



#logo{
	height:250px;
}

#logo h1 {
	margin-top:0;
}

#topics{
	font-size:11px;
	color:#444;
	padding-left:2%;
}

#copyright{
	color:#444;
	margin-top:100px;
	padding-left:2%;
}

#copyright p{
	font-size:7px;
	line-height:12px;
}



/*tooltip*/

.tooltip1{
	width:185px;
	position:absolute; 
}
.tooltip1 p{
	line-height:1.5;
	margin:0;
	font-size:11px;
	color:#C33;
	background-image:url(../images/tooltipbody.gif);
	background-position:top right;
	padding:10px 5px 2px 20px;
}
.tooltip1 img{
	vertical-align:top; } 
	
.tooltip2{
	width:185px;
	position:absolute; 
}
.tooltip2 p{
	line-height:1.5;
	margin:0;
	font-size:11px;
	color:#C33;
	background-image:url(../images/tooltipbody.gif);
	background-position:top right;
	padding:10px 5px 2px 20px;
}
.tooltip2 img{
	vertical-align:top; } 
	
.tooltip3{
	width:185px;
	position:absolute; 
}
.tooltip3 p{
	line-height:1.5;
	margin:0;
	font-size:11px;
	color:#C33;
	background-image:url(../images/tooltipbody.gif);
	background-position:top right;
	padding:10px 5px 2px 20px;
}
.tooltip3 img{
	vertical-align:top; } 
	
.tooltip4{
	width:185px;
	position:absolute; 
}
.tooltip4 p{
	line-height:1.5;
	margin:0;
	font-size:11px;
	color:#C33;
	background-image:url(../images/tooltipbody.gif);
	background-position:top right;
	padding:10px 5px 2px 20px;
}
.tooltip4 img{
	vertical-align:top; } 	
	
.tooltip5{
	width:185px;
	position:absolute; 
}
.tooltip5 p{
	line-height:1.5;
	margin:0;
	font-size:11px;
	color:#C33;
	background-image:url(../images/tooltipbody.gif);
	background-position:top right;
	padding:10px 5px 2px 20px;
}
.tooltip5 img{
	vertical-align:top; } 			

.tooltip6{
	width:185px;
	position:absolute; 
}
.tooltip6 p{
	line-height:1.5;
	margin:0;
	font-size:11px;
	color:#C33;
	background-image:url(../images/tooltipbody.gif);
	background-position:top right;
	padding:10px 5px 2px 20px;
}
.tooltip6 img{
	vertical-align:top; } 

/*テキスト*/
p {
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 200%;
}

ul, ol, dl {
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: 125%;
  margin-bottom: 15px;
  line-height: normal;
}

h2 {
	font-size: 160%;
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 1.4;
	text-align: center;
}

h3 {
	font-size: 125%;
	margin-top: 70px;
	margin-bottom: 60px;
	line-height: normal;

}

h4 {
	font-size: 110%;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: normal;
}

h5 {
  font-size: 105%;
  margin-top: 0;
  margin-bottom: 0;
  line-height: normal;
}

h6 {
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 0;
  line-height: normal;
}

a img {
  border: none;
}




/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #sidenavi {
  margin-top: 0;
}