@charset "UTF-8";


/**************************************************************************************************

FLOAT 解除
CLEARFIX ELEMENTS : #[xx] #content

**************************************************************************************************/


#contents:after,
#footer:after,
#news:after,
#gallery:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}

#contents,
#footer,
#news,
#gallery {
display: inline-table;
min-height: 1%;
}
/* FOR MAC IE \*/

* html #contents,
* html #footer,
* html #news,
* html #gallery {
height: 1%;
}

#contents,
#footer,
#specialStoreMenu div.pack,
#news,
#gallery {
display: block;
}
/* END OF FOR MAC IE */


/*------------ clearfix 解除 ------------*/
.clearfix:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* END OF FOR MAC IE */


/**************************************************************************************************

CONTENTS
ELEMENTS : #[container] #contents

**************************************************************************************************/

/***********************************************
COMMON
************************************************/


/*------------ SPACE  ------------*/
.space20{
margin:10px 0 0 0;
}

.spacebot{
margin:0 0 2px 0;
}
/**************************************************************************************************

MAIN
ELEMENTS : #main

**************************************************************************************************/
#main{
background:url(img/backgrounds/bg01.png) repeat-y 0;
width:922px;
margin:0 auto;
}
#mainwrap{
background:url(img/backgrounds/bg02.gif) repeat-y 0;
width:912px;
margin:0 5px;
}
#mainwrapbot{
background:url(img/backgrounds/bg02bot.gif) no-repeat 0;
width:912px;
margin:0 5px;
height:8px;
}
/**************************************************************************************************

WRAP
ELEMENTS : #wrap

**************************************************************************************************/

#wrap{
width:862px;
margin:0;
padding:0 25px;
}

#wrap h1{
width:351px;
height:104px;
margin:0 auto;
border-top:1px solid #cfcdcc;
border-bottom:1px solid #cfcdcc;
padding:40px 256px 40px 255px;
}
#wrap h1 a{
background:url(files/logo.png) no-repeat 0 0;
height:104px;
width:351px;
text-indent:-9999px;
margin:0;
display: block;
}

/**************************************************************************************************

MAIL FOOTER
ELEMENTS : #mail & #footer

**************************************************************************************************/

#mail{
width:857px;
height:25px;
margin:0px 25px 0;
text-align:right;
padding:20px 5px 0 0;
}
#footer{
width:912px;
height:60px;
margin:20px 5px 0;
text-align:center;
}

/**************************************************************************************************

CONTENTS
ELEMENTS : .contents

**************************************************************************************************/

#contents{
width:862px;
margin:45px 0 0 0;
}

#contentstop{
width:722px;
margin:0 70px;
}
#contentsbottom{
width:842px;
margin:0 10px;
}
/*------------ h2 ------------*/

#contentstop h2{
font-size:30px;
margin:20px 0 10px 0;
font-family:helvetica;
text-indent:-9999px;
}

.adress{background:url(files/adressttl.gif) no-repeat;}
.gallery{background:url(files/galleryttl.gif) no-repeat;}
.open{background:url(files/openttl.gif) no-repeat;}
.price{background:url(files/pricettl.gif) no-repeat;}
.map{background:url(files/mapttl.gif) no-repeat;}
/*------------ p ------------*/

#contentstop p{
font-size:15px;
margin:10px 0;
font-family:serif;
color:#717070;
letter-spacing:1px;
position:relative;
}
#contentstop p span{
margin:0 0 0 10px;
height:18px;
position:absolute;
top:-1px;
}

#contentstop p span img{
margin:0 5px 0 0px;
}
/*------------ gallery ------------*/
#gallery{
width:716px;
height:310px;
margin:0;
}
#photemain{
width:572px;
height:308px;
margin:0;
border:1px solid #a0a0a1;
float:left;
}
.phot01{
width:135px;
height:101px;
margin:0 0 3px 7px;
float:left;
}
#zumen{
margin:0;
height:18px;
}

#zumen p{
width:18px;
height:18px;
margin:10px 0 0 0px;
float:right;
}
#zumen p.zumen{
width:60px;
height:18px;
margin:10px 5px 0 5px;
float:right;
}
/*------------ contentsbottom ------------*/

#contentsbottom h2{
font-size:30px;
margin:40px 0 20px;
font-family:helvetica;
background:url(files/dotwaku.gif) no-repeat;
width:839px;
height:69px;
float:left;
}

#contentsbottom h2 img{
padding:23px 305px;
}

#contentsbottom .news{
float:left;
width:auto;
}

#contentsbottom .news img{
padding:20px 20px;
}

#contentsbottom .news p img{
padding:10px 0px 30px 0;
float:left;
width:308px;
height:73px;
}
#contentsbottom .news p{
padding:20px 10px 0px;
float:left;
font-size:15px;
font-family:serif;
color:#717070;
letter-spacing:1px;
line-height:23px;
}
#contentsbottom .dotline img{
padding:10px 20px 40px;
width:798px;
height:1px;
margin:0;
}