@charset "UTF-8";

/*shokika------------------------*/
body,form,fieldset {
margin: 0;
padding: 0; 
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,dl.dt.dd,ol {
margin: 0;
padding: 0;
font-weight: normal;
}
img {
border: 0;
margin: 0;
padding: 0;
}
ul {list-style: none;}
em {font-style: normal;}
a {overflow: hidden;}

a {color: #222;}
a:hover {color: #ff0000;}

/* body,フォント---------------------- */
html,body {height: auto;}
body {margin: 0; padding: 0; color: #222; font-size: 12px; line-height: 160%; background: url(../img/bg.gif) 0 0 repeat-x; font-family: "Century Gothic","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",Verdana, sans-serif;
}

/* ie6 only */
* html body {font-size: small;}

/* ie7,8,9 only */
body { font-size/**/: small;}

/* Safari 3以上, Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { font-size: 12px;}
}
/* .bgmaximage,#container */
img.bgmaximage{
  position:fixed !important;
}

/* clear---------------------- */
.clear {clear: both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}
.clearfix {zoom:1;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*#header------------------------------------------------*/
#header {width: 980px; height: 80px; background: url(../img/header_bg.gif) 0 0 no-repeat; margin: 0 auto; padding-top: 3px; position:relative; }
#header h1 {padding-left: 90px; color: #fff; font-size:10px;z-index:100; line-height:-2; color:#fff; text-decoration:none;}

#header h1 a { color:fff !important; text-decoration:none; }

/*#header h1 a {display: block; width: 420px; height: 50px;}*/

/*#navi------------------------------------------------*/
#navi {width: 980px; height: 52px; padding: 0; margin: 0 auto;}

#navi ul{display: block; width: 980px; height: 49px; padding: 2px 0; background: url(../img/navi2.png) 0 0 no-repeat;}
#navi li {display: block; width: 140px; height: 49px; float: left;}
#navi li a {display: block; width: 140px; height: 49px; text-indent: -9999px; overflow: hidden; padding: 0; background: url(../img/navi.png) no-repeat;}
#navi li.con1 a {background-position: 0 -2px;}
#navi li.con2 a {background-position: -140px -2px;}
#navi li.con3 a {background-position: -280px -2px;}
#navi li.con4 a {background-position: -420px -2px;}
#navi li.con5 a {background-position: -560px -2px;}
#navi li.con6 a {background-position: -700px -2px;}
#navi li.con7 a {background-position: -840px -2px;}

/*#container------------------------------------------------*/
#container {width: 980px; padding: 0; margin: 0 auto 30px;}

/*#footer------------------------------------------------*/
#footer {
	clear:both;
 padding-top: 5px; font-size: 10px; /*background: url(../img/bg.gif) 0 120px repeat-x; */background:#e60010;}
.inner {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer ul {display: block; width: 200px; float: left;}
#footer ul li a {text-decoration: none; background: url(../img/arrow1.png) 0 center no-repeat; padding-left: 18px; color:#fff;}
.copy {clear: both; width: 980px; color: #fff; padding: 10px 0}
.footer_info {float: right; width: 480px; height: 130px; background: url(../img/footer_logo.gif) no-repeat #fff;  line-height: 130%;}

.footer_info p{ margin: 27px 0px 0px 205px; color:#fff;}


.none {text-indent: -9999px;}

/*modoru------------------------------------------------*/
#modoru {height: 13px; position: relative; padding: 0 5px; border-bottom: 1px solid #bbb;}
#modoru a {display: block; width: 115px; height: 13px; background: url(../img/modoru.png) no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px;}


/*recall------------------------------------------------*/
.recall{
  margin-bottom: 20px;
  border-radius:10px 10px 10px 10px;
  border: 1px solid #002D8E;
}
.recall h3{
padding:14px 0px;
border-radius:10px 10px 0px 0px;
background:#002D8E;
font-size:28px;
font-weight: bold;
text-align:center;
color:#FFF;"
}

.recall div.block{
  padding: 15px;
  display: flex;
  }
.recall div.block div.txt{
  width: 340px;
  padding-right: 10px;
    }
    .recall div.block div.txt p{
      margin-bottom: 10px;
      font-size: 12px;
      line-height: 150%;
        }    
    .recall div.block div.movie{
      width: calc(100% - 340px);
}  
.recall div.block div.movie iframe{
  border: 1px solid #ccc;
}     
.recall div.block div.txt p a{
  color: #002D8E;
}