@charset "UTF-8";


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


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


/* enclose table */
table.enclose{
border-collapse: collapse;
border:1px solid #cccccc;
}
table.enclose td{
border-collapse: collapse;
border:1px solid #cccccc;
}


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


/* line */

hr {
border-width: 2px 0px 0px 0px; /* 太さ */
border-style: dotted; /* 線種 */
border-color: #cccccc;   /* 線色 */
margin: 8px 0px ;
width: 950px;
	}

hr.color {
border-width: 2px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: #3498db;   /* 線色 */
width: 950px;
	}


/* header */
h1 {
  font-size: 18px;
  text-align: center;
  color: #666666;/*文字色*/
  padding: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  border-top: 3px solid #32b16c;
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

h2 {
  position: relative;
  font-size: 16px;
  color: #666666;/*文字色*/
  padding: 2px 0px 2px 38px;
  border-bottom: 2px solid #dddddd;
}
h2::before,
h2::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h2::before {
  top: 2px;
  left: 2px;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: rgba(34, 172, 56, 0.6);
}
h2::after {
  top: 12px;
  left: 14px;
  width: 14px;
  height: 14px;
  background: rgba(143, 195, 31, 0.6);
}



/* zebra 14px */
table.zebra tr:nth-child(even) {
    background: #f5f5f5;
}
table.zebra{
border-collapse: collapse;
border:1px solid #cccccc;
table-layout:fixed;
}
table.zebra td {
border-collapse: collapse;
border:1px solid #cccccc;
font-size: 14px;
}


/* zebra-s 12px */
table.zebra-s tr:nth-child(even) {
    background: #f5f5f5;
}
table.zebra-s{
border-collapse: collapse;
border:1px solid #cccccc;
table-layout:fixed;
}
table.zebra-s td {
border-collapse: collapse;
border:1px solid #cccccc;
font-size:12px  !important;
}



/* Pagetop */
#pagetop {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: 320px;
    font-size: 14px;
}
 
#pagetop a {
    display: block;
    background-color: rgba( 110, 200, 250, 0.4 );
    color: #000;
    width: 140px;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}
 
#pagetop a:hover {
    background-color: rgba( 110, 200, 250, 0.4 );
    text-decoration: none;
}




.button-b {
	width:300px;
	font-size:18px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:130%;
	font-weight:normal;
	text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	padding:10px 10px;
	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: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:active {
	position:relative;
	top:1px;
}


.button-o {
	width:300px;
	font-size:18px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:130%;
	font-weight:normal;
	text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	padding:10px 10px;
	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: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:active {
	position:relative;
	top:1px;
}


.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;
}


.button-b-ss {
	width:150px;
	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-ss: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-ss:active {
	position:relative;
	top:1px;
}


.button-o-ss {
	width:150px;
	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-ss: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-ss:active {
	position:relative;
	top:1px;
}


/* table-list */
table.list {
width: 850px;
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;
}