/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
制作日：2013/10/2
作成者：林
【UMIN全体に影響あるため、変更の際は最新の注意をお願い致します。】

更新日：2013/10/21
更新者：林（tableデザイン追加）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



@charset "utf-8";

p{
	/*　H2基準　*/
	margin-left:20px;
}
ul , ol{
	/*　H2基準　*/
	margin-left:25px;
}
.float_clear{
	clear:both;
}
.text-a-underline a{
	text-decoration:underline;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	お知らせ

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#umin_oshirase{
	position:relative;
	width:96%;
	background: #FFFFFF;
	border:solid 2px #7EBFC4;
	margin:20px;
}
#umin_oshirase h5{
	margin:0 0 10px 20px;
	padding:5px 0;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	background:none;
}
#umin_oshirase h5:before ,#umin_oshirase h2:after{
	background:none;
	border-right:0;
}


.box{
	width:75%;
	position:relative;
	top:-2px;
	left:-12px;
	background-color:#DDFFEE;
	-webkit-box-shadow:10px 0 0 0 #DDFFEE,10px 4px 6px 0 rgba(0,0,0,0.4);
		-moz-box-shadow:10px 0 0 0 #DDFFEE,10px 4px 6px 0 rgba(0,0,0,0.4);
			box-shadow:10px 0 0 0 #DDFFEE,10px 4px 6px 0 rgba(0,0,0,0.4);
}

.box:before{
    content:" ";
    position:absolute;
    top:100%;
    left:-12px;
    width:0;
    height:0;
	left:0px;
    border-width:0 10px 10px 0;
    border-style:solid;
    border-color:transparent;
    border-right-color:#336633;
}
.oshirase_ul{
	position:relative;
	padding:0 0 0 60px;
	margin:-15px 0 0 0;
	list-style:outside;
}





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	H2装飾

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
h2{
	position:relative;
	margin:10px 0;
	padding:10px 10px 10px 45px;
	border-left:0;
	background:#f3f3f3;
	background-image:url(/images/h2_bg.png);
	z-index:1;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}
h2:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 1px;
	background-color:#0D5292;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)),
			color-stop(0.10, rgba(255, 255, 255, 0.0)),
			color-stop(0.10, rgba(255, 255, 255, 0.1)),
			color-stop(0.40, rgba(255, 255, 255, 0.1)),
			color-stop(0.40, rgba(255, 255, 255, 0.3)),
			color-stop(0.60, rgba(255, 255, 255, 0.3)),
			color-stop(0.60, rgba(255, 255, 255, 0.5)),
			color-stop(0.80, rgba(255, 255, 255, 0.5)),
			color-stop(0.80, rgba(255, 255, 255, 0.6)),
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
h2:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)),
			color-stop(0.10, rgba(255, 255, 255, 0.0)),
			color-stop(0.10, rgba(255, 255, 255, 0.1)),
			color-stop(0.40, rgba(255, 255, 255, 0.1)),
			color-stop(0.40, rgba(255, 255, 255, 0.3)),
			color-stop(0.60, rgba(255, 255, 255, 0.3)),
			color-stop(0.60, rgba(255, 255, 255, 0.5)),
			color-stop(0.80, rgba(255, 255, 255, 0.5)),
			color-stop(0.80, rgba(255, 255, 255, 0.6)),
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%,
			rgba(255, 255, 255, 0.1) 40%,
			rgba(255, 255, 255, 0.3) 40%,
			rgba(255, 255, 255, 0.3) 60%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.5) 80%,
			rgba(255, 255, 255, 0.6) 80%,
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	H3装飾

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
h3 {
  position: relative;
  color: #111;
  font-size: 16px;
  line-height: 1;
  margin: 30px 0 10px 30px;
  padding: 14px 5px 5px 10px;
}
h3:before {
  content: "";
  position: absolute;
  background: #9BBAD6;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
h3:after {
  content: "";
  position: absolute;
  background:#0D5292;
  top: 15px;
  left: -10px;
  height: 6px;
  width: 6px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	FAQ

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#umin_faq_frame{
	padding-left:40px;
	width:100%;
}
.umin_faq {
	background-color:#FFFFDD;
	border:#DDD 1px solid;
	padding:7px;
	margin-bottom:5px;
	width:100%;
}
.umin_faq ul{
	padding:0;
	margin:0 0 0 40px;
	list-style-position:outside;
}
.umin_faq ul li.umin_q{
	list-style-image:url(/images/Q.png);
	border-bottom:#DDD 1px dotted;
	font-weight:bolder;
}
.umin_faq ul li.umin_a{
	list-style-image:url(/images/A.png);
	padding-top:7px;
}
.umin_faq_inlist{
	list-style-image:none;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	FOOTER

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#umin_footer{
	background:url(/images/footer_bg.png) #EEE;
	border-top:#CCC solid 2px;
}
#umin_footer h4{
	padding:0;
	margin:5px;
}
#umin_footer p{
	padding:0;
	margin:0;
}
#umin_footer ul{
	float:left;
	width:35%;
	margin:0 0 25px 45px;
	padding:7px 0 0 0;
	border-left:#CCC dotted 2px;
	list-style:none;
}
#umin_footer li{
	width:100%;
	padding-left:7px;
	margin-bottom:4px;
	font-size:12px;
}

/*footerモバイル幅用*/
@media only screen and (max-width:600px){
#umin_footer ul{
	width:100%;
}
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	Table ラインあり
	<div id="table_line">
		<table>
		****
		</table>
	</div>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#table_line table{
	margin:0;
	border-collapse:collapse;
}

#table_line tr{
	border-bottom:1px #666 dotted;
}
#table_line th{
	background:#CFC;
	border-right:1px #666 dotted;
	border-left:1px #666 dotted;
}
#table_line td{
	border-right:1px #666 dotted;
	border-left:1px #666 dotted;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	Table ラインなし
	<div id="table_noline">
		<table>
		****
		</table>
	</div>
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#table_noline table{
	margin:0 0 0 40px;
	border-collapse:collapse;
}

#table_noline tr{
}
#table_noline th{
	background:#CFC;
}
#table_noline td{
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	Coloer

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*
	各サービスのイメージカラー　ベース：#F39
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#sample_image_color{
		border-top: 5px solid #F39;
	}
	#sample_image_color h2:before{
		background-color:#F39;
	}
	#sample_image_color h3:before{
		background:#C6C;
	}
	#sample_image_color h3:after{
		background:#FCC;
	}