@charset "utf-8";
/* CSS Document */
body{
background-image:url(../fortune_navi/bg.gif);
background-repeat:repeat;
width:100%;
}

header{
background-image:url(../fortune_navi/headerbg.png);
background-repeat:repeat-x;
background-position:top;
width:100%;
height:170px;
border:0 0 0 5px;
text-align:center;
margin:0 auto;
}



div.h{
	width:1000px;
	margin:0 auto;
	text-align:center;
	text-align:left;
	padding-top:1%;
}

span.copy{
margin-left:1%;
font-size:80%;
color:#3E3227;
}

span.co{
margin-left:15%;
font-size:80%;
color:#3E3227;
}

span.bold{
font-weight:bold;
}

span.bold_yellow{
background-color:#ffff00;
}

img.logo{
	vertical-align:middle;
	margin-left:0;
	width:30%;
}

hr {
width: 100%;
border:  none;
border-bottom:1px solid #FFFFFF;
height:2px;
background-color: #EDDDBB;
}


#main{
width:1000px;
margin:-2% auto 0 auto;
text-align:center;
}

.midasi{
	width:800px;
	background-color:#b894c2;
	color:#ffffff;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	padding:1% 0 1% 0;
	margin:0 auto;
}

.komidasi{
	width:800px;
	background-color:#EFE2C6;
	color:#000000;
	font-size:120%;
	text-align:left;
	padding:1% 0 1% 1%;
	margin:5% auto 2% auto;
}

.categoly{
width:800px;
font-size:80%;
text-align:left;
color:#000000;
padding:1% 0 1% 0;
margin:0 auto;
}

img.ic{
vertical-align:middle;
margin:0 1% 0 1%;
}

span.pr{
margin-left:62%;
color:#B5B5B5;
font-size:90%;
}

.kiji{
width:800px;
margin:0 auto;
text-align:center;
}

.kiji02{
width:800px;
margin:0 auto;
text-align:left;
}

.kiji03{
width:800px;
margin:-2% auto 0 auto;
text-align:left;
}

.kiji04{
width:800px;
margin:-2% auto 0 auto;
text-align:left;
}

.kiji05{
width:800px;
margin:0 auto;
text-align:left;
}

.kiji06{
width:800px;
margin:0 auto;
text-align:left;
}

img.image01{
margin:0 auto;
}

img.image02{
text-align:left;
}

img.image03{
float:left;
margin-right:1%;
padding-top:3%
}

img.image04{
vertical-align:top;
float:left;
margin-right:1%;
padding-top:3%
}

img.image01a{
margin:0 auto;
width:100%;
}

img.image02a{
text-align:left;
width:100%;
}

img.image03a{
float:left;
margin-right:1%;
padding-top:3%;
width:100%;
}

img.image04a{
vertical-align:top;
float:left;
margin-right:1%;
padding-top:3%;
width:100%;
}

img.gtmr{
margin:0 auto;
text-align:center;
}


p.text{
margin:0 auto;
text-align:left;
line-height:220%;
letter-spacing:0.1em;
color:#4E4E4E;
}
p.text02{
margin:2% auto 0 auto;
text-align:center;
line-height:100%;
letter-spacing:0.1em;
color:#4E4E4E;
}


.kiji04:after {
display: block;
clear: both;
content: "";
}
.kiji05:after {
display: block;
clear: both;
content: "";
}

.btn{
	margin:0 auto;
	width:800px;
}


#site{
width:100%;
margin:1% auto 0 auto;
text-align:center;
background-color:#ffffff;
border-top:1px dotted #D8B889;
}

.name{
width:1000px;
margin:0 auto;
text-align:left;
}


#site span.co{
margin-left:40%;
font-size:80%;
color:#3E3227;
}

footer{
background-color:#b894c2;
width:100%;
height:20px;
text-align:center;
margin:0 auto;
padding:1% 0 0 0;
color:#ffffff;
font-size:80%;
}