@charset "UTF-8";

/* ------------------------------
↓ぬテンプレ
------------------------------ */
body{
background:#ffffff url(../data/img/shadow_bg-trans.png) repeat-y scroll center top;
}

body,p,div,span,h1,h2,li {
font: 14px "ＭＳ Ｐゴシック","MS PGothic", Sans-Serif; 
position: relative;
}
p{
line-height: 170%;
}

p img {    
 padding:1em 0;    
 vertical-align:middle;    
}    
p > img {    
 padding:0;    
}  

table{
height: 0px;
}

table tr{
height: 0px;
}

table tr td{
height: 0px;
}

#page{
background:#ffffff url(../data/img/shadow_bg-trans.png)repeat-y scroll left top;
}
/* ------------------------------
header
------------------------------ */
#top_navigation_bar {
background:#999999 url(../data/img/top_background.gif) repeat-x scroll center bottom;
width: 100%;
height:25px;
overflow: hidden;
z-index: 20;
position: absolute;
top: 0px;
left: 0px;
}

#top_navigation_bar h1{
font-size: 12px;
font-weight: normal;
padding: 4px 15px;
text-align: left;
color: #000000;
overflow: hidden;
}

#header_rect{
}

#topflash{
position:relative;
top: 25px;
width: 950px;
height: 630px;
overflow: hidden;
}
/* ------------------------------
contents
------------------------------ */

#contentiner {
width:950px;
height:auto;
overflow:hidden;
position:relative;
margin-left:auto;
margin-right:auto;
z-index:10;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}

#contentiner2 {
width:950px;
height:auto;
overflow:hidden;
position:relative;
margin-left:auto;
margin-right:auto;
z-index:0;
}

#topheader{
width: 950px;
height: 595px;
overflow: hidden;
margin: 25px auto 0px auto;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}

#header{
background: url('../data/img/header_bg-trans.png') no-repeat;
width: 950px;
height: 185px;
margin: 0px auto;
position: relative;
top: 25px;
}


#topflash{
width: 950px;
overflow: hidden;
margin: 0 auto 0 auto;
position:relative;
}

.toplogobox{
width: 271px;
height: 95px;
overflow: hidden;
position: absolute;
top: 25px;
left: 25px;
z-index: 10;
}

/* ------------------------------
navigation
------------------------------ */
.backtop{
width: 215px;
height: 185px;
overflow: hidden;
display: block;
position: relative;
float: left;
}

.backtop a{
width: 215px;
height: 185px;
overflow: hidden;
display: block;
}

.backtop a:hover{
width: 215px;
height: 185px;
overflow: hidden;
display: block;
}

.navigation {
width:735px;
height:58px;
position: relative;
top: 100px;
float: left;

}

.navigationin{
padding: 0;
}

.navigation a {
display: block;
font-size: 14px;
overflow:hidden;
}


.navigation2 {
width:735px;
height:58px;
}

.navigationin2{
padding: 0 0 0 0px;
}

.navigation2 a {
display: block;
font-size: 14px;
overflow:hidden;
}


#lmenu01 { width: 110px;float:left; }
#lmenu02 { width: 76px;float:left; }

#lmenu05 { width: 88px;float:left; }
#lmenu06 { width: 94px;float:left; }
#lmenu07 { width: 85px;float:left; }
#lmenu08 { width: 115px;float:left; }


#lmenu01 a{ background:url(../data/img/nav_01-trans.png);width: 110px;height: 58px; }
#lmenu02 a{ background:url(../data/img/nav_02-trans.png);width: 76px;height: 58px; }

#lmenu05 a{ background:url(../data/img/nav_05-trans.png);width: 88px;height: 58px; }
#lmenu06 a{ background:url(../data/img/nav_06-trans.png);width: 94px;height: 58px; }
#lmenu07 a{ background:url(../data/img/nav_07-trans.png);width: 85px;height: 58px; }
#lmenu08 a{ background:url(../data/img/nav_08-trans.png);width: 115px;height: 
58px; }


#lmenu01 a:hover{ background:url(../data/img/navi_over_01-trans.png);width: 110px; }
#lmenu02 a:hover{ background:url(../data/img/navi_over_02-trans.png);width: 76px;}

#lmenu05 a:hover{ background:url(../data/img/navi_over_05-trans.png);width: 88px; }
#lmenu06 a:hover{ background:url(../data/img/navi_over_06-trans.png);width: 94px; }
#lmenu07 a:hover{ background:url(../data/img/navi_over_07-trans.png);width: 85px; }
#lmenu08 a:hover{ background:url(../data/img/navi_over_08-trans.png);width: 115px; }


.dropdown2 {width:84px; height: 58px; float: left;}
.dropdown2 dt {width:84px; height: 58px;cursor:pointer; background:url(../data/img/nav_03-trans.png);}
.dropdown2 dt:hover {background:url(../data/img/navi_over_03-trans.png);}
.dropdown2 dd {width:120px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}
.dropdown2 ul {width:120px; list-style:none; border-top:none;}
.dropdown2 li {display:inline;text-align: center;}
.dropdown2 li a {width:120px; display:block; color:#666; text-decoration:none; background:#fff;}
.dropdown2 li a{padding:3px;}
.dropdown2 li a:hover {background:#ddffff; color:#55f;}
.dropdown2 .underline {border-bottom:1px solid #6699FF;}

.dropdown3 {width:83px; height: 58px; float: left;}
.dropdown3 dt {width:83px; height: 58px;cursor:pointer; background:url(../data/img/nav_04-trans.png);}
.dropdown3 dt:hover {background:url(../data/img/navi_over_04-trans.png);}
.dropdown3 dd {width:130px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}
.dropdown3 ul {width:130px; list-style:none; border-top:none;}
.dropdown3 li {display:inline;text-align: center;}
.dropdown3 li a{width:130px; display:block; color:#666; text-decoration:none; background:#fff;}
.dropdown3 li a{padding:3px;}
.dropdown3 li a:hover {background:#ddffff; color:#55f;}
.dropdown3 .underline {border-bottom:1px solid #6699FF;}



/* ------------------------------
image & main contents
------------------------------ */

.indexmain{
background:#ffffff url(../data/img/mainback.jpg) no-repeat scroll center;
width: 980px;
height: auto;
position: relative;
margin: 0 auto;
overflow: hidden;
}

.contentbox{
width: 950px;
height: auto;
margin: 0 auto;
text-align: left;
padding-bottom: 30px;
overflow: hidden;
position: relative;
top: 25px;
}

.contentbox2{
width: 950px;
position: relative;
top: -202px;
text-align: left;
padding-bottom: 50px;
margin-bottom: -200px;
z-index: 10;
}

/* ------------------------------c48d42
店舗情報
------------------------------ */
.shop_tit{
width: 950px;
height: 90px;
overflow: hidden;
position: relative;
clear: both;
}

.shop_left{
background: url('../data/img/info_isu-trans.png') no-repeat scroll right top;
width: 950px;
height: auto;
overflow: hidden;
position: relative;
}
.shop_left p{
padding: 10px 0 0px 30px;
position: relative;
}
.shop_right{
width: 475px;
overflow: hidden;
float: left;
position: relative;
}
.shop_intit{;
background: url('../data/img/info_dot-trans.png') no-repeat scroll left top;
position: relative;
margin-top: 20px;
}
.shop_intit p{
font-weight: bold;
padding: 0px 0 15px 55px;
position: relative;
overflow: hidden;
}
.shop_under{
background: url('../data/img/info_map-trans.png') no-repeat left top;
position: relative;
clear: both;
}

.sconsept{
padding: 7px 0 0 30px;
overflow: hidden;
position: relative;
}

.sinfosita{
padding: 60px 0 200px 50px;
overflow: hidden;
position: relative;
}

.thb{
text-align: left;
}

.tdb{
width: 100px;
font-weight: bold;
overflow: hidden;
}

.sinfosita table tr td{padding: 10px 0 0 0;
}

/* ------------------------------
メニュー
------------------------------ */
.menu_left{
width: 475px;
height: auto;
float: left;
overflow: hidden;
position: relative;
}

.menu_left_tit{
padding: 0px 0 5px 10px;
}
.menu_left p{
margin: 0px 0 24px 0;
padding: 0px 0 0 30px;
}

.menuinpl{
background: url('../data/img/menu_dot-trans.png') no-repeat scroll left top;
position: relative;
overflow: hidden;
}
.menuinpl p{
margin: 0px;
padding: 0px 0 0 30px;
}
.menuinbox{
background: url('../data/img/menu_box_bg-trans.png') repeat scroll;
width: 448px;
margin: 5px 0 0px 20px;
overflow: hidden;
position: relative;
}

.menuinbox p{
padding: 10px;
font-size: 12px;
line-height: 110%;
color: #333;
}



/* ------------------------------
商品情報
------------------------------ */

.item_box{
background: url('../data/img/item_box-trans.png') no-repeat scroll left top;
width: 475px;
height: 424px;
overflow: hidden;
float: left;
}

.item_box2{
background: url('../data/img/item_box2-trans.png') no-repeat scroll left top;
width: 475px;
height: 469px;
overflow: hidden;
float: left;
}

.item_photo{
padding: 30px 0 10px 30px;
overflow: hidden;
}

.item_box p{
margin:0 0 20px 35px;
}

.item_box2 p{
margin:0 0 20px 35px;
}

/* ------------------------------
スタッフ
------------------------------ */
.staff_box{
background: url('../data/img/staff_box-trans.png') no-repeat scroll left top;
width: 950px;
height: 300px;
overflow: hidden;
margin-bottom: 10px;
}

.staff_left{
width: 430px;
overflow: hidden;
float: left;
}

.staff_left img{
margin: 20px 40px;
}

.staff_right{
width: 520px;
overflow: hidden;
float: left;
color: #333;
}

.staff_ue_left{
width: 200px;
height: 120px;
overflow: hidden;
float: left;
}

.staff_bar_hob{
font-size: 14px;
line-height: 22px;
}

.staff_ue_right{
width: 320px;
height: 120px;
overflow: hidden;
float: left;
}

.staff_com{
clear: both;
padding-top: 20px;
overflow: hidden;
}

.staff_name{
font-size: 22px;
padding: 35px 0 0 0;
overflow: hidden;
}

.staff_ue_right a{
background: url('../data/img/staff_sc_ic1.jpg') no-repeat left top;
width: 200px;
height: 80px;
display: block;
overflow: hidden;
margin: 30px 0 0 60px;
}

.staff_ue_right a:hover{
background: url('../data/img/staff_sc_ic2.jpg') no-repeat left top;
width: 200px;
height: 80px;
display: block;
}

.stfbox{
width: 200px;
height: 80px;
overflow: hidden;
}
/* ------------------------------
モデル募集
------------------------------ */

.gall_ue{
background: url('../data/img/model_omocha-trans.png') no-repeat right top;
width: 950px;
overflow: hidden;
position: relative;
}

.gallery_main{
background: url('../data/img/model_bg-trans.png') no-repeat left top;
width: 950px;
overflow: hidden;
padding: 80px 0 0 0;
position: relative;

}

/* ------------------------------
クーポンページ
------------------------------ */

.couponback{
background: url('../data/img/coupon_shasin-trans.png') no-repeat right top;
width: 950px;
overflow: hidden;
}

.couponbackin{
background: url('../data/img/coupon_dot-trans.png') repeat-y left top;
width: 950px;
overflow: hidden;
}

.couponbackin p{
padding:0 0 24px 50px;
}

.sitamap{
background: url('../data/img/coupon_back-trans.png') no-repeat left top;
width: 950px;
height: 500px;
margin-top: 50px;
}

.maphukidasi{
padding: 30px 0 0 50px;
}

.maphukidasi table tr td{padding: 10px 0 0 0;}

/* ------------------------------
お問い合わせ
------------------------------ */
.otoiawase table tr td{
border: none;
}

/* ------------------------------
footer
------------------------------ */


#footer {
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer_toppage {
width:980px;
height: 0;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer_toppage span {
display:block;
width:490px;
height:400px;
position: absolute ;
z-index:30;
right:0;
bottom:-94px;
}


#footer01 {
background: url('../data/img/footer_bg01-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: absolute ;
z-index:20;
top:-130px;
left:0;
}

#footer02 {
background: url('../data/img/footer_bg02-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer03 {
background: url('../data/img/footer_bg03-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer04 {
background: url('../data/img/footer_bg04-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer05 {
background: url('../data/img/footer_bg05-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer06 {
background: url('../data/img/footer_bg06-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer07 {
background: url('../data/img/footer_bg07-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}

#footer08 {
background: url('../data/img/footer_bg08-trans.png') no-repeat;
width:980px;
height: 224px;
overflow:hidden;
color: #000;
clear:both;
margin: 0 auto;
position: relative;
}


#footer2 {
width:1000px;
height:260px;
overflow:hidden;
clear:both;
margin: 0 auto;
text-align: left;
}


#footer p , #footer_toppage p {
clear:both;
padding:110px 0 0 70px;
font-size: 14px;
color: #000;
line-height: 21px;
}


#footer2 p {
clear:both;
padding:15px 0 0 20px;
font-size: 14px;
color: #FFFFFF;
}


#footerright a:hover{
background:url(../data/img/footerbg_rtab-trans.png) no-repeat top right;
}

#footer a { color:#000; }

#footerright2{
width: 400px;
padding:0;
font-size: 14px;
float: left;
overflow: hidden;
}

#footerright2 a:hover{
background:url(../data/img/footerbg2_rtab-trans.png) no-repeat top right;
}

#footer2 a { color:#ffffff; }




/* ------------------------------
↑ぬテンプレ終わり
------------------------------ */






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 
float:right;
width:150px;
height:70px;
speak:none;
}

.fontResizer a { 
display:block;
width:70px;
float:left;
}

.fontResizer a:hover { 
 
}

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 14px; }

.largeFont { font-size: 20px; }

.curFont { background: #56C6A0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TinyAccordion CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#options {
width:750px;
overflow:hidden;
text-align:right;
color:#9ac1c9;
}

#options a {
text-decoration:none;
color:#9ac1c9;
}

#options a:hover {color:#033;}

#acc {
width:750px;
overflow:hidden;
list-style:none;
color:#033;
margin:35px 0 0 0;
}

#acc li {
width:700px;
background:url(../img/list_image_qanda-trans.png) no-repeat top left;
}



#acc h3 {
width:700px;
font-weight:normal;
cursor:pointer;
background:;
}

#acc h3:hover {}

#acc .acc-section {width:700px;overflow:hidden; background:#fff;}

#acc .acc-content {
width:670px;
padding:15px;
border-top:none;
background:#fff;
}

#nested {width:680px; list-style:none; color:#033; margin-bottom:15px;}

#nested h3 {
width:650px;
cursor:pointer;
background:url(images/header.gif);
}

#nested h3:hover {background:url(images/header_over.gif);}

#nested .acc-section {overflow:hidden; background:#fff;}

#nested .acc-content {
width:630px;
padding:15px;
border-top:none;
background:#fff;
}

#nested .acc-selected {background:url(images/header_over.gif);}


/* ------------------------------
トップページスライド
------------------------------ */

#slider {
width:400px;
height:400px;
position:absolute;
top:70px;
right:0;
z-index:80;
overflow:hidden;
}

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}

#slider, #slider li{ 
width:400px;
height:400px;
overflow:hidden; 
}

#slider li.slider_text { background:url(../data/img/fukidashi-trans.png) repeat-y left; } 
#slider li.slider_text p { margin:30px 60px 0 15px; color:#000; }
p.sign { text-align:right; }

span#prevBtn , span#nextBtn {
position:absolute;
top:0;
right:10px;
z-index:90;
}	

span#prevBtn a, span#nextBtn a {
width:230px;
height:70px;
display:block;
background:url(../data/img/slider_guide-trans.png) no-repeat top;
text-indent:-9999em;
}

span#prevBtn a:hover, span#nextBtn a:hover { 
background:url(../data/img/slider_guide_hover-trans.png) no-repeat top; 
}