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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td {
margin: 0; 
padding: 0;
}
html {
overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6, th, p, ul, dl {
font-size: 100%; 
font-weight: normal;
}
ol, ul {
list-style:none;
}
fieldset, img {
border:0;
}
table {
border-collapse: collapse; 
border-spacing:0;
}
caption, th {
text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal; 
font-weight: normal;
}
a {
text-decoration: none;
}
img {
vertical-align: bottom;
}
div{
zoom:1;/*for IE 5.5-7*/
}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
font-size: 0.85em;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}

h2{
margin:0 0 10px 0;}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
text-align: left;
margin:0 auto;
width: 100%;
}

#header{
width:980px;
margin:0 auto;
padding: 20px 10px 10px;
}

#maincont{
width: 100%;
background-color:#dcdddd;
}

#shoplist{
width:980px;
margin:0 auto;
background-color:#ffffff;
}
#undercont{
width:100%;
border-top:10px #dcdddd solid;
padding:10px0 0 0 0;
}
#center{
width:980px;
margin:20px auto;
}
#contents {
float: left;
width: 739px;
}

#sidebar {
float: right;
width: 221px;
padding: 0 0 0 20px;
}

#sidebar p {
padding:10px 5px;
}

.sidecont{
border:solid 1px #d4d5d5;
margin:0 0 10px 0;
text-align:center;}

#footer {
clear: both;
padding: 0.5em 0 1em;
}

#headercont{
float:left;
}
#headercont img{
margin:0 0 20px 0;
}
#gnavi{
float:right;
}
#gnavi ul li{
margin:0 0 8px 5px;

}
.clear {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
overflow: hidden;
}

.shopmap01{
width:479px;
float:left;
margin:0 0 10px 0;
border:3px solid #d60447;
}
.shopmap02{
width:479px;
float:right;
margin:0 0 10px 0;
border:3px solid #d60447;
}

.shopmap03{
width:479px;
float:left;
border:3px solid #d60447;
}
.shopmap04{
width:479px;
float:right;
border:3px solid #d60447;
}



/* ---------------------------------------- #contents内の指定 */
#news{
border:solid 1px #d4d5d5;
padding:0 10px 5px 10px;
margin:0 0 10px 0;
}

#news li{
border-bottom:solid 1px #d4d5d5;
padding:5px 0 5px 0;
}

.red{
color:#f00;
}
#shoplink{
width:740px;
}

#shoplink p{
margin:10px 0 10px;
}

.shoplink01{
width:365px;
float:left;
margin:0 9px 0 0;

}
.shoplink02{
width:365px;
float:left;
}
/* ---------------------------------------- #sidebar内の指定 */


/* ---------------------------------------- #footer内の指定 */
#pagetop{
width:980px;	
margin:0 auto;
}

#pagetop img{
margin:10px 0 0 790px ;
}


#footerwidth{
width:980px;
margin:0 auto;
}
#footercont{
float:left;
margin:20px 0 20px 27px;
}
#footerlink{
float:right;
margin:20px 0 0 0;
}

#footerlink p{
margin:20px 0 0 0;
}

#footer{
background-color:#dcdddd;
}

.article{
width:980px;
}
.photo{
float:left;
}
.text{
float:left;
padding:0 0 10px 10px;
}
table{
width:736px;
margin:0 0 20px 0;
}
table tr td{
padding:10px;
}
.tablebg{
background-color:#efefef;
}

/* ---------------------------------------- #shop内の指定 */
.leftcont{
width:739px;
margin:0 0 10px 0;
}
.shopleft{
width:373px;
float:left;
}

.shopleft img{
margin:0 0 8px 0;
}

.shopleft p{
margin:10px 0 0 0;
}

.shopright{	
float:right;
}

.shopimg01{
float:right;
margin:0 0 8px 0;
}
.shopimg01_02{
float:left;
}
.shopimg02{
margin:0 0 8px 0;
}
.itemcont{
width:180px;
margin:0 4px 0 0;	
float:left;
}
.itemcont img{
width:180px;
margin:0 0 10px 0;	
float:left;
}

.itemcont p{
width:180px;
margin:0 0 10px 5px;
}


a img {
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s;
}

a:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

a:active img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}