@charset "shift-jis";
/*------------------------------------------------------refresh*/
body,h1,h2,h3,h4,h5,div,dl,dd,dt,table,td,th,tr,ul,ol,li,p{
margin:0;
padding:0;
font-size:100%;
line-height:1;
text-decoration:none;
list-style:none;
}
div:after,dl:after,p:after,dd:after{
content:'.';
font-size:1px;
float:none;
clear:both;
visibility:hidden;
display: block;
}
img{border:0;}
.alt{display:none;}
/*------------------------------------------------------laout*/
body{
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  "ＭＳ Ｐゴシック", sans-serif;
text-align:center;
background:url(bg_repeat.jpg) repeat-x center top #eee;
}
.ground{width:1024px;margin:0 -512px;height:635px;
position:absolute;
left:50%;
background:url(bg.jpg) no-repeat center top ;
}
#header,#nav,#contents,#footer{
width:800px;
margin:0 -400px;
position:absolute;
left:50%;
overflow:hidden;
}
#header{
height:74px;
text-align:left;
top:0px;
}

#nav{
width:800px;
height:45px;
top:534px;
}
#contents{
height:460px;
top:74px;
display:none;
float:none;
clear:both;
text-align:left;
}
#footer{
top:590px;
}
/*------------------------------------------------------ground*/

.ground p,.ground td,.ground th,.ground dt,.ground dd,.ground li{
text-align:left;
font-size:80%;
line-height:1.6;
}
.ground dd li,.ground dd td,.ground dd th,.ground p li,.ground p td,.ground p th,.ground li div p{
font-size:100%;
}

.ground a,#footer a{
color:#ff0000;
text-decoration:none;
}
.ground a:hover,#footer a:hover{
background:#fff;
}
.ground a:visited,#footer a:visited{
color:#ff6666;
}
#header a{color:#fff;}
.ground #contents{color:#555555;}
/*------------------------------------------------------header*/
#siteid{float:left;width:300px;}
#sup{float:right;text-align:right;}
#sup .goblog{text-align:right;}
#sup .tel{margin:0 0;color:#B5B5B5;}
/*------------------------------------------------------nav*/
#nav ul{
width:714px;
margin:0px 43px;
clear:both;
float:none;
}
#nav li span{display:none;}
#nav li {float:left;}
#nav li a{
width:119px;
height:45px;
float:left;
}
#nav .nav0 a{background:url(nav0.jpg) center center no-repeat;}
#nav .nav1 a{background:url(nav1.jpg) center center no-repeat;}
#nav .nav2 a{background:url(nav2.jpg) center center no-repeat;}
#nav .nav3 a{background:url(nav3.jpg) center center no-repeat;}
#nav .nav4 a{background:url(nav4.jpg) center center no-repeat;}
#nav .nav5 a{background:url(nav5.jpg) center center no-repeat;}

#nav .nav0 a:hover,#page0 #nav .nav0 a{background:url(nav0_on.jpg) center center no-repeat;}
#nav .nav1 a:hover,#page1 #nav .nav1 a{background:url(nav1_on.jpg) center center no-repeat;}
#nav .nav2 a:hover,#page2 #nav .nav2 a{background:url(nav2_on.jpg) center center no-repeat;}
#nav .nav3 a:hover,#page3 #nav .nav3 a{background:url(nav3_on.jpg) center center no-repeat;}
#nav .nav4 a:hover,#page4 #nav .nav4 a{background:url(nav4_on.jpg) center center no-repeat;}
#nav .nav5 a:hover,#page5 #nav .nav5 a{background:url(nav5_on.jpg) center center no-repeat;}

/*------------------------------------------------------contents*/
#page0 #contents{background:url(contbg_home.jpg) center center no-repeat;}
#page1 #contents{background:url(contbg_menu.jpg) center center no-repeat;}
#page2 #contents{background:url(contbg_staff.jpg) center center no-repeat;}
#page3 #contents{background:url(contbg_style.jpg) center center no-repeat;}
#page4 #contents{background:url(contbg_shop.jpg) center center no-repeat;}
#page5 #contents{background:url(contbg_contact.jpg) center center no-repeat;}
/*------------------------------------------------------home #page0*/
#page0 #contents dl{margin:348px 0 0 28px;}
/*------------------------------------------------------menu #page1*/
#page1 #menu{margin:50px 0 0 38px;}
#page1 #menu dt{float:left;width:160px;clear:left;}
#page1 #menu dt,#page1 #menu dt{height:40px;}

/*------------------------------------------------------staff #page2*/
#page2 #menu{margin:45px 0 0 542px;}
#page2 #menu dt{height:18px;}
#page2 #menu dd{width:220px;text-align:right;font-weight:bold;height:30px;}

/*------------------------------------------------------style #page3*/
#page3 #styles{width:520px;height:400px;float:left;overflow:hidden;}
#page3 #styles li{border:solid 10px #fff;text-align:center;background:#fff;position:absolute;top:45px;left:50px;width:440px;_width:460px;}
#page3 #styles li img{border:solid 1px #eee;float:left;width:250px;height:333px;}
#page3 #styles li .desc{float:right;width:180px;}
#page3 #styles li h2{font-weight:bold;text-align:left;line-height:1.6;margin:0 0 10px;padding:45px 0px 50px 5px;width:160px;_width:165px;border-bottom:dashed 1px #eee;}
#page3 #styles li p{text-align:justify;width:160px;font-size:100%;margin-left:5px;}
#page3 #styles .first{display:none;}

#page3 #menu{float:right;width:256px;height:450px;overflow:hidden;}
#page3 #menu ul{margin:45px 0 0 0;width:;}
#page3 #menu li{float:left;width:70px;height:90px;overflow:hidden;margin:0 8px 8px 0;background:#fff;}
#page3 #menu li img{margin:5px;}
#page3 #menu li a{color:#fff;}


/*------------------------------------------------------shop #page4*/
#page4 #menu{margin:45px 0 0 38px; text-align:left;width:391px;overflow:hidden;}
#page4 #menu img,#page4 #menu dl{float:left;margin:0 10px 10px 0;}
#page4 #menu dt{font-weight:bold;}
#page4 #menu dd{margin-bottom:5px;width:205px;}
#page4 .shopitem{border:solid 3px #fff;}
/*------------------------------------------------------contact #page5*/
#page5 #menu{margin:45px 0 0 542px; text-align:left;width:226px;}
#page5 #menu dt{font-weight:normal;}
#page5 #menu dd{width:220px;font-weight:bold;}
#page5 #menu dd{margin-bottom:5px;}
#page5 #contents .goblog{text-align:right;color:#FF0000;}
#page5 #contents .time{font-weight:normal;}
/*------------------------------------------------------footer*/
#footer p{
font-size:70%;
line-height:1.6;
text-align:center;
color:#999;
}

/*------------------------------------------------------stage*/