@charset "shift_jis";

/* *** common *** */

#contents_area {
	width: 970px;
	margin:0px 5px 40px;
}
/* *************** */
#contents_area .clearfix:after{
	content: '';
	clear: both;
	display: block;
}
#contents_area #contents_wrap{
	width:850px;
	margin: 0 auto 39px;
}
#contents_area #main_box {
	width: 507px;
	float:left;
}
#contents_area #sub_box{
	width:325px;
	float:right;
}

#contents_area .hover:hover {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.7; /* Firefox CSS3以前 */
	opacity:0.7; /* CSS3 */
}
#contents_area .fll {
	float: left;
}
#contents_area .clear {
	clear: both;
}
#contents_area .border_red {
	border: 2px solid #C81528;
	border-top: none;
}
#contents_area .border_black {
	border: 2px solid #000000;
	border-top: none;
}

/* ------------------------
タブ切り替え
--------------------------*/
#contents_area #tab_menu {
	
}
#contents_area #tab_menu li {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 485px;
}
#contents_area #tab_menu li img:hover {
	cursor: pointer;
}
#contents_area #tab_menu li.active img {
	filter:alpha(opacity= 0); /* IE */
	-moz-opacity:0; /* Firefox CSS3以前 */
	opacity:0; /* CSS3 */
}
#contents_area #tab_menu li#top {
	background: url(../images/tab_tokuyakuten_ov.gif) no-repeat 0 0;
}
#contents_area #tab_menu li#campaign {
	background: url(../images/tab_cpn_ov.gif) no-repeat 0 0;
}

#contents_area .tab_contents {
	width: 970px;
}

#contents_area #top_contents {
	border-top: 10px solid #C81528;
}
#contents_area #campaign_contents {
	/*border-top: 10px solid #000;*/
	/* border-top: 10px solid #C81528; */
}


/* ------------------------
メインスライダー
--------------------------*/

#contents_area #main_view {
	width: 950px;
	position: relative;
	margin: 15px 0 30px 10px;
}

#contents_area #main_view .bx-wrapper .bx-controls-direction a {
	width: 17px;
	height: 19px;
}
#contents_area #main_view .bx-wrapper .bx-prev {
	background: none;
	left: 18px;
}
#contents_area #main_view .bx-wrapper .bx-next {
	background: none;
	right: 18px;
}

/* ------------------------
担当者行ってきました！
--------------------------*/
#contents_area #staff_comment {
	padding-bottom: 18px;
	margin-top: 15px;
}
#contents_area #staff_comment h2 {
	margin-bottom: 16px;
}
#contents_area #staff_comment .staff_img {
	float: left;
	width: 135px;
	padding-left: 18px;
	margin-right: 10px;
}
#contents_area #staff_comment .staff_text {
	float: left;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
}
#contents_area #staff_comment .staff_text .taiken_date {
	display: inline-block;
	margin-bottom: 1em;
	font-size: 8px;
}
#contents_area #staff_comment .staff_text a {
	color: #333333;
	text-decoration: underline;
}

/* ------------------------
担当者行ってきました！/taikenki.asp
--------------------------*/
#contents_area #taikenki {
	width: 750px;
	margin: 60px auto 0;
}

#contents_area #taikenki .taiken_date {
	font-size: 10px;
	line-height: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#contents_area #taikenki h2 {
	font-size: 21px;
	line-height: 1.4em;
	font-weight: bold;
}

#contents_area #taikenki .taiken_text {
	font-size: 14px;
	margin: 1em 0;
}

#contents_area #taikenki .taiken_photo li {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	font-size: 0;
	line-height: 0;
}
#contents_area #taikenki .taiken_photo li.last {
	margin-right: 0;
}


/* ------------------------
share
--------------------------*/
#contents_area #share_box {
	background: #FFF799;
	margin-top: 10px;
	border: 2px solid #C81528;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 6px;
}
#contents_area #SNS_area {
	margin-top: 14px;
}

/* ------------------------
今月のPick up特約店
--------------------------*/
#contents_area #pickup_box {
	width: 846px;
	padding-bottom: 40px;
	margin: 0 auto;
	border-bottom: none;
}

#contents_area #pickup_box .photolist li {
	width: 230px;
	float: left;
	margin: 0 30px 20px 0;
	font-size: 12px;
	font-weight: bold;
}



#contents_area #pickup_box .photolist li:nth-child(3n+1){
	clear: both;
}
#contents_area #pickup_box .photolist {
	width: 780px;
	padding-left: 48px;
	padding-top: 20px;
}


/*********カセット横2列********/
/*#contents_area #pickup_box .photolist li:nth-child(2n+1){
	clear: both;
}
#contents_area #pickup_box .photolist {
	width: 780px;
	padding-left: 176px;
	padding-top: 20px;
}*/
/*********カセット横2列********/




#contents_area #pickup_box .photolist li img {
	display: block;
	margin-bottom: 10px;
}
#contents_area #pickup_box .photolist li a img:hover{
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.7; /* Firefox CSS3以前 */
	opacity:0.7; /* CSS3 */
}

/*店名*/
#contents_area #pickup_box .photolist li strong {
	display: block;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
}
#contents_area #pickup_box .photolist li a { 
	color:#000000;
}
#contents_area #pickup_box .photolist li a:hover { 
	text-decoration:none;
}
/*エリア*/
#contents_area #pickup_box .photolist li span {
	display: block;
	font-size: 11px;
}

#contents_area #pickup_box .textlist {
	width: 750px;
	margin: 20px auto 0;
}
#contents_area #pickup_box .textlist li {
	margin-bottom: 0.25em;
	font-weight: bold;
}
#contents_area #pickup_box .textlist a {
	text-decoration: none;
	color: #2E3187;
}
#contents_area #btn_more {
	width: 200px;
	margin: 0 auto;
	cursor: pointer;
}

/* ------------------------
特約店について、賢い使い方
--------------------------*/
#contents_area #about_box,
#contents_area #howto_box{
	width: 900px;
	margin: 0 auto;
}
#contents_area #top_contents .inner_box {
	width: 846px;
	margin: 0 auto;
}
#contents_area #about_box p {
	text-align: center;
}
#contents_area .action_box {
	padding-left: 102px;	
}
#contents_area #about_box .action_box {
	margin: 30px 0;
}
#contents_area .action_box li {
	float: left;
	margin-right: 20px;
}
#contents_area .result_box {
	text-align: center;
	padding: 38px 0;
}
#contents_area #about_box .result_box {
	background: #C81528;
}
#contents_area #howto_box .result_box {
	background: #000000;
}
#contents_area #howto_box .result_box .second {
	margin: 10px 0 28px;
}
#contents_area #howto_box .result_box .second img {
	vertical-align: top;
}

#contents_area #about_box .arrow {
	margin-top: 19px;
}

/* ------------------------
map_area
--------------------------*/
#contents_area h2.area_title{
	background:#C81428 url(../images/ic_area.gif) no-repeat 9px center;
	padding:11px 12px 11px 46px;
	color:#FFFFFF;
	font-size: 1.2em;
}
#contents_area h2#top_map_title {
	position: absolute;
	left: 0;
	top: 3px;
}
#contents_area h2.shop_title{
	background:#C81428 url(../images/ic_shop.gif) no-repeat 9px center;
	padding:11px 12px 11px 46px;
	color:#FFFFFF;
	font-size: 1.2em;
}
#contents_area h2.search_title{
	background:#C81528;
	padding:12px 12px 12px 23px;
}
#contents_area h2.search_title_ex{
	background:#C81428 url(../images/ic_arrow_04.gif) no-repeat 9px center;
	padding:11px 12px 11px 20px;
	color:#FFFFFF;
	font-size: 1.1em;
}


#contents_area .guide_text{
	padding:30px 0 30px 45px;
}
#contents_area #map_box{
	text-align:center;
}

/*サイドバナー*/
#contents_area .banner_box{
	margin-bottom: 10px;
}

/* 特集 */
#contents_area #sp_bnr {
	text-align: center;
	padding-bottom: 10px;
}
#contents_area #sp_bnr h2 {
	margin-bottom: 16px;
}
#contents_area #sp_bnr .text_link a {
	color: #C81528;
	font-size: 15px;
	line-height: 1.1;
	font-weight: bold;
	text-decoration: underline;
}

/*トップ地図検索*/
#contents_area #search_map_box{
	margin: 20px 0 75px;
	position:relative;
	width: 507px;
}
#contents_area #search_map_box .states_map{
	visibility:hidden;
}
#contents_area #search_map_box #search_map_area_01{
	position:absolute;
	top:20px;
	left:290px;
}
#contents_area #search_map_box #search_map_area_02{
	position:absolute;
	top:100px;
	left:300px;
}
#contents_area #search_map_box #search_map_area_03{
	position:absolute;
	top:200px;
	left:300px;
}
#contents_area #search_map_box #search_map_area_04{
	position:absolute;
	top:120px;
	left:230px;
}
#contents_area #search_map_box #search_map_area_05{
	position:absolute;
	top:200px;
	left:280px;
}
#contents_area #search_map_box #search_map_area_06{
	position:absolute;
	top:230px;
	left:200px;
}
#contents_area #search_map_box #search_map_area_07{
	position:absolute;
	top:240px;
	left:180px;
}
#contents_area #search_map_box #search_map_area_08{
	position:absolute;
	top:180px;
	left:40px;
}






/*検索フォーム*/
#contents_area .search_form_box{
	padding:10px;
	text-align:center;
}
#contents_area .search_form_box .input_text{
	width:210px;
	padding:5px;
	margin-bottom:10px;
}
#contents_area .search_form_box .input_blurred {
	color:#AAAAAA;
}
#contents_area .search_form_box .input_active {
	color:#000000;
}
#contents_area .border_on .search_form_box{
	/*ボーダー付ける場合*/
	border:1px solid #CCCCCC;
}


#contents_area .search_form_large .search_form_box{
	padding:18px;
	text-align:left;
	background:#E7E7E7;
}
#contents_area .search_form_large .search_form_box .input_text{
	width:358px;
	margin:0px 8px 0px 0px;
	vertical-align:middle;
	border: 2px solid #C81528;
	min-height: 18px;
	height: auto;
}
#contents_area .search_form_large .search_form_box .input_submit{
	vertical-align:middle;
}


/*ボタン*/
#contents_area .button_list{
	overflow:hidden;
}
#contents_area .button_list li{
	float:left;
	padding-right:6px;
}
#contents_area .button_list li.lastchild{
	padding-right:0;
}

/*このお店の詳細をみるボタン*/
#contents_area #taikenki .btn_shop {
	display:table-cell;
	width:300px; 
	float:right;
}
#contents_area #taikenki .btn_shop a{
	position: relative;
	display:block;
	padding: 5px 15px 5px 10px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	border-radius:5px;
	background:#cc201c;
}
#contents_area #taikenki .btn_shop a:hover{
	text-decoration:none;
	color:#fff;
	background-color:#ec5a57;
}

#contents_area #taikenki .btn_shop a span{
	position:relative;
}

#contents_area #taikenki .btn_shop a span:before{
	position:absolute;
	right:-30px;
	top:50%;

	display:block;
	margin-top:-8px;
	content:"";
	border:8px solid transparent;
	border-width:8px;
	border-left-color:#fff;
}

/* 下部バナー */
#contents_area .bottom_bnr {
	text-align: center;
	margin-top: 30px;
}