@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: info.css
  Summary: information styles
  Created: 
  Last update: 2011.12.01
  Author:
  Base-Color:#39A727;
 
  Order of description
	=01.Common
	=02.Performance
	=03.floor
	=04.Q&A
	=05.GasHeater
	=06.Gas-intro
	=07.Top-Contents
 
 
------------------------------------*/





/*	-----------------------------------------------------------------------

	=01.Common

-----------------------------------------------------------------------*/

#UserGuide-body #ContentsArea h2.main{background: url(../../userguide/images/main_ttl.jpg) no-repeat left top;}
#UserGuide-body #ContentsArea h2.trouble{background: url(../../userguide/images/main_ttl_02.jpg) no-repeat left top;}

#UserGuide-body #ContentsArea h3.trouble{
	font-size:18px; text-align:left; color:#E50012; font-weight:bold;
	padding-left:21px; margin-bottom:20px;
	background: url(../../userguide/images/icon_ttl.gif) no-repeat left center;
}

#UserGuide-body #ContentsArea h4{
	padding:5px 5px 5px 10px; margin-bottom:10px;
	font-size:17px; font-weight:bold;
	color:#FFF;
	background: url(../images/sub_ttl_back.png) no-repeat left center;
}

#UserGuide-body #ContentsArea h4.trouble{
	padding:5px 5px 5px 10px; margin-bottom:10px;
	font-size:17px; font-weight:bold;
	color:#FFF;
	background: url(../../userguide/images/sub_ttl_back.png) no-repeat left center;
}

#UserGuide-body #ContentsArea h4.toshi-gas{
	padding:5px 5px 5px 10px; margin-bottom:10px;
	font-size:17px; font-weight:bold;
	color:#FFF;
	background: url(../images/sub_ttl_back02.png) no-repeat left center;
}

#UserGuide-body #ContentsArea h5{
	margin-bottom:5px;
	font-size:15px; font-weight:bold; text-align:left; color:#009FE8;
}


#UserGuide-body #ContentsArea p.txt{ font-size:13px; line-height:1.6; text-align:left; overflow:hidden;}
#UserGuide-body #ContentsArea p.txt_16{ 
	font-size:16px; 
	font-weight:bold;
	line-height:1.6; 
	text-align:left; 
	overflow:hidden;
	color:#3366CC;
	}

#UserGuide-body #ContentsArea p.txt img{ float:left; margin-right:10px;}

#UserGuide-body #ContentsArea span.att{ color:#E50012;}




#UserGuide-body #ContentsArea dl.stop,
#UserGuide-body #ContentsArea dl.earthquake{ text-align:left;}
#UserGuide-body #ContentsArea dl.earthquake{ margin-bottom:30px; position:relative;}

#UserGuide-body #ContentsArea dl.stop dt{
	margin-bottom:5px;
	font-size:15px; font-weight:bold; text-align:left; color:#009FE8;
}

#UserGuide-body #ContentsArea dl.stop dd{font-size:13px; line-height:1.6; margin-bottom:15px; margin-left:1em;}

#UserGuide-body #ContentsArea dl.earthquake dt{
	border-bottom:1px solid #EA6000;
	margin-bottom:10px;
	padding-bottom:5px;
}

#UserGuide-body #ContentsArea dl.earthquake dd{font-size:13px; line-height:1.6; overflow:hidden;}
#UserGuide-body #ContentsArea dl.earthquake dd img.icon{ float:right; margin-left:15px;}
#UserGuide-body #ContentsArea dl.earthquake span{
	position:absolute;
	top:0; right:0;
}


#UserGuide-body #Mycom{ width:690px; margin:0 auto 30px; overflow:hidden;}
#UserGuide-body #Mycom li{ width:230px; float:left; text-align:center;}

#UserGuide-body #Mycom li a:link img,
#UserGuide-body #Mycom li a:visited img { padding:1px; border:1px solid #E50012;}
#UserGuide-body #Mycom li a:hover img { padding:2px; border:none; background:#009FE8;}
#UserGuide-body #Mycom li.act img{ padding:1px; border:1px solid #009FE8;}


#UserGuide-body #Function{ width:690px; margin:0 0 30px;}
#UserGuide-body #Function li{
	padding-left:15px; margin-bottom:7px;
	font-size:13px;
	background: url(../../userguide/trouble/reset_meter/images/arrow.gif) no-repeat left center;
}


#UserGuide-body #Process{
	width:614px;
	border:3px solid #E50012;
	padding:20px 40px; margin:0 auto 50px;
	overflow:hidden;
}

#UserGuide-body #Process p{
	clear:both;
	text-align:left; color:#E50012; font-size:13px; line-height:1.7;
	margin-bottom:15px;
}

#UserGuide-body #Process p.kuro{
	clear:both;
	text-align:left; color:#000000; font-size:13px; line-height:1.7;
	margin-bottom:10px;
}


#UserGuide-body #Process div{
	width:290px; padding-top:150px;
	font-size:13px; line-height:1.6;
	margin-bottom:15px;
}

#UserGuide-body #Process div.Ope01{background: url(../../userguide/trouble/reset_meter/images/img_02.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope02{background: url(../../userguide/trouble/reset_meter/images/img_03.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope03{background: url(../../userguide/trouble/reset_meter/images/img_04.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope04{background: url(../../userguide/trouble/reset_meter/images/img_05.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope05{background: url(../../userguide/trouble/reset_meter/images/img_07.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope06{background: url(../../userguide/trouble/reset_meter/images/img_08.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope07{background: url(../../userguide/trouble/reset_meter/images/img_09.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope08{background: url(../../userguide/trouble/reset_meter/images/img_10.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope09{background: url(../../userguide/trouble/reset_meter/images/img_12.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope10{background: url(../../userguide/trouble/reset_meter/images/img_13.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope11{background: url(../../userguide/trouble/reset_meter/images/img_14.gif) no-repeat center top;}
#UserGuide-body #Process div.Ope12{background: url(../../userguide/trouble/reset_meter/images/img_15.gif) no-repeat center top;}

#UserGuide-body #Process div strong{color:#E50012;}

#UserGuide-body #Process h5{
	padding-top:10px;
	border-top:1px solid #CCC;
	clear:both;
}

#UserGuide-body #Process #Caution{ margin:0;}
#UserGuide-body #Process #Caution li{
	padding-left:15px; margin-bottom:7px;
	font-size:13px;
	background: url(../../userguide/trouble/reset_meter/images/arrow.gif) no-repeat left 4px;
}


#UserGuide-body #Flow{width:700px; margin-bottom:100px; overflow:hidden;}
#UserGuide-body #Flow div{ width:325px; margin-bottom:15px; overflow:hidden;}
#UserGuide-body #Flow div h4{background: url(../images/sub_ttl_back_s.png) no-repeat left center;}
#UserGuide-body #Flow div p{ font-size:13px; line-height:1.7; overflow:hidden;}
#UserGuide-body #Flow div p strong{color:#E50012;}
#UserGuide-body #Flow div p img{ float:right; margin-left:5px;}

#UserGuide-body #Chemistry{width:700px; margin-bottom:15px; overflow:hidden;}
#UserGuide-body #Chemistry div{ width:296px;}

#UserGuide-body ol{ margin-bottom:30px;}
#UserGuide-body ol li{ list-style:decimal; margin-left:20px; font-size:13px; margin-bottom:7px;}

#UserGuide-body p span.anser{ color:#FFF; font-size:18px; background:#E50012; padding:3px; margin-right:5px; font-weight:bold;}

#UserGuide-body table{ width: 640px; margin:0 auto 30px;}
#UserGuide-body table th{ width:200px; text-align:left;}
#UserGuide-body table th,
#UserGuide-body table td{ padding:10px 0;}
#UserGuide-body table td{ font-size:13px; line-height:1.6;}

#UserGuide-body ul.lp-Feature{}
#UserGuide-body ul.lp-Feature li{
	font-size:13px; color:#009FE8;
    padding-left: 1em;
    text-indent: -1em;
	margin-bottom:10px;
}

#UserGuide-body div.lp{ margin-bottom:15px;overflow:hidden;}
#UserGuide-body div.lp img.icon { float:right;}


#UserGuide-body table.Lp-Standard{
	width:696px;
    border-top: 1px solid #39A727;
    border-left: 1px solid #39A727;
    border-collapse: separate;
    border-spacing: 0;
}

#UserGuide-body table.Lp-Standard th,
#UserGuide-body table.Lp-Standard td{
    border-right: 1px solid #39A727;
    border-bottom: 1px solid #39A727;
	text-align:center; font-size:13px; line-height:1.5;
	padding:10px;
}

#UserGuide-body table.Lp-Standard th{ background:#d7edd4;}

#UserGuide-body p.gas-caution{ font-weight:bold; font-size:13px;}
#UserGuide-body p.gas-caution strong{ color:#FF0000;}

#UserGuide-body dl#Safety{ text-align:left; margin-bottom:50px;}
#UserGuide-body dl#Safety dt{ font-size:17px; color:#009FE8; margin-bottom:10px; font-weight:bold;}
#UserGuide-body dl#Safety dd{ font-size:13px; line-height:1.7;}

#UserGuide-body dl#Safety dd p{
    padding-left: 0.5em;
    text-indent: -0.5em;
}

#UserGuide-body dl#Safety dd table.Check{
    border-collapse: separate;
    border-spacing: 0;
}
#UserGuide-body dl#Safety dd table.Check th,
#UserGuide-body dl#Safety dd table.Check td{
	font-weight:normal;
	background: url(../images/icon_dot01.gif) repeat-x left bottom;
}

#UserGuide-body dl#Safety dd table.Check th{ white-space: nowrap; padding-right:15px;}

#UserGuide-body dl#Safety dd.custom{
	border:1px solid #39A727;
	background:#FFFFCC;
	padding:10px;
}

#UserGuide-body ul.usage{}


#UserGuide-body ul.usage01{
	padding:0 230px 130px 0;
	background: url(../../userguide/attention/images/img_01.gif) no-repeat right top;
}

#UserGuide-body ul.usage02{
	padding:0 320px 130px 0;
	background: url(../../userguide/attention/images/img_02.gif) no-repeat right top;
}

#UserGuide-body ul.usage03{
	padding:0 320px 250px 0;
	background:url(../../userguide/attention/images/img_03.gif) no-repeat right top;
}

#UserGuide-body ul.usage04{
	padding:0 350px 100px 0;
	background: url(../../userguide/attention/images/img_04.jpg) no-repeat right top;
}


#UserGuide-body ul.usage05{
	padding:0 230px 100px 0;
	background: url(../../userguide/attention/images/img_06.gif) no-repeat right top;
}

#UserGuide-body ul.usage06{
	padding:0 280px 110px 0;
	background: url(../../userguide/attention/images/img_07.gif) no-repeat right top;
}

#UserGuide-body ul.usage07{
	padding:0 260px 30px 0;
	background: url(../../userguide/attention/images/img_09.gif) no-repeat right top;
}


#UserGuide-body ul.usage li,
#UserGuide-body ul.usage01 li,
#UserGuide-body ul.usage02 li,
#UserGuide-body ul.usage03 li,
#UserGuide-body ul.usage04 li,
#UserGuide-body ul.usage05 li,
#UserGuide-body ul.usage06 li,
#UserGuide-body ul.usage07 li{
	font-size:13px; line-height:1.8; list-style:disc;
	margin:0 0 5px 20px;
}

#UserGuide-body ul.usage01 li span,
#UserGuide-body ul.usage03 li span,
#UserGuide-body ul.usage04 li span{ color:#FF0000;}


#UserGuide-body p.Condition{
	border:1px solid #39A727;
	padding:10px; margin-bottom:15px;
	background:#FFFFCC;
	line-height:1.8; font-size:13px;
}

#UserGuide-body p.Air{
	border:1px solid #39A727;
	padding:10px; margin-bottom:15px;
	background:#DAF1F7;
	line-height:1.8; font-size:13px;
}


/*	-----------------------------------------------------------------------

	=07.Top-Contents

-----------------------------------------------------------------------*/
#UserGuide-body #Top-Contents{ width:700px;}

#UserGuide-body #Top-Contents #Trouble{
	width:696px;
	border:1px solid #E50012;
	padding:1px 1px 0px;
	margin-bottom:15px;
}

#UserGuide-body #Top-Contents #Trouble h3{
	padding-left:1em; margin-bottom:10px;
	height:30px; line-height:30px;
	text-align:left; font-size:16px; color:#FFF;
	background:#E50012;
}

#UserGuide-body #Top-Contents #Trouble ul{
	width:660px;
	margin:0 auto;
	overflow:hidden;
}

#UserGuide-body #Top-Contents #Trouble ul li{ float:left; width:220px; margin-bottom:10px;}
#UserGuide-body #Top-Contents #Trouble ul li a{
	font-size:15px;
	padding-left:15px;
	background: url(../images/icon_arrow.gif) no-repeat left center;
}

#UserGuide-body #Top-Contents div.Gas-Guide{ width:700px;margin-bottom:15px; overflow:hidden;}
#UserGuide-body #Top-Contents div.Gas-Guide div{
	width:216px; float:left;
	border:1px solid #39A727;
	padding:1px 1px 5px;
}

#UserGuide-body #Top-Contents div.Gas-Guide div h3{
	margin-bottom:10px; padding:0;
	height:30px; line-height:30px;
	text-align:center; font-size:15px; color:#FFF;
	background:#39A727;
}

#UserGuide-body #Top-Contents div.Gas-Guide div ul{ width:200px; margin:0 auto;}
#UserGuide-body #Top-Contents div.Gas-Guide div ul li{ margin-bottom:7px;}
#UserGuide-body #Top-Contents div.Gas-Guide div ul li a{
	font-size:15px;
	padding-left:10px;
	background: url(../images/icon_arrow.gif) no-repeat left center;
}

#UserGuide-body #Top-Contents ul#Btn{ width:700px;}

#UserGuide-body #Top-Contents ul#Btn li{
	background:#39A727;
	padding:1px; margin-bottom:10px;
	width:696px;
	border:1px solid #39A727;
}

#UserGuide-body #Top-Contents ul#Btn li a{
	display:block;
	padding-left:1em;
	height:30px; line-height:30px;
	font-size:16px;
	
}

#UserGuide-body #Top-Contents ul#Btn li a:link,
#UserGuide-body #Top-Contents ul#Btn li a:visited{ background:#39A727;color:#FFF; text-decoration:none;border:1px solid #FFF;}
#UserGuide-body #Top-Contents ul#Btn li a:hover{ color:#FFFF00; text-decoration:none;border:1px solid #FFFF00;}



/*	-----------------------------------------------------------------------

	simulation

-----------------------------------------------------------------------*/
#UserGuide-body #ContentsArea #simulation h2.main{background: url(../../userguide/simulation/images/main_ttl.jpg) no-repeat left top;}

#simulation{
	margin: 0 0 100px;
	line-height: 1.6;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka";
}
#simulation a:hover img{
	opacity: 0.5;
}
#simulation .question{
	margin: 0 0 30px;
}
#simulation .question dt{
	float: left;
	width: 75px;
	border-right: 1px solid #c8c8c8;
}
#simulation .question dd{
	padding: 6px 0 30px 90px;
}
#simulation .question dd .ttl{
	margin: 0 0 10px;
	padding-left: 40px;
	background: url(../images/icon-required.png) 0 0 no-repeat;
}
#simulation .question dd.option .ttl{
	background: url(../images/icon-option.png) 0 0 no-repeat;
}
#simulation .question dd.option dl dt{
	width: 13em;
	padding: 5px 0 0;
	border: none;
}
#simulation .question dd.option dl dd{
	padding: 5px 0 0 13em;
}

#simulation .question dd.gas input[type="radio"] + label,
#simulation .question dd.plan input[type="radio"] + label{
	display: inline-block;
	width: 250px;
	height: 100px;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
}
#simulation .question dd.nengetsu input[type="radio"] + label{
	display: inline-block;
	width: 250px;
	height: 100px;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
}
#simulation .question dd.gas input[type="radio"] + label:hover,
#simulation .question dd.plan input[type="radio"] + label:hover{
	opacity: 0.5;
}
#simulation .question dd.shiyoryo div{
	margin-bottom:0.5em;
}

#simulation .question dd.nengetsu input[type="radio"] + label:hover{
	opacity: 0.5;
}
#simulation .question dd.gas input[type="radio"] + label:before,
#simulation .question dd.gas input[type="radio"] + label:after,
#simulation .question dd.plan input[type="radio"] + label:before,
#simulation .question dd.plan input[type="radio"] + label:after{
	display: none;
}
#simulation .question dd.nengetsu input[type="radio"] + label:before,
#simulation .question dd.nengetsu input[type="radio"] + label:after{
	display: none;
}
#simulation .question dd #gas01,
#simulation .question dd #plan01{
	margin-right: 10px;
}
#simulation .question dd #nengetsu01{
	margin-right: 10px;
}
#simulation .question dd.gas input[type="radio"] + .gas01-label{
	background: url(../../userguide/simulation/images/gas01.png) 0 0 no-repeat;
}
#simulation .question dd.gas input[type="radio"] + .gas02-label{
	background: url(../../userguide/simulation/images/gas02.png) 0 0 no-repeat;
}
#simulation .question dd.gas input[type="radio"] + .gas03-label{
	background: url(../../userguide/simulation/images/gas03.png) 0 0 no-repeat;
}
#simulation .question dd.gas input[type="radio"]:checked + .gas01-label{
	background: url(../../userguide/simulation/images/gas01-checked.png) 0 0 no-repeat;
}
#simulation .question dd.gas input[type="radio"]:checked + .gas02-label{
	background: url(../../userguide/simulation/images/gas02-checked.png) 0 0 no-repeat;
}
#simulation .question dd.gas input[type="radio"]:checked + .gas03-label{
	background: url(../../userguide/simulation/images/gas03-checked.png) 0 0 no-repeat;
}
#simulation .question dd.plan input[type="radio"] + .plan01-label{
	background: url(../../userguide/simulation/images/plan01.png) 0 0 no-repeat;
}
#simulation .question dd.plan input[type="radio"] + .plan02-label{
	background: url(../../userguide/simulation/images/plan02.png) 0 0 no-repeat;
}
#simulation .question dd.plan input[type="radio"] + .plan03-label{
	background: url(../../userguide/simulation/images/plan03.png) 0 0 no-repeat;
}
#simulation .question dd.plan input[type="radio"]:checked + .plan01-label{
	background: url(../../userguide/simulation/images/plan01-checked.png) 0 0 no-repeat;
}
#simulation .question dd.plan input[type="radio"]:checked + .plan02-label{
	background: url(../../userguide/simulation/images/plan02-checked.png) 0 0 no-repeat;
}
#simulation .question dd.plan input[type="radio"]:checked + .plan03-label{
	background: url(../../userguide/simulation/images/plan03-checked.png) 0 0 no-repeat;
}
#simulation .question dd.nengetsu input[type="radio"] + .nengetsu01-label{
	background: url(../../info/gas-jiyuka/simulation/img/nengetsu01.png) 0 0 no-repeat;
}
#simulation .question dd.nengetsu input[type="radio"] + .nengetsu02-label{
	background: url(../../info/gas-jiyuka/simulation/img/nengetsu02.png) 0 0 no-repeat;
}
#simulation .question dd.nengetsu input[type="radio"] + .nengetsu03-label{
	background: url(../../info/gas-jiyuka/simulation/img/nengetsu03.png) 0 0 no-repeat;
}
#simulation .question dd.nengetsu input[type="radio"]:checked + .nengetsu01-label{
	background: url(../../info/gas-jiyuka/simulation/img/nengetsu01-checked.png) 0 0 no-repeat;
}
#simulation .question dd.nengetsu input[type="radio"]:checked + .nengetsu02-label{
	background: url(../../info/gas-jiyuka/simulation/img/nengetsu02-checked.png) 0 0 no-repeat;
}
#simulation .question dd.nengetsu input[type="radio"]:checked + .nengetsu03-label{
	background: url(../../info/gas-jiyuka/simulation/img/nengetsu03-checked.png) 0 0 no-repeat;
}
/*
#simulation .btn-simulation{
	margin: 0 0 20px;
	padding: 20px;
	text-align: center;
	background: #f5f5f5;
}
#simulation .btn-simulation button{
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}
#simulation .btn-simulation button:hover img{
	opacity: 0.5;
}
*/
#simulation .notes{
	margin: 0 0 30px;
}
#simulation .notes li{
	padding-left: 1em;
	text-indent: -1em;
}
#simulation .notes li p{
	padding-left: 1em;
	text-indent: 0;
	font-size: 14px;
}
#simulation .notes li span{
	color: #43ab30;
}


/*	-----------------------------------------------------------------------

	simulation result

-----------------------------------------------------------------------*/
#simulation *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	
}
#simulation .dib{
	letter-spacing: -0.4em;
}
#simulation .dib li{
	display: inline-block;
	letter-spacing: normal;
}
#simulation #result .bd-box{
	padding: 25px;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#simulation #result .bg-box{ 
	margin: -25px -25px 20px;
	padding: 15px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background: #f0f0f0;
}
#simulation #result .bg-box2{ 
	// margin: -25px -25px 20px;
	padding: 15px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background: #f0f0f0;
	font-weight:normal;
}
#simulation #result .bdrs{
	margin: -25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#simulation #result .bg-box .ttl{
	margin: 0 0 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#simulation #result .bg-box2 .ttl{
	margin: 0 0 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#simulation #result .bg-box2 .mini-box{ 
	width:100%;
	display:flex;
	display: -moz-box;    /*Firefox21*/
	display: -webkit-box; /*Android4.3*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
}
#simulation #result .bg-box2 .mini-box .gasbox{ 
    // display: block;
    flex: 1;
    flex-direction: column;
    border: 2px solid #0bbab5;
    margin-right: 10px;
    border-radius: 4px;
    // float:left;
    width:45%;
    text-align:center;
    margin-left:1.8em;
}
#simulation #result .bg-box2 .mini-box .gasbox h3{ 
    font-size: 16px;
    overflow: hideen;
    overflow: hidden;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    text-align: center;
    background: #0bbab5;
    line-height:3.1;
}
#simulation #result .bg-box2 .mini-box .denkibox{ 
    // display: flex;
    flex: 1;
    flex-direction: column;
    border: 2px solid #f39800;
    margin-right: 10px;
    border-radius: 4px;
    // float:none;
    width:45%;
    text-align:center;
}
#simulation #result .bg-box2 .mini-box .denkibox h3{ 
    font-size: 16px;
    overflow: hideen;
    overflow: hidden;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    text-align: center;
    background: #f39800;
    line-height:3.1;
}
#simulation #result .bg-box2 .mini-box .data{ 
    padding: 15px 10px 0;
    text-align: center;
    font-size: 13px;
    letter-spacing: normal;
    margin-bottom: 0;
}

#simulation #result .bg-box2 .mini-box .data dt{ 
    color: #1c1751;
    display: block;
    margin-right: 0;
    float: none;
}

#simulation #result .bg-box2 .mini-box .data dd{ 
    color: #1c1751;
    display: block;
    width: auto;
    float: none;
}

#simulation #result .bg-box2 .mini-box .ryokin{ 
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    box-sizing: inherit;
}

#simulation #result .bg-box2 .mini-box .ryokin dt{ 
    font-size: 12px;
    margin: 0 0 6px;
    padding: 6px 10px;
    background: #EEEFB1;
    line-height: 100%;
    display: inline-block;
    font-weight: bold;
}

#simulation #result .bg-box2 .mini-box .ryokin dd{ 
    line-height: 1;
    font-size: 22px;
    display: block;
    text-align: center;
}
#simulation #result .detail li{
	width:auto;
	margin: 0 0 10px;
	padding: 0 10px;
}
#simulation #result .detail li .item{
	width:10em;
	display: inline-block;
	display: block;
	margin-right: 10px;
	padding-right: 22px;
	background: url(../../userguide/simulation/images/bg-arrow.png) no-repeat right center;
}
#simulation #result .detail li .item span{
	width:9em;
	display: table-cell;
	padding: 7px 5px;
	color: #43ab30;
	line-height: 1;
	vertical-align: middle;
    height: 2.8em;
	background: #fff;
}
#simulation #result .bg-box li span.select{
	display: block;
	padding: 3px 32px 0 0;
}
#simulation #result .price{
	font-weight: bold;
	line-height: 1.2;
}

#simulation #result .bg-box2 li{
	overflow:hiden;
	width:auto;
	margin: 0 0 10px;
	padding: 0 10px;
	display: table-cell;
}

#simulation #result .bg-box2 ul{
	margin-bottom: 10px;
}

#simulation #result .bg-box2 li span.select{
	overflow:hidden;
	display: block;
	// padding: 3px 32px 0 0;
	line-height: 2.5em;
	width: 330px;
	text-align: left;
}

#simulation #result .price strong{
	font-size: 40px;
}
#simulation #result .price .c1{
	color: #6fbdad;
}
#simulation #result .price .c2{
	color: #ff6464;
}
#simulation #result .arrow{
	position: relative;
	text-align: center;
}
#simulation #result .arrow .tooltip{
	position: absolute;
	top: 5px;
}
#simulation #result .btn-form{
	margin: 20px 0;
	padding: 30px 10px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #ffe164;
}
#simulation #result .plusplan{
	margin: 0 -5px 10px;
	overflow: hidden;
}
#simulation #result .plusplan li{
	width: 33.333%;
	margin: 0 0 15px;
	padding: 0 5px;
	font-size: 14px;
}
#simulation table{
	width: 100%;
	font-size: 14px;
}
#simulation table th,
#simulation table td{
	padding: 5px 10px;
}
#simulation table th{
	text-align: center;
}
#simulation table .price{
	color: #ff6464;
	font-size: 20px;
	text-align: center;
}
#simulation table .price span{
	font-size: 16px;
}
#simulation #result .plusprice .price{
	color: #ff6464;
	font-size: 20px;
}
#simulation #result .plusprice .bg{
	background: #f0f0f0;
}
#simulation #result .plus-ttl{
	margin: 30px 0 10px;
	border: 1px solid #39a727;
}
#simulation #result .plus-ttl p{
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #fff;
	background: #39a727;
}
#simulation #result .campaign{
	margin: 20px 0 30px;
}
#simulation #result .campaign th{
	background: #ffe164;
}
#simulation #result .campaign th,
#simulation #result .campaign td{
	border-bottom: 1px solid #c8c8c8;
}

#simulation .btn-r-simulation{
	margin: 0 0 20px;
	padding: 20px;
	text-align: center;
	// background: #f5f5f5;
}
#simulation .btn-r-simulation button{
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}
#simulation .btn-r-simulation button:hover img{
	opacity: 0.5;
}