@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, input {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka", "MS P Gothic", "ＭＳ Ｐゴシック", "lroSVbN";
}

ul,ol {
	list-style: none;
}

img {
	border: none;
}


/* base styles */
body {
	text-align: center;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	background: #fff;
}

a:link {
	color: #06A8E6;
	text-decoration: underline;
}

a:visited {
	color: #06A8E6;
	text-decoration: underline;
}

a:hover {
	color: #06A8E6;
	text-decoration: none;
}

.mB50 {
	margin-bottom: 50px;
}

.mB30 {
	margin-bottom: 30px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB10 {
	margin-bottom: 10px;
}

.mR5 {
	margin-right: 5px;
}

.txtRed {
	color: #F40000;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
  overflow: visible;
}

.clearfix {
	display: block;
}

#header span,
h2 span,
h3 span{
	position: absolute;
	top: 30px;
	left: -386px;
	width: 544px;
	height: 54px;
	overflow: hidden;
}

a:hover img,
#nav a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.c_b{
	clear:both;
}
.r{
	float:right;
}
.l{
	float:left;
}
.txtc{
	text-align:center;
}
.txtr{
	text-align:right;
}
.txt_b{
	font-weight:bold;
}
/***------------
haeder
------------***/
#header {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
#headIn {
	background:url(../img/bg_top.jpg) no-repeat left top;
	padding:10px 0 0 20px;
	height:100px;
	width:950px;
	margin-bottom:10px;
	position:relative;
}
#headIn a.noren{
	position:absolute;
	width:136px;
	height:81px;
	left:824px;
	top:11px;
}
#headIn a.top{
	position:absolute;
	width:538px;
	height:52px;
	left:18px;
	top:39px;
}
#headIn h1{
	font-size:12px;
	font-weight:normal;
}
#nav {
	height: 58px;
	padding:0 5px;
	margin:0 0 20px 0;
}
#nav li {
	float: left;
	margin-right:5px;
}
#nav li:first-child{
	margin-right:6px;
}
#nav li:last-child{
	margin-right:0;
}
#nav li a {
	height: 58px;
	display: block;
}

/***------------
contents
------------***/
#contents{
	width:960px;
	padding:0 5px;
	margin:0 auto 50px auto;
	text-align:left;
}

/* left_div */
.left_div{
	float:left;
	width:170px;
}
.left_div a{
	background:url(../img/icon_arrg.gif) no-repeat left 3px;
	padding-left:10px;
}
.left_div ul{
	background-color:#F3F8FF;
	background-position:left top;
	background-repeat:no-repeat;
	padding:40px 5px 5px 5px;
	margin-bottom:20px;
}
.left_div li{
	border-bottom:1px #ccc dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	text-indent:-1em;
	margin-left:1em;
}
.menu1{
	background-image:url(../img/menu1.gif);

}
.menu2{
	background-image:url(../img/menu2.gif);

}
.menu3{
	background-image:url(../img/menu3.gif);

}
.menu4{
	background-image:url(../img/menu4.gif);

}
.privacy{
	border:solid 1px #ccc;
	padding:5px 3px;
	margin-bottom:10px;
	background-color:#1C8EBA;
}
.privacy a{
	color:#FFF;
	font-weight:bold;
	background-image:none;
}
address{
	font-style:normal;
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
	letter-spacing:-1px;
}
address span{
	font-weight:bold;
	color:#33701F;
	font-size:14px;
}

.right_div{
	float:right;
	width:750px;
}
#about h2 {
	background:url(../img/bg_h3.jpg) no-repeat left top;
	width:750px;
	height:100px;
}
.bg_imgf{
	background:url(../img/bg_imgf.gif) repeat-x left top;
	width:750px;
	height:26px;
	margin-bottom:10px;
}

.waku_p{
	padding:10px;
	border:1px #ccc solid;
}

.danchi_tb{
	width:750px;
	margin-bottom:30px;
}
.danchi_tb td{
	width:150px;
	text-align:center;
	padding:0 5px;
}
.danchi_tb img{
	text-align:center;
	padding:3px;
	border:1px #ccc solid;
}
.danchi_tb a{
	background:url(../img/icon_b.gif) no-repeat left 3px;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.jutaku_p{
	width:400px;
	margin:0 auto 50px auto;
}

#about h3#t_1{
	background:url(../img/t_h41.gif) no-repeat left top;
	width:207px;
	height:32px;
	margin-bottom:30px;
}
#about h4.t_1_h4{
	background:url(../img/t_1.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}
#about h5{
	font-size:14px;
	font-weight:bold;
	color:#298222;
	margin-bottom:10px;
	clear:both;
}
.no1{
	background:url(../img/icon1.gif) no-repeat left center;
	padding-left:20px;
}
.no2{
	background:url(../img/icon2.gif) no-repeat left center;
	padding-left:20px;
}
.no3{
	background:url(../img/icon3.gif) no-repeat left center;
	padding-left:20px;
}
.no4{
	background:url(../img/icon4.gif) no-repeat left center;
	padding-left:20px;
}
.no5{
	background:url(../img/icon5.gif) no-repeat left center;
	padding-left:20px;
}
.no6{
	background:url(../img/icon6.gif) no-repeat left center;
	padding-left:20px;
}
.no7{
	background:url(../img/icon7.gif) no-repeat left center;
	padding-left:20px;
}

.no1_ul{
	width:772px;
	margin:0 -28px 15px 0;
}
.no1_ul li{
	float:left;
	margin-right:28px;
}
.no2_tb{
	width:100%;
	text-align:center;
	border-collapse:collapse;
	border:1px #ccc solid;
	margin-bottom:10px;
}
.no2_tb th{
	background-color:#EFF1F3;
	font-weight:normal;
	padding:5px 0;
	border:1px #ccc solid;
}
.no2_tb td{
	width:33%;
	padding:5px 0;
	border:1px #ccc solid;
}
#about h6{
	font-size:14px;
	padding-bottom:5px;
	border-bottom:1px #ccc solid;
	margin-bottom:5px;
}
.heads li{
	text-indent:-0.5em;
	margin-left:0.5em;
}
.heads2 li{
	text-indent:-2em;
	margin-left:2em;
}
.heads3 li{
	text-indent:-1em;
	margin-left:1em;
}
.no2_div{
	margin-bottom:30px;
}
.no2_div div{
	width:355px;
}

#about h4#t_1_2{
	background:url(../img/t_2.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}

#about h3#t_2{
	background:url(../img/t_h42.gif) no-repeat left top;
	width:207px;
	height:32px;
	margin-bottom:30px;
}
#about h4#t_2_2{
	background:url(../img/t_3.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}

.junbi{
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
	padding:50px 0;
	text-align:center;
}

#about h3#t_3{
	background:url(../img/t_h43.gif) no-repeat left top;
	width:144px;
	height:32px;
	margin-bottom:30px;
}
#about h4#t_3_2{
	background:url(../img/t_4.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}
.tb_t{
	background:url(../img/icon_g.gif) no-repeat left center;
	padding-left:20px;
	font-weight:bold;
	color:#298222;
	font-size:14px;
}
.t_3_tb{
	width:100%;
	border-collapse:collapse;
	border:1px #ccc solid;
	margin-bottom:30px;
}
.t_3_tb th{
	padding:5px 0;
	background-color:#EFF1F3;
	border:1px #ccc solid;
	text-align:center;
}
.t_3_tb td{
	border:1px #ccc solid;
	padding:5px;
}

/***------------
procedure
------------***/
#procedure h2 {
	background:url(../img/bg_h3_2.jpg) no-repeat left top;
	width:750px;
	height:100px;
}
#procedure h3#t_1{
	background:url(../img/t_h44.gif) no-repeat left top;
	width:661px;
	height:32px;
	margin-bottom:30px;
}
#procedure .t_1_h4{
	background:url(../img/t_8.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}
#procedure #t_1_2{
	background:url(../img/t_5.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}
#procedure #t_1_3{
	background:url(../img/t_6.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}
#procedure #t_1_4{
	background:url(../img/t_7.gif) no-repeat left top;
	width:750px;
	height:30px;
	margin-bottom:20px;
}


#procedure table{
	border-collapse:collapse;
	width:100%;
	border:1px #ccc solid;
	margin-bottom:30px;
}
#procedure th{
	background-color:#EFF1F3;
	border:1px #ccc solid;
	padding:5px;
	text-align:left;
	font-weight:normal;
}
#procedure td{
	vertical-align:top;
	padding:5px;
	border:1px #ccc solid;
}

.icon_pdf{
	background:url(../img/icon_pdf.gif) no-repeat left center;
	height:20px;
	padding-left:20px;
	display:block;
}

/***------------
form
------------***/
#form h2 {
	background:url(../img/bg_h3_3.jpg) no-repeat left top;
	width:750px;
	height:100px;
}
#form table{
	border-collapse:collapse;
	width:100%;
	border:1px #ccc solid;
	margin-bottom:30px;
}
#form th{
	text-align:center;
	font-weight:normal;
	border-bottom:1px #ccc solid;
}
#form td{
	padding:5px;
	text-align:left;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
}

.icon_xls{
	background:url(../img/icon_xls.gif) no-repeat left center;
	height:20px;
	padding-left:20px;
	display:block;
}

/***------------
qa
------------***/
#qa h2 {
	background:url(../img/bg_h3_4.jpg) no-repeat left top;
	width:750px;
	height:100px;
}
#qa dl{
}
#qa dt{
	font-size:14px;
	color:#0A50A1;
	font-weight:bold;
	margin-bottom:10px;
}
#qa dd{
	margin-bottom:30px;
}

.icon_q{
	background:url(../img/icon_q.gif) no-repeat left top;
	padding:5px 0 10px 35px;
}
.icon_a{
	background:url(../img/icon_a.gif) no-repeat left top;
	padding:5px 0 10px 35px;
}

/***------------
footer
------------***/
#footer {
	width: 100%;
	background: url(../img/bg_foot.gif) bottom repeat-x;
	clear: both;
	height:40px;
}


/***------------
flow(2013.08.23 原田追記)
------------***/


.flow .img_box{
	float:left;
	width:120px;
}
.flow .txt_box{
	float:right;
	width:600px;
}
.flow .flowIn{
	width:100%;
	border:1px dotted #ccc;
	padding:15px;
}
.flow .flowIn .txt_box{
	float:right;
	width:585px;
}

.flow .icon {
vertical-align: text-bottom;
}

.font10{
	font-size:10px;
}

.font9{
	font-size:9px;
}

/***------------
flow(2015.03.19)
------------***/
.flow > div.r,
.flow > div.l{
	width:365px;
	margin-bottom:15px;
}
.flow > div.r{
	padding-left:9.5px;
	border-left:dotted 1px #CCCCCC;
}
.flow > div.c_b{
	width:620px;
	margin:0 auto;
}
.flow > div.r h5,
.flow > div.l h5{
	height:38px;
}

.flow > div ol > li{
	margin-bottom:30px;
}
.flow > div.l ol > li:first-child{
	margin-bottom:57px;
}
.flow > div.r ol li .r,
.flow > div.l ol li .r{
	width:230px;
}
.flow > div.c_b ol li .r{
	width:480px;
}
.flow > div ol li .r ul li{
	text-indent:-1.1em;
	padding-left:1.1em;
}
.flow > div ol li .r p .pdf{
	background:url(../img/pdf_small.gif) no-repeat left center;
	padding-left:20px;
}

/***------------
simulation
------------***/
#simulation h2 {
	background:url(../img/ttl_sim.jpg) no-repeat left top;
	width:750px;
	height:100px;
}

/* simulation.html */
#simulation #sim_start{
	margin-bottom:60px;
}
#simulation #sim_start .section{
	background:#FFFFFF;
	border:solid 1px #69A764;
	border-radius:6px;
	margin-bottom:20px;
	overflow:hidden;
}
#simulation #sim_start .section:last-child{
	margin-bottom:0;
}
#simulation #sim_start .section h3{
	background:#EEF5ED;
	padding:12px 19px;
	color:#333333;
	font-size:15px;
	line-height:1.333;
}
#simulation #sim_start .section h3:before{
	content:"";
	width:16px;
	height:16px;
	margin-right:5px;
	vertical-align:middle;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#simulation #sim_start .section:nth-child(1) h3:before{
	background:url(../img/icon_sim001.png) no-repeat center center;
}
#simulation #sim_start .section:nth-child(2) h3:before{
	background:url(../img/icon_sim002.png) no-repeat center center;
}
#simulation #sim_start .section:nth-child(3) h3:before{
	background:url(../img/icon_sim003.png) no-repeat center center;
}
#simulation #sim_start .section:nth-child(4) h3:before{
	background:url(../img/icon_sim004.png) no-repeat center center;
}
#simulation #sim_start .section:nth-child(5) h3:before{
	background:url(../img/icon_sim005.png) no-repeat center center;
}
#simulation #sim_start .section:nth-child(6) h3:before{
	background:url(../img/icon_sim006.png) no-repeat center center;
}
#simulation #sim_start .section > div{
	padding:12px 19px;
}
#simulation #sim_start .section > div dl{
	padding:15px 0;
}
#simulation #sim_start .section > div dl dt{
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:10px;
	font-weight:bold;
}
#simulation #sim_start .section > div dl dd ol{
	counter-reset:item;
}
#simulation #sim_start .section > div dl dd ol li:before{
	content:counter(item,decimal)". ";
	counter-increment:item;
	color:#298222;
	font-weight:bold;
}
#simulation .aside{
	background:#FFFFFF;
	padding:40px 40px 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:70px;
	-moz-box-shadow:0px 0px 9px -3px #000000;
	-webkit-box-shadow:0px 0px 9px -3px #000000;
	box-shadow:0px 0px 9px -3px #000000;
}
#simulation .aside h3{
	margin-bottom:20px;
}
#simulation .aside p{
	margin-bottom:7px;
}
#simulation .aside p span{
	color:#F15A24;
	font-weight:bold;
}
#simulation .aside div{
	margin-top:15px;
	text-align:center;
}

/* sim_step1.asp */
/* sim_step2.asp */
/* sim_step4.asp */
/* sim_step5.asp */
#simulation #sim_step{
	margin-bottom:35px;
}
#simulation #sim_step h3{
	margin-bottom:20px;
}
#simulation #sim_step > p{
	margin-bottom:10px;
}
#simulation #sim_step ul li:not(:last-child){
	margin-bottom:5px;
}
#simulation #sim_step ul li label input{
	margin-right:5px;
}
#simulation .btns{
	margin-bottom:30px;
	text-align:center;
	letter-spacing:-1em;
	word-spacing:-1em;
}
:root #simulation .btns{
	font-size:0.1px;
	letter-spacing:-1px;
	word-spacing:-1px;
}
#simulation .btns input[type="image"],
#simulation .btns div{
	margin:0 10px;
	letter-spacing: 0.05em;
	word-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	cursor:pointer;
}
/* sim_step3.asp */
#simulation #sim_step table{
	width:100%;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-spacing:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	table-layout:fixed;
	border-collapse:collapse;
	empty-cells:show;
	word-wrap:break-word;
}
#simulation #sim_step table th{
	background:#F2F2F2;
	padding:14px;
	border-right:solid 1px #CCCCCC;
	border-bottom:dotted 1px #999999;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle
}
#simulation #sim_step table td{
	padding:14px;
	border-right:solid 1px #CCCCCC;
	border-bottom:dotted 1px #999999;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}
#simulation #sim_step table .disabled{
	color:#CCCCCC;
}
#simulation #sim_step table tr:last-child th,
#simulation #sim_step table tr:last-child td{
	border-bottom:solid 1px #CCCCCC;
}
#simulation #sim_step table td input[type="text"]{
	width:100%;
	height:40px;
	padding:0 7px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	ime-mode:disabled;
}
/* sim_step4.asp */
/* sim_step5.asp */
#simulation #sim_step.step4 table,
#simulation #sim_step.step5 table{
	margin-bottom:20px;
	table-layout:auto;
}
#simulation #sim_step.step4 table th,
#simulation #sim_step.step4 table td,
#simulation #sim_step.step5 table th,
#simulation #sim_step.step5 table td{
	padding:9px 14px;
	vertical-align:middle;
}
#simulation #sim_step.step4 table th,
#simulation #sim_step.step5 table th{
	border-bottom:solid 1px #CCCCCC;
}
#simulation #sim_step.step4 table th:first-child,
#simulation #sim_step.step5 table th:first-child{
	width:110px;
}
#simulation #sim_step.step4 table td,
#simulation #sim_step.step5 table td{
	border-right:dotted 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
#simulation #sim_step.step4 table td.radio{
	width:45px;
}
#simulation #sim_step.step4 table td:last-child,
#simulation #sim_step.step5 table td:last-child{
	border-right:solid 1px #CCCCCC;
}
#simulation #sim_step.step4 table th[colspan="4"]{
	background:#298222;
	color:#FFFFFF;
}
#simulation #sim_step.step4 table td dl{
	width:300px;
	line-height:40px;
}
#simulation #sim_step.step4 table td dl dt{
	width:130px;
	float:left;
}
#simulation #sim_step.step4 table td dl dd{
	padding-left:130px;
}
#simulation #sim_step.step4 table td dl dd input[type="text"]{
	width:140px;
	margin-right:0.5em;
}
#simulation #sim_step.step4 table td dl dd ul{
	letter-spacing:-1em;
	word-spacing:-1em;
}
:root #simulation #sim_step.step4 table td dl dd ul{
	font-size:0.1px;
	letter-spacing:-1px;
	word-spacing:-1px;
}
#simulation #sim_step.step4 table td dl dd ul li{
	margin-right:1em;
	margin-bottom:0;
	font-size:13px;
	letter-spacing: 0.05em;
	word-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#simulation #sim_step.step4 table td dl dd ul li:last-child{
	margin-right:0;
}
#simulation #sim_step.step5 table td dl{
	width:270px;
}
#simulation #sim_step.step5 table td dl dt{
	margin-bottom:5px;
	color:#298222;
	font-weight:bold;
}
#simulation #sim_step.step5 table td dl dd ul li{
	padding-left:1em;
	text-indent:-1em;
}
#simulation #sim_step.step5 table td dl dd ul li:before{
	content:"・";
}
#simulation #sim_step.step5 table td input[type="text"]{
	width:60px;
}
#simulation #sim_step.step4 dl.total,
#simulation #sim_step.step5 dl.total{
	padding:14px 9px;
	border:solid 1px #CCCCCC;
	font-size:15px;
	line-height:1.333;
	text-align:right;
}
#simulation #sim_step.step4 dl.total dt,
#simulation #sim_step.step4 dl.total dd,
#simulation #sim_step.step5 dl.total dt,
#simulation #sim_step.step5 dl.total dd{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#simulation #sim_step.step4 dl.total dt,
#simulation #sim_step.step5 dl.total dt{
	color:#298222;
	font-weight:bold;
}
#simulation #sim_step.step4 dl.total dd,
#simulation #sim_step.step5 dl.total dd{
	min-width:130px;
}

/* sim_result.asp */
#simulation .result h3{
	margin-bottom:30px;
}
#simulation .result #result{
	margin-bottom:30px;
}
#simulation .result #result table{
	width:600px;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-spacing:0;
	margin:0 auto 20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	table-layout:fixed;
	border-collapse:collapse;
	empty-cells:show;
	word-wrap:break-word;
}
#simulation .result #result table th{
	background:#F1F2F3;
	width:265px;
	padding:14px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
#simulation .result #result table td{
	padding:9px 14px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:right;
}
#simulation .result #result table td span{
	margin-right:0.5em;
}
#simulation .result #result div.possible{
	background:#EAF2E9;
	width:600px;
	padding:10px 0;
	margin:0 auto;
	color:#298222;
	font-size:16px;
	line-height:1.875;
	text-align:center;
}