@charset "utf-8";
/* CSS Document */
.title-box {
	padding: 8px 0px;
	margin: 2px 0px;
	border-radius: 8px;
	background: linear-gradient(to bottom, #97908c 0%, #534741 50%, #534741 100%);
}
.title-box img {
	padding: 0px;
	margin: 2px 10px;
	height: 70px;
	float: left;
}
.title-box h1 {
	color: #fff;
	margin: 0px;
	padding: 2px 30px 5px 0px;
	line-height: 1.1;
	text-align: right;
	font-size: 184%;
}
.title-box h2 {
	color: #ddd;
	margin: 0px;
	padding: 5px 40px 5px 0px;
	line-height: 1.1;
	text-align: right;
	font-size: 134%;
}
.title-box div {
	color: #FC0;
	margin: 0px;
	padding: 2px 30px 0px 0px;
	line-height: 1.1;
	text-align: right;
	font-size: 100%;
}
.sample {
	margin: 6px auto;
	padding: 0px;
	width: 500px;
}
.sample input.address {
	background-image: url(howtouse/img/find-back.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
}
.emphasis {
	color: #930;
	text-decoration: underline;
}
.cap {
	text-align: center;
}
.cap img {
	margin: 2px;
	vertical-align: top;
}
.cap2 {
	text-align: left;
}
.cap2 img {
	margin: 2px;
	vertical-align: top;
	float: left;
}
.cap2:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.soon {
	padding: 8px 12px;
	margin: 10px auto;
	width: auto;
	text-align: center;
	font-size: 109%;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	border: 4px solid #EFEFEF;
	border-radius: 10px;
	background: linear-gradient(to bottom, #97908c 0%, #534741 50%, #534741 100%);
}
.mobclr {
	clear: none;
	text-align: center;
}
.main-box h3 {
	background-image: url(img/h3backb.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 6px 0px;
	line-height: 1.1;
	font-size: 109%;
}
.main-box h4 {
	font-size: 100%;
	padding: 3px 0px 2px 14px;
	margin-left: 3px;
	margin-right: 3px;
	background-image: url(img/h4deco.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 2px solid #EFEFEF;
}
.main-box h5 {
	font-size: 100%;
	line-height: 1.1;
	padding: 5px 0px 3px 8px;
	margin: 8px 6px 0px;
	background-color: #EFEFEF;
	background: linear-gradient(to right, #fff 0%, #efefef 10px, #efefef 80%, #fff 100%);
}
.main-box h6 {
	font-size: 98%;
	line-height: 1.1;
	padding: 5px 0px 3px 4px;
	margin: 8px 6px 0px;
}
.main-box section ul {
	margin: 6px 0px 8px 2em;
	padding: 0px;
}
.main-box section li {
	margin: 8px 0px;
	line-height: 1.5;
}
section.wnew ul {
	margin: 6px 0px 8px;
	padding: 0px;
	list-style-type: none;
}
section.wnew li span {
	display: inline-block;
	padding: 2px 6px;
	border-right: solid 1px #eee;
}
section.wnew li div {
	display: inline;
	border-bottom: solid 2px #eee;
	padding-bottom: 2px;
}
.explain-box {
	font-size: 92%;
	margin: 4px 0px;
	padding: 10px;
	border: 2px solid #EFEFEF;
	background-image: url(../../img/pdbg.gif);
}
.explain-box p {
	margin: 2px 0px;
}
.msg-box {
	margin: 4px 0px;
	padding: 0px;
	border: 2px solid #EFEFEF;
}
table {
	width: 550px;
	background-color: #DDDDDD;
}
th {
	background-color: #F7F7ED;
}
td {
	padding: 2px;
	text-align: center;
	background-color: #FFFFFF;
}
#submit_box {
	color: #993300;
	font-weight: bold;
}
.section-box {
	margin: 2px 0px;
	padding: 2px 6px;
	border: 2px solid #EFEFEF;
}
section {
	margin: 2px 0px;
	padding: 2px 6px;
	border: 2px solid #EFEFEF;
	clear: both;
}
section img {
	margin: 3px;
}
section.caution {
	border: 2px solid #C00;
}
#regist_form {
	border: 2px solid #CCCCCC;
	padding: 4px;
	margin: 0px 0px 4px;
	background-color: #EFEFEF;
}
#regist-form form {
	margin: 0px;
	padding: 0px;
}
.text-area {
	margin: 10px 0px 0px;
	text-align: center;
}
.restore-submit {
	text-align: center;
	margin: 20px 0px 10px;
}
#restore_msg {
	margin: 4px 10px 0px;
	padding: 10px;
	border: 2px solid #CCCCCC;
	font-size: 92%;
	color: #993300;
	background-color: #FEFCF5;
}
.kml-area {
	border: 2px solid #CCCCCC;
	padding: 4px;
	margin: 4px 0px;
	background-color: #EFEFEF;
	text-align: center;
}
.kml-area h3 {
	text-align: center;
	background-image: url();
}
.kml-msg {
	margin: 10px 10px 0px;
	padding: 10px;
	font-size: 92%;
	color: #993300;
	border: 2px solid #CCCCCC;
	background-color: #FEFCF5;
	text-align: left;
}
label.hd3 {
	display: block;
	background-image: url(img/h3backb.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 6px 0px;
	line-height: 1.1;
	font-weight: bold;
	font-size: 109%;
	color: #1111cc;

}
label.hd3 img {
	width: 14px;
	vertical-align: middle;
}
label.hd5 {
	display: block;
	font-size: 100%;
	line-height: 1.1;
	padding: 5px 0px 3px 4px;
	margin: 8px 6px 0px;
	font-weight: bold;
	background-color: #EFEFEF;
	background: linear-gradient(to right, #fff 0%, #efefef 10px, #efefef 80%, #fff 100%);  
	color: #1111cc;
}
label.hd5 img {
	width: 14px;
	vertical-align: middle;
}
input.ipt {
	display: none;
}
section dt {
	font-weight: bold;
	padding: 8px 2px 0px;
}
section dd {
	text-indent: 1em;
	line-height: 1.3;
	margin: 3px 0px 3px 6px;
}
footer ul {
	width: 99%;
	margin: 0px auto;
}
footer ul li {
	font-size: 75%;
	padding: 0px;
	margin: 3px 6px;
	float: left;
	display: block;
	border-radius: 4px;
}
footer ul li a {
	display: block;
	border: 1px solid #999;
	padding: 4px 9px;
	border-radius: 4px;
	text-decoration: none;
    background: linear-gradient(to bottom, #eee 0%, #eee 50%, #ddd 50%, #ddd 100%);  
}
footer ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#dchk01 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk01:checked ~ #dchk01 {
	max-height: 2000px;
	overflow: auto;
	overflow-x: hidden;
}
#dchk02 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk02:checked ~ #dchk02 {
	max-height: 3000px;
}
#dchk03 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk03:checked ~ #dchk03 {
	max-height: 1500px;
}
#dchk04 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk04:checked ~ #dchk04 {
	max-height: 5000px;
}
#dchk05 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk05:checked ~ #dchk05 {
	max-height: 3000px;
}
#dchk06 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk06:checked ~ #dchk06 {
	max-height: 2000px;
}
#dchk07 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk07:checked ~ #dchk07 {
	max-height: 2000px;
}
#dchk08 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk08:checked ~ #dchk08 {
	max-height: 1000px;
}
#dchk09 {
	max-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-transform:translate3d(0px , 0px , 0);
}
#chk09:checked ~ #dchk09 {
	max-height: 1000px;
}
@media only screen and (max-device-width: 675px) {
.sample {
	width: 95%;
}
.main-box section li {
	font-size: 75%;
}
section.wnew li div.data {
	text-align: right;
	margin: 0px 4px;
	border-bottom: solid 2px #eee;
	padding-bottom: 2px;
}
section.wnew li div {
	display: block;
	border-bottom: none;
}
section dt {
	font-size: 84%
}
section dd {
	font-size: 75%
}
label.hd3 {
	font-size:107%;
	margin: 14px 2% 6px;
}
.mobclr {
	clear: both;
}
.soon {
	padding: 8px 6px;
}
.title-box {
	margin: 2px;
}
.title-box img {
	margin: 2px 10px 2px 5px;
	height: 70px;
}
.title-box h1 {
	padding: 2px 10px 5px 0px;
	font-size: 150%;
}
.title-box h2 {
	padding: 5px 15px 5px 0px;
	font-size: 100%;
}
.title-box div {
	padding: 2px 10px 0px 0px;
	text-align: right;
	font-size: 88%;
}
span.mobi-hide {
	display: none;
}
#chk01:checked ~ #dchk01 {
	max-height: 1000px;
	overflow: auto;
	overflow-x: hidden;
}
#chk02:checked ~ #dchk02 {
	max-height: 2000px;
}
#chk03:checked ~ #dchk03 {
	max-height: 2000px;
}
#chk04:checked ~ #dchk04 {
	max-height: 8000px;
}
#chk05:checked ~ #dchk05 {
	max-height: 5000px;
}
#chk06:checked ~ #dchk06 {
	max-height: 4000px;
}
#chk07:checked ~ #dchk07 {
	max-height: 4000px;
}
#chk08:checked ~ #dchk08 {
	max-height: 1000px;
}
#chk09:checked ~ #dchk09 {
	max-height: 1000px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.back-shadow {
	width: auto;
}
}