@charset "utf-8";

.std #contents .sub h2{ display:block; width:210px;}
#contents .sub nav.local > ul{ padding:0;}
#contents .sub nav.local li:first-child { border-radius:0;}
#contents .sub nav.local li.top {background:#436ef9 url(../clover/img/sub_icon_02on.png) no-repeat 195px center;}
#contents .sub nav.local > ul > li {background:#fff url(../clover/img/sub_icon_02.png) no-repeat 195px center;}
#contents .sub nav.local li.on a{background:#ecf0fe url(../clover/img/sub_icon_02over.png) no-repeat 195px center;}
/*--------------------------------------------------------- .main */
#contents .main article header h1 {
	background:url(../simulation/img/bg_h1.png) no-repeat left top;
}
#contents .simulation{
	background-color:#fbf5da;
	padding:20px 0 15px;
}
#contents > .inner > .sub{
	margin-bottom:10px;
	padding:20px 0 0;
}

#total2-res{ padding-right:10px;}
#total2-res .result{ color:#de0000; text-align:right;}
#total2-res .result span.tuki{ font-size:208%;font-weight:bold; padding:0 4px;}
#total2-res  .result span.zei{ font-size:124%;}

#totkei,
#totkei2{ padding-top:5px; line-height:1;}

.sub #totkei,
.sub #totkei2{ padding-top:5px; line-height:1.3;font-weight:bold;font-size:124%;}
#contents .sub nav {
	padding-bottom:9px;
}
#contents .sub nav .uchi{
	width:34px;
	margin:0 auto 10px;
}
.nav-result-area{
	width:190px;
	height:36px;
	margin:0 auto 3px;
	font-weight:bold;
	font-size:108%;
	clear:both;
	overflow:hidden;
}
.nav-result-area .pic{
	float:left;
}
.nav-result-area .result{
	text-align:right;
	float:right;
	padding:10px 10px 0 0;
}
.nav-result-area .result #syokei,
.nav-result-area .result #wari2kei{font-size:124%;}
#syokei-res{
	background-color:#ebebeb;
	color:#000000;
}
#wari2-res{
	background-color:#fdebeb;
	color:#de0000;
}

#contents .sub nav,
#contents .sub02 nav {
	margin:0 0 10px;
	width:210px;
	background-color:#FFF;
	float:left;
}
#contents .sub02 nav ul {
	width:190px;
	margin:0 auto 9px;
}
#contents .sub nav.local{
  	border:#ff973a solid 2px;
}
#contents .sub nav.local,
#contents .sub02 nav.local{
	background-color:#FFF;
	border-radius:0 0 5px 5px;
  	border-radius: 5px;
}
#contents .sub02 nav ul li{
	font-size:93%;
	margin-bottom:9px;
}
#contents .sub02 nav ul li div{
	vertical-align: middle;
	display:table-cell;
	height:47px;
	padding-right:10px;
	padding-left:57px;
}
#navtv{
	background:#eef9fe url(../simulation/img/nav_plan_tv.png) no-repeat left top;
	color:#00aeff;
}
#navop{
	background:#eef9fe url(../simulation/img/nav_plan_op.png) no-repeat left top;
	color:#00aeff;
}
#navnet{
	background:#fff5f9 url(../simulation/img/nav_plan_net.png) no-repeat left top;
	color:#fd58a2;
}
#navsmt{
	background:#fff2e7 url(../simulation/img/nav_plan_smt.png) no-repeat left top;
	color:#ff7800;
}
#navtel{
	background:#efffe9 url(../simulation/img/nav_plan_tel.png) no-repeat left top;
	color:#34b800;
}
#navwari{
	background:#fdebeb url(../simulation/img/nav_plan_wari.png) no-repeat left top;
	color:#de0000;
}
.simulation .step{
	width:660px;
	background:url(../simulation/img/detal_bg.gif) no-repeat left bottom;
	padding-bottom:18px;
	margin:0 auto 12px;
}
.simulation .step h2{
	padding:0;
	width:660px;
	margin-bottom:14px;
}
#tvser,
#opser{background-color:#00aeff;}
#netser{background-color:#fd58a2;}
#smtser{background-color:#ff7800;}
#telser{background-color:#37c400;}
.simulation .ser-area{
	margin:0 20px 2px;
	padding:17px 10px 3px 3px;
}
#smtser p.txt{color:#ffffff; padding:10px; font-size:85%;}

.simulation .area-top{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	padding-left:10px;
}
.simulation .area-top h3{
	width:400px;
	float:left;
}
.simulation li label input,
.simulation .area-top label input {
    display:none;
	margin:0;
}
.simulation ul{
	padding:0;
	clear:both;
	overflow:hidden;
}

.simulation ul li {
	width:141px;
	float:left;
	list-style-type:none;
	margin:0 0 10px 10px;
}
#tvbtn00,
#opbtn00,
#netbtn00,
#smtbtn00,
#telbtn00{ width:141px; height:29px; margin:0; float:right;}
.simulation ul li label,
.simulation .area-top label{
	width:141px; height:49px; margin:0; padding:0;
	display:inline-block;
	cursor:pointer;
	overflow:hidden;
	text-indent:100%;
}

.simulation label:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.simulation label.disable:hover {
	opacity:1;
	cursor:auto;
}

/* ----- tv ---*/
#tvbtn00 {background:url(../simulation/img/btn_tv00.png) no-repeat left top;}
#tvbtn00.selected {background:url(../simulation/img/btn_tv00.png) no-repeat left top; background-position:0 -29px;}
#tvbtn00.disable {background:url(../simulation/img/btn_tv00.png) no-repeat left top; background-position:0 -58px;}

#tvbtn01 {background:url(../simulation/img/btn_tv01.png) no-repeat left top;}
#tvbtn01.selected {background:url(../simulation/img/btn_tv01.png) no-repeat left top; background-position:0 -49px;}
#tvbtn01.disable {background:url(../simulation/img/btn_tv01.png) no-repeat left top; background-position:0 -98px;}
#tvbtn02 {background:url(../simulation/img/btn_tv02.png) no-repeat left top;}
#tvbtn02.selected {background:url(../simulation/img/btn_tv02.png) no-repeat left top; background-position:0 -49px;}
#tvbtn02.disable {background:url(../simulation/img/btn_tv02.png) no-repeat left top; background-position:0 -98px;}
#tvbtn03 {background:url(../simulation/img/btn_tv03.png) no-repeat left top;}
#tvbtn03.selected {background:url(../simulation/img/btn_tv03.png) no-repeat left top; background-position:0 -49px;}
#tvbtn03.disable {background:url(../simulation/img/btn_tv03.png) no-repeat left top; background-position:0 -98px;}
#tvbtn04 {background:url(../simulation/img/btn_tv04.png) no-repeat left top;}
#tvbtn04.selected {background:url(../simulation/img/btn_tv04.png) no-repeat left top; background-position:0 -49px;}
#tvbtn04.disable {background:url(../simulation/img/btn_tv04.png) no-repeat left top; background-position:0 -98px;}
#tvbtn05 {background:url(../simulation/img/btn_tv05.png) no-repeat left top;}
#tvbtn05.selected {background:url(../simulation/img/btn_tv05.png) no-repeat left top; background-position:0 -49px;}
#tvbtn05.disable {background:url(../simulation/img/btn_tv05.png) no-repeat left top; background-position:0 -98px;}
#tvbtn06 {background:url(../simulation/img/btn_tv06.png) no-repeat left top;}
#tvbtn06.selected {background:url(../simulation/img/btn_tv06.png) no-repeat left top; background-position:0 -49px;}
#tvbtn06.disable {background:url(../simulation/img/btn_tv06.png) no-repeat left top; background-position:0 -98px;}
#tvbtn07 {background:url(../simulation/img/btn_tv07.png) no-repeat left top;}
#tvbtn07.selected {background:url(../simulation/img/btn_tv07.png) no-repeat left top; background-position:0 -49px;}
#tvbtn07.disable {background:url(../simulation/img/btn_tv07.png) no-repeat left top; background-position:0 -98px;}
/* ----- tv add ---*/
#opbtn00 {background:url(../simulation/img/btn_tv_add00.png) no-repeat left top;}
#opbtn00.selected {background:url(../simulation/img/btn_tv_add00.png) no-repeat left top; background-position:0 -29px;}
#opbtn00.disable {background:url(../simulation/img/btn_tv_add00.png) no-repeat left top; background-position:0 -58px;}

#opbtn01 {background:url(../simulation/img/btn_tv_add01.png) no-repeat left top;}
#opbtn01.selected {background:url(../simulation/img/btn_tv_add01.png) no-repeat left top; background-position:0 -49px;}
#opbtn01.disable {background:url(../simulation/img/btn_tv_add01.png) no-repeat left top; background-position:0 -98px;}
#opbtn02 {background:url(../simulation/img/btn_tv_add02.png) no-repeat left top;}
#opbtn02.selected {background:url(../simulation/img/btn_tv_add02.png) no-repeat left top; background-position:0 -49px;}
#opbtn02.disable {background:url(../simulation/img/btn_tv_add02.png) no-repeat left top; background-position:0 -98px;}
#opbtn03 {background:url(../simulation/img/btn_tv_add03.png) no-repeat left top;}
#opbtn03.selected {background:url(../simulation/img/btn_tv_add03.png) no-repeat left top; background-position:0 -49px;}
#opbtn03.disable {background:url(../simulation/img/btn_tv_add03.png) no-repeat left top; background-position:0 -98px;}
#opbtn04 {background:url(../simulation/img/btn_tv_add04.png) no-repeat left top;}
#opbtn04.selected {background:url(../simulation/img/btn_tv_add04.png) no-repeat left top; background-position:0 -49px;}
#opbtn04.disable {background:url(../simulation/img/btn_tv_add04.png) no-repeat left top; background-position:0 -98px;}
/* ----- net ---*/
#netbtn00 {background:url(../simulation/img/btn_net00.png) no-repeat left top;}
#netbtn00.selected {background:url(../simulation/img/btn_net00.png) no-repeat left top; background-position:0 -29px;}
#netbtn00.disable {background:url(../simulation/img/btn_net00.png) no-repeat left top; background-position:0 -58px;}

#netbtn01 {background:url(../simulation/img/btn_net01.png) no-repeat left top;}
#netbtn01.selected {background:url(../simulation/img/btn_net01.png) no-repeat left top; background-position:0 -49px;}
#netbtn01.disable {background:url(../simulation/img/btn_net01.png) no-repeat left top; background-position:0 -98px;}
#netbtn02 {background:url(../simulation/img/btn_net02.png) no-repeat left top;}
#netbtn02.selected {background:url(../simulation/img/btn_net02.png) no-repeat left top; background-position:0 -49px;}
#netbtn02.disable {background:url(../simulation/img/btn_net02.png) no-repeat left top; background-position:0 -98px;}
#netbtn03 {background:url(../simulation/img/btn_net03.png) no-repeat left top;}
#netbtn03.selected {background:url(../simulation/img/btn_net03.png) no-repeat left top; background-position:0 -49px;}
#netbtn03.disable {background:url(../simulation/img/btn_net03.png) no-repeat left top; background-position:0 -98px;}
#netbtn04 {background:url(../simulation/img/btn_net04.png) no-repeat left top;}
#netbtn04.selected {background:url(../simulation/img/btn_net04.png) no-repeat left top; background-position:0 -49px;}
#netbtn04.disable {background:url(../simulation/img/btn_net04.png) no-repeat left top; background-position:0 -98px;}
#netbtn05 {background:url(../simulation/img/btn_net05.png) no-repeat left top;}
#netbtn05.selected {background:url(../simulation/img/btn_net05.png) no-repeat left top; background-position:0 -49px;}
#netbtn05.disable {background:url(../simulation/img/btn_net05.png) no-repeat left top; background-position:0 -98px;}
/* ----- smt ---*/
#smtbtn00 {background:url(../simulation/img/btn_smt00.png) no-repeat left top;}
#smtbtn00.selected {background:url(../simulation/img/btn_smt00.png) no-repeat left top; background-position:0 -29px;}
#smtbtn00.disable {background:url(../simulation/img/btn_smt00.png) no-repeat left top; background-position:0 -58px;}

#smtbtn01 {background:url(../simulation/img/btn_smt01.png) no-repeat left top;}
#smtbtn01.selected {background:url(../simulation/img/btn_smt01.png) no-repeat left top; background-position:0 -49px;}
#smtbtn01.disable {background:url(../simulation/img/btn_smt01.png) no-repeat left top; background-position:0 -98px;}
/* ----- tel ---*/
#telbtn00 {background:url(../simulation/img/btn_tel00.png) no-repeat left top;}
#telbtn00.selected {background:url(../simulation/img/btn_tel00.png) no-repeat left top; background-position:0 -29px;}
#telbtn00.disable {background:url(../simulation/img/btn_tel00.png) no-repeat left top; background-position:0 -58px;}

#telbtn01 {background:url(../simulation/img/btn_tel01.png) no-repeat left top;}
#telbtn01.selected {background:url(../simulation/img/btn_tel01.png) no-repeat left top; background-position:0 -49px;}
#telbtn01.disable {background:url(../simulation/img/btn_tel01.png) no-repeat left top; background-position:0 -98px;}
#telbtn02 {background:url(../simulation/img/btn_tel02.png) no-repeat left top;}
#telbtn02.selected {background:url(../simulation/img/btn_tel02.png) no-repeat left top; background-position:0 -49px;}
#telbtn02.disable {background:url(../simulation/img/btn_tel02.png) no-repeat left top; background-position:0 -98px;}


.simulation hr.next{
	background:url(../simulation/img/icon_next.png) no-repeat center center;
	height:52px;
	margin:0 0 4px;
}
#contents > .inner > .sub hr.line-nav{
	background-color:#FF973A;
	border:none;
}
.simulation hr.line-au{ background-color:#dacf9e; margin: 0 0 20px;}
.simulation .waribki {
	width:600px;
	margin:0 auto;
	padding:13px 10px;
	background-color:#bae4ff;
	font-size:85%;
}
.simulation .waribki p{ margin:0; padding:0;}
.simulation .waribki label{ margin-bottom:25px;}
.simulation .waribki label span{ color:#de0000; font-size:124%; font-weight:bold; padding-right:1em;}
.simulation .waribki label span.t-red{color:#DE0000; font-weight:normal;}

.simulation .result-area{
	width:620px;
	height:100px;
	margin:0 auto 10px;
	font-weight:bold;
	font-size:108%;
	clear:both;
	overflow:hidden;
}
.sp .simulation .result-area{
	width:96%;
	height:auto;
	margin:0 auto 10px;
	font-weight:bold;
	font-size:108%;
	clear:both;
	overflow:hidden;
}
.sp .simulation .result-area img{
	width:100%;
}
.simulation .result-area02{
	width:285px;
	height:71px;
	text-align:right;
	margin:0 0 10px 355px;
	font-weight:bold;
	font-size:108%;
	background-color:#f2efef;
	clear:both;
	overflow:hidden;
}
.simulation #tvres{background-color:#eef9fe;}
.simulation #netres{background-color:#fff5f9;}
.simulation #smtres{background-color:#fff2e7;}
.simulation #telres{background-color:#efffe9;}
.simulation #warires{background-color:#fdebeb;}
.simulation .pic{
	margin:0 20px 0 0;
}
.simulation .pic,
.simulation .result-area .txt{
	float:left;
}
.simulation .result-area .txt,
.simulation .result-area .result{
	padding-top:43px;
}
.simulation .result{
	float:right;
	padding-right:20px;
	color:#646464;
}
.simulation #tvres .txt{
	color:#00aeff;
	padding-top:23px;
}
.simulation #tvres .result{
	color:#646464;
	padding-top:23px;
}
#tvtxt,
#optxt,
#tvkei,
#opkei{
	margin-bottom:10px;
}
.simulation #netres .txt{ color:#fd58a2;}
.simulation #telres .txt{ color:#37c400;}
.simulation #smtres .txt{ color:#ff7800;}
.simulation #warires .txt,
.simulation #warires .result{ color:#de0000;}
.simulation #totres .result{ color:#de0000; text-align:right; padding-top:10px;}
.simulation #totres .result span.tuki{ font-size:170%;}
.simulation #totres .result span.zei{ font-size:108%;}

.simulation .au{ width:620px; margin:0 auto;}
.simulation .txt-area{
	margin:0 20px;
}
.simulation .txt-area .txt{
	color:#646464;
	font-size:93%;
	text-indent:-1em;
	margin-left:1em;
	margin-bottom:5px;
}
.simulation .txt-area .txt .kome{color:#ff0000;}
.btn-area{
	text-align:center;
	margin:20px 0;
}
#btn-kekka{
	border:0;
	width:329px;
	height:74px;
	margin-bottom:20px;
	background:url(../simulation/img/btn_kekka.png) no-repeat center center;
}
.sp .wysiwyg form {
	width: 95%;
	margin: 0 auto;
}
.sp .simulation .step {
	width: 95%;
	margin: 0 auto 10px auto;
	background-size: cover;
}

.sp .simulation .step h2 {
	width: 100%;
	margin: 0 auto;
}
.sp .simulation .step h2 img {
	width: 100%;
/*	background-size: cover;*/
}
.sp .main {
	float: none;
}
.sp .sub02 {
	width: 98%;
	margin: 0 auto 30px auto;
}
.sp #contents .sub02 nav.local {
	width: 100%;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 0 0 20px 0;
}
.sp #contents .sub02 nav.local h2 {
	width: 100%;
	text-align: center;
}

.sp #contents .sub02 nav ul {
	width: 60%;
}

.sp .simulation ul li {
	width:141px;
	float:none;
	list-style-type:none;
	margin:0 auto 10px auto;
}
.sp .simulation .area-top h3{
	width:100%;
}
.sp .simulation .area-top h3 img {
	background-size: cover;
}

.sp .simulation .waribki {
	width: 90%;
	margin:0 auto;
}

.sp .simulation .result-area {
	width: 90%;
	height: auto;
	margin: 0 auto 10px;
	font-size: 93%;
}

.sp .simulation .result-area02 {
	width: 90%;
	height: auto;
	text-align: left;
	margin: 0 auto;
	font-size: 93%;
}

.sp #discount-triple span {
	display: block;
}

.sp .simulation .result-area .txt {
	padding-top: 10px;
}

.sp .simulation .result-area .result{
	padding-top:10px;
}

.sp .simulation hr.line-au{
	background-color: #dacf9e;
	margin: 20px auto 0 auto;
}

.sp .simulation .au{
	width: 90%;
	margin: 20px auto 0 auto;
}

.sp label#ck {
	white-space: normal;
}
.sp .simulation .result{
	float:right;
	padding-right:10px;
	color:#646464;
}

.sp .simulation .pic {
	width: 20%;
	margin: 0 10px 0 0;
}

.sp #btn-kekka {
	width: 90%;
	background-size: contain;
	margin: 0 auto;
}

.sp .simulation #totres .result span.tuki {
	font-size:108%;
}
.sp .simulation #totres .result span.zei {
	font-size:93%;
}

.sp .simulation #tvres .txt {
	width: 50%;
	padding-top: 10px;
}

.sp .simulation #tvres .result {
	padding-top: 10px;
}
.sp .simulation #telres .txt {
	width: 50%;
}