@charset "utf-8";
/* ----------------------------------------
 reset
---------------------------------------- */
html{color:#000000;background:#FFFFFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{z-index:auto;font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ----------------------------------------
*	A standard font is specified. 
---------------------------------------- */
body {font:12px/1.231;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
a:link,a:visited {color:#37B2E0;}
a:hover,a:active {color:#37B2E0;text-decoration:none;}
strong {font-weight:bold;}

body {
	color:#333;
	text-align:center;
	line-height:1.7;
}
body {
	font-size:90%;
}
/**/
#wrapper2 {
	width:940px;
	margin:20px auto 50px;
	text-align:left;
	background:#fff;
	padding:0 0 20px;
	clear:both;
}
#wrapper2 p {
	padding:0;
}
.margin_bottom0 {margin-bottom:0px !important;}
.margin_bottom10 {margin-bottom:10px !important;}
.margin_bottom15 {margin-bottom:15px !important;}
.margin_bottom20 {margin-bottom:20px !important;}
.margin_bottom30 {margin-bottom:30px !important;}
.margin_bottom40 {margin-bottom:40px !important;}
.a_right {text-align:right;}
.a_center {text-align:center; padding:20px 0 0 0;}
.font_S {font-size:80%;}

/* -----------------------------------------------------------
*	main
----------------------------------------------------------- */
#main {
	margin:0 20px 20px;
}
#main h2 {
	background-color:#96BED5;
	color:#FFF;
	font-size:110%;
	padding:5px 15px;
	margin:40px 0 20px;
}
/**/
#main table {
	border-top:1px solid #96BED5;
	border-left:1px solid #96BED5;
	width:100%;
}
#main table th {
	background: #D5EEFC url(../img/icon_01.gif) no-repeat 95% 12px;
	border-bottom:1px solid #96BED5;
	border-right:1px solid #96BED5;
	padding:10px 55px 10px 15px;
	font-weight:bold;
	width: 27%;
}
#main table td {
	border-bottom:1px solid #96BED5;
	border-right:1px solid #96BED5;
	padding:10px 15px;
}
/* 住所：郵便番号 */
#main table th.address {
	background-color: #D5EEFC;
	background-image:none;
	padding:10px 15px 10px 15px;
}
#main table th.address span {
	float:right;
}
/* 注意書き */
#wrapper2 p.cau {
	padding-top:5px;
	font-size:80%;
}
/* 注意書き・赤 */
#wrapper2 p.cau_red {
	padding-top:5px;
	font-size:80%;
	color:#E8536A;
}
/* 法人展開 */
#main table .houjin {
	margin:5px 0 0 0;
}
/* クレジットカード展開 */
#main table .credit {
	margin:5px 0 0 0;
}
/* ウォーターサーバー */
#main table ul.server li {
	float:left;
	width:208px;
	text-align:center;
}
#wrapper2 #main table ul.server li p.price {
	color:#E7526A;
	font-size:18px;
	font-weight:bold;
}
/* 初回お届け内容 */
#main table dl.set dt {
	float:left;
	width:10em;
}
/* 初回ご請求金額 */
#main table dl.set2 {
	width:350px;
}
#main table dl.set2 dt {
	float:left;
	width:10em;
}
#main table dl.set2 dd {
	text-align:right;
	padding:0 4em 0 0;
}
#main table dl.set2 dd.total {
	border-top:1px #ccc solid;
	padding:0;
}
#main table dl.set2 dd.total strong {
	color:red;
}
/* TLC サービス情報 */
#main table ul.tlc_service {
	overflow:hidden;
}
#main table ul.tlc_service li {
	float:left;
	width:260px;
}
/* エントリーコード */
#main table .entrycode {
	border:none;
	font-size:10px;
	width:400px;
	float:left;
}
#main table .entrycode td {
	border:none;
	padding:4px 2px;
	text-align:center;
}
#main table .cau_entrycode {
	font-size:80%;
	color:#E8536A;
	float:right;
	padding:10px 0 0 0;
	width:235px;
}
#main table .entrycode td.lefttext {
	text-align:left;
}
#main table .entrycode input {
	font-size:160%;
}
#staff {
	width:100%;
}
/* ポリシー */
#wrapper2 #main p.policy {
	text-align:center;
	margin-bottom:40px;
}
/* 確認画面テキスト */
#wrapper2 #main p.conf_txt {
	text-align:center;
	margin-top:20px;
}

/* -----------------------------------------------------------
*	type
----------------------------------------------------------- */

/* 必須を外す */
#main table th.no {
	background-color: #D5EEFC;
	background-image:none;
}
/* 右寄せ */
#main table th.right {
	text-align:right;
}
/* 右寄せ + 必須を外す */
#main table th.no_right {
	background-color: #D5EEFC;
	background-image:none;
	text-align:right;
	padding:10px 15px 10px 15px;
}
/* 下ボーダーを消す */
#main table tr.borderBno th,
#main table tr.borderBno td {
	border-bottom:none;
}
/* 確認の請求 */
#main table th.price {
	background-color:#FFFFCC;
}

/* -----------------------------------------------------------
*	約款
----------------------------------------------------------- */
.yakkan_box {
	padding:50px 0 20px;
}
.yakkan_box h3.tit {
	 color:#009ED8;
	 font-size:120%;
	 float:left;
	 padding:0 0 10px 10px;
	 font-weight:bold;
}
#wrapper2 .yakkan_box p.btn {
	float:right;
	 padding:0 10px 10px 0;
}
#main #yakkan {
	clear:both;
	padding: 15px;
	width: 870px;
	height:200px;
	overflow: auto;
	border: 1px solid #96BED5;
	font-size: 90%;
	margin:0 0 30px 0;
}
#main #yakkan .font_L {
	font-size: 110%;
	font-weight: bold;
}
#main #yakkan .font_size {
	font-size:95%;
}
#main #yakkan pre {
	width:850px;
	white-space:-moz-pre-wrap;  /* Mozilla */
	white-space:-pre-wrap;      /* Opera 4-6 */
	white-space:-o-pre-wrap;    /* Opera 7 */
	white-space:pre-wrap;       /* CSS3 */
	word-wrap:break-word;     /* IE 5.5+ */
}
#main #yakkan ul {
	padding-left: 20px;
}
#main #yakkan ul ol ul li {
	list-style-type: disc;
	margin-top: 0px;
}
#main #yakkan ul li {
	list-style-type: disc;
	margin-top: 5px;
}
#main #yakkan ul ol {
	padding-left: 30px;
}
#main #yakkan ul ol li {
	list-style-type: decimal;
	margin-top: 0px;
	margin-bottom: 5px;
}
#main #yakkan table.clause1 {
	width: 800px;
	font-size: 90%;
	border-top:#C1D0D5 1px solid;
	border-left:#C1D0D5 1px solid;
}
#main #yakkan table.clause1 th {
	color: #000000;
	background: #e6f2f2;
	border-right:#C1D0D5 1px solid;
	border-bottom:#C1D0D5 1px solid;
	text-align: center;
	padding:3px 5px;
	width:auto;
}
#main #yakkan table.clause1 td {
	border-right:#C1D0D5 1px solid;
	border-bottom:#C1D0D5 1px solid;
	padding:3px 5px;
}
#main #yakkan table.clause1 th.box2left {
	width: 30%;
}
/* 確認チェック */
#wrapper2 .yakkan_check {
	background-color:#E1F3FD;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	width:860px;
}
.price_check {
	background-color:#E1F3FD;
	text-align:center;
	margin:40px auto;
	padding:10px 0;
	width:860px;
}

/* -----------------------------------------------------------
*	重要事項説明書
----------------------------------------------------------- */
.checked_box_tit {
	color: #009ED8;
	font-size: 120%;
	font-weight: bold;
	padding:20px 0 10px;
}
.checked_box {
	border:#96BED5 1px solid;
	padding:20px;
	font-size:90%;
}
#wrapper2 .checked_box p {
	font-weight:bold;
	font-size:110%;
}
.checked_box ul {
	padding:0 0 10px 20px;
}
.checked_box li {
	list-style-type:disc;
	padding:0 0 5px;
}

/* -----------------------------------------------------------
*	error
----------------------------------------------------------- */
#wrapper2 #main p.error {
	background-color:#FF0000;
	color:#FFF;
	padding:2px 5px;
	margin:5px 0 0;
}
#main input.error,
#main select.error {
	background-color:#FFCACA;
}
/* サービスエリOK */
#wrapper2 #main p.areaOK {
	background-color:#2ecc71;
	color:#FFF;
	padding:2px 5px;
	margin:5px 0 0;
}

/* -----------------------------------------------------------
*	opacity
----------------------------------------------------------- */
.topnews_tit a:hover img,
.side_nav a:hover img,
.side_bnr a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* -----------------------------------------------------------
*	申込完了画面：項目
----------------------------------------------------------- */
.thanks h2 {
	margin:25px 0 10px !important;
}
.thanks table {
	font-size:90%;
}
.thanks table th {
	padding:5px 10px !important;
}
.thanks table td {
	padding:5px 10px !important;
}

/* -----------------------------------------------------------
*	iPad対応：フォーム入力領域拡大
----------------------------------------------------------- */
/*#main input,
#main select {
	font-size:160%;
	padding:2px;
}
#main input[type="text"] {
	padding:10px;
}
#main input[type="radio"],
#main input[type="checkbox"] {
	height:30px;
	width:30px;
}

img.ui-datepicker-trigger {
	vertical-align:bottom;
}

#main table .entrycode {
	float:none;
	width:600px;
}
#main table .cau_entrycode {
	clear:both;
	float:none;
	width:600px;
}*/
/* ----------------------------------------
*	Section: Clearing
---------------------------------------- */
.clearfix:after,
#main:after {visibility:hidden;display:block;content:" ";clear:both;height:0;}
* html .clearfix,
* html #main {zoom:1;} /* IE6 */
*:first-child+html .clearfix,
*:first-child+html #main {zoom:1;} /* IE7 */


/* ----------------------------------------
*	footer
---------------------------------------- */
#footer2 {clear:both; border-top:3px solid #00ABD5; background:#fff; width:900px; margin:0 auto;}
#footer2 .foot_menu a {
	color:#333;
	text-decoration:none;
}
#footer2 .foot_menu a:hover {
	text-decoration:underline;
}
#footer2 .foot_menu {
	position:relative;
	width:960px;
	height:96px;
	text-align:left;
	margin:0 auto;
}
#footer2 .foot_menu p {
	position:absolute;
	top:0;
	left:10px;
	padding:0;
}
#footer2 .foot_menu img.foot_tel {
	position:absolute;
	top:0;
	right:0;
}
#footer2 .foot_menu ul {
	margin:0 0 0 202px;
	padding:25px 0 0;
	width:390px;
}
#footer2 .foot_menu ul li {
	background:url(../../shared/images/arrow01.gif) 0 0.4em no-repeat;
	font-weight:normal;
	float:left;
	font-size:75%;
	padding:0 10px 8px 10px;
}
#footer2 .copyright {
	clear:both;
	background:#00ABD5;
	color:#fff;
	padding:10px 0 0;
	font-size:80%;
}
#footer2 .copyright p {
	padding:0 0 10px;
}


/* ----------------------------------------
*	20150623_うるうるプラン
---------------------------------------- */
#main .uluuluPlan {margin: 0 0 40px;}
#main .uluuluPlan table {margin: 15px 0;}
#main .uluuluPlan table th,
#main .uluuluPlan table td {border: 2px solid #ff3366;}
#main .uluuluPlan table th {
	background: #ff3366;
	color: #fff;
	padding: 10px 15px;
}

#form_return {
	text-align:center;
	margin:10px 0;
}


/* ----------------------------------------
*	20150706_キャンペーン実施概要
---------------------------------------- */
#wrapper3 {
	width:940px;
	margin:0 auto 50px;
	text-align:left;
	background:#fff;
	padding:0 0 20px;
	clear:both;
}
#wrapper3 p {
	padding:0;
}

#wrapper3 #gaiyou{margin: 0 20px 20px;}

#gaiyou h2 {
	background-color: #96bed5;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 15px;
	text-align: center;
}

#gaiyou table {
	border-top:1px solid #96BED5;
	border-left:1px solid #96BED5;
	width:100%;
}
#gaiyou table th {
	background: #d5eefc none repeat scroll 0 0;
	border-bottom: 1px solid #96bed5;
	border-right: 1px solid #96bed5;
	font-weight: bold;
	padding: 10px 15px 10px 15px;
	width: 27%;
	text-align: center;
	vertical-align: middle;
}
#gaiyou table td {
	border-bottom:1px solid #96BED5;
	border-right:1px solid #96BED5;
	padding:10px 15px;
}
#gaiyou table td ul{
	margin: 5px 0 0 0;
}
#gaiyou table td li{
	list-style:disc inside;
	padding: 5px 0 0 15px;
	text-indent: -1em;
}

#gaiyou table td li p{
	text-indent: -1em;
	padding: 5px 0px 5px 20px;
	font-size: 90%;
	color:#F00;
}

/**/
.form_caution {
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}