.ctns {text-align:left;margin:10px 0 5px 0;font-weight:bold;padding:0 10px}
.cntin {text-align:left;font-size:0.9em;padding:0 10px}
.slgout {margin-bottom:20px}
.c {clear:both}
.nr td {text-align:right;padding-right:10px}
.cr td {text-align:center}
.caculator table {width:100%;border-collapse: collapse;text-align: center;font-family: 'Trebuchet MS';font-size:1em;position:relative}
.caculator td, th {border: 1px solid #CCCCCC;height: 30px;}
.caculator th {background-color: #00A7D1;color: #ffffff;font-family: Georgia;}
.caculator tr.alt td {color: #000000;background-color: #efefef;}
.caculatortd {background-color: #00A7D1;color: #ffffff;font-family: Georgia;font-weight:bold;text-align:center}

.caculator a:hover th {background-color:#4D233A;color:#ffffff}
.caculator a:hover td {background-color:#efefef}



.uln {text-decoration:underline;font-weight:bold}


body {font-size:0.85em;overflow-x: hidden;line-height:1.5em;text-align:center;margin:0;padding:0;}
.left {width:680px;float:left;text-align:center}
.right {width:300px;float:right;text-align:center;display:table}


#step2,#step3,#step4,#step5,#step6,#step7,#stepresult1,#stepresult2,#stepresult3 {display:none;line-height:2em}

#step4,#step5,#step6,#step7 {font-size:1em;line-height:1.8em;}
#wall {position:absolute;top:0;left:0;width:100%;*width:105%;height:0%;background-color:#f7f7f7;display:none}
.guide {background-color:#f7f7f7;height:180px;padding:10px;margin-top:10px;position:relative;display:table}
.guide span {font-weight:bold;color:#007CD3}
#step4 div,#step5 div,#step6 div,#step7 div {margin:10px 0;font-size:1.3em}


.icon0,.icon1,.icon2 {font-size:0.8em;

	background-color:#ffaa00;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	padding:2px;
	width:65px;
	display:inline-table;
	margin-right:10px;
	text-align:center
}

.main_top_left {
	float:left;margin-right:20px;text-align:center
}

.main_top_right {
	float:right;width:360px;text-align:center
}

.slg {font-size:1.2em;font-weight:bold;color:#777777;line-height:1.3em}
.slgtitle {font-size:2.1em;font-weight:bold;color:#FF6600;line-height:1.3}

.explain {display:table;width:24%;float:left;height:500px;background-color:#f7f7f7;padding:10px 0}
.explaingap {margin-right:9px}
.h {display:none}
#topout {
	width:100%;
	display:table;
	height:23px;
	background-color: #19468C;
	border-bottom:1px solid #0E2E5E;

}
#logo {
text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px #333333;
	display:table;
	text-align:left;
	color:white
}
#logoout a,#logoout a {text-decoration:none;}

#logoout {
	width:100%;
	display:table;
	line-height:43px;
	background-color: #4877C1;
	border-top:1px solid #81ACEF;
	border-bottom:1px solid #333333
}
.logotitle {line-height:55px;height:35px;font-size:2em;font-weight:bold;letter-spacing:-2px;margin-left:20px}
.logourl {*line-height:2em;*height:2em;font-size:1em;font-weight:bold;color:#C6DCFD;margin-left:25px}
#contents {

	text-align:left;
}
#contentsout {
	width:100%;
	display:table;
}
#menuout {

	border-bottom:2px solid #cccccc;

	background: -moz-linear-gradient(top, #4B7BC5 0%, #224184 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4B7BC5), color-stop(100%, #224184));
	background: -webkit-linear-gradient(top, #4B7BC5 0%, #224184 100%);
	background: -o-linear-gradient(top, #4B7BC5 0%, #224184 100%);
	background: -ms-linear-gradient(top, #4B7BC5 0%, #224184 100%);
	background: linear-gradient(top, #4B7BC5 0%, #224184 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B7BC5', endColorstr='#224184', GradientType=0);
	margin-bottom:20px;
	background-color: #224184;
}


#menu ul,
#menu li,
#menu a {
	font-weight:bold;
	font-size:1em;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	font-family: 'Lato', sans-serif;
}

#menu li {
	*padding:29px
}
#menu ul {

	color: #fff;

	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#menuout  {padding:5px}
#menu ul:before {
	content: '';
	display: block;
}
#menu ul:after {
	content: '';
	display: table;
	clear: both;
}
#menu li {
	padding:0;
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid transparent;

}
#menu li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;

	display: block;
	text-decoration: none;
	color: #ffffff;
	border: 1px solid transparent;
	font-size: 1em;
}
#menu li.active {

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #4B7BC5;
}

#menu li:hover {

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #4B7BC5;
}
#menu li a:hover,#menu li.active a {
	padding:15px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	display: block;
	background: #223153;
	border: 1px solid #0B0E14;
	-moz-box-shadow: inset 0 5px 10px #0B0E14;
	-webkit-box-shadow: inset 0 5px 10px #0B0E14;
	box-shadow: inset 0 5px 10px #0B0E14;
}




.retry {

	float:left;
	width:150px;
	display:table;

}
.retry div {
	margin:2px 4px 2px 2px;
}

.retry a {

	width:100%;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;


	background: -moz-linear-gradient(top, #FFE11A 0%, #EDB200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE11A), color-stop(100%, #EDB200));
	background: -webkit-linear-gradient(top, #FFE11A 0%, #EDB200 100%);
	background: -o-linear-gradient(top, #FFE11A 0%, #EDB200 100%);
	background: -ms-linear-gradient(top, #FFE11A 0%, #EDB200 100%);
	background: linear-gradient(top, #FFE11A 0%, #EDB200 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE11A', endColorstr='#EDB200');

	background-color:#EDB200;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;

	border-radius: 10px;

	text-indent:0;
	border:1px solid #D39E00;
	display:inline-block;
	color:#5C3400;
	font-family:arial;
	font-size:1.2em;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;

	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;

}


.retry a:hover {
	background-color: #FFE11A;
	background: -moz-linear-gradient(top, #EDB200 0%, #FFE11A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDB200), color-stop(100%, #FFE11A));
	background: -webkit-linear-gradient(top, #EDB200 0%, #FFE11A 100%);
	background: -o-linear-gradient(top, #EDB200 0%, #FFE11A 100%);
	background: -ms-linear-gradient(top, #EDB200 0%, #FFE11A 100%);
	background: linear-gradient(top, #EDB200 0%, #FFE11A 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDB200', endColorstr='#FFE11A');
}













.buttons {
	display:table;
	width:300px;
	;margin-bottom:20px
}
.button {

	float:left;
	width:25%;
	display:table;

}
.button div {
	margin:2px 4px 2px 2px;
}

.button a {

	width:100%;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;


	background: -moz-linear-gradient(top, #ffaa00 0%, #ff5d05 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffaa00), color-stop(100%, #ff5d05));
	background: -webkit-linear-gradient(top, #ffaa00 0%, #ff5d05 100%);
	background: -o-linear-gradient(top, #ffaa00 0%, #ff5d05 100%);
	background: -ms-linear-gradient(top, #ffaa00 0%, #ff5d05 100%);
	background: linear-gradient(top, #ffaa00 0%, #ff5d05 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa00', endColorstr='#ff5d05');

	background-color:#ff5d05;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;

	border-radius: 10px;

	text-indent:0;
	border:1px solid #f56725;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:1.8em;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;

	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #d65200;

}


.button a:hover {
	background-color: #ffaa00;
	background: -moz-linear-gradient(top, #ff5d05 0%, #ffaa00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5d05), color-stop(100%, #ffaa00));
	background: -webkit-linear-gradient(top, #ff5d05 0%, #ffaa00 100%);
	background: -o-linear-gradient(top, #ff5d05 0%, #ffaa00 100%);
	background: -ms-linear-gradient(top, #ff5d05 0%, #ffaa00 100%);
	background: linear-gradient(top, #ff5d05 0%, #ffaa00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5d05', endColorstr='#ffaa00');
}

.button a:active {
	position:relative;
	top:2px;
}



.brown a {
	border:1px solid #545A5E;
	background: #545A5E;
	background: -moz-linear-gradient(top, #9BACB8 0%, #545A5E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9BACB8), color-stop(100%, #545A5E));
	background: -webkit-linear-gradient(top, #9BACB8 0%, #545A5E 100%);
	background: -o-linear-gradient(top, #9BACB8 0%, #545A5E 100%);
	background: -ms-linear-gradient(top, #9BACB8 0%, #545A5E 100%);
	background: linear-gradient(top, #9BACB8 0%, #545A5E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BACB8', endColorstr='#545A5E');
	text-shadow:1px 1px 0px #545A5E;
}
.brown a:hover {
	background: #9BACB8;
	background: -moz-linear-gradient(top, #545A5E 0%, #9BACB8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545A5E), color-stop(100%, #9BACB8));
	background: -webkit-linear-gradient(top, #545A5E 0%, #9BACB8 100%);
	background: -o-linear-gradient(top, #545A5E 0%, #9BACB8 100%);
	background: -ms-linear-gradient(top, #545A5E 0%, #9BACB8 100%);
	background: linear-gradient(top, #545A5E 0%, #9BACB8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545A5E', endColorstr='#9BACB8');
}
#bottom {color:#ffffff;text-shadow:1px 1px 0px #cccccc;font-weight:bold;font-size:1em;line-height:2em;font-family:arial}
#bottomout {

	margin-top:20px;
	background-color:#efefef;
	border-bottom:10px solid #9BACB8;width:100%;
	display:table;height:113px
}

#menu,#contents,#logo {
	width:1000px;
}




.fl {float:left}
.fr {float:right}





.round-button {

	font-weight:bold;
	color:#ffffff;text-decoration:none;

	width:90px;height:90px;
	*width:90px;height:70px;
	line-height:50px;

	font-size:1.1em;
	*font-size:1em;
	display:table;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;

	border-radius: 50%;
    border: 10px solid #ffffff;


    box-shadow: 0 0 3px gray;
}
.round-button:hover {
    background: #262626;
}

.round-button div {color:#ffffff;text-decoration:none;padding:10px;}
.yes {background-color:#8CC700;}
.no {background-color:#DE0000}

.yes:hover {background-color:#A4E900;box-shadow: 0 0 6px #999999}
.no:hover {background-color:#FF1E1E;box-shadow: 0 0 6px #999999}

@media screen and (max-width:1000px){
	.arrow {display:none}
	.slg {font-size:1em;font-weight:bold;color:#777777;line-height:1.3em}
	.slgtitle {font-size:1.3em;font-weight:bold;color:#FF6600;line-height:1.3}
	.main_top_right {float:right;width:260px;text-align:center}
	.explaingap {margin-right:11px}
	.left {width:580px;clear:both}
	#menu,#contents,#logo {width:900px;}
	.h {display:inline}
	.v {display:none}
}
@media screen and (max-width:900px){
	.explain,#menu,.main_top_left,.main_top_right {clear:both;display:table;text-align:center;margin:0;width:100%}
	.explaingap {margin:0}
	.left {width:480px;clear:both}
	#menu,#contents,#logo {width:800px;}
}
@media screen and (max-width:800px){
	.explain {height:auto}
	.left {width:380px;clear:both}
	#menu,#contents,#logo {width:700px;}
	#menu {display:table;padding:0}
	#menu li a:hover,#menu li.active a {
		padding:6px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	#menu li a {

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		padding: 7px;
		border:0;

	}
	#menu li,#menu li:hover{
		margin:2px
	}
	#menu li.active,#menu li:hover {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #4B7BC5;
	}
}
@media screen and (max-width:725px){
	.slgout {margin:0;font-size:1.2em;border-bottom:2px solid #efefef;padding-bottom:5px}
	.slgtitle {line-height:1em;padding:0;margin:0}
	.ctns {padding:0}
	.cntin {padding:0}
	#menu ul {
		padding: 2px 0;
	}

	#menu,#contents,#logo {width:100%;}
	.br {display:inline}
	#topout {
		height:2px;
	}

	#logoout {float:left;text-align:left;line-height:30px}
	.logotitle {line-height:35px;height:22px;font-size:1.3em;margin-left:10px}
	.logourl {font-size:1em;margin-left:13px}

	#contents {clear:both;display:table;text-align:center;margin:0 auto;width:auto}
	.explain,#menu,.main_top_left,.main_top_right,.left,.right {clear:both;display:table;text-align:center;margin:0;width:100%}

	.left {width:100%}
	#contents {padding:5px}

	.buttons {width:100%}


}