/*******************************************
セカンダリページ
*******************************************/


/* 2カラム設定 */

#twoClmBox {
	width: 740px;
	float: right;
	margin-bottom: 50px;
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	-o-box-shadow:0 0 3px #999;
	-ms-box-shadow:0 0 3px #999;
	box-shadow:0 0 3px #999;
	border-radius:7px;
	overflow:hidden;
}

/* ページタイトル */
#twoClmBox div.ptitle {
	border-bottom: 1px solid #ddd;
}

#twoClmBox div.ptitle h3 {
	font-size:1.5em;
	margin: 0;
	padding: 15px 0 13px 20px;
	border-bottom:1px solid #ddd;
	font-weight:normal;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 55%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top, #ffffff 55%,#f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 55%,#f6f6f6 100%);
	background: -ms-linear-gradient(top, #ffffff 55%,#f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 55%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

/* パンくず */
#twoClmBox div.pankuz {
	font-size: 80%;
	margin-left: 22px;
	line-height:1;
	padding:12px 0;
}

/* 見だし */
#twoClmBox div.contents h3 {
	background:#009AE2;
	color: #FFF;
	padding: 9px;
	padding-left: 22px;
	font-size: 1.1em;
	line-height: normal;
	font-weight:bold;
}

/*  ロールオーバー  */

.bnrBtn a:hover {
	zoom:1.0;
	-ms-filter: "alpha(opacity=70)";
	filter:alpha(opacity=70);　/*IE*/
	-moz-opacity:0.70;　/*FF*/
	opacity:0.70;
}

.bnrBtn a:hover { opacity:0.70; }


/*******************************************
料金体系
*******************************************/

div.price table {
	width: 720px;
	border: 1px solid #d5d5d5;
	margin:10px 10px 0;
	font-size: 90%;
}

div.price th,
div.price td {
	border: 1px solid #d5d5d5;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
	padding: 10px 5px;
}

div.price th {
	background: #f0f7ff;
	font-weight: normal;
	white-space: nowrap;
}

div.pricee .wid01 {
	width: 30%;
}

div.price .bg01 {
	background: #CFE5FF;
}

div.price .bg02 {
	background: #BBDAFF;
}

div.price .bg03 {
	background: #FFF8D4;
}

div.price .txt01 {
	color: #c5163a;
}

div.price td span {
	font-size: 83%;
}

div.price p {
	font-size: 83%;
	color: #777;
	line-height: normal;
	margin:12px;
	line-height:1.4;
}

/*******************************************
TV
*******************************************/
.tvBoxTop {
	margin-bottom:20px;
}
.tvBox {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding:0 20px 15px;
	margin:0;
}
#twoClmBox .tvBox h4 {
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 3px solid #d5d5d5;
	padding: 10px 0px;
	margin: 10px auto;
	margin-top: 0px;
	font-size: 1em;
	color: #000;
}
.tvBox strong {
	color: #f27000;
}
#twoClmBox .tvBox a {
	background-image: url(../images/common/arw_reg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
ul.Attention {
	font-size: 83%;
	color: #777;
	line-height: normal;
}
.Attention li {
	border-bottom: 1px dotted #d5d5d5;
	padding:7px 20px;
}
.noline li {
	margin:5px 0px;
	border-bottom: 0px dotted #d5d5d5;
	padding-bottom: 0px;
}

/*******************************************
モバイル
*******************************************/
.mobileBoxTop {
	margin-bottom:20px;
	background:#fff url("../img/service/sv_mobile.png") 0 0 no-repeat;
	width:593px;
	height:264px;
	margin:2em auto 1em;
}
.mobileBoxTop span{
	display:none;
}

.mboileBox {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding:0 20px 15px;
	margin:0;
}


/* デバイス */
table.spec {
	width: 720px;
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
	margin-left:10px;
	border-collapse: collapse;
}

table.spec tbody th {
	border: 1px solid #d5d5d5;
	background: #eaeaea;
	padding: 5px;
	font-size: 0.8em;
}
table.spec tbody td {
	border: 1px solid #d5d5d5;
	padding: 5px;
	font-size: 0.8em;
}

/* 電話 */
.box_tel {
	text-align: center;
	height: 90px;
    margin: 0 auto;
    padding: 20px 0;
    width: 285px;
    text-indent:-9999px;
    background:url("../images/common/contact-tel_new.png") no-repeat scroll 0 20px transparent;
	background-size:100%;
}
.box_tel strong {
	font-size: 220%;
	color: #C33;
	margin-bottom: 10px;
	display:none;
}
.box_tel p{display:none;}
.box_tel div{display:none;}

/* 約款 */
.yakkan {
	font-size: 83%;
	line-height: normal;
}
.yakkan li {
	background-image: url(../images/common/dot_x.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding:10px 20px;
}
.pdf a {
	background-image: url(../tv/images/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0;
	padding-left: 20px;
}
.LocalMenu a {
	background-image: url(../tv/images/icon_link.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0;
	padding-left: 20px;
}

/*------------------------------------------------
	よくあるご質問
------------------------------------------------*/

.simpleFAQList .question {
	background:#fff url(../images/common/arw_mini.gif) no-repeat 10px center;
	padding:7px 0 7px 25px;
	color:#2581E8;
	cursor: pointer;
	margin:0 15px;
}
.simpleFAQList .question:hover {
	text-decoration:underline;
}

.simpleFAQList .answer {
	background: #f4f4f4;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 5px 20px 20px;
	font-size: 1em;
	line-height: normal;
	border-radius:7px;
}

.simpleFAQList .answer h5{
	 font-size: 1.5em;
}

.simpleFAQList .answer h6{
	 font-size: 1em;
	 font-weight:normal;
	 margin-bottom:0.5em;
	 padding-top:0.5em;
}

.simpleFAQList li h4 {
	border-top: 1px solid #ddd;
	border-bottom: 1px dotted #ddd;
	padding:5px 0 5px 20px;
	margin: 0 auto;
	color: #333;
	font-weight: bold;
	font-size: 0.85em;
	font-size:1.1em;
}

.simpleFAQList .sqgr {
	color: #d5d5d5;
	margin-right: 5px;
}

.simpleFAQList p {
	margin: 10px;
}


/*------------------------------------------------
サービス
------------------------------------------------*/

.svBox {
	padding: 10px 15px;
	padding-top: 0px;
	margin:0px;
s}

#twoClmBox .svBox h4 {
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 2px solid #d5d5d5;
	padding: 15px 0px;
	margin: 10px auto;
	margin-top: 0px;
	padding-left: 45px;
	font-size: 1.2em;
	color: #333;
}

.sv01 {
	background-image: url(../service/images/sv_icon01.jpg);
}

.sv02 {
	background-image: url(../service/images/sv_icon02.jpg);
}

.sv03 {
	background-image: url(../service/images/sv_icon03.jpg);
}

.sv04 {
	background-image: url(../service/images/sv_icon04.jpg);
}

.sv05 {
	background-image: url(../service/images/sv_icon05.jpg);
}

.sv06 {
	background-image: url(../service/images/sv_icon06.jpg);
}

.svboxmgn {
	margin: 10px 20px;
}

#twoClmBox .svBox strong {
	font-size: 1.2em;
	color: #029ce6;
	display: block;
	padding: 5px 0px;
	padding-top: 0px;
}

.svBox table span {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px;
	padding-left: 40px;
	display: block;
}

.typeh {
	background-image: url(../service/images/type_h.jpg);
	color: #333;
}

.typem {
	background-image: url(../service/images/type_m.jpg);
	color: #000;
}

.cellbdr {
	background-image: url(../images/common/dot_y.gif);
	background-repeat: repeat-y;
	background-position: right center;
}

.cellmgn {
	padding-left: 35px;
}


/*------------------------------------------------
サービス　RENEW
------------------------------------------------*/







/*------------------------------------------------
会社概要
------------------------------------------------*/

li.cpname {
	background-image: url(../images/ov_n.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 31px;
	font-size: 0.923em;
	padding-left: 223px;
}

.cpinfo table{}
.cpinfo table tr{border-top:1px solid #ddd;}
.cpinfo table tr:first-child{border-top:none;}
.cpinfo table th{padding:.8em 1.2em;font-size:.8em;width:170px;}
.cpinfo table td{padding:.8em 1.2em;font-size:.8em;}


/*------------------------------------------------
お問い合わせ
------------------------------------------------*/
filedset{border;none:}
.formline{padding:0 0 0 7px;clear:both;}
.formline label{width:150px;height:50px;padding:1.28em 0 0 1em;line-height:1;vertical-align:top;display:block;font-weight:bold;float:left;}
.formliner{display:block;padding:0.8em 1em;float:left;width:515px;}
.formliner input[type=text],.formliner input[type=password]{padding:.5em;font-size:1em;font-weight:bold;border:1px solid #ccc;border-radius:7px;background:#eee;}
.formliner input[type=text]:hover,.formliner input[type=password]:hover{box-shadow:1px 1px 3px #999 inset;border:1px solid #09f;}
.formliner input[type=text]:active,.formliner input[type=text]:focus,.formliner input[type=password]:active,.formliner input[type=password]:focus{box-shadow:1px 1px 3px #999 inset;border:1px solid #09f;background:#fff;}
.formliner input[name=email]{width:20em;}
.formliner input[name=no],.formliner input[name=no1],.formliner input[name=no2],.formliner input[name=no3]{width:4em;}
.formliner input[name=zip]{width:6em;}
.formliner input[name=address]{width:25em;}
.formliner input[name=address2]{width:25em;}
.formliner input[name=tel]{width:9em;}
.formliner input[name=why]{width:25em;}
.formliner input[name=kojinedoui]{text-align: center;}
.formliner .cc{font-size:.8em;padding-top:.8em;}
#twoClmBox div.contents .formliner h3{color:#333;padding:25px 0 10px;font-size:1em;background:none;}
#twoClmBox div.contents .formliner h3:first-child{padding-top:5px}
.formliner select{background:#eee;padding:.5em;font-size:1em;font-weight:bold;border:1px solid #aaa;border-radius:7px;}
.formsendbox{padding:20px 0px;clear:both;text-align:center;background:#eee;}
.formliner textarea{background:#eee;padding:.5em;font-size:1em;font-weight:bold;border:1px solid #ccc;border-radius:7px;width:25em;height:9em;}
.formliner textarea:hover{box-shadow:1px 1px 3px #999 inset;border:1px solid #09f;}
.formliner textarea:active,.formliner textarea:focus{box-shadow:1px 1px 3px #999 inset;border:1px solid #09f;background:#fff;}
.formsendbox .css3button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #373f42;
	padding: 7px 30px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f2f3f5 50%,
		#d3dade 50%,
		#d5dce0);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #f2f3f5),
		color-stop(0.50, #d3dade),
		to(#d5dce0));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	text-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		1px -1px 2px rgba(255,255,255,0.7);
	cursor:pointer;
	font-weight:bold;
}
#contact-form h2{font-size:1.4em;padding:1em 0 0 1.1em;}
#contact-form #fset h2{font-size:.8em;font-weight:normal;color:#fff;background:#09e;padding:.8em 0;text-align:center;margin-bottom:1em;}
#contact-form p{font-size:0.95em;padding:1em 1em 1em 1.5em;}
#contact-form .contact_tel{clear:both;margin:0 auto;padding:20px 0;width:285px;height:90px;background:url(../images/common/contact-tel_new.png) 0 20px no-repeat;background-size:100%;}
#contact-form .atf{color:#09f;}
.formline .item{padding:1em;display:block;float:left;width:150px;font-size:1em;vertical-align:top;}
.formline .value{float:left;width:518px;padding:1em;}
.formsendbox .css3button:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding: 7px 30px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#e6e6e6 50%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #e6e6e6),
		to(#ffffff));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #cfcfcf;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 2px 3px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 2px 3px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 2px 3px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
#contact-form-error{padding:1.5em;}
#contact-form-error h2{font-size:1.4em;margin-bottom:.5em;}

/*2017/07/27 追加*/
.formsendbox .css3button_orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #373f42;
	padding: 7px 30px;
	background: -ms-high-contrast(
		linear, left top, left bottom, 
		from(#FE9A2E),
		color-stop(0.50, #FE9A2E),
		color-stop(0.50, #FE9A2E),
		to(#FE9A2E));
	background: -moz-linear-gradient(
		top,
		#FE9A2E 0%,
		#FE9A2E 50%,
		#FE9A2E 50%,
		#FE9A2E);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#FE9A2E),
		color-stop(0.50, #FE9A2E),
		color-stop(0.50, #FE9A2E),
		to(#FE9A2E));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	text-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		1px -1px 2px rgba(255,255,255,0.7);
	cursor:pointer;
	font-weight:bold;
}
.formsendbox .css3button_gray{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #373f42;
	padding: 7px 30px;
	background: -moz-linear-gradient(
		top,
		#e6e6e6 0%,
		#e6e6e6 50%,
		#e6e6e6E 50%,
		#e6e6e6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e6e6e6),
		color-stop(0.50, #e6e6e6),
		color-stop(0.50, #e6e6e6),
		to(#e6e6e6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	box-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		inset 1px -1px 2px rgba(255,255,255,0.7);
	text-shadow:
		-1px 1px 2px rgba(000,000,000,0.4),
		1px -1px 2px rgba(255,255,255,0.7);
	cursor:pointer;
	font-weight:bold;
}
/*2017/07/27 追加end*/

/*------------------------------------------------
マイページ
------------------------------------------------*/

form#mypage {
	border: 2px solid #d5d5d5;
	margin: 10px auto;
}

#mypage p {
	padding-top: 20px;
	padding-left: 60px;
}

#mypage label {
	background: url(../images/common/arw_reg.gif) no-repeat left center;
	padding-left: 17px;
	color: #333;
	font-size: 1.2em;
}

#mypage label input {
	border: 2px solid #d5d5d5;
	height: 35px;
	width: 280px;
	font-size: 1.2em;
}

#mypage .btn {
	text-align: center;
	background: #F2F2F2;
	padding: 20px 0px;
	margin-top: 20px;
}

#mypage .btn input {
	background: url(../mypage/images/login.png) no-repeat center center;
	cursor: pointer;
	text-align: center;
	width: 250px;
	height: 30px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: auto;
	border: none;
}

.boxedtxt {
	border: 1px solid #d5d5d5;
	padding: 30px 0px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
}