@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../images/bg.png) ;
	font-family:ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif;
	color: #333;
	line-height: 1.4;
}

header {
	background-color:#F9F8E1;
	height:80px;
}

footer {
	height:250px;
	background-color:#F9F8E1;
	padding: 15px 0px 10px 0px;
	border-top:1px solid #ddd;
}

h1,h2,h3,h4,h5,h6,table{
	font-size:100%;
	font-weight:normal;
}

.clear{clear:both;}
.float-l{float:left;}
.float-r{float:right;}

.bg-black{background-color:#333333;}
.bg-white{background-color:#ffffff;}
.bg-red{background-color:#dc143c;}
.bg-blue{background-color:#0000cd;}
.bg-skyblue{background-color:#e0ffff;}
.bg-yellow{background-color:#ffd700;}
.bg-lemonyellow{background-color:#fffacd;}

.c-black{color:#333333;}
.c-white{color:#ffffff;}
.c-blue{color:#0000cd;}
.c-red{color:#dc143c;}
.c-green{color:#008000;}
.c-violet{color:#800080;}
.c-orange{color:#ffa500;}

.center{text-align:center;}
.right{text-align:right;}
.vcenter{vertical-align:middle;}

.s-ll{font-size:200%;}
.s-big{font-size:160%;}
.s-origin{font-size:120%;}
.s-small{font-size:80%;}
.s-weight{font-weight:bold;}

.bdr{border:1px solid #ddd;}
.bdr-top{border-top:1px solid #ddd;}
.bdr-btm{border-bottom:1px solid #ddd;}
.liststyle{	list-style-type: none;}
.disb{ display:block;}
.h500{ height:500px;}
.h700{ height:700px;}

h2 {
	height:30px;margin:30px 0px 5px 0px;padding:5px 0px 50px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(../images/h2.png);
	background-position:bottom;background-repeat:repeat-x;
}

.title06{
	font-size:16px;font-weight:bold;color:#333333;
    background:#eee;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:7px solid #e3297d;
    border-bottom:1px solid #ccc;
    padding:.3em .4em;
}


.title01{
	position:relative;
	padding-left:5px;
	background-image:url(../images/line02.png);
	background-position:bottom;background-repeat:repeat-x;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}
 

.title02{
	position:relative;
	padding-left:20px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 16px;
	line-height: 38px;
}

 
.title02:before{
	content:'';
	height:12px;
	width:12px;
	display:block;
	background:#FFA500;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	position:absolute;
	top:-0px;
	left:5px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	-moz-transform:rotate(-50deg);
	-o-transform:rotate(-50deg);
	-ms-transform:rotate(-50deg);
}
.title02:after {
	content:'';
	height:8px;
	width:6px;
	display:block;
	background:#FFA500;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	position:absolute;
	top:16px;
	left:2px;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-75deg);
}

.title03{
	position:relative;
	padding-left:5px;
	background-image:url(../images/line01.png);
	background-position:bottom;background-repeat:repeat-x;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}

.title04{
	position:relative;
	padding:0 5px 3px 5px;
	background-image:url(../images/line06.png);
	background-position:bottom;background-repeat:repeat-x;
	font-weight: bold;
	font-size: 20px;
	line-height: 38px;
}

.title05{
	position:relative;
	padding-left:5px;
	background-image:url(../images/line03.png);
	background-position:bottom;background-repeat:repeat-x;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}

.title06{
	background:#fffacd;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:7px solid #ffa500;
	padding:.8em .9em;
}

/*----- common-margin and padding -----*/

.mauto{	display:block;	margin:auto}

.ma-0{ margin: 0!important; }
.mt-0{ margin-top: 0!important; }
.mr-0{ margin-right: 0!important; }
.mb-0{ margin-bottom: 0!important; }
.ml-0{ margin-left: 0!important; }

.ma-3{ margin: 3px!important; }
.mt-3{ margin-top: 3px!important; }
.mr-3{ margin-right: 3px!important; }
.mb-3{ margin-bottom: 3px!important; }
.ml-3{ margin-left: 3px!important; }

.ma-5{ margin: 5px!important; }
.mt-5{ margin-top: 5px!important; }
.mr-5{ margin-right: 5px!important; }
.mb-5{ margin-bottom: 5px!important; }
.ml-5{ margin-left: 5px!important; }

.ma-10{ margin: 10px!important; }
.mt-10{ margin-top: 10px!important; }
.mr-10{ margin-right: 10px!important; }
.mb-10{ margin-bottom: 10px!important; }
.ml-10{ margin-left: 10px!important; }

.ma-15{ margin: 15px!important; }
.mt-15{ margin-top: 15px!important; }
.mr-15{ margin-right: 15px!important; }
.mb-15{ margin-bottom: 15px!important; }
.ml-15{ margin-left: 15px!important; }

.ma-20{ margin: 20px!important; }
.mt-20{ margin-top: 20px!important; }
.mr-20{ margin-right: 20px!important; }
.mb-20{ margin-bottom: 20px!important; }
.ml-20{ margin-left: 20px!important; }

.ma-25{ margin: 25px!important; }
.mt-25{ margin-top: 25px!important; }
.mr-25{ margin-right: 25px!important; }
.mb-25{ margin-bottom: 25px!important; }
.ml-25{ margin-left: 25px!important; }

.ma-30{ margin: 30px!important; }
.mt-30{ margin-top: 30px!important; }
.mr-30{ margin-right: 30px!important; }
.mb-30{ margin-bottom: 30px!important; }
.ml-30{ margin-left: 30px!important; }

.ma-40{ margin: 40px!important; }
.mt-40{ margin-top: 40px!important; }
.mr-40{ margin-right: 40px!important; }
.mb-40{ margin-bottom: 40px!important; }
.ml-40{ margin-left: 40px!important; }

.ma-50{ margin: 50px!important; }
.mt-50{ margin-top: 50px!important; }
.mr-50{ margin-right: 50px!important; }
.mb-50{ margin-bottom: 50px!important; }
.ml-50{ margin-left: 50px!important; }

.ma-100{ margin: 100px!important; }
.mt-100{ margin-top: 100px!important; }
.mr-100{ margin-right: 100px!important; }
.mb-100{ margin-bottom: 100px!important; }
.ml-100{ margin-left: 100px!important; }

.pa-0{ padding: 0!important; }
.pt-0{ padding-top: 0!important; }
.pr-0{ padding-right: 0!important; }
.pb-0{ padding-bottom: 0!important; }
.pl-0{ padding-left: 0!important; }

.pa-3{ padding: 3px!important; }
.pt-3{ padding-top: 3px!important; }
.pr-3{ padding-right: 3px!important; }
.pb-3{ padding-bottom: 3px!important; }
.pl-3{ padding-left: 3px!important; }

.pa-5{ padding: 5px!important; }
.pt-5{ padding-top: 5px!important; }
.pr-5{ padding-right: 5px!important; }
.pb-5{ padding-bottom: 5px!important; }
.pl-5{ padding-left: 5px!important; }

.pa-10{ padding: 10px!important; }
.pt-10{ padding-top: 10px!important; }
.pr-10{ padding-right: 10px!important; }
.pb-10{ padding-bottom: 10px!important; }
.pl-10{ padding-left: 10px!important; }

.pa-15{ padding: 15px!important; }
.pt-15{ padding-top: 15px!important; }
.pr-15{ padding-right: 15px!important; }
.pb-15{ padding-bottom: 15px!important; }
.pl-15{ padding-left: 15px!important; }

.pa-20{ padding: 20px!important; }
.pt-20{ padding-top: 20px!important; }
.pr-20{ padding-right: 20px!important; }
.pb-20{ padding-bottom: 20px!important; }
.pl-20{ padding-left: 20px!important; }

.pa-30{ padding: 30px!important; }
.pt-30{ padding-top: 30px!important; }
.pr-30{ padding-right: 30px!important; }
.pb-30{ padding-bottom: 30px!important; }
.pl-30{ padding-left: 30px!important; }

.pa-40{ padding: 40px!important; }
.pt-40{ padding-top: 40px!important; }
.pr-40{ padding-right: 40px!important; }
.pb-40{ padding-bottom: 40px!important; }
.pl-40{ padding-left: 40px!important; }

.pa-50{ padding: 50px!important; }
.pt-50{ padding-top: 50px!important; }
.pr-50{ padding-right: 50px!important; }
.pb-50{ padding-bottom: 50px!important; }
.pl-50{ padding-left: 50px!important; }

.p{ padding: 100px!important; }
.pt{ padding-top: 100px!important; }
.pr{ padding-right: 100px!important; }
.pb{ padding-bottom: 100px!important; }
.pl{ padding-left: 100px!important; }

.btn-player{
	width:180px;
	height:40px;
	background-color:#000000;
	color:#FFFFFF;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	height:30px;margin:5px 0px 5px 0px;padding:5px 0px 20px 0px;
	font-size:16px;font-weight:bold;color:#666666;
	background-image:url(../images/line01.png);
	background-position:bottom;background-repeat:repeat-x;
}

.waku{
	border:5px dotted;
	border-color:#53B232;
}

.modalbg{
	background-image:url(../images/bg.png) ;
}

.modalhd {
	background-color:#F9F8E1;
}


@media (max-width: 767px) {
video{
	width: 95%;
	height:auto;
}
.btn-dl{
	width:97.5%;
	height:auto;
}

.btn-dl-parts{
	width:97.5%;
	height:auto;
}
}

@media (min-width: 768px) {
video{
    width: 680px;
	height:382.5px;
}
.btn-dl{
	width:680px;
	height:auto;
}

.btn-dl-parts{
	width:170px;
	height:auto;
}
}

@media (min-width: 992px) {
video{
    width: 620px;
	height: 349px;
}
.btn-dl{
	width:620px;
	height:auto;
}

.btn-dl-parts{
	width:25%;
	height:auto;
}
}

@media (min-width: 1200px) {
video{
    width: 680px;
	height:382.5px;
}
.btn-dl{
	width:680px;
	height:auto;
}

.btn-dl-parts{
	width:170px;
	height:auto;
}
}

.btn-black{
	background:#333333;
	color:#FFFFFF;
}


.btnex {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btnex:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btnex:hover,
.btnex:focus {
  background-color: #FFA500;
  text-decoration: none;
}

.btnex:active,
.btnex.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btnex.disabled,
.btnex[disabled],
fieldset[disabled] .btnex {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.img-thumbnail_2 {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #deb887;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

<!-- 2014052804 START -->
.pagetable td{
	text-align:right;
	margin-right:10px;
}

.pagetable td > a{
	float:right;
}
<!-- 2014052804 FINISH -->