@charset "UTF-8";

/*
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
background: -webkit-linear-gradient(top, #000, #fff);
background:    -moz-linear-gradient(top, #000, #fff);
background:      -o-linear-gradient(top, #000, #fff);
background:         linear-gradient(to bottom, #000, #fff);

*/

/*----------------------
global tag
----------------------*/

/* link */
a { color:#f27700; text-decoration:underline; }
a:link { }
a:hover { text-decoration:none; }
a:visited { }
a:active { }
nav a { text-decoration:none; }


/*----------------------
wrapper & content
----------------------*/

#wrapper {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
}
#content { border-left:1px solid #dbce9e; border-right:1px solid #dbce9e; line-height:1.5; clear:both; margin:0 auto; width:980px; background:#fff; }



/*----------------------
global
----------------------*/
.page-up { text-align:right; margin:0 0 0; }
.page-up a { padding:0 0 0 15px; background:url(../common_img/icon_page_top.png) left center no-repeat; color:#333; }


/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; zoom: 1; }	
.clear { clear:both; }

.box { padding:40px; }
.sld { padding:0 10px; }

.ttl {
	border-bottom: 2px solid #0d386c;
	padding: 0 0 2px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}
.ttl span {
	color:#fff;
	padding:8px 10px;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#437bb3), color-stop(0.5, #437bb3), to(#075794));
	background: -webkit-linear-gradient(top, #437bb3, #437bb3, #075794);
	background: -moz-linear-gradient(top, #437bb3, #437bb3, #075794);       /* -moz-liner-gradient(to bottom, #437bb3, #075794); */
	background: -o-linear-gradient(top, #437bb3, #437bb3, #075794);       /*   -o-liner-gradient(to bottom, #437bb3, #075794); */
	background: linear-gradient(to bottom, #437bb3, #437bb3, #075794);
	display:block;
}
.ttl02 {
	border-bottom: 2px solid #0d386c;
	padding: 0 0 2px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.ttl02 span {
	color:#fff;
	padding:8px 10px;
	-webkit-appearance: none;
	background:#0d386c;
	display:block;
}
.dl_style {
	margin-bottom:40px;
}
.dl_style dt {
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px solid #dbdbdb;
	padding: 0 2px 5px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}
.dl_style dt span {
	padding: 2px 0 2px 10px;
	border-left: 4px solid #0d386c;
	display:inline-block;
}
.dl_style .img {
	float:left;
}
.dl_style dd {
	float:right;
	width:450px;
	line-height:1.5;
	overflow:auto;
	zoom:1;
	clear:right;
}
.list01 li {
	list-style:circle outside;
	margin-left:20px;
}
.link_btn a {
	color:#fff;
	font-size:20px;
	padding:17px 15px;
	text-align:center;
	margin:10px 0;
	-webkit-appearance: none;
	border-radius: 5px;
	border: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#77e64b), color-stop(0.5, #77e64b), to(#2a9a34));
	background: -webkit-linear-gradient(top, #77e64b, #77e64b, #2a9a34);
	background: -moz-linear-gradient(top, #77e64b, #77e64b, #2a9a34);       /* -moz-liner-gradient(to bottom, #77e64b, #2a9a34); */
	background: -o-linear-gradient(top, #77e64b, #77e64b, #2a9a34);       /*   -o-liner-gradient(to bottom, #77e64b, #2a9a34); */
	background: linear-gradient(to bottom, #77e64b, #77e64b, #2a9a34);
	text-decoration:none;
	display:block;	
}
.link_btn a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#5ccc42), color-stop(0.5, #5ccc42), to(#2fa62c));
	background: -webkit-linear-gradient(top, #5ccc42, #5ccc42, #2fa62c);
	background: -moz-linear-gradient(top, #5ccc42, #5ccc42, #2fa62c);       /* -moz-liner-gradient(to bottom, #5ccc42, #2fa62c); */
	background: -o-linear-gradient(top, #5ccc42, #5ccc42, #2fa62c);       /*   -o-liner-gradient(to bottom, #5ccc42, #2fa62c); */
	background: linear-gradient(to bottom, #5ccc42, #5ccc42, #2fa62c);
}
.vol_wrap {
	margin-bottom:60px;
	text-align:center;
}

/* page-top
-------------------------------------------------- */
#page-top {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 60px;
	right: 60px;
	width: 70px;
	background: rgba(0,80,118,.7);
	color: #fff;
	font-size: 20px;
	text-align: center;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#page-top a {
	color: #fff;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}
#page-top:hover {
	background: rgba(0,80,118,.5);
}