@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :campaign.css
 style info :zwei.com campaignページ用CSS
=================================================================== */


/* -----------------------------------------------------------
	.campaign キャンペーンTOP専用
----------------------------------------------------------- */


.campaign #main #main_area_top a{
	color:#526093;
	text-decoration:underline;
}

.campaign #main #main_area_top a:hover{
	color:#a9b0c9;
	text-decoration:underline;
}

.campaign #wrapper{
	width:960px;
	margin:0 auto;
}

.campaign #main{
	width:920px;
	margin:0 auto;
}

.campaign #main_top2{
	width:920px;
	height:100px;
	background:url(../img/share/bg-main_top.jpg) no-repeat;
	padding-top:10px;
	position:relative;
}

.campaign #main_top2 h2{
	width:131px;
	height:21px;
	margin-top:15px;
	margin-left:15px;
	position:absolute;
	top:35px;
	left:5px;
	line-height:0;
}

.campaign #main_area_top #local_area{
	width:640px;
	margin:20px 0 0px 0px;
	padding-left:25px;
	padding-bottom:40px;
	float:left;
}



/* 期間限定企画 */

.campaign #main_area_top #local_area #special_section{
	margin-left:6px;
	width:630px;
	background:url(../img/index/bg-special_section.gif);
	margin-bottom:20px;
}

.campaign #main_area_top #local_area #special_section_tp{
	width:630px;
	background:url(../img/index/bg-special_section_tp.gif) top no-repeat;
}

.campaign #main_area_top #local_area #special_section_bt{
	width:630px;
	padding-bottom:15px;
	background:url(../img/index/bg-special_section_bt.gif) bottom no-repeat;
}

.campaign #main_area_top #local_area #special_section h3{
	padding:5px 10px;
}

.campaign #main_area_top #local_area #special_section .img_area{
	float:left;
	padding:17px 10px 0 25px;
	width:190px;
}

.campaign #main_area_top #local_area #special_section .img_area p{
	margin-bottom:10px;
}

.campaign #main_area_top #local_area #special_section .img_area p img{
	vertical-align:top;
}

.campaign #main_area_top #local_area #special_section .img_area p strong{
	display:inline-block;
	padding-left:5px;
	padding-top:0px;
}


.campaign #main_area_top #local_area #special_section .info_area{
	float:right;
	padding:17px 20px 0 0px;
	width:385px;
}

.campaign #main_area_top #local_area #special_section .info_area img{
	margin-bottom:5px;
}

.campaign #main_area_top #local_area #special_section .info_area p.link_more{
	text-align:right;
	padding-bottom:1em;
}

.campaign #main_area_top #local_area #special_section .info_area p.link_more a{
	background:url(../img/share/ico-link_more.gif) left no-repeat;
	padding-left:20px;
	display:inline-block;
}

.campaign #main_area_top #local_area #special_section_bt:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.campaign #main_area_top #local_area .list_section h3{
	width:640px;
	margin-bottom:15px;
}

.campaign #main_area_top #local_area .list_section ul{
	width:630px;
	margin:10px 0 0 5px;
}

.campaign #main_area_top #local_area .list_section li{
	width:634px;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
	clear;both;
}

.campaign #main_area_top #local_area .list_section li h4 span{
	display:none;
}

.campaign #main_area_top #local_area .list_section li h4 img{
	padding-bottom:5px;
}

.campaign #main_area_top #local_area .list_section li.last{
	border-bottom:none;
}

.campaign #main_area_top #local_area .list_section li p{
	float:right;
	width:428px;
}

.campaign #main_area_top #local_area .list_section li p.link_more{
	text-align:right;
}

.campaign #main_area_top #local_area .list_section li p.link_more a{
	background:url(../img/share/ico-link_more.gif) left no-repeat;
	padding-left:20px;
	display:inline-block;
}

.campaign #main_area_top #local_area .list_section li div.imgL img{
	padding-right:6px;
}

.campaign #main_area_top #local_area .list_section li:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* キャンペーンTOPサイドナビ */

.campaign #main_area_top #aside_area{
	background:url(../img/share/bg-local_right.gif) no-repeat left top;
	padding-left:20px;
	float:right;
	width:216px;
}

.campaign #main_area_top #aside_area a{
	color:#333;
	text-decoration:none;
}

.campaign #main_area_top #aside_area a:hover{
	color:#333;
}

.campaign #main_area_top #aside_area h5{
	margin-left:6px;
	margin-top:20px;
	width:180px;
	background:#89c51d;
	color:#fff;
	padding:2px 0 2px 10px;
	margin-bottom:0;
	font-size:120%;
}

.campaign #main_area_top #aside_area ul.link_only_list{
	margin-left:6px;
	margin-bottom:30px;
	border-bottom:1px solid #89c51d;
	width:190px;
	padding-bottom:0;
}

.campaign #main_area_top #aside_area ul.link_only_list li{
	padding:3px 0 4px 12px;
	background:url(../img/share/ico-arrow_shop2.gif) no-repeat left top;
	border-bottom:1px solid #e5e5e5;
	width:178px;
	clear:left;
}

.campaign #main_area_top #aside_area ul.link_only_list li#current{
	background:none;
	padding:0;
	width:190px;
}

.campaign #main_area_top #aside_area ul.link_only_list li#current dl dt{
	padding:4px 0 4px 12px;
	background:url(../img/share/ico-arrow_shop.gif) no-repeat 0 0.15em;
/*	font-weight:bold;*/
}

.campaign #main_area_top #aside_area ul.link_only_list li#current dl dd{
	padding:4px 0 4px 25px;
	border-top:1px solid #e5e5e5;
	background:url(../img/share/ico-arrow_shop3.gif) no-repeat 0 0.15em;
}


.campaign #main_area_top:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* -----------------------------------------------------------
	.campaign ローカルエリア
----------------------------------------------------------- */

.campaign #main #main_area a{
	color:#526093;
	text-decoration:underline;
}

.campaign #main #main_area a:hover{
	color:#a9b0c9;
	text-decoration:underline;
}


.campaign #wrapper{
	width:960px;
	margin:0 auto;
}

.campaign #main{
	width:920px;
	margin:0 auto;
}

.campaign #main_top{
	width:920px;
	padding-top:10px;
	background:url(../img/share/bg-topic_path.gif) top no-repeat;
}

.campaign #main_top #topic_path{
	padding-bottom:0px;
}

.campaign #main_top #topic_path ul{
	padding-bottom:5px;
}

.campaign #main_area{
	width:880px;
	margin:0 auto;
}

.campaign #main_area .intro p{
	width:565px;
	padding:30px 0 20px 30px;
	float:left;
}

.campaign #main_area .intro p strong{
	color:#ee5189;
}

.campaign #main_area .intro .imgR{
	width:228px;
	float:right;
	padding:30px 30px 0 0;
}

.campaign #main_area .intro:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.campaign #main_area p.apply{
	clear:both;
	width:228px;
	margin:10px auto 30px;
}

.campaign #main_area p.apply_gpoint{
	clear:both;
	width:auto;
	margin:10px auto 30px;
	text-align:center;
	color:#999999;
}

.campaign #main_area p.apply_netmile{
	clear:both;
	width:auto;
	margin:10px auto 30px;
	text-align:center;
}

.campaign #main_area p.apply_gpoint img,.campaign #main_area p.apply_netmile img{
	padding-bottom:10px;
}


.campaign #main_area .intro .imgR{
	width:228px;
	float:right;
	padding:30px 20px 0 0;
}

.campaign #main_area .about{
	width:830px;
	margin:0 auto 20px;
}

.campaign #main_area .about h3{
	margin-bottom:15px;
}

.campaign #main_area .about h4{
	margin-bottom:15px;
	padding-left:5px;
}

.campaign #main_area .about h4.bottom_change{
	margin-bottom:20px;
}

.campaign #main_area .about .section{
	width:825px;
	padding-left:5px;
	margin-bottom:20px;
}

.campaign #main_area .about .section_netmile{
	width:825px;
	padding-left:5px;
	margin-bottom:20px;
}

.campaign #main_area .about .section_netmile h4{
	padding-left:0px;
	margin-bottom:10px;
}

.campaign #main_area .about .section_netmile p{
	margin-bottom:15px;
}

.campaign #main_area .about .section_netmile p a{
	display:inline-block;
	padding-top:8px;
}

.campaign #main_area .about .section p.catching{
	color:#ee5189;
	margin-bottom:20px;
}

.campaign #main_area .about .section p{
	width:583px;
	margin-bottom:15px;
}

.campaign #main_area .about .section p.about_netmile{
	width:583px;
	margin-bottom:15px;
}

.campaign #main_area .about .section .text_section{
	float:left;
	width:583px;
}

.campaign #main_area .about .section .text_section p.info_more{
	width:520px;
	border:1px solid #c7c7c7;
	padding:20px 30px;
	min-height:194px;
	height:auto !important;
	heoght:194px;
}

.campaign #main_area .about .section .img_section{
	float:right;
	width:226px;	
}

.campaign #main_area .about .section .img_section img{
	padding-bottom:5px;
}

.campaign #main_area .about .section .img_section dt img{
	padding-bottom:8px;
}

.campaign #main_area .about .section .img_section dd img{
	padding-bottom:0px;
}

.campaign #main_area .about .section:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

div.caution_area{
	width:820px;
	margin-left:30px;
	margin-bottom:40px;
}

div.caution_area h4{
	margin-bottom:7px;
}

div.caution_area ul{
	width:820px;
}

div.caution_area ul li{
	line-height:1.8;
	list-style-type:decimal;
	margin-left:17px;
	_margin-left:26px; /*  for IE6 */
	padding-bottom:7px;
	width:803px;
	display:list-item;
	margin-top:0px;
	vertical-align:top;
}

p.goto_top2{
	text-align:right;
	background:url(../../../yoyaku/img/share/ico-goto_top.gif) no-repeat right;
	padding-right:20px;
	margin-right:0px;
}


div.caution_area strong{
	font-weight:normal;
	color:red;
}


/* -----------------------------------------------------------
	アフター8
----------------------------------------------------------- */

body.what_after #wrapper{
	width:660px;
	background:none;
}

body.what_after #main{
	width:630px;
	margin:20px;
}

body.what_after #after8_area{
	width:617px;
	margin:0 0 0px 0;
}

body.what_after #after8_area h1{
	width:617px;
	margin-bottom:15px;
}

body.what_after #after8_area p{
	float:left;
	width:420px;
	padding-left:5px;
}

body.what_after #after8_area p img{
	padding:10px 0 10px 20px;
}

body.what_after #after8_area p.present img{
	padding:10px 0 25px 0px;
}

body.what_after #after8_area p strong{
	color:#ee5189;
	display:inline-block;
	padding-bottom:5px;
}

body.what_after #after8e_area div.imgR{
	float:right;
}

body.what_after #join_after8 h2{
	clear:both;
	width:617px;
}

body.what_after #join_after8{
	margin-left:-3px;
}

body.what_after #join_after8 dl{
	border-left:1px solid #b5bbd2;
	border-right:1px solid #b5bbd2;
	border-bottom:1px solid #b5bbd2;
	width:568px;
	margin-left:7px;
	padding:20px;
}

body.what_after #join_after8 dl dt{
	clear:left;
	float:left;
	padding-left:1px;
	width:5em;
}

body.what_after #join_after8 dl dt a{
	color:#526093;
}

body.what_after #join_after8 dl dd{
	padding-left:10px;
}


body.what_after #join_after8 dl dt a{
	color:#526093;
	text-decoration:underline;
}

body.what_after #join_after8 dl dt a:hover{
	color:#a9b0c9;
	text-decoration:underline;
}


body.what_after #footer{
	margin-top:20px;
	border-top:4px solid #bb0a0b;
	width:610px;
}

body.what_after #footer .footer_copy{
	color:#777777;
	margin-bottom:20px;
	width:580px;
}

body.what_after #footer p.btn_close{
	clear:both;
	text-align:center;
}


/* -----------------------------------------------------------
	30分でわかるツヴァイのサービス説明会
----------------------------------------------------------- */

.campaign #main #main_area #link_area{
	background:url(../img/share/bg-link_area.gif) no-repeat;
	width:820px;
	margin:30px auto 0px;
}

.campaign #main #main_area #link_area dl{
	width:790px;
	padding:10px 0 9px 30px;
	overflow:hidden;
}

.campaign #main #main_area #link_area dl dt{
	float:left;
	padding-right:45px;
	font-size:12px;
}

.campaign #main #main_area #link_area dl dd{
	float:left;
	background:url(../img/share/bg-link_wipe.gif) no-repeat right;
	padding-right:20px;
	padding-left:10px;
	font-size:12px;
}

.campaign #main #main_area #link_area dl dd img{
	margin-bottom:3px;
	padding-top:3px;
}

.campaign #main #main_area #link_area dl dd.last{
	background:none;
}

.campaign #main #main_area #link_area dl:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.campaign #main #main_area .info_stage p{
	width:565px;
	padding:20px 0 20px 30px;
	float:left;
}

.campaign #main #main_area .info_stage p.nomal_photo{
	width:442px;
	padding:10px 0 20px 90px;
	float:left;
}

.campaign #main #main_area .info_stage .imgR{
	width:228px;
	float:right;
	padding:30px 30px 0 0;
}

.campaign #main #main_area .info_stage:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.campaign .section{
	width:820px;
	margin:20px auto;
}

.campaign .section .area_link{
	width:820px;
	background:url(../img/share/bg-area_link.gif);
	margin-bottom:20px;
}

.campaign .section .area_link_tp{
	background:url(../img/share/bg-area_link_top.gif) no-repeat top;
}

.campaign .section .area_link_tp dl{
	background:url(../img/share/bg-area_link_bottom.gif) no-repeat bottom;
	padding:6px 0 6px 30px;
	width:790px;
}

.campaign .section .area_link_tp dt{
	font-size:130%;
	font-weight:bold;
	color:#fff;
	float:left;
	width:180px;
	padding-bottom:0px;
}

.campaign .section .area_link_tp dd{
	background:url(../img/share/bg-link_wipe.gif) no-repeat right;
	padding-right:20px;
	padding-left:10px;
	float:left;
	margin-top:4px;
	padding-bottom:0px;
}

.campaign .section .area_link_tp dd.last{
	background:none;
}

.campaign #main_area .section .area_link_tp dd a{
	color:#555555 !important;
	text-decoration:none !important;
}

.campaign #main_area .section .area_link_tp dd a:hover{
	text-decoration:underline !important;
}

.campaign #main_area .section .area_link_tp dl:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


.campaign .section h3{
	background:url(../img/share/ico-shop_name.gif) no-repeat left;
	padding:4px 0 0 23px;
	font-size:130%;
	font-weight:bold;
	margin:0 0 5px 30px;
}

.campaign .section .shop_time_list{
	margin-bottom:40px;
}

.campaign .section .shop_time_list table{
	width:760px;
	margin:0 auto 15px;
	border-top:1px solid black;
	padding:10px 0;
}

.campaign .section .shop_time_list table th span{
	display:none;
}

.campaign .section .shop_time_list table th{
	padding:5px 0;
	background:#f9ffee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:bold;
}

.campaign .section .shop_time_list table th.day,.campaign .section .shop_time_list table th.limit{
	width:190px;
}

.campaign .section .shop_time_list table th.time{
	width:140px;
}

.campaign .section .shop_time_list table th.btn,.campaign .section .shop_time_list table td.btn{
	border-right:none;
}

.campaign .section .shop_time_list table td{
	padding:5px 0;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.campaign .section .shop_time_list table tr.last td{
	border-bottom:1px solid #000;
}

.campaign .section .shop_info{
	width:760px;
	margin:0 auto 15px;
	background:url(../img/share/border-shop_info.gif) no-repeat bottom;
	padding-bottom:30px;
}

.campaign .section .shop_info .shop_tel{
	width:190px;
	float:left;
	border-right:1px solid #ccc;
}

.campaign .section .shop_info .shop_tel strong{
	font-size:130%;
	padding-left:20px;
}

.campaign .section .shop_info .shop_tel span{
	padding-left:20px;
}

.campaign .section .shop_info:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.campaign .section .shop_info .shop_address{
	width:545px;
	float:right;
}

.campaign .section .shop_info .shop_address dl dt{
	clear:left;
	float:left;
	width:6em;
}

.campaign .section .shop_info .shop_address dl dd{
	padding-left:7em;
	padding-bottom:8px;
}


.campaign .section .shop_info .shop_address dl:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

/* -----------------------------------------------------------
	共通：ツヴァイの無料コンサルティングで分かること
----------------------------------------------------------- */

.campaign #main_area .consult{
	background:url(../img/share/bg-consult.gif);
	width:820px;
	margin-left:30px;
	margin-bottom:40px;
}

.campaign #main_area .consult_tp{
	background:url(../img/share/bg-consult_tp.gif) top no-repeat;
	width:820px;
	padding-top:10px;
}

.campaign #main_area .consult_bt{
	background:url(../img/share/bg-consult_bt.gif) bottom no-repeat;
	width:820px;
	padding-bottom:10px;
}

.campaign #main_area .consult_bt h4{
	margin:12px 0px 20px 30px;
}

.campaign #main_area .consult_bt ul{
	margin-left:30px;
	padding-bottom:20px
}

.campaign #main_area .consult_bt ul li{
	float:left;
	width:247px;
}

.campaign #main_area .consult_bt ul li.step1{
	padding-right:5px;
}

.campaign #main_area .consult_bt ul li.step1 dd{
	padding-right:6px;
	padding-top:1px;
}

.campaign #main_area .consult_bt ul li.step2{
	padding-right:15px;
}

.campaign #main_area .consult_bt ul li.step2 dd{
	padding-left:5px;
}

.campaign #main_area .consult_bt ul li.step3 dd{
	padding-left:4px;
	padding-top:2px;
}

.campaign #main_area .consult_bt ul dt{
	padding-bottom:10px;
}

.campaign #main_area .consult_bt ul:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* -----------------------------------------------------------
	Gポイント割
----------------------------------------------------------- */

.campaign #main_area p.consult_gpoint_intro{
	margin-left:30px;
	width:410px;
	padding-bottom:15px;
}

.campaign #main_area .consult_bt p{
	margin:12px 0px 20px 30px;
}

.campaign #main_area .consult_bt ul li.gpoint_step1{
	padding-right:0px;
	width:261px;
}

.campaign #main_area .consult_bt ul li.gpoint_step1 dd{
	padding-right:10px;
}

.campaign #main_area .consult_bt ul li.gpoint_step2{
	padding-right:10px;
}

.campaign #main_area .consult_bt ul li.gpoint_step2 dd{
	padding-right:10px;
}

.campaign #main_area .consult_bt ul li dd img{
	padding-bottom:5px;
}

div.caution_area{
	width:820px;
	margin-left:30px;
	margin-bottom:40px;
}

div.caution_area h4{
	margin-bottom:7px;
}

div.caution_area ol{
	width:820px;
}

div.caution_area ol li{
	line-height:1.8;
	list-style-type:decimal;
	margin-left:17px;
	_margin-left:25px; /*  For IE6 */
	padding-bottom:7px;
	margin-top:-5px;
	width:803px;
	display:list-item;
	margin-top:0px;
	vertical-align:text-top;
}

div.caution_area ol li span{
	_display:block; /*  For IE6 */
	_margin-top:-5px; /*  For IE6 */
}


*:first-child+html div.caution_area ol li{
	margin-left:25px;/*  For IE7 */
}

*:first-child+html div.caution_area ol li span{
	display:block; /*  For IE7 */
	margin-top:-5px; /*  For IE7 */
}


p.goto_top2{
	text-align:right;
	background:url(../img/share/ico-goto_top.gif) no-repeat right;
	padding-right:20px;
	margin-right:0px;
	margin-bottom:30px;
}

/* -----------------------------------------------------------
	特定文字色変更部分共通
----------------------------------------------------------- */

.campaign #main_area a.red_txt,.campaign #main_area span.red_txt,.campaign #main_area strong.red_txt{
	color:#be0707 !important;
}

.campaign #main_area .gray_text{
	color:#999999;
}

div.camp{
	margin: 10px 0 15px 30px;
}