@charset "utf-8";


/* 1.mozoガイド各ページ共通
============================================*/

/* タイトルまわり
------------------------*/
#h2_guide {
background: url(img/guide_title.jpg) top center no-repeat;
}
#header .hd_title #h2_guide span{
padding-top: 37px;
padding-left: 415px;
line-height: 1.5;
}
.right_con h3{
margin-bottom: 15px;
}


/* ガイドボタン
------------------------*/
#guide_btn ul{
width: 100%;
margin-bottom: 20px;
}
#guide_btn li{
width: 191px;
float: left;
}
#guide_btn li img{
vertical-align: top;
}
#guide_btn #btn_last{
width: 176px;
}

/* 2.営業時間のご案内
============================================*/
#time_box{
width: 100%;
/*750*/
}
#time_box .box{
margin-bottom: 20px;
}
#time_box h4{
color: #fff;
padding: 6px 0;
line-height: 1.2;
margin-bottom: 6px;
}
#time_box h4 span{
padding: 0 38px;
background: url(img/ob01.png) 22px center no-repeat;
}
#time_box h4 strong{
padding-right: 28px;
}
#time_box h4 strong img{
margin-right: 8px;
}
#time_box h4 img{
vertical-align: middle;
}
#time_box dl{
width: 100%;
line-height: 1.2;
}
#time_box dt{
width: 35%;
float: left;
border-right: 1px solid #999;
}
#time_box dt span{
padding: 6px 35px;
display: block;
}
#time_box dd{
width: 64%;
padding: 6px 0 4px 0;
float: left;
}
#time_box dd span{
padding: 0 35px;
}
/*--mozo--*/
#time_box #mozo_box h4{
background:#8EC31F;
}

/*--jusco--*/
#time_box #jusco_box h4{
background:#D52057;
}
/*--other--*/
#time_box .other_box h4{
background:#7A4300;
}

/* 3.ストアコンセプト
============================================*/
.concept_box{
width: 100%;
margin-bottom: 40px;
}
.concept_box h4{
color: #fff;
background:#8EC31F;
padding: 4px 0 2px 0;
margin-bottom: 20px;
}
.concept_box h4 span{
padding: 0 16px;
}
#concept_box p{
padding-left: 330px;
background: url(img/mozo_logo.jpg) 0 50px no-repeat;
}
#concept_box p span{
margin-bottom: 14px;
display: block;
}
#concept_box2 .concept_l{
width: 200px;
float: left;
}
#concept_box2 .concept_l li{
margin-bottom: 30px;
}
#concept_box2 .concept_r{
width: 550px;
float: left;
}
#concept_box2 .main_img{
margin-bottom: 20px;
}
#concept_box2 h5{
color:#8EC31F;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.3;
}
#concept_box2 .detail_tx{
margin-bottom: 30px;
}

#concept_box2 dl{
margin-bottom: 20px;
}
#concept_box2 dt{
border-bottom:2px solid #8EC31F;
width:100%;
margin-bottom: 10px;
}
#concept_box2 dt img{
vertical-align: bottom;
}


#box{
width: 492px;
background:#E6E6E6;
}
#box ul{
padding: 18px 20px 18px 20px;
}
#box ul li{
padding-bottom: 3px;
width: 452px;
}
#box ul li strong{
width: 9em;
display: block;
background: url(img/ob01.jpg) 0 2px no-repeat;
float: left;
padding-left: 1.5em;
}
#box ul li span{
float: left;
}

/* 4.施設サービス
============================================*/
#facilities_box{
}
#facilities_box .box{
width: 100%;
}
#facilities_box .box p{
width: 70px;
float: left;
}
#facilities_box .box div{
width: 680px;
float: right;
margin-bottom: 30px;
}
#facilities_box .box dl{
border-left: 6px solid #ccc;
}
#facilities_box .box dt{
padding-bottom: 8px;
padding-left: 27px;
background: url(../common/img/dotted_x.jpg) bottom left repeat-x;
}
#facilities_box .box dd{
padding-left: 27px;
margin-top: 8px;
}
#facilities_box .box dd img{
vertical-align: middle;
margin-right: 6px;
}
#facilities_box .box dd span{
margin-right: 50px;
}

#facilities_box .tb{
width: 680px;
float: right;
margin-bottom: 40px;
}
#facilities_box .box p.tx01{
width: 100%;
float: none;
}

#facilities_box table{
width: 643px;
text-align: center;
border-bottom: 1px solid #F3F3F3;
}
#facilities_box table td{
line-height: 1.2;
padding: 6px 0;

}
#facilities_box table .mozo_tb{
width: 50%;
background:url(img/mozo_bg.jpg) top left ;
color:#fff;
}
#facilities_box table .mozo_tb span{
margin: 0;
padding: 0;
}
#facilities_box table .mozo_tb strong{
display: block;
}

#facilities_box table .jusco_tb{
padding: 4px 0;
background:url(img/jusco_bg.jpg) top left ;
color:#fff;
line-height: 1.2;
}
#facilities_box table .jusco_tb span{
margin: 0;
padding: 0;
}
#facilities_box table .jusco_tb strong{
display: block;
}
#facilities_box table .solid{
border-right: 1px #999999 solid;
}

/* 5.ユニバーサルデザイン
============================================*/
#ud_box{
}
#ud_box .main_tx{
text-align: center;
margin-bottom: 15px;
}

#ud_box .box{
width: 100%;
padding-top: 11px;
background:url(img/ud_box_top.jpg) top left no-repeat;
}
#ud_box .box div{
text-align: center;
width: 100%;
padding-bottom: 11px;
background:url(img/ud_box_bottom.jpg) bottom left no-repeat;
}
#ud_box .box div dl{
padding: 10px 30px;
background:url(img/ud_box_bg.jpg) top left repeat-y;
}
#ud_box .box div dt{
width: 100%;
padding-bottom: 10px;
}
#ud_box .box div dd{
height: 100px;
width: 330px;
background:#E8F2D3;
}
#ud_box .box div dd strong{
display: block;
padding-top: 15px;
padding-bottom: 10px;
}
#ud_box .box div dd em{
text-align: left;
padding: 0 20px;
line-height: 1.5;
}
#ud_box .box div dd.dd_l{
float: left;
}
#ud_box .box div dd.dd_r{
float: right;
}
#ud_box .box div dd.dd_r span{
display: block;
padding-top: 38px;
}

#ud_box .img{
width: 100%;
text-align: center;
margin-bottom: 10px;
}
#ud_box .img p{
padding-top: 10px;
}

#ud_box .detail_box{
background:url(img/ud_img01.jpg) top left no-repeat;
padding-left: 217px;
padding-bottom: 30px;
}
#ud_box .detail_box dl{
padding-top: 8px;
line-height: 1.6;
margin-bottom: 20px;
}
#ud_box .detail_box dt{
padding-bottom: 4px;
}
