@charset "utf-8";
/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background:#FFF ;
	font-family:Meiryo,
"メイリオ",
Osaka,
"MS PGthic",
"MS Pゴシック",
sans-serif;
	font-size:100%;
}
html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
vertical-align:bottom;/*IE画像隙間 */
	border:0;
	}

address {
	font-style:normal;
}
.clear {
	clear:both;
}


#page{
text-align:center;
margin:0 auto;/*全体をセンタリング */
}

/* header */

.top{
width:100%;
height:3px;
background-color: #80C7E8; 
}

#info{
text-align:center;
width: 960px;
margin:0 auto;/*全体をセンタリング */
height:130px;
background-color: #fff; 
}


h1{
text-align:left;
width: 960px;
padding:25px 0 0 0; 
font-size:70%;
font-weight: normal;
}

h2{
padding:5px 0 0 0; 
}

h3{
text-align:center;
width: 960px;
margin:0 auto;/*全体をセンタリング */
padding:0px 0 30px 0; 
}

h4{
text-align:center;
width: 960px;
margin:0 auto;/*全体をセンタリング */
padding:0 0 0 0; 
font-size:70%;
font-weight: normal;
}

h5{
text-align:center;
width: 960px;
padding:200px 0 0 0; 
font-size:110%;
font-weight: bold;
letter-spacing: 0.1em; 
}

#header{
text-align:center;
margin:0 auto;/*全体をセンタリング */
width:960px;
height:560px; 
}


/* content1 */
#content1{
width:100%;
height:600px;
background-color: #fff; 
}

#content11{
margin:0 auto;
text-align:center;
width: 960px;
height:550px;
background-color: #fff; 
}


/* content2 */
#content2{
width:100%;
height:250px;
background-color: #fff; 
}

#content21{
margin:0 auto;
text-align:center;
width: 960px;
height:150px;
background-color: #fff; 
}

#con22{
margin:0 auto;
text-align:center;
width: 960px;
height:70px;
background-color: #fff; 
}

#con2{
width: 480px;
height:80px;
background-color: #fff; 
float:left;/* 回り込み*/
}
#con21{
width: 460px;
height:80px;
background-color: #fff; 
float:left;/* 回り込み*/
}

p.shopleft{
padding:30px 0 0 0px;
letter-spacing: 0.1em; 
font-size:90%; 
}

p.shopleft a{
text-decoration: none;
color: #221815;
}
p.shopleft a:hover{
color: #e5e5e5;
}

p.shopright{
padding:10px 250px 0 0;
letter-spacing: 0.1em; 
font-size:90%; 
}

p.shopright a{
text-decoration: none;
color: #221815;
}
p.shopright a:hover{
color: #e5e5e5;
}


/* content3 */
#content3{
width:100%;
height:150px;
background-color: #fff; 
}

#content31{
margin:0 auto;
text-align:center;
width: 960px;
height:150px;
background-color: #fff; 
}

#con32{
margin:0 auto;
text-align:center;
width: 960px;
height:70px;
background-color: #fff; 
}

#con3{
width: 480px;
height:80px;
background-color: #fff; 
float:left;/* 回り込み*/
}
#con31{
width: 460px;
height:80px;
background-color: #fff; 
float:left;/* 回り込み*/
}


/* content4 */
#content4{
width:100%;
height:430px;
background-color: #fff; 
}

#content41{
margin:0 auto;
text-align:center;
width: 960px;
height:430px;
background-color: #fff; 
}

#con4{
width: 480px;
height:430px;
background-color:  #fff; 
float:left;/* 回り込み*/
}
#con41{
width: 460px;
height:430px;
background-color:  #fff; 
float:left;/* 回り込み*/
}



p.info{
padding:300px 0 0 0px; 
text-align:left;
width: 350px;
font-size:75%;
text-align:justify;
}



h6 a{
text-decoration: none;
color: #221815;
}
h6 a:hover{
color: #e5e5e5;
}

p.us{
padding:295px 0 0 280px; 
}




#footer{
clear: both;
width: 100%;
height:35px;
background-color: #fff;  
}

address{
font-size:65%;
font-style:normal;
color: #221815;
line-height: 35px;
}

address a{
text-decoration: none;
color: #221815;
}
address a:hover{
color: #e5e5e5;
}