/* 基本設定 */
body{
margin: 0;
color: #2e2e2e;
}

a{
color: #7cbdff;
}

hr{
border:1px solid #f8c9e5;
height:1px;
}

.m_0{
margin: 0;
padding: 0;
}

/* 全体幅指定 */
.wrap{
width: 920px;
margin: auto auto ;
}

.wrap h1{
font-size: 14px;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}

/* ヘッダー */
#header{
width: 920px;
}

/* パンくずリスト */
#pankuzu{
width: 920px;
}

#pankuzu p{
font-size: 12px;
margin: 10px 0px;
}

#pankuzu strong{
font-weight: normal;
}


/* メイン部分 */
#main{
width: 640px;
float: left;
}

#search{
width: 640px;
height: 325px;
background: url(../images/frontend/search_bg.gif) bottom no-repeat;
}

#search h3{
float: left;
font-size: 12px;
margin: 1px 0px 0px 0px;
padding: 5px 5px;
width: 80px;
height: 13px;
color: #f26dbc;
background: #ffedf3;
border-bottom: #f8c9e5 1px solid;
border-right: #f8c9e5 1px solid;
}

#search li{
float: left;
font-size: 12px;
margin: 0;
height: 15px;
padding: 5px 8px;
width: 40px;
}

#search ul{
float: left;
list-style: none;
margin: 1px 0px 0px 0px;
padding: 0;
height: 23px;
border-bottom: #f8c9e5 1px solid;
width: 540px;
}

#popular_area{
padding-top: 20px;
}

.tl_search{
width: 640px;
margin-top: 10px;
}

.tl_search h2{
color: #FFF;
margin-top: 0;
margin-bottom: 10px;
}

#top_message_board{
width: 640px;
}

#top_message_board h3{
margin: 5px 0px;
font-size: 14px;
}

#top_message_board p{
margin: 5px 0px;
font-size: 14px;
}

#access_ranking{
width: 640px;
}

#access_ranking h3{
margin: 5px 0px;
padding: 5px;
background: #ffedf3;
color: #f26dbc;
font-size: 13px;
border-bottom: 1px #f8c9e5 solid;
border-right: 1px #f8c9e5 solid;
width: 630px;
}

#recommend{
width: 640px;
}

#recommend h2{
font-size: 14px;
margin: 0;
padding: 5px;
color:#FFF;
}

.tl_rec{
width: 640px;
}

.tl_rec h2{
font-size: 14px;
margin: 0;
color:#FFF;
}


.bn_rec_box{
width: 640px;
padding-top: 10px;
}

.bn_rec_left{
width: 315px;
float: left;
}

.bn_rec_right{
width: 315px;
float: right;
}

/* 広告掲載について */
#ad_info{
width: 640px;
float: left;
}

#ad_info p{
font-size: 14px;
line-height: 20px;
color: #343434;
}

.tl_ad_info{
width: 640px;
background: url(../images/frontend/title_bg_640.jpg);
height: 55px;
}

.tl_ad_info h2{
font-size: 14px;
margin: 0;
padding: 22px 30px;
color:#343434;
}



/* エリア検索 */
#areasearch{
width: 640px;
line-height: normal;
}

#areasearch ul{
margin: 0;
padding: 0;
list-style: none;
width: 480px;
}

#areasearch li{
float: left;
}

.as_top{
width: 640px;
height: 10px;
background:url(../images/frontend/as_top.gif)
}

.as_bottom{
width: 640px;
height: 10px;
background:url(../images/frontend/as_bottom.gif)
}

.as_box{
width: 640px;
background:url(../images/frontend/as_bg.gif);
overflow: hidden;
padding: 5px 0px;
}

.as_box_left{
width: 100px;
padding-left: 10px;
float: left;
line-height: 18px;
}

.as_box_left h2{ 
margin: 0;
font-size: 16px;
font-weight: normal;
line-height: 18px;
}

.as_box_right{
width: 510px;
padding-right: 10px;
float: right;
font-size: 14px;
line-height: 18px;
}

/* 店舗情報 */
#bar_list{
width: 640px;
padding-top: 10px;
}

.tl_bar_name{
width: 640px;
background: url(../images/frontend/title_bg_640.jpg);
height: 55px;
}

.tl_bar_name h2{
font-size: 14px;
margin: 0;
padding: 22px 30px;
color:#FFF;
}


.tl_bar_name img{
padding: 5px;
}

.plan_photo{
width: 200px;
float: left;
}

.plan_info{
width: 430px;
float: right;
}

.plan_info h3{
margin: 0px 0px 8px 0px;
padding: 0;
font-size: 16px;
}

.plan_info p{
margin: 8px 0px;
font-size: 14px;
}

.plan_info_de{
width: 430px;
background:#ffecf1;
}

.plan_info_de p{
width: 430px;
padding: 5px 10px;
margin:0;
font-size: 14px;
line-height: 20px;
}

.plan_a_box{
padding-top: 10px;
}

.plan_b_box{
padding-top: 10px;
}

.plan_c_box{
padding-top: 10px;
}

.plan_free_box{
width: 640px;
padding-top: 5px;
}

.plan_free_b_box{
width: 628px;
border: 1px solid #fe9fb5;
padding: 5px;
margin-top: 10px;
}

.plan_free_box h2{
padding: 5px 4px;
font-size: 16px;
margin:0;
}

.plan_free_box p{
padding: 0px 4px 5px 4px;
margin:0;
font-size: 14px;
line-height: 18px;
}

/* バー情報 */
#bar{
width: 920px;
}

#bar ul{
width: 920px;
height: 50px;
margin: 0;
padding: 0;
list-style: none;
}

#bar li{
margin: 0px 0px 15px 0px;
padding: 0;
float: left;
}


.bar_name{
width: 920px;
height: 60px;
background: url(../images/frontend/bg_tenpo.jpg) no-repeat;
margin-bottom: 5px;

}

.bar_name p{
font-size: 12px;
color: #FFF;
margin: 0;
padding: 6px 33px;
}

.bar_name h2{
font-size: 18px;
color: #FFF;
margin: 0;
padding: 0px 0px 5px 33px;
}

.bar_main{
width: 920px;
margin-top: 10px;
}

.bar_photo{
width: 400px;
float: left;
}

.bar_text{
width: 500px;
float: right;
}

.bar_text h2{
font-size: 16px;
margin: 0;
}

.bar_text p{
margin-top: 5px;
font-size: 14px;
}

.massege_board{
width: 400px;
float: left;
}

.tl_mb{
width: 400px;
margin-top: 10px;
}

.tl_mb h2{
font-size: 16px;
margin: 0;
color: #FFF;
}

.more_info{
width: 500px;
float: right;
margin-top: 10px;
}

.tl_mi{
width: 500px;
color:#FFF;
margin-bottom: 10px;
}

.tl_mi h2{
font-size: 16px;
margin: 0;
color: #FFF;
}

.mi_box{
width: 500px;
}

.mi_box_left{
width: 180px;
float: left;
}


.mi_box_right{
width: 300px;
float: right;
}

.mi_box_right p{
font-size: 14px;
line-height: 18px;
margin: 0;
}

.tl_bar_info{
color: #FFF;
}

.tl_bar_info h2{
font-size: 16px;
}

#bar_info{
width: 920px;
padding-top: 10px;
}
		  

#bar_info th{
padding: 5px 0px;
}

#bar_info td{
padding: 5px 0px;
}

.bar_info_table{
width: 650px;
color: #666;
float: left;
}

.bar_info_table th{
font-size: 12px;
width: 140px;
height: 13px;
color: #f26dbc;
background: #ffedf3;
border-bottom: #f8c9e5 1px solid;
border-right: #f8c9e5 1px solid;
border-left: #f8c9e5 1px solid;
}

.bar_info_table td{
font-size: 12px;
margin-left: 0px;
width: 500px;
border-bottom: #f8c9e5 1px solid;
border-right: #f8c9e5 1px solid;
}



.bar_info_qr{
width: 250px;
float: right;
}

.tl_bi_qr{
width: 250px;
}

.tl_bi_qr h3{
font-size: 16px;
margin: 0;
color: #FFF;
}

/* スタッフ情報 */
#staff{
width: 920px;
}

.tl_staff{
width: 920px;
margin-top: 10px;
height: 55px;
}

.tl_staff h2{
width: 885px;
height: 32px;
background: url(../images/frontend/title_bg.jpg) no-repeat;
padding-left: 35px;
padding-top: 23px;
margin-top: 0;
font-size: 14px;
color:#333;
}

#st_box{
width: 920px;
padding-top: 10px;
}

.st_box_left{
width: 300px;
float: left;
}

.st_box_center{
width: 300px;
padding-left: 10px;
float: left;
}

.st_box_right{
width: 300px;
padding-left: 10px;
float: left;
}


.st_box_photo{
width: 100px;
float: left;
}

.st_box_text{
width: 190px;
float: right;
}

.st_box_text h2{
font-size: 14px;
margin: 0px 0px 5px 0px;
}

.st_box_text p{
font-size: 14px;
margin: 0;
line-height: 18px;
}

.sd_photo{
width: 400px;
float: left;
}

.sd_photo h3{
margin: 5px 0px;
font-size: 14px;
}

.sd_photo p{
font-size: 14px;
margin: 0;

}


.sd_text{
width: 500px;
float: right;
}

.sd_text h3{
margin: 0px 0px 5px 0px;
}

.sd_text p{
margin: 10px 0px 10px 15px;
font-size: 14px;
line-height: 18px;
} 

.ranking_wrap{
width: 640px;
}

.ranking_box{
width: 120px;
margin-right: 5px; 
float: left;
}

.ranking_box h4{
margin: 0;
}

.ranking_box h5{
margin: 0;
padding: 5px 0px;
font-weight: normal;
}

/* 求人情報 */
#recruit{
width: 920px;
}

#recruit_main{
width: 640px;
float: left;
}

#rec_service{
width: 640px;
margin: 0;
padding: 0;
list-style: none;
}

#rec_service li{
width: 128px;
float: left;
}



#recruit_main h2{
font-size: 16px;
margin: 5px 0px;
}

#recruit_main p{
font-size: 14px;
line-height: 18px;
margin: 0px;
}

#recruit_sidebar{
width: 260px;
margin-left: 20px;
float: left;
}

#recruit_sidebar h3{
font-size: 14px;
margin: 5px 0px 5px 0px;
}

#recruit_sidebar p{
margin: 0px 0px 5px 0px;
font-size: 14px;
}

.tl_rec_qr_info{
width: 260px;
}

.tl_rec_qr_info h2{
font-size: 14px;
margin: 0;
}

.tl_rec_bar_info{
width: 260px;
margin-top: 10px;
}

.tl_rec_bar_info h2{
font-size: 14px;
margin: 0;
}

#rec_info{
width: 640px;
}

#rec_info th{
padding: 5px 0px;
}

#rec_info td{
padding: 5px 0px;
}


.tl_rec_info{
width: 640px;
}

.tl_rec_info h2{
font-size: 14px;
margin: 0;
}

/* メッセージボード */
#message_board{
width: 920px;
}

#message_board h2{
width: 885px;
height: 32px;
background: url(../images/frontend/title_bg.jpg) no-repeat;
padding-left: 35px;
padding-top: 23px;
font-size: 14px;
margin-top: 10px;
color: #2e2e2e;
}


.message_wrap{
width: 700px;
margin: auto auto;
}

.message_box{
width: 698px;
border: 1px #2e2e2e solid;
margin: 10px 0px;
}

.message_box h3{
width: 688px;
background: #2e2e2e;
margin: 0;
padding: 5px;
color: #fff;
}

.massege_board h3{
margin: 5px 0px;
font-size: 14px;
}

.massege_board p{
margin: 5px 0px;
font-size: 14px;
}


.mb_photo{
padding: 10px 0px;
}

.mb_text p{
padding: 5px 5px;
margin: 0;
}

/* クーポン・地図 */
#coupon_info{
width: 920px;
}

#coupon_info h2{
width: 885px;
height: 32px;
background: url(../images/frontend/title_bg.jpg) no-repeat;
padding-left: 35px;
padding-top: 23px;
font-size: 14px;
margin-top: 0;
color: #333;
}

#coupon_info h3{
width: 700px;
margin: 0px auto;
padding: 0px;
}


.coupon_box{
width: 698px;
margin: 0px auto 5px auto;
padding: 5px 0px;
border: 1px #2e2e2e solid;
overflow: hidden;
}

.coupon_box h3{
width: 690px;
margin: 0px;
color:#FFF;
}

.cb_text{
width: 490px;
float: left;
}

.cb_text h4{
padding: 5px;
font-size: 16px;
margin: 0;
}

.cb_text p{
padding: 5px;
font-size: 14px;
margin: 0;
}

.cb_qr{
width: 180px;
margin-right: 10px;
float: right;
}

.tl_cb_qr{
width: 180px;
background: #2e2e2e;
margin-top: 5px;
}

.tl_cb_qr h4{
margin: 0;
padding: 5px;
color: #FFF;
font-size: 12px;
}

.cb_map{
width: 700px;
margin: 10px auto;
}


/* サイドバー */

#sidebar{
width: 260px;
margin-left: 20px;
float: left;
}


/* 店舗所属エリア */
.area_details{
width: 920px;
margin: auto auto;
}

.area_details p{
padding: 10px 0px;
margin: 0;
font-size: 12px;
text-align: right;
}

/* お問い合せフォーム */
.tl_ask{
width: 640px;
}

.tl_ask h2{
color: #FFF;
margin: 0;
font-size: 14px;
}


/* フッター */
#footer{
width: 920px;
margin: auto auto;
border-top: 1px #f8c9e5 solid;
padding: 5px 0px;
}

.copyright{
margin: 10px;
font-size: 14px;
text-align: center;
}

/* ページ送り */
#numbers{
width: 920px;
margin: auto auto;
padding: 20px 0px 0px 0px;
font-size: 14px;
text-align: center;
}

/* clearfix */
.clearfix{
clear: both;
}


/* マイページ */
#mypage_wrap{
width: 840px;
margin: auto auto;
}

#mypage_sidebar{
width: 200px;
float: left;
}

#mypage_main{
width: 630px;
float: right;
}

.mypage_tl{
font-size: 14px;
font-weight: bold;
padding: 5px;
color: #FFF;
background: #000;
}

.mypage_logo{
width: 840px;
}

#mypage_menu{
list-style: none;
font-size: 16px;
line-height: 24px;
margin: 10px;
padding: 0;
}


.mypage_login{
width: 500px;
padding: 10px;
border: #333 1px solid;
}

/* フォーム全般 */
#form{
background: #fffecc;
}

#form th{
font-size: 12px;
padding: 10px;
background: #ffe0e0;
border-bottom: #ffb8b8 1px solid;
border-right: #ffb8b8 1px solid;
}

#form td{
font-size: 12px;
padding-left: 2px;
}

#form p{
margin: 0;
}

.form_wrap{
width: 600px;
margin: auto auto;
}

.border_green{
border: 1px solid #a4b97f;
padding: 1px;
}