/* 全キャンペーンページの設定 */
/* エントリー共通CSS */
@import url("entry_global.css");





/* 
=============================================================
	【臨時！！！】アクアペルトの在庫注意文
=============================================================
 */

.perto-att1{
	color:#f00;
	line-height:160%;
	font-weight:bold;
	}
.perto-att2{
	color:#f00;
	line-height:160%;
	font-size:80%;
	}
/* 
=============================================================
	■アクアクララ キャンペーン【トップページ】
=============================================================
 */


/* リードエリア*/
body#entryTop #lead{
	width:700px;
	height:80px;
	background:url(../i/new_titleline.gif) 0 0 repeat-x;
	}
body#entryTop #lead p{
	float:left;
	padding:30px 0 0 20px;
	color:#5baf9a;
	letter-spacing:0.1em;
	}
body#entryTop #lead img{
	float:right;
	margin:15px 10px 0 0; 
	}
/* 
----------------------------------------------------------------
	トップ タイトルエリア
----------------------------------------------------------------
 */
body#entryTop #mainTitle{
	position:relative;
	clear:both;
	width:700px;
	height:320px;
	overflow:hidden;
	background:url(../i/new_title.jpg) 0 0 no-repeat;
	}
	body#entryTop #mainTitle a.bt1{
		position:absolute;
		top:0;
		left:390px;
		}
/* お申込ボタン */
body#entryTop #mainTitle div.entry{
	position:absolute;
	top:145px;
	left:95px;
	}

/* お問い合わせ */
body#entryTop #mainTitle div.info{
	position:absolute;
	top:200px;
	right:30px;
	 }
/* 
----------------------------------------------------------------
	トップ ボトルドウォーター＆ウォーター・サーバーの説明
----------------------------------------------------------------
 */
body#entryTop .content1{
	width:650px;
	text-align:left;
	}
	body#entryTop .content1 .ex1{
		margin:10px 0 0 0;
		padding:15px;
		border:1px solid #ccc;
		position:relative;
		height:280px;
		}
		*html body#entryTop .content1 .ex1{
			height:300px;
			margin-bottom:20px;
			/* ie4-6 */
			}
	body#entryTop .content1 .ex1 a{
		background:url(../i/new_sy1.gif) 0 0 no-repeat;
		padding-left:25px;
		padding-bottom:5px;
				}
		body#entryTop .content1 .ex2{
			position:absolute;
			width:300px;
			}
			body#entryTop .content1 .ex2 .item1{
				position:absolute;
				top:10px;
				left:200px;
				}
		body#entryTop .content1 .ex3{
			position:absolute;
			left:330px;
			width:300px;
			}
			body#entryTop .content1 .ex3 .item1{
				position:absolute;
				top:20px;
				left:215px;
				}

/* -------------------注意事項--------------------- */
body#entryTop .content2{
	width:650px;
	clear:both;
	text-align:left;
	}
	body#entryTop .content2 ul li{
		line-height:160%;
		padding:0 0 10px 15px;
		list-style:none;
		background:url(../i/new_sy2.gif) 0 5px no-repeat;
		}
/* 
----------------------------------------------------------------
	トップ デザインウォーター説明
----------------------------------------------------------------
 */
body#entryTop .content4{
	margin:20px 0 0 0;
	width:650px;
	text-align:left;
	}
	body#entryTop .content4 img{
		margin-bottom:10px;
		}
	body#entryTop .content4 ul{
		margin:0;
		border-top:1px solid #999;
		padding:15px 0 0 20px;
		}
	body#entryTop .content4 li{
		float:left;
		width:210px;
		list-style:none
		}
	body#entryTop .content4 li p{
		margin:5px 10px 0 12px;
		line-height:160%;
		}
/* 
----------------------------------------------------------------
	トップ サーバー説明
----------------------------------------------------------------
 */
body#entryTop .content5{
	clear:both;
	width:650px;
	height:300px;
	text-align:left;
	background:url(../i/new_sv4.jpg) 410px 0 no-repeat;
	}
	body#entryTop .content5 .title{
		width:400px;
		padding-bottom:10px;
		border-bottom:1px solid #999;
		}
	body#entryTop .content5 p{
		width:400px;
		line-height:160%;
		}
		body#entryTop .content5 a{
			background:url(../i/new_sy1.gif) 0 0 no-repeat;
			padding-left:25px;
			padding-bottom:5px;
			}
/* 上へあがる */
body#entryTop div.up{
	clear:both;
	text-align:right;
	margin:10px;
	}
/* 問題部分 */
#quiz1{
	margin:10px;
	border:1px solid #f90;
	}
#quiz1 td.ex1{
	padding:10px;
	color:#c00;
	background-color:#ff9;
	}


/* 
----------------------------------------------------------------
	お申込みの流れ
----------------------------------------------------------------
 */
#flow p,
#flow dl{
	margin:0;
	padding:0;
}
#flow .box{
	border:#DBDBDB solid 1px;
	border-top:none;
	padding:14px 0 21px 0;
	margin:0 0 10px 11px;
	width:588px;
}
#flow .box .ttl{
	margin:0 0 12px 15px;
	width:573px;
}

/* sec1 */
#flow .caution{
	width:385px;
	background:#FFF;
	border:#43CFB4 solid 1px;
	padding:14px 10px 14px 14px;
	margin:0 0 0 11px;
}
#flow .caution dl dt{
	margin-bottom:11px;
}
#flow .caution dl dd{
	margin:0 15px;
	line-height:1.8;
}
#flow .caution span{
	color:#CC6666;
	font-size:10px;	
}
#flow .caulink a{
	background:url(../i/dec_cau_link.gif) no-repeat left 1px;
	padding-left:20px;
}
#flow #sec1{
	background:url(../i/new_flow_sec1_img1_mini.jpg) no-repeat right bottom;
}

/* sec2 */
#flow .box .box-contain{
	margin-left:20px;
	background:url(../i/new_flow_box_contain_bg.gif) repeat-y 0 top;
	width:568px;
}
#flow #sec2{
	background:url(/flow/img/new_flow_sec2_img1.jpg) no-repeat right center;
}
#flow #sec2 dl{
	float:left;
	margin-left:15px;
	width:360px;
	display:inline;
}
#flow #sec2 dl dt{
	margin-bottom:15px;
}
#flow #sec2 dl dd{
	margin:0;
}

#flow .box .box-contain .cLeft{	
	width:240px;
}

#flow .box .box-contain .cRight{	
	width:242px;
	margin-right:40px;
	display:inline;
}

#flow #sec2 .ttl{
	margin-bottom:27px;
}

/* sec3 */
#flow #sec3{
	padding-bottom:120px;
	position:relative;
}
#flow #sec3 .illust{
	position:absolute;
	top:-20px;
	right:40px;	
}

/* sec4 */


#flow #sec4{
	padding:14px 0 10px 0;
}
	
#flow #sec4 .pkg{
	width:588px;
}
#flow #sec4 dl{
	float:left;
	margin-left:15px;
	width:360px;
	display:inline;
}
#flow #sec4 dl dt{
	margin-bottom:15px;
}
#flow #sec4 dl dd{
	margin:0;
}
#flow #sec4 .illust{
	float:right;
	margin-right:47px;
	width:162px;
	display:inline;
}



/* ---------------------------------------------新規入会キャンペーン　郵便番号番号登録ページ--------------------------------------------- */
#yubin1{
	text-align:center;
	margin:30px 0;
	}
#yubin2{
	background:url(../i/yubin_n2.gif) 0 0 repeat-y;
	margin:35px aute 0;
	}

#yubin-bt1{
	margin:20px 0;
	width:207px;
	height:28px;
	padding-top:28px;
	background:url(../i/yubin_bt01.gif) 0 2px no-repeat;
	border:0;
	cursor:pointer;
	}
/* 郵便番号結果枠 */
table#yubin01{
	background-color:#f63;
	color:#fff;
	border:3px double #fff;
	}
	table#yubin01 p.f14a{
		font-weight:bold;
		font-size:18px;
		}


#yubin03{
	margin-top:35px;
	border:0;
	}

#Postal{
	width:8em;
	height:24px;
	font-size:14px;
}

/* 規約ページの設定 */
div#kiyaku01{
	margin:0;
	padding:10px 0 0 20px;
	}
#kiyaku01 ol  li{
	margin:0;
	padding:0 0 1em 0;
	color:#666;
	}
#kiyaku01 ol li span{
	font-size:10px;
	}

/* ※印、※印テキストの設定 */
.txtindi01{
	color:#666;
	font-size:10px;
	}
.indi{
	color:#f30;
	font-size:10px;
	}
.red{
	color:#f00;
	}

/* 　　　新規ご入会キャンペーン用　　　 */

#newform .tablewrap .firstcaution,
#newform .tablewrap .firstcaution th,
#newform .tablewrap .firstcaution td{
	border:none;
	margin:0;
	padding:0;
	line-height:1.3;
}
#newform em.spc{
	font-size:12px;
}
#newform em{
	font-size:10px;
}
#newform .tablewrap span{
	font-size:10px;
}

#newform .tablewrap table{
	border-top:#DBDBDB solid 1px;
	margin-bottom:40px;
}
#newform .tablewrap table th{
	background:#E8F9F4;
	font-weight:normal;
	text-align:left;
	width:193px;
	padding:13px 10px 10px;
	line-height:1.2;
	border-bottom:#DBDBDB solid 1px;
	vertical-align:top;
}
#newform .tablewrap table td{
	padding:10px;
	line-height:1.8;
	border-bottom:#DBDBDB solid 1px;
}

#newform .tablewrap .table2 th{
	background:#EBF7FC;
}

#newform .tablewrap .table3{
	margin-bottom:20px;
}
#newform .tablewrap .table3 th{
	background:#F2F3FB;
}
#newform .tablewrap .table3 th .link{
	margin:5px 5px 0 0;
}

#newform .tablewrap .table3 td dl{
	margin:0 0 10px 0;
	width:370px;
}
#newform .tablewrap .table3 td dl dt{
	color:#16B28B;
	font-weight:bold;
}
#newform .tablewrap .table3 td dl dd{
	float:left;
	width:185px;
	margin:0;
	padding:0;
	white-space:nowrap;
	line-height:1.3;
}

#newform .tablewrap .table3 td dl dd input{
	vertical-align:middle;
}
#newform .tablewrap .table3 td dl dd img{
	vertical-align:middle;
	margin-left:5px;
}

#newform .tablewrap .table3 ul.reason{
	list-style-type:none;
	margin:0;
	padding:0;
}
#newform .tablewrap .table3 ul.reason li{
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	text-indent:-20px;
}
#newform .tablewrap .table3 ul.reason li .inputtxt{
	margin:0 5px;
}

#newform .tablewrap #noboder {
	border-bottom:#DBDBDB solid 1px;
}

#newform .tablewrap #noboder .first th{
	padding-top:13px;
}
#newform .tablewrap #noboder .first td{
	padding-top:10px;
}
#newform .tablewrap #noboder th{
	border-bottom:none;	
	padding:3px 10px 10px 10px;
}
#newform .tablewrap #noboder td{
	border-bottom:none;	
	padding:0 0 10px 10px;
}


/* done */

#done .message{
	width:600px;
	margin-bottom:0;
	background:#E8F9F4 url(../i/line01.gif) repeat-x left bottom;
}
#done .message p{
	width:540px;
	background:url(../i/line01.gif) repeat-x left top;
	padding:30px;
	color:#16B28B;
}
#done .message p strong{
	font-size:120%;
	font-weight: bold;
}
#done .message p strong span{
	color:#c00;
}
#done .box{
	text-align:center;
	margin:0 auto 46px;
	width:600px;
}
#done .btn{
	margin-bottom:28px;
}
#done .box p{
	display:inline;
	margin:0;
	padding:0;
	float:left;
}


/* フォーム左（青いセル）のクラス指定 
.tcolor01 {
	background-color:#E0F5F1;
	color:#333;
	width:170px;
	}
table .tcolor01{
	padding:10px;
	}*//* NN4の不具合回避の為　フォーム左（青いセル） */
.tcolor01a {
	background-color:#f2f2f2;
	color:#f00;
	text-indent:14px;
	}
.tcolor01b {
	background-color:#E0F5F1;
	color:#666;
	text-indent:14px;
	}

/* フォーム左（濃い青いセル）のクラス指定 
.tcolor03 {
	background-color:#E8F9F4;
	color:#333;
	width:170px;}
table .tcolor03{
	padding:10px;
	}*//* NN4の不具合回避の為　フォーム左（濃い青いセル） */

/* フォーム右（白いセル）のクラス指定 
.tcolor02 {
	background-color:#fff;
	width:430px; 
	}
table .tcolor02{
	padding:10px;
	}*//* NN4の不具合回避の為　フォーム右（白いセル） */


/* 追加　問題欄 
.tcolor05{
	padding:10px;
	line-height:160%;
	letter-spacing:0.1em;
	background-color:#FFFFCC;
	}
*/

/* フォーム左（青いセル）のクラス指定 
.tcolor01op {
	background-color:#E1EFFF;
	color:#333;
	width:170px;
	}
table .tcolor01op{
	padding:10px;
	}*//* NN4の不具合回避の為　フォーム左（青いセル） */

/* フォーム右（白いセル）のクラス指定 
.tcolor02op {
	background-color:#fff;
	width:430px; 
	}
table .tcolor02op{
	padding:10px;
	}*//* NN4の不具合回避の為　フォーム右（白いセル） */

/* フォーム サーバ選択ラジオボタン 
table.select-sv caption{
	font-size:0.95em;
	color:#69c;
	text-align:left;
	}

*/
/* フォームテキストエリア　幅設定 
.textwidth01{
	width:350px;
	}
.textwidth02{
	width:300px;
	}
*/
/* フッターの設定 
#footer{
	clear:both;
	}

*/




/* ------------------------------
	共通
------------------------------ */

.link{
	display:block;
	background:url(../i/arrow_green2.gif) no-repeat left 2px;
	padding-left:20px;
}

.imgLeft {
	float: left;
	margin-right: 10px;
}

.imgRight {
	float: right;
	margin-left: 10px;
}

.cLeft {
	float: left;
}

.cRight {
	float: right;
}

/* Clear Element
------------------- */

.clr{
	clear: both;
	height: 1px;
	width: 1px;
	padding: 0;
	margin: 0 -1px -1px 0;
	overflow: hidden;
	border: 0;
	font-size: 0;
	line-height: 0;
}

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

* html .pkg{display:inline-table;}
/* no ie mac \*/
* html .pkg { height:1%; }
.pkg {
	display:block;
	position:relative;
}
/* */

/*
----------------------------------------------------------
 Error
----------------------------------------------------------
*/
#newform div.tablewrap table tr.error_area th{
	background:#FFE7EF;
}
.error_area td{
	background-color:#FFF0F6;
}
.error_area td input{
	background-color:#FFFFCC;
}
.error_txt{
	margin:0;
	color:#c00;
}

/* mod_text_01 */



#flow .mod_text_01,

#flow .mod_text_01-b1,

#flow .mod_text_01-b2,

#flow .mod_text_01-b3,

#flow .mod_text_01-b4{

	font-weight: normal;

}

#flow .mod_text_01-b1{

	margin-bottom: 5px;

}

#flow .mod_text_01-b2{

	margin-bottom: 10px;

}

#flow .mod_text_01-b3{

	margin-bottom: 15px;

}

#flow .mod_text_01-b4{

	margin-bottom: 20px;

}

/* CSS Document */



#flow .mod_media_01{

	margin-bottom: 20px;

}

#flow .mod_media_01-b0{

	margin-bottom: 0px;

}

#flow .mod_media_01-b1{

	margin-bottom: 5px;

}

#flow .mod_media_01-b2{

	margin-bottom: 10px;

}

#flow .mod_media_01-b3{

	margin-bottom: 15px;

}

#flow .mod_media_01-b4{

	margin-bottom: 20px;

}

#flow .mod_media_01-b5{

	margin-bottom: 25px;

}

#flow .mod_media_01-b6{

	margin-bottom: 30px;

}



#flow .mod_media_02,

#flow .mod_media_02-b0,

#flow .mod_media_02-b1,

#flow .mod_media_02-b2,

#flow .mod_media_02-b3{

	text-align: center;

}

#flow .mod_media_02{

	margin-bottom: 20px;

}

#flow .mod_media_02-b0{

	margin-bottom: 0px;

}

#flow .mod_media_02-b1{

	margin-bottom: 5px;

}

#flow .mod_media_02-b2{

	margin-bottom: 10px;

}

#flow .mod_media_02-b3{

	margin-bottom: 15px;

}


/* mod_column_01 */



#flow .mod_column_01,

#flow .mod_column_01-b0,

#flow .mod_column_01-b1{

	margin-bottom: 20px;

	overflow: hidden;

	zoom: 1; 

}

#flow .mod_column_01-b0{

	margin-bottom: 0px;

}

#flow .mod_column_01-b1{

	margin-bottom: 10px;

}

#flow .mod_column_01_fixed-01{

	float: left;

	padding-right: 20px;

	*margin-right: -3px;

}

#flow .mod_column_01_fixed-02{

	float: left;
	margin-right: -23px;


}

#flow .mod_column_01_fixed-02 .img_brdr{

	border: 1px solid #ccc;

}

#flow .mod_column_01_flex-01{

	overflow: hidden;

	zoom: 1;

}

#flow .mod_column_01_flex-02{

}


/* ex_flow_01 */
#flow .ex_flow_01 {
	margin-bottom: 10px;
}
#flow .ex_flow_01 .mod_column_01_fixed-01 {
	width: 350px;
}


/* ex_flow_02 */
#flow .ex_flow_02 .mod_column_01_fixed-01 {
	width: 350px;
}


/* mod_list_05 */

#flow .mod_list_05 {
	
}
#flow .mod_list_05 li {
	position: relative;
	padding-left: 16px;
	zoom: 1;
}
#flow .mod_list_05 li b {
	position: absolute;
	left:0;
	top: 0;
}

/* mod_list_06 */

#flow .mod_list_06 {
	font-size: 0.846em; /* 11px */
	line-height: 1.455em; /* 16px */
}
#flow .mod_list_06 li {
	position: relative;
	padding-left: 14px;
	zoom: 1;
}
#flow .mod_list_06 li b {
	position: absolute;
	left:0;
	top: 0;
}


/* mod_text_02 */



#flow .mod_text_02,

#flow .mod_text_02-b1,

#flow .mod_text_02-b2,

#flow .mod_text_02-b3,

#flow .mod_text_02-b4{

	font-size: 0.846em; /* 11px */

	line-height: 1.455em; /* 16px */

	font-weight: normal;

}

#flow .mod_text_02-b1{

	margin-bottom: 5px;

}

#flow .mod_text_02-b2{

	margin-bottom: 10px;

}

#flow .mod_text_02-b3{

	margin-bottom: 15px;

}

#flow .mod_text_02-b4{

	margin-bottom: 20px;

}