@charset "utf-8";



/* Sticky footer styles
-------------------------------------------------- */

html,
body {
height: 100%;
margin: 0;
/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0px auto 0px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
height: 100px;
}
#footer {
background-color: #7E7E7E;
color: white;
}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
width: auto;
max-width: 860px;
}
.container .credit {
margin: 20px 0;

}
.credit{text-align: center;}
.credit a{color:white;}
.pickup{
  position: relative;
  width: 100%;
  padding-bottom: 56.25; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 312px; 
  overflow: hidden;
  
  margin-bottom: 10px;
 
}
.pickup iframe,
.pickup object,
.pickup embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
  
}
.pickup2{
  border: 5px solid #aec1de;
  margin: 10px 0 20px;
  padding: 20px 40px;
  zoom: 1;
}
.tb_title{width: 90px;}
.tb_title_large{width: 90px;}
.lead{margin-bottom:30px;}
.table{margin-bottom: 0px;}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 768px) {
.pickup{
  position: relative;
  width: 100%;
  padding-bottom: 56.25; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 312px; 
  overflow: hidden;
  
  margin-bottom: 10px;
 
}

#footer {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Portraitモード（縦向き）用  +　　横向き*/
.pickup{
  position: relative;
  width: 100%;
  padding-bottom: 56.25; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 170px; 
  overflow: hidden;
  
  margin-bottom: 10px;
 
}
.container {
	width: auto;
	max-width: 708px;
   }
  
.tb_title_large{width:60px;}
}

.navbar-inverse .navbar-inner {
  background-color: #000087;
  background-image: -moz-linear-gradient(top, #e0e6f3, #e0e6f3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e6f3), to(#e0e6f3));
  background-image: -webkit-linear-gradient(top, #e0e6f3, #e0e6f3);
  background-image: -o-linear-gradient(top, #e0e6f3, #e0e6f3);
  background-image: linear-gradient(to bottom, #000087, #0A53AD);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e6f3', endColorstr='#ffe0e6f3', GradientType=0);
  /* border-color: #000087; */
}

.splash {
    height: 425px;
    padding-top: 9em;
    margin-bottom: 1em;
    background-image: url("../images/header.png") ;
    background-position:left top;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}
.baseinfo{
	  font-size: 16px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 30px;
}
h3.squarelist{
	
    position: relative;
    padding-left: 24px;
    font-size: 25px;
    line-height; 41px;
}
h3.borderline{
	    border-bottom: 1px dashed #ccc; 
}
h3.squarelist:before{   
	position: absolute;
	top: 5px;
	left: 4px;
	width: 10px;
	height: 30px;
    background: #F4C01A;
    content: "";
	
}
/*table*/


.no{
	background-color: #F4C01A;
	width: 10%;;
}

.programtitle{
	background-color: #F4C01A;
	text-align: center;
	width: 25%;
}
td.programtitle{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	
}
.summary{
	background-color: #F4C01A;
	text-align: center;
	width: 40%;
}
td.summary{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	
}
.koushiname{
	background-color: #F4C01A;
	text-align: center;
	width: 25%;
}
td.koushiname{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	
}
p.kname{text-align: center;font-weight: bold;font-size: 1.5em;}

td.number{
	color: white;
	background-color: #F4C01A;
	text-align: center;
	font-size: 2em;
	
	vertical-align: middle;
	
}
/*btn*/
.btn-f5 {
  background-color: hsl(0, 0%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6b6b6b", endColorstr="#383838");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#4D4F53), to(#383838));
  background-image: -moz-linear-gradient(top, #4D4F53, #383838);
  background-image: -ms-linear-gradient(top, #4D4F53, #383838);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D4F53), color-stop(100%, #383838));
  background-image: -webkit-linear-gradient(top, #4D4F53, #383838);
  background-image: -o-linear-gradient(top, #4D4F53, #383838);
  background-image: linear-gradient(#4D4F53, #383838);
  border-color: #383838 #383838 hsl(0, 0%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
.gray{background-color: #f9f9f9;}

.hissu{color: red;}

/*ラベル幅*/
.form-horizontal .control-label {
  width: 190px;
}

.form-horizontal .controls {
  margin-left: 200px;
}