@charset "utf-8";
/*
Date:2013.8.30
Author:misuzu sugiyama

*/


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

html,
body {
height: 100%;
/* 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: 0 auto -60px;
}

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



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

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

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

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (max-width: 480px) {
.tb_title_large{width:60px;}
}