﻿body{
background:#EEEEEE;
}

/* ヘッダ */
.w_header {
box-shadow: -5px 3px 5px rgba(0, 0, 0, 0.7);
padding: 5px 0;
text-align: center;
margin-bottom: 10px;
}
.w_header_text {
padding:2px 0 0;
font-size: 12px;
color: #333333;
text-shadow: 0 1px 0 #FFFFFF;
}

/* タイトル（青） */
.w_title {
padding: 13px 0;
text-align: center;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;

background: rgb(91,105,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(91,105,125) 0%, rgb(29,66,122) 50%, rgb(29,66,122) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(91,105,125)), color-stop(50%,rgb(29,66,122)), color-stop(100%,rgb(29,66,122))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(91,105,125) 0%,rgb(29,66,122) 50%,rgb(29,66,122) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(91,105,125) 0%,rgb(29,66,122) 50%,rgb(29,66,122) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(91,105,125) 0%,rgb(29,66,122) 50%,rgb(29,66,122) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(91,105,125) 0%,rgb(29,66,122) 50%,rgb(29,66,122) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b697d', endColorstr='#1d427a',GradientType=0 ); /* IE6-9 */
}

.w_title2{
padding: 10px 0;
text-align: center;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background:#04337a;
}

.w_explan {
padding:0 5px 10px;
color: #333333;
text-shadow: 0 1px 0 #FFFFFF;
}

.w_line{
position: relative;
margin: 2px;
padding: 3px;
}
.w_line .lbl_checkbox{
border-radius: 1em 1em 0em 0em;
border: 1px solid #CCCCCC;
color: #444444;
font-weight: bold;
text-shadow: 0 1px 1px #F6F6F6;
display: block;
padding: 12px 0 12px 34px;

background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(254,254,254) 0%, rgb(239,239,239) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,254,254)), color-stop(100%,rgb(239,239,239))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(254,254,254) 0%,rgb(239,239,239) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(254,254,254) 0%,rgb(239,239,239) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(254,254,254) 0%,rgb(239,239,239) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(254,254,254) 0%,rgb(239,239,239) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

}
.w_line input[type="checkbox"]{
position: absolute;
top: 10px;
left: 10px;

-webkit-appearance: none;

width:20px;
height:20px;
background:#fff;
border: #000000 2px solid;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
}

.w_line input[type="checkbox"]:checked{
background:#3d83b4;
}

.w_line input[type="checkbox"]:checked::before{
position: absolute;
top: -6px;
left: 6px;

display:block;
content:"」";
-webkit-transform: rotate(45deg);
color: #fff;
font-weight: bold;
text-shadow: 0 1px 3px #145072;
font-size: 20px;
}

/* テーブル */
table.center {
background: #ffffff;
width: 100%;
}

table.center td {
padding: 5px;
border: 1px solid #ccc;
line-height: 1.5;
}

td.center_pic {
text-align: center;
vertical-align:middle;
background-color: #ffffff;
}

td.center_col1 {
text-align: center;
vertical-align:middle;
width: 100px;
}
td.center_col2 {
text-align: left;
vertical-align:middle;
}

td.center_col3{
text-align: left;
vertical-align:middle;
font-weight:bold;
color:#FF2828;
}
td.center_text {
}

/* ボタン（登録フォームに進む） */
.w_select{
padding: 10px 0 20px;
}
.w_select input{
padding: 7px 25px;

color: #fff;
font-weight: bold;
text-shadow: 0 -1px 1px #145072;

border: 1px solid #FC3503;

background: rgb(250,74,74); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(250,74,74) 0%, rgb(255,5,5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(250,74,74)), color-stop(100%,rgb(255,5,5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(250,74,74) 0%,rgb(255,5,5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(250,74,74) 0%,rgb(255,5,5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(250,74,74) 0%,rgb(255,5,5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(250,74,74) 0%,rgb(255,5,5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa4a4a', endColorstr='#ff0505',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
box-shadow: 0px 1px 4px rgba(0,0,0,.3);

-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;

display: block;
width: 90%;
margin: 0 auto;

}



/* 都道府県選択ページ */

.area-list{
	border-top: 1px solid #ccc;
}
.navi-accordion{
}
.navi-accordion-bt{
	border-bottom: 1px solid #ccc;
}
.navi-accordion-bt span{
	display:block;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.navi-accordion-bt span.ic-non{
	padding:14px 15px 14px 10px;
	background: rgb(253,253,253); /* Old browsers */
	background: url('../img/ic_down.gif') no-repeat 98% center, -moz-linear-gradient(top,  rgb(253,253,253) 0%, rgb(238,238,238) 100%); /* FF3.6+ */
	background: url('../img/ic_down.gif') no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(253,253,253)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */
	background: url('../img/ic_down.gif') no-repeat 98% center, -webkit-linear-gradient(top,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */
	background: url('../img/ic_down.gif') no-repeat 98% center, -o-linear-gradient(top,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */
	background: url('../img/ic_down.gif') no-repeat 98% center, -ms-linear-gradient(top,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* IE10+ */
	background: url('../img/ic_down.gif') no-repeat 98% center, linear-gradient(to bottom,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */


}
.navi-ac-selected span.ic-non{
	padding:14px 15px 14px 10px;
	background: rgb(253,253,253); /* Old browsers */
	background: url('../img/ic_open.gif') no-repeat 98% center, -moz-linear-gradient(top,  rgb(253,253,253) 0%, rgb(238,238,238) 100%); /* FF3.6+ */
	background: url('../img/ic_open.gif') no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(253,253,253)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */
	background: url('../img/ic_open.gif') no-repeat 98% center, -webkit-linear-gradient(top,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */
	background: url('../img/ic_open.gif') no-repeat 98% center, -o-linear-gradient(top,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */
	background: url('../img/ic_open.gif') no-repeat 98% center, -ms-linear-gradient(top,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* IE10+ */
	background: url('../img/ic_open.gif') no-repeat 98% center, linear-gradient(to bottom,  rgb(253,253,253) 0%,rgb(238,238,238) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}
.naiv-001{
}
.naiv-001 li{
	border-bottom: 1px solid #ccc;
}
.naiv-001 li a{
	padding:14px 15px 14px 35px;
	background:#fff url('../img/ic_next.gif') no-repeat 98% center;
	display:block;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}


/* aboutページ */
.aboutbox{
background: #fff;
padding: 10px;
border: 1px solid #ccc;
line-height:1.3;
}


/* 都道府県ページ */
.w_midashitxt{
text-align: center;
color: #04337A;
font-weight: bold;
}
.w_character {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    height: 30px;
	margin: 10px;
    font-size: 12px;
    font-weight: bold;
text-align: center;
line-height:1.3;
}
.w_step {
    background: none repeat scroll 0 0 #04337A;
text-align: center;
	width: 50px;
    padding: 5px;
    margin: 0px 5px 5px 5px;
    color: #FFFFFF;
	float:left;
}
.w_step_title {
    margin: 5px;
}
.area-bt{
	padding: 5px 20px 15px;
	text-align: center;
}
.area-bt a{
	padding: 10px 15px;
	font-size: 22px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;

	background: rgb(247,207,207); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(247,207,207) 0%, rgb(251,93,93) 3%, rgb(254,12,12) 95%, rgb(251,93,93) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,207,207)), color-stop(3%,rgb(251,93,93)), color-stop(95%,rgb(254,12,12)), color-stop(100%,rgb(251,93,93))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cfcf', endColorstr='#fb5d5d',GradientType=0 ); /* IE6-9 */

	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;

	box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;

	text-shadow: -1px -1px 0px #9a1c1c;

	display:block;
}
.area-bt span{
	padding: 0 0 0 25px;
	background: url('../img/arrow_001.gif') no-repeat left center;
	display:block;
}


/* トライ専用ページ */
.w_title3 {
    -moz-box-sizing: border-box;
    line-height: 130%;
    padding: 10px 10px;
    text-align: center;
	vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    background-color: #5E87B0;
    color: #FFFFFF;
 text-shadow: 0 -1px 1px #254F7A;
}
.t-logo{
text-align: center;
}
.try-bt{
	padding: 5px 20px 15px;
	text-align: center;
}
.try-bt a{
	padding: 10px 15px;
	font-size: 22px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;

	background: rgb(247,207,207); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(247,207,207) 0%, rgb(251,93,93) 3%, rgb(254,12,12) 95%, rgb(251,93,93) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,207,207)), color-stop(3%,rgb(251,93,93)), color-stop(95%,rgb(254,12,12)), color-stop(100%,rgb(251,93,93))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(247,207,207) 0%,rgb(251,93,93) 3%,rgb(254,12,12) 95%,rgb(251,93,93) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cfcf', endColorstr='#fb5d5d',GradientType=0 ); /* IE6-9 */

	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;

	box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;

	text-shadow: -1px -1px 0px #9a1c1c;

	display:block;
}
.try-bt span{
	padding: 0 0 0 25px;
	background: url('../img/arrow_001.gif') no-repeat left center;
	display:block;
}


/* フッタ */
.ui-bar {
padding: 7px 7px 13px;
border: 1px solid #2A2A2A;
color: #ffffff ;
font-weight: bold;
text-shadow: 0 -1px 1px #000000;

background: rgb(60,60,60); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(60,60,60) 0%, rgb(0,1,17) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(60,60,60)), color-stop(100%,rgb(0,1,17))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(60,60,60) 0%,rgb(0,1,17) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(60,60,60) 0%,rgb(0,1,17) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(60,60,60) 0%,rgb(0,1,17) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(60,60,60) 0%,rgb(0,1,17) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#000111',GradientType=0 ); /* IE6-9 */
}
.ui-bar a{
padding: 7px 8px 7px 27px;

display: inline-block;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #fff;
text-shadow: 0 -1px 1px #000;

background: rgb(84,84,84); /* Old browsers */
background:  url('../img/ic_home.png') no-repeat 5px center, -moz-linear-gradient(top,  rgb(84,84,84) 0%, rgb(52,52,52) 100%); /* FF3.6+ */
background:  url('../img/ic_home.png') no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(84,84,84)), color-stop(100%,rgb(52,52,52))); /* Chrome,Safari4+ */
background:  url('../img/ic_home.png') no-repeat 5px center, -webkit-linear-gradient(top,  rgb(84,84,84) 0%,rgb(52,52,52) 100%); /* Chrome10+,Safari5.1+ */
background: url('../img/ic_home.png') no-repeat 5px center, -o-linear-gradient(top,  rgb(84,84,84) 0%,rgb(52,52,52) 100%); /* Opera 11.10+ */
background: url('../img/ic_home.png') no-repeat 5px center, -ms-linear-gradient(top,  rgb(84,84,84) 0%,rgb(52,52,52) 100%); /* IE10+ */
background: url('../img/ic_home.png') no-repeat 5px center, linear-gradient(to bottom,  rgb(84,84,84) 0%,rgb(52,52,52) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#343434',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
box-shadow: 0px 1px 0 rgba(255,255,255,.3);

-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;

border: 1px solid #222;
}

.ui-bar h4{
padding: 10px 0 0 0;
text-align: center;
line-height: 1.3;
}




