@charset "UTF-8";

/****************************************

@media

*****************************************/

@media screen and (max-width:414px) {

/*body {min-width: 980px;}*/

/****************************************

header

*****************************************/
#header {
  width:100%;
  height:auto;
}
#header_area {
  width:100%;
  height:auto;
}
#header_box {
  width:100%;
  height:auto;
  margin:0px auto;
}
#header_box h1 {
  width:245px;
  height:35px;
  margin:20px auto;
  float:none;
}
#header_box .btn_form {
  width:300px;
  height:50px;
  margin:0px auto 20px auto;
  float:none;
}

/****************************************

Page

*****************************************/

#page {
  width:100%;
  background:no-repeat center;
}
#page_area{
  width:100%;
  background:#EEE;
}
#page_box{
  width:100%;
  margin:0 auto;
}
#page_box h2 {
  width:100%;
  height:50px;
  margin:10px auto 0 auto;
  padding:20px 0 0 0;
  color:#004488;
  font-size:20px;
  text-align:center;
}

/****************************************

Main

*****************************************/
#main {
  width:100%;
  height:500px;
  border-bottom:2px solid #CCC;
  background:no-repeat center;
}
#main_area{
  width:100%;
  height:500px;
  border-bottom:1px solid #FFF;
}
#main_box{
  width:100%;
  height:500px;
  margin:0px auto;
}
#main_box h1 {
  width:300px;
  height:auto;
  margin:0px auto;
  padding-top:20px;
  float:none;
}
#main_box h1 img {
  width:300px;
  height:auto;
}
#main_box .btn_form {
  display:none;
}
#main_box h2 {
  width:250px;
  height:250px;
  margin:0px auto;
  padding-top:20px;
  padding-left:0px;
  float:none;
}
#main_box h2 img {
  width:250px;
  height:250px;
}
#main_box .form_btn {
  width:250px;
  height:150px;
  margin:0px auto;
  padding-top:20px;
  float:none;
}
#main_box .form_btn img {
  width:250px;
  height:auto;
}

/****************************************
navi
*****************************************/
#navi {
  width:100%;
  height:auto;
  margin-top:10px;
  border-top:none;
  border-bottom:none;
  background:none;
}
#navi_area {
  width:100%;
  height:auto;
  border-top:none;
  border-bottom:none;
}
#navi_box {
  width:100%;
  height:auto;
  margin:0px auto;
}
#navi_box li {
  width:50%;
  height:auto;
  margin:0px auto;
  background:#FFF;
  float:left;
}
#navi_box li img {
  width:100%;
  height:auto;
}

/****************************************
content
*****************************************/
#content { line-height:1.8em; }

/*-----------------------------------
content_box
-----------------------------------*/
.content_box {
  width:100%;
  margin:0px auto 0px auto;
}
.content_box h3 {
  width:100%;
  height:65px;
  margin-top:5px;
  border-bottom:1px solid #CCC;
  overflow:hidden;
}
.content_box h4 {
  width:95%;
  height:33px;
  padding:11px 0 0 15px;
  color:#114c8e;
  font-weight:bold;
  background:url(../images/content_title.gif) no-repeat;
}
.content_box h5 {
  width:95%;
  height:30px;
  padding:10px 0 0 15px;
  color:#FFF;
  font-weight:bold;
  background:url(../images/content_title_sub.gif) no-repeat;
}

/****************************************
Pan
*****************************************/
#pan {
  width:100%;
  margin:10px auto 5px auto;
}
#pan li {
  margin:0 10px 0 0;
  float:left;
}

/****************************************
banner
*****************************************/
#banner {
  width:100%;
  margin-top:50px;
  border-top:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  background:#EEEEEE;
}
#banner_area {
  width:100%;
  border-top:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
}
#banner_box {
  width:235px;
  margin:0px auto;
  padding:0px 0px 10px 0px;
}
#banner_box li {
  width:235px;
  height:60px;
  margin:10px auto 0px auto;
  float:none;
}
#banner_box .ml05 {
  margin-left:0px;
}
#banner_box .ml10 {
  margin-left:0px;
}

/****************************************
pagetop
*****************************************/
#pagetop {
  width:95%;
  margin:10px auto 10px auto;
  padding:0;
  text-align:right;
}

/****************************************
footer
*****************************************/
#footer {
  width:100%;
  border-top:1px solid #004488;
  border-bottom:1px solid #FFF;
  background:#004488;
}
#footer_area {
  width:100%;
  border-top:1px solid #FFF;
  border-bottom:1px solid #004488;
}
#footer_box {
  width:100%;
  margin:0px auto;
}
#footer_navi {
  width:100%;
  height:auto;
  margin:0px auto;
}
#footer_navi li {
  width:50%;
  height:auto;
  margin:0px auto;
  background:#FFF;
  float:left;
}
#footer_navi li img {
  width:100%;
  height:auto;
}

/*-----------------------------------
address
-----------------------------------*/
#address {
  padding:10px 10px;
  color:#FFF;
  border-bottom:1px solid #003377;
}
#address li {
  margin-top:10px;
}
#address img {
  width:250px;
  height:auto;
}

/*-----------------------------------
copyright
-----------------------------------*/
#copyright {
  padding:15px 10px;
  text-align:center;
  border-top:1px solid #4477aa;
}
#copyright img {
  width:300px;
  height:auto;
}

/****************************************
Content
*****************************************/

/*-----------------------------------
news
-----------------------------------*/
#news {
  width:100%;
  margin-top:10px;
}
.news_box {
  width:300px;
  height:140px;
  margin:0px auto 10px auto;
  padding:10px;
  border:1px solid #CCC;
  background:#FAFAFA;
  float:none;
}
.news_box .data {
  font-size:90%;
}
.news_box .ttl {
  width:300px;
  height:20px;
  margin-top:5px;
  display:block;
  overflow:hidden;
}
.news_box .txt {
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #CCC;
}

/*-----------------------------------
content_box_left
-----------------------------------*/
#content_box_left {
  width:100%;
  float:none;
}
#content_box_left #event {
  margin-top:0px;
}
#content_box_left #event img {
  width:100%;
  height:auto;
}
#content_box_left ul {
}
#content_box_left li {
  width:300px;
  height:211px;
  margin:10px auto 0px auto;
  float:none;
}
#content_box_left li img {
  width:300px;
  height:211px;
}

/*-----------------------------------
content_box_right
-----------------------------------*/
#content_box_right {
  width:100%;
  float:none;
}
#content_box_right ul {
  margin-top:0px;
}
#content_box_right li {
  width:300px;
  height:80px;
  margin:10px auto 0px auto;
}


}