@charset "utf-8";


/*base*/

body {   
    background: #fff;   
    color: #000;   
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size:12px;
	line-height:140%;
/*    -webkit-text-size-adjust: none; *//* フォントサイズ自動調整 */ 
} 


/*link*/
a:link { color: #0099FF ;}
a:visited { color: #0099FF ;}
a:hover { color: #FF9900; }

/* style */

/* header */

header {
	/* height:30px; */
	background-color:#0099FF;
	/* padding:10px; */
}

header h1 {
	float:right;
	margin-top:2px;
}

header h2 {
	float:left;
}
header > div > a.drawrbtn {
	top:0;
}

h1.pagettl {
	clear:both;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-color:#fffccf;
	padding:12px 10px 10px;
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.1);
}

h2.bokinttl {
	padding:6px 10px;
}

h2.bokinttl span {
	font-size:14px;
	color:#FF6600;
	font-weight:bold;
}

/* entryflow */

.entryflow, .entryflowNetbank {
	background-color:#f5f5f5;
	padding:10px;
}

.entryflow, .entryflowNetbank {
	overflow: hidden;
}

.entryflow ul li {
	-webkit-background-size: 270px 78px;
	background: url(/sp/img/common/entry_flowchart.png) no-repeat;
	float: left;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	width: 90px;
}

.entryflow ul li#step01{
	background-position: 0px 0px;
	background-size:270px 78px;
	margin-right:15px;
}
.entryflow ul li#step01.current{
	background-position: 0px -39px !important;
}

.entryflow ul li#step02{
	background-position: -90px 0px;
	background-size:270px 78px;
	margin-right:15px;
}
.entryflow ul li#step02.current{
	background-position: -90px -39px !important;
}

.entryflow ul li#step03{
	background-size:270px 78px;
	background-position: -180px 0px;
}
.entryflow ul li#step03.current{
	background-position: -180px -39px !important;
}


.entryflowNetbank ul li {
/*	-webkit-background-size: 284px 78px;*/
	background: url(/sp/img/common/entry_flowchart_netbank.png) no-repeat;
	float: left;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	width: 71px;
}

.entryflowNetbank ul li#step01{
	background-position-x: 0px;
	margin-right:4px;
}

.entryflowNetbank ul li#step02{
	background-position-x: -71px;
	margin-right:4px;
}

.entryflowNetbank ul li#step03{
	background-position-x: -142px;
	margin-right:4px;
}

.entryflowNetbank ul li#step04{
	background-position-x: -213px;
}

.entryflowNetbank ul li.current{
	background-position-y: 100%;
}


/* contents style */

h3.itemttl {
	color:#FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0099ff), color-stop(0.00, #5fbfff));
	background: -webkit-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: -moz-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: -o-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: -ms-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: linear-gradient(to bottom, #5fbfff 0%, #0099ff 100%);
	padding:6px 10px;
	font-size:14px;
}

p {
	margin-bottom:10px;
	text-align:justify;
	text-justify:distribute;
}

p.item {
	/*-webkit-background-size: 8px 8px;*/
	background: /*url(/sp/img/common/icon_square.png)*/ no-repeat 0 2px #e4f4ff;
	padding:8px 4px 8px 8px;;
	clear:both;
	margin-bottom:8px;
	font-size:14px;
	line-height:14px;;
}

p.sitem {
	font-size:14px;
}

.cnt {
	text-align:center;
}

.red { color:#FF0000;}

hr {
	clear:both;
}

.clear {
	clear:both;
} 

img.icon {
	margin-right:4px;
	vertical-align:middle;
}

/* inner */

.inner {
	padding:10px;
}

.inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.innerh {
	padding:10px 0;
}

.innerw {
	padding:0px 10px;
}

.inneru {
	padding:10px 10px 0px 10px;
}

/* select acordion */

.selectlist-a dl.acordion{
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px solid #ccc;
}
.selectlist-a dt.trigger ,.selectlist-a dt.trigger_none{
	background-color:#f8f8f0;
	text-align:left;
	border-bottom: 1px solid #ccc;
	color: #000;
	margin-bottom:0;
	padding:10px;
	font-size:14px;
	clear:both;
}
.selectlist-a dt.active{
		}
.selectlist-a dt.trigger span.open-close {
	background:url("/sp/img/common/icon_plus.png") no-repeat scroll right top / 16px 16px rgba(0, 0, 0, 0);
	-webkit-background-size: 16px 16px;
	float:right;
	width:16px;
	height:16px;
	text-indent: -9999em;}
.selectlist-a dt.active span.open-close {
	background:url(/sp/img/common/icon_minus.png) no-repeat right top / 16px 16px rgba(0, 0, 0, 0);
	-webkit-background-size: 16px 16px;
	float:right;
	width:16px;
	height:16px;}
.selectlist-a dd.acordion_tree,.selectlist-a dd.acordion_tree_none{
	background-color:#FFF;
	border: 1px solid #CCC;
	border-top:none;
}

.selectlist-a input{
	margin-right:4px;
}


/* form style*/

input.formtext {
	width:100%;
	border:1px solid #CCC;
	background-color:#f8f8f0;
	-webkit-border-radius: 6px;
	-webkit-box-sizing: border-box;
	padding:8px;
	margin-bottom:10px;
	-webkit-box-sizing: border-box;*/
}

select.formselect {
	width:100%;
	height:33px;
	margin-bottom:10px;
}


.form {
	overflow: hidden;
	margin-bottom:10px;
}


.listm li {
	margin-bottom:6px;
}

.require {
	color:#FFF;
	background-color:#ff9900;
	padding:2px;
	margin-left:1em;
	font-size:12px;
	-webkit-border-radius: 4px;
}

p.aom span {
	font-size:14px;
	color:#FF6600;
}

.col2 li {
	float:left;
	width:50%;
	-webkit-box-sizing: border-box;
}

.col2 li:nth-child(2n) {
	padding-left:4px;
}


li.limitm {
	float:left;
	width:20%;
	-webkit-box-sizing: border-box;
}

li.limity{
	float:left;
	width:25%;
	-webkit-box-sizing: border-box;
	padding-left:4px;
}


li.year {
	float:left;
	width:40%;
	-webkit-box-sizing: border-box;
}

li.year input {
	float:left;
	margin-right:4px;
	width:86%;
}

li.month {
	float:left;
	width:30%;
	padding-left:4px;
	-webkit-box-sizing: border-box;
}

li.day {
	float:left;
	width:30%;
	padding-left:4px;
	-webkit-box-sizing: border-box;
}

li.pnumber01 {
	float:left;
	width:40%;
	-webkit-box-sizing: border-box;
}

li.pnumber02 {
	float:left;
	width:40%;
	-webkit-box-sizing: border-box;
	padding-left:4px;
}



li.telnum01 {
	float:left;
	width:20%;
	-webkit-box-sizing: border-box;
	padding-left:4px;
}

li.telnum02 {
	float:left;
	width:40%;
	-webkit-box-sizing: border-box;
	padding-left:4px;
}

li.telnum03 {
	float:left;
	width:40%;
	-webkit-box-sizing: border-box;
}

li.unit input{
	float:left;
	width:76%;
	-webkit-box-sizing: border-box;
	margin-right:4px;
}



.itemtext {
	float:left;
	padding-right:4px;
	line-height:250%;
}


label {
	width:100%;
}

label.selectradio,label.selectcheck{
	-webkit-border-radius: 6px;
	border: 1px solid #CCC;
	-webkit-appearance: none;
-webkit-box-sizing: border-box;
display: inline-block;
padding: 8px 8px 6px;
	background-color:#ffffe2;
}

.radiobtn{
	margin-right:4px;
	position: relative;
    top: -3px;
}

.checkbox {
	margin-right:4px;
}

.text {
	display:block;
	overflow:hidden;
}

.year .text {
	line-height:260%;
}

.itemtextR {
	display:block;
}

p.name span{
	font-size:14px;
	font-weight:bold;
}



/* listlink */

.listlink01 ul{
	margin:10px;
}

.listlink01 ul li{
		overflow:hidden;
		margin:0;
		width:100%;
		text-align:left;
		padding:0;
		border:1px #ccc solid;
		border-bottom:0px;
		background-color:#FFF;
		/*background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));*/
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);}
.listlink01 ul li:first-child{
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0099ff), color-stop(0.00, #5fbfff));
		background: -webkit-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
		background: -moz-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
		background: -o-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
		background: -ms-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
		background: linear-gradient(to bottom, #5fbfff 0%, #0099ff 100%);
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
		color: #FFF;
		display: block;
		height: 44px;
		margin: 0px;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		font-weight:bold;
}
.listlink01 ul li:last-child{
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom:1px #ccc solid;}
		.listlink01 ul li span.ttl {
			padding-left:10px;
		}
.listlink01 ul li a{
		background: url(/sp/img/common/icon_link_arrow_c.png) no-repeat 100% 50%;
		-webkit-background-size: 36px 16px;
		color: #333;
		display: block;
		height: 44px;
		margin: 0px;
		overflow: hidden;
		padding: 0px 20px 0px 10px;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		text-decoration: none;
}

.listlink02 ul{
	margin-bottom:10px;
}
.listlink02 li{
		overflow:hidden;
		margin:0;
		width:100%;
		text-align:left;
		padding:0;
		border:1px #ccc solid;
		border-bottom:0px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);}
.listlink02 li:first-child{
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;}
.listlink02 li:last-child{
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom:1px #ccc solid;}
.listlink02 ul li a{
		background: url(/sp/img/common/icon_link_arrow_b.png)  no-repeat 100% 50%;
		-webkit-background-size: 20px 13px;
		color: #333;
		display: block;
		height: 44px;
		margin: 0px;
		overflow: hidden;
		padding: 0px 20px 0px 10px;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight:bold;
}


/* btn */

.btnpreview, .btnentry {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fb9e26), color-stop(0.00, #ffc476));
	background: -webkit-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -moz-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -o-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -ms-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	-webkit-border-radius: 6px;
	text-align:center;
	margin:10px 0;
	font-weight:bold;
}

.btnstd {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cccccc), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	-webkit-border-radius: 6px;
	text-align:center;
	margin:10px 0;
	font-weight:bold;
}

.btnpreview a, .btnentry a,.btnstd a{ color:#000; text-decoration:none; display:block; padding:10px;}

.btnplane {
	-webkit-border-radius: 4px;
	border:1px solid #CCC;
	padding:6px;
	width:100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cccccc), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	margin-bottom:20px;

}

.btnplane-item {
	-webkit-border-radius: 6px;
	padding:4px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	border:1px solid #CCC;
}

.btnplane-item a{
	text-decoration:none;
	color:#000;
}

.btnplane-item img {
	vertical-align: middle;
	padding-right:4px;
	
}

/* width */

.width40{
	text-align:center;
	clear:both;
	float:right;
	width:40%;
}

.width60{
	text-align:center;
	clear:both;
	float:right;
	width:60%;
}



/*tblpre*/

.tblpre {
    border-left: solid #ccc 1px;
	border-top: solid #ccc 1px;
	border-collapse:separate;
	margin-bottom:10px;
	width:100%; 
}
    
.tblpre td, .tblpre th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.tblpre th {
    background-color: #e4f4ff;
    border-top: none;
	border-left: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
	white-space: nowrap;
}

/* footer */

.pagetop {
	float:right;
	margin-bottom:10px;
	background:url(/sp/img/common/icon_arrow_top.png) no-repeat left center;
	-webkit-background-size: 8px 7px;
	padding-left:10px;
}


.tohome {
	
}
.totop {
	font-size:12px;
	margin-bottom:10px;
	background:url(/sp/img/common/icon_arrow_link.png) no-repeat left center;
	-webkit-background-size: 8px 8px;
	padding-left:10px;
	float:right;
	clear:both;
}

footer {
	clear:both;
	background-color:#09F;
	text-align:center;
	padding:4px;
	color:#FFF;
	font-size:10px;
}



/* error */

.errormsg{
	color:#FF0000;
	font-weight:bold;
	margin-bottom:6px;
}

.errormsg li{
	background:url(/sp/img/common/pict_attention.png) no-repeat left 2px;
	-webkit-background-size: 10px 10px;
	padding-left:10px;
}

input.errorbg, select.errorbg{
 background-color: #FFCCCC;
}


/* sp_google_map */
.sp_google_map{
	width:80%;
	margin:0 auto;
	text-align:center;
}