@charset "UTF-8";


/* all */
*, *:before, *:after {
box-sizing: border-box
}


/* base & font */
body {
margin: 0;
background-color: #f5f5f5;
font-size: 16px;
color: #333333;
line-height: 1.5;
font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}


/* link */
a {
word-break: break-all;
cursor: pointer;
}

a:link {
text-decoration:none; /* 未訪問 */
}
a:visited {
text-decoration:none; /* 訪問後 */
}
a:active {
text-decoration:none; /* クリック中 */
}


/* img */
img {
border: 0px;
vertical-align: bottom;
}


/* hr */
hr.blue {
border: none;
border-top: 2px solid #006ab4;
margin: 0;
width: 100%;
}

hr.dot {
border: none;
border-top: 2px dotted #999999;
margin: 24px 0;
width: 100%;
}


/* enclose */
#enclose {
margin: 0 auto;
width: 960px;
background-color: #ffffff;
}

@media screen and (max-width :840px){
#enclose {
width: 100%;
}
}


/* header */
header {
width: 95%;
margin: 0 auto;
padding-top: 10px;
text-align: left;
}

/* article */
article {
width: 90%;
margin: 0 auto;
text-align: left;
}


/* footer */
footer {
width: 95%;
margin: 0 auto;
padding-bottom: 15px;
text-align: center;
}


/* copyright */
div.copyright {
font-size: 14px;
padding-top: 10px;
}


/* h1 */
h1 {
width: 100%;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
color: #666666;/*文字色*/
padding: 10px 10px 10px 18px;
border: 1px solid #cccccc;
border-top: 3px solid #3498db;
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}


/* h2 */
h2 {
width: 90%;
margin: 0 auto;
position: relative;
font-size: 16px;
font-weight: bold;
color: #666666;/*文字色*/
padding: 0px 0px 4px 38px;
border-bottom: 2px solid #dddddd;
}
h2::before,
h2::after {
position: absolute;
content: '';
border-radius: 100%
}
h2::before {
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background: rgba(37, 111, 237, 0.6);
}
h2::after {
top: 12px;
left: 14px;
width: 14px;
height: 14px;
background: rgba(118, 206, 255, 0.6);
}


/* link-list */
div.list {
width: 100%;
margin: 0 auto;
padding: 0;
}

div.list ul {
list-style: none;
margin: 0;
padding: 0;
}

div.list ul li {
font-size: 16px;
margin-bottom: 8px;
text-indent: -1.2em;
padding: 0 0 0 1.2em;
}

div.list ul li::before{
content: "・";
color: #3399cc;
margin-right: 4px;
}

div.list ul li:last-child {
margin-bottom: 4px;
}


/* table-normal */
table.normal {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}

table.normal td {
border: 1px solid #cccccc;
padding: 5px;
vertical-align: top;
text-align: left;
}

/* input */
input, button, select, option, textarea {
font-size: 14px;
font-family: inherit;
}

label {
display:inline-block;
margin-right: 10px;
}


/* table-block */
table.block {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 16px;
}
table.block td {
border: 1px solid #cccccc;
padding: 5px;
vertical-align: top;
text-align: left;
}
@media all and (max-width: 500px) {
table.block td , table.block col {
display: block;
width: 100%;
border-bottom: none;
}

table.block tr:last-child td:last-child {
border-bottom: 1px solid #cccccc;
}
}


/* table-search */
table.search {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
margin-bottom: 10px;
}
table.search td {
border: 0px solid #cccccc;
padding: 5px;
vertical-align: top;
text-align: left;
}
@media all and (max-width: 860px) {
table.search td , table.search col {
display: block;
width: 100%;
border-bottom: none;
}
table.search tr:last-child td:last-child {
border-bottom: 0px solid #cccccc;
}
}


/* table-list */
table.list {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
margin-bottom: 10px;
}
table.list td {
border: 1px solid #cccccc;
padding: 5px;
vertical-align: top;
text-align: left;
}
@media all and (max-width: 500px) {
table.list td , table.list col {
display: block;
width: 100%;
border-bottom: none;
}

table.list tr:last-child td:last-child {
border-bottom: 1px solid #cccccc;
}

}




/* Pagetop */
#pagetop {
position: fixed;
width: 100%;
max-width: 960px;
bottom: 20px;
text-align: right;
}

#pagetop a {
background-color: rgba( 126, 206, 244, 0.3 );
padding: 10px;
text-align: center;
text-decoration: none;
border-radius: 10px;
font-size: 24px;
margin-right: 20px;
}

#pagetop a:hover {
background-color: rgba( 126, 206, 244, 0.5 );
text-decoration: none;
}





/* btn-blue */
a.btn-blue {
display: inline-block;
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 100%;
max-width: 500px;
border-radius: 8px;
border: 2px solid #84bbf3; /*枠の色*/
background: #f2f8fe; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}


/* btn-green */
a.btn-green {
display: inline-block;
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 100%;
max-width: 500px;
border-radius: 8px;
border: 2px solid #89c997; /*枠の色*/
background: #f3f9f4; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}


/* btn-orange */
a.btn-orange {
display: inline-block;
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 100%;
max-width: 500px;
border-radius: 8px;
border: 2px solid #ffaa22; /*枠の色*/
background: #fff6e8; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}



.button-b-s {
	width:200px;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:130%;
	text-align: center;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	padding:6px 6px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background-color:#378de5;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 0px 0px 0px 0px #bbdaf7;
 	box-shadow:inset 0px 0px 0px 0px #bbdaf7;
}.button-b-s:hover {
	background:-moz-linear-gradient( center top, #79bbff 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #79bbff) );
	background-color:#79bbff;
}.button-b-s:active {
	position:relative;
	top:1px;
}


.button-o-s {
	width:200px;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:130%;
	text-align: center;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	padding:6px 6px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
	background-color:#fb9e25;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
 	box-shadow:inset 0px 0px 0px 0px #fce2c1;
}.button-o-s:hover {
	background:-moz-linear-gradient( center top, #ffc477 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#ffc477');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #ffc477) );
	background-color:#ffc477;
}.button-o-s:active {
	position:relative;
	top:1px;
}