* {
  margin:0;
  padding:0;
  list-style-type:none;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}

.gborder {
	height:10px;
	margin:5px 0px;
}
/* Clearfix */
.clearfix:before,.clearfix:after {
  content:" ";
  display:table
}

.clearfix:after {
  clear:both
}

.clearfix {
  *zoom:1
}

body {
  font-family:arial;
  font-size:12px;
  background: url('../img/bg.jpg') no-repeat center top;
  background-size: cover;
}

#header {
  width:100%;
}

.wrap-header {
  width:980px;
  margin:0 auto
}

.wrap-header ul {
  margin:0;
  padding:0;
  border:0
}

#title {
  width:100%;
}

#hirei {
  float:right;
  margin:20px 5px
}

.btn {
  -moz-box-shadow:inset 0 1px 0 0 #9acc85;
  -webkit-box-shadow:inset 0 1px 0 0 #9acc85;
  box-shadow:inset 0 1px 0 0 #9acc85;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#74ad5a),color-stop(1,#68a54b));
  background:-moz-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:-webkit-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:-o-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:-ms-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:linear-gradient(to bottom,#74ad5a 5%,#68a54b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a',endColorstr='#68a54b',GradientType=0);
  background-color:#74ad5a;
  border:1px solid #3b6e22;
  display:inline-block;
  cursor:pointer;
  color:#fff;
  font-size:20px;
  font-weight:700;
  padding:6px 12px;
  text-decoration:none
}

.btn:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#68a54b),color-stop(1,#74ad5a));
  background:-moz-linear-gradient(top,#68a54b 5%,#74ad5a 100%);
  background:-webkit-linear-gradient(top,#68a54b 5%,#74ad5a 100%);
  background:-o-linear-gradient(top,#68a54b 5%,#74ad5a 100%);
  background:-ms-linear-gradient(top,#68a54b 5%,#74ad5a 100%);
  background:linear-gradient(to bottom,#68a54b 5%,#74ad5a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b',endColorstr='#74ad5a',GradientType=0);
  background-color:#68a54b
}

.btn:active {
  position:relative;
  top:1px
}

a {
}

a:hover {
  background:#FFF
}

a.video {
  color:#00c;
  background:none;
  border:none;
  text-decoration:none;
}

a.video:hover {
  color:#33c;
  background:none;
  border:none;
  text-decoration:none;
}

img {
  vertical-align:top
}

/* @end */
/* @group Fluid-img */
img {
  max-width:100%
}

/* @end */
/* @group HTML */
#MainBlock {
  max-width:1024px;
  margin:0 auto
}

.frame {
  float:left;
  padding:2px;
  background:#fff;
  border:#bdc3c7 1px solid;
  margin-right:10px
}

.frame span {
  padding-left:15px
}

.data {
  min-width:105px;
}

.data span {
  padding:5px;
}

.area {
  background:#FF484B;
  padding:10px;
  color:#FFF;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px
}

.per {
  font-weight:700
}

h2 {
  display:inline-block;
  padding:10px 0 5px;
  font-size:20px;
  margin-bottom:0;
  color:#000
}

h2 span {
  padding:5px;
  border:1px solid #C70307;
  color:#C70307;
  text-align:center
}

.timestamp {
  float:right;
  display:inline-block;
  background:#FF484B;
  padding:5px;
  font-size:12px;
  color:#FFF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px
}

.timestamp span {
  background:#FFF;
  color:#000;
  padding:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px
}

.oprate {
  float:left;
  display:inline-block;
  background:#FF484B;
  padding:5px;
  font-size:12px;
  color:#FFF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px
}

.oprate span {
  background:#FFF;
  color:#000;
  padding:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px
}

ul {
  width:100%;
  margin-top:5px;
  padding:5px
}

li {
  display:inline-block;
  margin:2px;
  *display:inline
}

.button {
  border-right:1px solid #777;
  border-bottom:1px solid #777;
  background:#D5D5D5;
  color:#000;
  display:inline-block;
  cursor:pointer;
  width:70px;
  text-align:center;
  font-size:12px;
  padding:2px;
  text-decoration:none;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px
}

.button:hover {
  background:#B90508;
  color:#fff;
  border-right:1px solid #A20002;
  border-bottom:1px solid #A20002
}

.button:active {
  position:relative;
  top:1px;
  background:#8B0406
}

.selected {
  background:#DD0004;
  border:1px solid #CF0003;
  color:#FFF
}

/* --------------------------------------------------
-------------------------------------------------- */
.c2014 {
  width:100%;
  margin-top:5px;
  border-spacing:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  color:#000;
  border:#FFF 1px solid
}

.c2014 th {
  font-size:130%
}

.c2014 td {
  font-size:180%
}

.c2014 th,.c2014 td {
  padding:5px 3px;
  background:#fff;
/* Old browsers */
  background:-moz-linear-gradient(top,#fff 0%,#e5e5e5 100%);
/* FF3.6+ */
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));
/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,#fff 0%,#e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,#fff 0%,#e5e5e5 100%);
/* Opera 11.10+ */
  background:-ms-linear-gradient(top,#fff 0%,#e5e5e5 100%);
/* IE10+ */
  background:linear-gradient(to bottom,#fff 0%,#e5e5e5 100%);
/* W3C */
  filter:/* IE6-9 */
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e5e5e5',GradientType=0)
}

.c2014 td span {
  color:#575757;
  font-size:70%
}

.c2014 th {
  color:#FFF;
  background:#606c88;
/* Old browsers */
  background:-moz-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
/* FF3.6+ */
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#606c88),color-stop(100%,#3f4c6b));
/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
/* Opera 11.10+ */
  background:-ms-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
/* IE10+ */
  background:linear-gradient(to bottom,#606c88 0%,#3f4c6b 100%);
/* W3C */
  filter:/* IE6-9 */
progid:DXImageTransform.Microsoft.gradient(startColorstr='#606c88',endColorstr='#3f4c6b',GradientType=0)
}

/* -----------------------*/
.c2014 tr:first-child th:first-child,.c2014 tr:first-child td:first-child {
  -webkit-border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0;
  -o-border-radius:5px 0 0 0;
  border-radius:5px 0 0 0
}

/* -----------------------*/
.c2014 tr:first-child th:last-child,.c2014 tr:first-child td:last-child {
  -webkit-border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0;
  -o-border-radius:0 5px 0 0;
  border-radius:0 5px 0 0
}

/* -----------------------*/
.c2014 tr:last-child th:first-child,.c2014 tr:last-child td:first-child {
  -webkit-border-radius:0 0 0 5px;
  -moz-border-radius:0 0 0 5px;
  -o-border-radius:0 0 0 5px;
  border-radius:0 0 0 5px
}

/* -----------------------*/
.c2014 tr:last-child th:last-child,.c2014 tr:last-child td:last-child {
  -webkit-border-radius:0 0 5px 0;
  -moz-border-radius:0 0 5px;
  -o-border-radius:0 0 5px 0;
  border-radius:0 0 5px 0
}

/* -----------------------*/
.c2014 thead tr:first-child th:first-child,.c2014 thead tr:first-child td:first-child {
  -webkit-border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0;
  -o-border-radius:5px 0 0 0;
  border-radius:5px 0 0 0
}

/* -----------------------*/
.c2014 thead tr:first-child th:last-child,.c2014 thead tr:first-child td:last-child {
  -webkit-border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0;
  -o-border-radius:0 5px 0 0;
  border-radius:0 5px 0 0
}

/* -----------------------*/
.c2014 thead+tbody tr:first-child th:first-child,.c2014 thead+tbody tr:first-child td:first-child,.c2014 thead+tbody tr:first-child th:last-child,.c2014 thead+tbody tr:first-child td:last-child {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -o-border-radius:0;
  border-radius:0
}

/* -----------------------*/
.c2014 thead+tbody tr:last-child th:first-child,.c2014 thead+tbody tr:last-child td:first-child {
  -webkit-border-radius:0 0 0 5px;
  -moz-border-radius:0 0 0 5px;
  -o-border-radius:0 0 0 5px;
  border-radius:0 0 0 5px
}

/* -----------------------*/
.c2014 thead+tbody tr:last-child th:last-child,.c2014 thead+tbody tr:last-child td:last-child {
  -webkit-border-radius:0 0 5px 0;
  -moz-border-radius:0 0 5px;
  -o-border-radius:0 0 5px 0;
  border-radius:0 0 5px 0
}

#a01,#a02,#a03,#a04 {
  width:49%;
  float:left;
  margin:5px;
  padding:0 10px 10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px
}

#a05 {
  width:100%;
  margin:5px;
  padding:0 10px 10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px
}

.c01 {
  background:#f5f5dc
}

nav {
  display:none
}

.note {
  color:#4A4848;
  font-size:14px
}

.mbtn {
  -moz-box-shadow:inset 0 1px 0 0 #cf866c;
  -webkit-box-shadow:inset 0 1px 0 0 #cf866c;
  box-shadow:inset 0 1px 0 0 #cf866c;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#d0451b),color-stop(1,#bc3315));
  background:-moz-linear-gradient(top,#d0451b 5%,#bc3315 100%);
  background:-webkit-linear-gradient(top,#d0451b 5%,#bc3315 100%);
  background:-o-linear-gradient(top,#d0451b 5%,#bc3315 100%);
  background:-ms-linear-gradient(top,#d0451b 5%,#bc3315 100%);
  background:linear-gradient(to bottom,#d0451b 5%,#bc3315 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b',endColorstr='#bc3315',GradientType=0);
  background-color:#d0451b;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #942911;
  display:inline-block;
  cursor:pointer;
  color:#fff;
  font-size:16px;
  margin:2px;
  padding:6px 18px;
  text-decoration:none;
  text-shadow:0 1px 0 #854629
}

.mbtn:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#bc3315),color-stop(1,#d0451b));
  background:-moz-linear-gradient(top,#bc3315 5%,#d0451b 100%);
  background:-webkit-linear-gradient(top,#bc3315 5%,#d0451b 100%);
  background:-o-linear-gradient(top,#bc3315 5%,#d0451b 100%);
  background:-ms-linear-gradient(top,#bc3315 5%,#d0451b 100%);
  background:linear-gradient(to bottom,#bc3315 5%,#d0451b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315',endColorstr='#d0451b',GradientType=0);
  background-color:#bc3315
}

.mbtn:active {
  position:relative;
  top:1px
}

@media only screen and (max-width: 1024px),(max-device-width: 1024px) {
#a01,#a02,#a03,#a04 {
  float:none;
  width:98%
}

ul {
  text-align:center
}

li {
  padding:0;
  margin:0
}

#a05 {
  width:98%
}
}

@media only screen and (max-width: 768px),(max-device-width: 768px) {
#title {
  width:100%;
}

.wrap-header {
  width:auto
}

.button {
  width:150px;
  font-size:24px;
  margin:2px
}

.mbtn {
  font-size:24px
}

.c2014 td span {
  display:block;
}

}

@media only screen and (max-width: 640px),(max-device-width: 640px) {
header {
  width:auto;
  height:auto
}

.c2014 th,.c2014 td {
  font-size:150%
}

.data {
  padding:5px 0px;
}

.data span {
  font-size:100%
}

}

@media only screen and (max-width: 480px),(max-device-width: 480px) {
h1 {
  display:block;
  text-align:center
}

h2 {
  margin-top:5px
}

.inf h2 {
  font-size:14px
}

#a01,#a02,#a03,#a04 {
  width:97%
}

.c2014 td span {
  padding:0
}

.button {
  font-size:14px;
  width:85px;
  margin:1px
}

.mbtn {
  font-size:16px
}
.mov {
  width:50px;
  height:28px;
}


}

@media only screen and (max-width:320px) {
#header {
  text-align:center;
  margin:0 auto
}

#title {
  float:none
}

#hirei {
  float:none
}

h2 {
  font-size:14px
}

}