@charset "UTF-8";

/* 共通 */
#contentArea {
	background: white;
	width:920px;
}

#contentAreaInner {
	padding:0;
	margin:0;
	width:655px;
	float:left;
}

#contentRight {
	width:235px;
	float:right;
	padding:0;
	margin:0;
}

/* ここから記述 */

/*============================
#hokenArea
============================*/
#hokenArea {color: #333333; text-align: left; width: 655px!important;}
#hokenArea h2, h3, h4, h5, p, ul, li, dl, dt, dd{margin: 0; padding: 0;}
#hokenArea ul{list-style:none;}
#hokenArea img{vertical-align:top;}
.is-hover{/*display:block;*/margin:0 auto;}
.is-hover:hover img{opacity:.75;
filter: alpha(opacity=70);}
.nav-area ul{
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
}
.nav-area ul li{
	float: left;
	margin: 0;
	padding: 0;
}
.main-head{
	background: url(../images/page-head-bg.png) no-repeat top center;
	padding-top: 14px;
}
.main-body{
	background: url(../images/page-body-bg.png) repeat-y top center;
	padding: 0 20px 0;
}
.main-foot{
	background: url(../images/page-foot-bg.png) no-repeat bottom center;
	padding-bottom: 14px;
}
.frame-head{
	position: relative;
}
.frame-head01{
	background: url(../images/frame-head-bg.png) no-repeat top center;
	padding-top: 20px;

}
.title-label01{
	position: absolute;
	top: 9px;
	left: 489px;
}
.frame-body{
	background-color: #ffffff;
	border-left: 2px solid #1a5dab;
	border-right: 2px solid #1a5dab;
	padding: 18px 18px 0;
}
.frame-foot{
	background: url(../images/frame-foot-bg.png) no-repeat bottom center;
	padding-bottom: 22px;
}
.inner01-head{
	background: url(../images/inner01-head-bg.png) no-repeat top center;
	padding-top: 19px;
}
.inner01-body{
	background-color: #fdf8d9;
	padding: 0 25px 0 20px;
}
.inner01-foot{
	background: url(../images/inner01-foot-bg.png) no-repeat bottom center;
	padding-bottom: 19px;
}
.inner02-head{
	background: url(../images/inner02-head-bg.png) no-repeat top center;
	padding-top: 19px;
}
.inner02-body{
	background-color: #fcf0f0;
	padding: 0 20px;
}
.inner02-foot{
	background: url(../images/inner02-foot-bg.png) no-repeat bottom center;
	padding-bottom: 20px;
}
.input-area{
	width: 380px;
	clear: both;
	overflow: hidden;
}
.input-area dl{
	clear: both;
	overflow: hidden;
	text-align: left;
	margin-bottom: 10px;
}
.input-area dl dt{
	float: left;
	margin-right: 10px;
}
.input-area dl dd{
	width: 300px;
	float: left;
}
.inner01-body dl{
	width: 380px;
}
.inner01-body dt{
	font-size: 14px;
	color: #1a5dab;
	margin-bottom: 5px;
}
.note {
	padding-left:1em;
	text-indent:-1em;
	font-size:12px;
	margin:4px 0;
}
.note li:before{
	content: "・";
}
.list-horizontal{
	width: 381px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;

}
.list-horizontal li{
	float: left;
	margin: 20px 20px 0;
}
/*============================
message
============================*/
.message-head{
	background: url(../images/error-head-bg.png) no-repeat top center;
	padding-top: 14px;
}
.message-body{
	background-color: #f9dcdc;
	padding: 0 20px;
}
.message-foot{
	background: url(../images/error-foot-bg.png) no-repeat bottom center;
	padding-bottom: 27px;
}
.form-text input{
	height:32px;
	width:300px;
	margin:4px 0;
	margin-top: 0!important;
	font-size: 14px;
/*	color: #acadb0!important;*/
	padding-left: 10px;
}
.form-button{
	vertical-align:bottom;
}
/*============================
/cp/
============================*/
.inner-frame-head{
	background: url(../cp/images/inner-frame-head.png) no-repeat top center;
	padding-top: 20px;
	position: relative;
}
.inner-frame-body{
	background-color: #fdf1e3 ;
	padding: 0 20px;
}
.inner-frame-foot{
	background: url(../cp/images/inner-frame-foot.png) no-repeat bottom center;
	padding-bottom: 20px;
}
.pos-img01{
	position: absolute;
	top: -10px;
	left: 330px;
}

.inner-before{
	background: url(../cp/images/arrow.jpg) no-repeat bottom center;
	padding-bottom: 25px;
	margin-bottom: 5px;
}
/*============================
/tenso/
============================*/
#tensoArea{
}

#tenso-header {
	background-color : #1F5FA8 ;
	background-image : url("../tenso/images/bg-header.png") ;
	background-repeat : repeat-x ;
	height : 83px ;
	text-align : left ;
	min-width: 800px;
}
#tenso-header-contents {
	/*background-color : #ffaaaa ;*/
	margin : 0px auto 0px auto ;
	position : static ;
	width : 800px ;
}
#tenso-header-contents h1 {
	/*background-color : #99ccff ;*/
	float : left ;
	width : 250px ;
	margin-top: 5px;
	margin-left: 20px;
}
#tenso-footer {
	background-color : #2777BB ;
	background : -moz-linear-gradient(top, #2675BC, #1F5FA8 ) ;
	background : -webkit-gradient(linear, left top, left bottom, from(#2675BC), to(#1F5FA8)) ;
	border-color : #eeeeee ;
	border-style : solid ;
	border-width : 0px 0px 0px 0px ;
	clear : both ;
	color : #ffffff ;
	text-align : center ;
	min-width: 800px;
	margin-top: 50px;
}
#tenso-footer p {
	padding : 8px ;
}
.tenso-area{
	text-align: left;
	width: 600px;
	margin: 30px auto;
}



/*============================
Helper
============================*/
/* margin */
.hp-ma0{margin: 0 auto;}
.hp-mr5{margin-right: 5px;}
.hp-ml5{margin-left: 5px;}
.hp-ml10{margin-left: 10px;}
.hp-mb5{margin-bottom: 5px;}
.hp-mb10{margin-bottom: 10px!important;}
.hp-mb15{margin-bottom: 15px!important;}
.hp-mb20{margin-bottom: 20px!important;}
.hp-mb25{margin-bottom: 25px!important;}
.hp-mb30{margin-bottom: 30px!important;}
/* padding */
.hp-pt0{padding-top: 0!important;}
.hp-pt10{padding-top: 10px!important;}
.hp-pt20{padding-top: 20px!important;}
.hp-pt25{padding-top: 25px!important;}
.hp-pr20{padding-right: 20px!important;}
.hp-pb5{padding-bottom: 5px!important;}
.hp-pb10{padding-bottom: 10px!important;}
.hp-pb20{padding-bottom: 20px!important;}
/* float */
.hp-fl{float: left;}
.hp-fr{float: right;}
/* clearfix */
.clearfix {zoom:1;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* width */
.hp-wd300{width: 300px;}
.hp-wd440{width: 440px;}
.hp-wd450{width: 450px;}
/* text-align */
.hp-tc{text-align: center;}
.hp-tr{text-align: right;}
.hp-tl{text-align: left;}
/* font */
.hp-fb{font-weight: bold;}
.hp-f10{font-size: 10px;}
.hp-f14{font-size: 14px;}
.hp-f17{font-size: 17px;}
.hp-red{color: #d83030;}
.hp-blue{color: #1a5dab;}


.detail-and-application {
	display: flex;
	justify-content: space-around;
	background: #ffc9c9;
	border-radius: .8rem;
	padding: 1rem 0 .7rem 0;
}