@charset "utf-8";

/*
Theme Name: EPAGE_FRONT_THEME
Theme URI: http://www.urban-sp.jp/
Description: EPAGE・ショップページに関する部分になります
Version: 1.0
Author: URBAN PLANNING
Author URI: http://www.urban-sp.jp/
Tags: 
*/

@import "e_base.css";



/* インフォメーション
------------------------------------------- */

/* 店舗紹介部分 */
#shop_info_pic_area{
	width:360px;
	overflow:hidden;
	float:left;
}

/* 画像部分 */
#shop_info_pic_group{
	width:360px;
	height:270px;
	text-align:center;
	background:#ccc;
	overflow:hidden;
	margin-bottom:10px;
	background:#efefef;
}

#shop_info_pic_group .colorbox_link{
	display:block;
	width:360px;
	height:270px;
	cursor:pointer;
}

#shop_info_pic_group .caption{
	width:360px;
	height:270px;
	position:relative;
}


#shop_info_pic_group .shop_info_pic{
	margin:0px auto;
	max-width:360px;
	max-height:270px;
}



/* 下部サムネイルの部分 */
#shop_info_thumbnail_area{
	width:360px;
	height:50px;
	padding:10px 0px;
	background:#f4f4f4;
}

#info_thumbnail_list{
	list-style:none;
	overflow:hidden;
	width:360px;
	height:50px;
}

#info_thumbnail_list li{
	width:70px;
	height:50px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	cursor:pointer;
	text-align:center;
	background:#fff;
}

.info_thumbnail{
	max-width:70px;
	max-height:50px;
}


/* キャプションの部分 */
#shop_info_pic_group p{
	position:absolute;
	bottom:0px;
	left:0px;
	background:#000;
	color:#fff;
	width:340px;
	padding:5px 10px;
	text-align:left;
	opacity:.7;
}




/* 右側テキスト部分 */
#shop_info_text_area{
	width:360px;
	padding:0px 30px 0px 0px;
	float:right;
}

#shop_info_text_area p{
	color:#333;
	font-size:110%;
}

/* ニュース表示部分 */
#shop_news_list{
	margin:0px auto 10px;
	overflow:hidden;
	width:780px;
}

#shop_news_list li{
	padding-left:15px;
	margin-bottom:10px;
}

#shop_news_list a{ text-decoration:underline; }

#shop_news_list a:hover{ text-decoration:none; }

#shop_news_more{
	padding-left:30px;
	background:url("../images/green_cursor_01.jpg") no-repeat 15px 7px;
}

#shop_news_more a{ color:#3774D9; }


/* 美容室アーバンはこんなショップ */
#shop_about_menu_title li{
	padding-left:30px;
	background:url("../images/green_cursor_01.jpg") no-repeat 15px 7px;
	margin:0px 10px 5px 0px;
	list-style:none;
	display:inline-block;
	min-width:30px;
}


/* 美容室アーバンのクーポン */
#shop_info_coupon_list{
	margin:0px auto 10px;
	overflow:hidden;
	width:780px;
}

#shop_info_coupon_list li{
	padding-left:15px;
	margin-bottom:10px;
}

#shop_info_coupon_list span{ margin-right:10px; }
#shop_info_coupon_list a{ text-decoration:underline; }
#shop_info_coupon_list a:hover{ text-decoration:none; }

/* E・PAGE blog */
.shop_subtitle_eblog{
	margin-bottom:15px;
	background:url("../images/shop/shop_subtitle_eblog.jpg") no-repeat;
	width:750px;
	height:28px;
	padding:7px 10px 0px 20px;
	font-weight:normal;
	font-size:14px;
}

#eblog_topic_area{
	border:1px solid #E6E6E6;
	overflow:hidden;
	width:738px;
	padding:0px 20px;
}

#eblog_topic_area dt{
	padding:10px 0px 0px;
}

#eblog_topic_area dd{
	padding:5px 0px 0px;
}

#eblog_topic_area img{
	border:1px solid #ccc;
	margin:3px 10px 10px 0px;
	max-height:50px;
	max-width:50px;
	padding:2px;
}

#eblog_topic_area .update{
	border-bottom:#ccc 1px dotted;
	margin-bottom:10px;
	padding:5px 0px 10px;
}

/* Twitter */
#twitter_main_area{
	margin:0px auto;
	overflow:hidden;
	width:778px;
	border:#e6e6e6 1px solid;
}

.shop_subtitle_twitter{
	margin-bottom:15px;
	background:url("../images/shop/shop_subtitle_twitter.jpg") no-repeat;
	width:750px;
	height:28px;
	padding:7px 10px 0px 20px;
	font-weight:normal;
	font-size:14px;
}

#twitter_main_area dt{
	overflow:hidden;
	border-bottom:#e6e6e6 1px solid;
	height:25px;
	padding:7px 10px 13px 20px;
}

#tw_head_title{
	float:left;
	width:100px;
	padding-top:5px;
}

#tw_follow_button{
	float:right;
	font-weight:bold;
}

#tw_follow_button .label_name{
	background:url("../images/shop/twitter_follow_btn.png") no-repeat 0px 0px;
	padding:5px 0px 5px 30px;
	display:inline-block;
}

#tw_follow_button .label_follow{
	background:url("../images/shop/twitter_follow_btn.png") no-repeat right 0px;
	padding:5px 10px 5px 0px;
	display:inline-block;
}

.tweet_li{
	overflow:hidden;
	border-top:#e6e6e6 1px solid;
	padding:10px 15px;;
}

.tweet_li.first{ border-top:none; }

.tweet_icon_area{
	width:50px;
	float:left;
}

.tw_profile_image{ max-width:50px; }

.tweet_disp_area{
	width:690px;
	float:right;
}

.tw_permalink_area{
	overflow:hidden;
	margin-bottom:5px;
}

.tw_updated_area{
	float:right;
	width:90px;
	text-align:right;
}

.tw_updated_area a{ text-decoration:none; }
.tw_updated_area a:hover{ text-decoration:underline; }

.tw_name_area{
	float:left;
	width:600px;
}

.tw_name_area a{
	color:#999;
	text-decoration:none;
}

.tw_name_area .twitter_name{
	font-size:120%;
	margin-right:10px;
}

.tw_name_area a:hover .twitter_name{ text-decoration:underline; }
.tw_update_time_stmp{ margin-left:5px; }

.tw_message_area{ margin-bottom:5px; }

.tw_edit_btn_area{
	text-align:right;
	height:20px;
}

.tw_edit_btn_list{
	list-style:none;
	display:none;
}

.tweet_li:hover .tw_edit_btn_list{
	display:block;
}

.tw_edit_btn_list li{
	display:inline-block;
	margin-left:6px;
}

.tw_edit_btn_list a{
	display:block;
	text-decoration:none;
}

.tw_edit_btn_list a:hover{
	text-decoration:underline;
}

.tw_edit_btn_list span{
	padding-left:22px;
	background:url("../images/shop/twitter_image.png") no-repeat;
	background-size:170px;
}

.tw_edit_btn_list span.res{ background-position:-78px -81px; }
.tw_edit_btn_list span.retweet{ background-position:-79px -97px; }
.tw_edit_btn_list span.favorite{ background-position:-75px -117px; }

.tw_edit_btn_list a:hover span.res{ background-position:-100px -81px; }
.tw_edit_btn_list a:hover span.retweet{ background-position:-105px -97px; }
.tw_edit_btn_list a:hover span.favorite{ background-position:-95px -117px; }



/* blog */
.shop_subtitle_blog{
	margin-bottom:15px;
	background:url("../images/shop/shop_subtitle_blog.jpg") no-repeat;
	width:750px;
	height:28px;
	padding:7px 10px 0px 20px;
	font-weight:normal;
	font-size:14px;
}

#shop_info_blog_area #blog_main_area{
	border:1px solid #E6E6E6;
	overflow:hidden;
	width:738px;
	padding:0px 20px;
}

#shop_info_blog_area dt{
	padding:10px 0px 0px;
}

#shop_info_blog_area dd{
	padding:5px 0px 0px;
}

#shop_info_blog_area .update{
	border-bottom:#ccc 1px dotted;
	margin-bottom:10px;
	padding:5px 0px 10px;
}


/* facebook */
.shop_subtitle_facebook{
	margin-bottom:15px;
	background:url("../images/shop/shop_subtitle_facebook.jpg") no-repeat;
	width:750px;
	height:28px;
	padding:7px 10px 0px 20px;
	font-weight:normal;
	font-size:14px;
}

#shop_info_facebook_area #facebook_main_area{
	border:1px solid #E6E6E6;
	overflow:hidden;
	width:738px;
	padding:20px;
}

#facebook_main_area img{
	max-width:500px;
	max-height:280px;
}


/* ニュース
------------------------------------------- */

.shop_news_text{
	padding:10px 20px;
	font-size:110%;
	line-height:170%;
}



/* メニュー
------------------------------------------- */
/* 通常枠 */
.shop_menu_standard_area{
	width:780px;
	overflow:hidden;
}

.shop_menu_standard_pic_area{
	float:left;
	width:282px;
	overflow:hidden;
	margin-bottom:10px;
}

.shop_menu_standard_pic{
	text-align:center;
	background:#efefef;
	padding:1px;
	overflow:hidden;
}

/* 通常枠画像MAXサイズ */
.shop_menu_standard_image{
	max-width:280px;
	max-height:230px;
}

.shop_menu_standard_text_area{
	float:right;
	width:450px;
	padding:0px 20px 0px 0px;
	font-size:108%;
	line-height:180%;
}

/* 通常枠 テキストのみ */
.shop_menu_standard_area.textonly{
	width:740px;
	padding:0px 20px;
	font-size:108%;
	line-height:180%;
}


/* 表組み枠1 */
.shop_menu_price_tb{
	border-top:#e4e4e4 2px solid;
	width:100%;
	border-collapse:collapse;
}

.shop_menu_price_tb td{
	border-left:#e4e4e4 2px solid;
	border-right:#e4e4e4 2px solid;
	border-bottom:#e4e4e4 2px solid;
	padding:5px 20px;
	text-align:left;
	vertical-align:top;
}

.shop_menu_price_tb .single_line td{
	border-bottom:0px;
	padding-bottom:0px;
	font-weight:bold;
}

.shop_menu_price_tb .right_clm{
	width:150px;
	color:#FF9F55;
	font-weight:bold;
}

/* 表組み枠2 */
.shop_menu_same_tb{
	border-top:#e4e4e4 2px solid;
	width:100%;
	border-collapse:collapse;
}

.shop_menu_same_tb td{
	border-left:#e4e4e4 2px solid;
	border-right:#e4e4e4 2px solid;
	border-bottom:#e4e4e4 2px solid;
	padding:5px 20px;
	text-align:left;
	vertical-align:top;
	width:50%;
}

.shop_menu_same_tb .single_line td{
	border-bottom:0px;
	padding-bottom:0px;
	font-weight:bold;
}


/* 写真3点枠 */
.shop_three_pic_area{
	width:780px;
	margin:0px auto;
	overflow:hidden;
	border-bottom:#dbdbdb 1px dashed;
	background:url("../images/shop/shop_menu_pic_bg.jpg") repeat-y;
	list-style:none;
}

.shop_three_pic_area li{
	width:260px;
	float:left;
	text-align:center;
}

.shop_three_pic_area p{
	width:260px;
	max-height:300px;
	padding:5px 0px 20px;
}

/* 3点枠画像MAXサイズ */
.shop_three_pic_image{
	max-width:240px;
	max-height:300px;
}

.shop_three_pic_area .caption{
	text-align:left;
	width:220px;
	height:auto;
	padding:0px 20px 20px;
}

.shop_three_pic_area .image_yoko{ width:260px; } /* 幅が所定の大きさを超えたときに適用 */
.shop_three_pic_area .image_tate{ height:120px; } /* 高さが所定の大きさを超えたときに適用 */



/* 地図・クーポン
------------------------------------------- */
/* クーポン */
.shop_subtitle.coupon{
	background:url("../images/shop/shop_subtitle_coupon.jpg") no-repeat;
	padding:7px 0px 0px 40px;
	width:740px;
	height:33px;
}

.shop_coupon_icon{
	margin:-50px 0px 0px 650px;
	width:124px;
	height:36px;
}

.shop_coupon_area{
	background:url("../images/shop/shop_coupon_bg.jpg") no-repeat;
	padding-top:50px;
}

.shop_coupon_main_area{
	width:780px;
	background:url("../images/shop/shop_coupon_bg_bottom.jpg") no-repeat bottom; 
    /* バグの為修正　shop_coupon_bg.jpg　→　shop_coupon_bg_bottom.jpg
    */
    padding:10px 0px;
}

.shop_coupon_box{
	margin:0px auto 10px;
	width:730px;
}

.shop_coupon_title{
	border-bottom:#7F3F55 1px dashed;
	color:#FF7F00;
	font-size:130%;
	padding:0px 10px 5px;
	margin-bottom:10px;
}

.shop_coupon_text{
	font-size:108%;
	padding:0px 10px 5px;
	margin-bottom:5px;
}

.shop_coupon_validity_tb{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.shop_coupon_validity_tb th{
	padding:5px 0px 5px 10px;
	width:60px;
	vertical-align:top;
	text-align:left;
}

.shop_coupon_validity_tb td{
	padding:5px 10px 5px 5px;
	vertical-align:top;
	text-align:left;
}

.shop_coupon_validity_tb .jyoken_line th,
.shop_coupon_validity_tb .jyoken_line td{
	padding-bottom:0px;
}

.shop_coupon_print_text{
	margin:0px auto 10px;
	width:730px;
	padding-right:15px;
	text-align:right;
}




/* 地図 */
.shop_subtitle.map{
	background:url("../images/shop/shop_subtitle_map.jpg") no-repeat;
	padding:7px 0px 0px 40px;
	width:740px;
	height:33px;
	margin-bottom:30px;
}

#shop_map_canvas{
	width:750px;
	height:600px;
	margin:0px auto 5px;
}

#shop_map_canvas .shop_name{ font-size:130%; }

#shop_map_more_link{
	width:750px;
	margin:0px auto 10px;
}

#shop_map_more_link a{ color:#3774D9; }


/* 印刷用ボタン */
.shop_print_button_area{
	text-align:center;
	margin-bottom:60px;
}


/* ショップページ共通・下部プレーンテキスト
------------------------------------------- */
#plain_text_bottom_area{
	padding:0px 20px 10px;
}