@charset "utf-8";
/* CSS Document */
body{
  font-size: 12px;
   font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  background: #F5C1C9;
  margin: 0px;
  line-height: 2em;/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.pagetitle{
  margin: 0 auto;
  overflow: hidden;
  clear: both;
  background: #F1B2BC;
  width: 100%;
  /* margin-bottom: 10px; */
  border-bottom: 1px solid #D4828F;
  /* border-top: 1px solid #FFFFFF; */
}
h1{
 overflow: hidden;
 text-align: center;
 color: #333;
 font-size: 20px;
 line-height: 50px;
}
div#boxArea {
    margin: auto;
}
*{
  padding:0px;
  margin:0px;
}
.footer{
  margin:auto;
  overflow: hidden;
  background: #F1B3BD;
  width: 100%;
  border-top: 1px solid #D28390;
}
.foot{
  text-align: center;
  color: #000;
  padding:10px;
}
.foot a{
  color: #f00;
}
.foot a:hover{
  text-decoration: underline;
  color: #f00;
}
.sub{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #F7D6DB;
}
.sub img{
  float: right;
  padding:5px;
  margin:10px;
  width: 45%;
}
div#boxArea div:nth-child(3) {
    margin-right: -3px;
}
.Visual_top_main{
  width:1000px;
  margin: 0 auto;
  overflow: hidden;
  /* background: #FDE6DD; */
  padding: 5px 0px;
  /* border-top: 4px solid #194D90; */
}
.Visual_main{
  width:1000px;
  margin:auto;
  text-align: center;
}
.Visual_main ul {
  padding:0px;
  margin:0px;
}
.Visual_main ul li {
  display: inline-block;
  line-height: 50px;
  list-style-type: none;
}
.Visual_main ul li a{
  padding: 10px 28px;
  text-decoration: none;
  color: #333;
}
.Visual_main ul li:hover{
  background: #EFA2AF;
}
.Visual_main_top{
  width:1000px;
  margin:auto;
  overflow: hidden;
  /* background: #E50047; */
}
.Visual_box_img{
  width:1000px;
  margin:auto;
  overflow: hidden;
}
.Visual_box_img img{
  width:1000px;
  margin:auto;
  overflow: hidden;
}
.subpage_frame{
  width:1000px;
  margin: 0px auto 5px auto;
  overflow: hidden;
  background: #fff;
}
p{
  margin:0px;
  margin:0px;
  text-align: justify;
  line-height: 30px;
}
.Visual_cont{
  overflow: hidden;
  clear: both;
}
.Visual_middle{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #F7D6DB;
}
.Visual_middle img{
  float: right;
  padding:5px;
  margin:10px;
  width: 48%;
}
h3{
  margin-top:15px;
}
.Visual_block{
  clear: both;
  overflow: hidden;
}

.Visual_box{
  padding:10px;
  margin:5px;
  overflow: hidden;
  width: 470px;
  float: left;
  background: #F7D6DB;
}

img.Visual_iu {
    width: 94%;
    margin: 10px;
    padding: 5px;
}
a{
  color:#f00;
  text-decoration: none;
}
p a:hover{
  text-decoration: underline;
}
p.Detail_MDI a{
  float: right;
  padding: 6px 15px;
  text-decoration: none;
  background: #FFFFFF;
  color: #333;
  border-bottom: 1px solid #DE919D;
  border-top: 1px solid #DE919D;
}
p.Detail_MDI a:hover{
  background: #F1B3BD;
  color: #333;
}
.Visual_box21{
  padding:10px;
  margin:5px;
  overflow: hidden;
  border: 1px solid;
  box-shadow: 0 0 10px gray;
  width: 290px;
  float: left;
}

img.Visual21 {
    width: 90%;
    margin: 10px;
    padding: 5px;
    box-shadow: 0 0 10px;
}

.Visual_box1{
  overflow: hidden;
  padding:10px;
  margin:5px;
  background: #F7D6DB;
}
img.Visual{
  float: left;
  padding:5px;
  margin:10px;
  width:35%;
}
.pr_link_block{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #F7D6DB;
}
.pr_link_block ul{
  padding:0px;
  margin:0px;
}
.pr_link_block ul li {
  list-style-type: none;
  line-height: 30px;
  border-bottom: 1px solid white;
}
.pr_link_block ul li a:hover{
  text-decoration: underline;
}
.block_sub_page{
  float: left;
  overflow: hidden;
}
.Visual_right{
  float: right;
  width:300px;
  overflow: hidden;
}


h2 {
    color: #333;
    border-right: 14px solid #E69DA8;
    position: relative;
    overflow: hidden;
    line-height: 45px;
    margin-bottom: 7px;
    background: #F5C1C9;
    text-align: center;
    border-left: 14px solid #E69DA8;
}
h2:before{
    /* width:10px; */
    /* content:""; */
    /* height:100%; */
    /* left:0; */
    /* top:0; */
    /* position:absolute; */
    /* background-color: #2A75D4; */
}
h2:after {
    /* content: ""; */
    /* position: absolute; */
    /* border-style: solid; */
    /* border-width: 10px; */
    /* left: 0; */
    /* border-color: #2A75D4; */
    /* border-right-color: transparent; */
    /* border-top-color: transparent; */
    /* border-bottom-color: transparent; */
    /* margin-left: 9px; */
    /* top: 0; */
    /* margin-top: 14px; */
}

.Visual{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #FFFFFF;
}
.Visual ul{
  padding:0;
  margin:0px;
}
.Visual ul li {
  list-style-type: none;
  text-align: center;
  padding:10px;
  border-bottom: 1px solid gray;
}
.Visual ul li a{
  text-decoration:none;
  font-weight: bold;
  display: block;
}
.Visual ul li:hover{
  background: gray;
}
.Visual_sitebar{
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0 0 10px;
}
.Visual_sitebar ul{
  padding:0px;
  margin:0px;
}
.Visual_sitebar ul li{
  display: block;
  list-style-type:none;
  padding:10px;
  text-align: center;
  border-bottom: 1px solid gray;
}
.Visual_sitebar ul li a{
  text-decoration: none;
  display: block;
}
.Visual_sitebar ul li:hover{
  background: #b0c1d8;
}
@media screen and (max-width: 480px) {
  .pagetitle{
    width:100%;
  }
  h1{
    width:100%;
    font-size: 12px;
  }
  .Visual_top_main{
    width:100%;
  }
  .Visual_main{
    width:100%;
  }
  .Visual_main ul li{
    display: block;
  }
  .Visual_main ul li a{
    display: block;
    padding:0px;
  }
  .Visual_main_top{
    width:100%;
  }
  .Visual_box_img{
    width:100%;
  }
  .Visual_box_img img{
    width:100%;
  }
  .subpage_frame{
    width:100%;
  }
  .block_sub_page{
    width:100%;
  }
  .Visual_sitebar{
    width:93%;
  }
  .Visual_block{
    width:100%;
  }
  .Visual_box{
    width: 93.5%;
  }
  img.Visual_iu{
    float: none;
    width:93%;
  }
  .Visual_right{
    width:100%;
  }
  .Visual_middle{
    width: 93.5%;
  }
  .Visual_middle img{
    float: none;
    width:93%;
  }
  .Visual_box21{
    width:93%;
  }
  img.Visual21{
    float: none;
    width:93%;
  }
  .Visual_box1{
    width: 93.5%;
  }
  img.Visual{
    float: none;
    width:93%;
  }
  .pr_link_block{
    width: 93.5%;
  }
  .sub{
    width: 93.5%;
  }
  .sub img{
    float: none;
    width:93%;
  }
  .footer{
    width:100%;
  }
  .foot{
    width:93%;
  }
  img.Visual21 {
    width: 93%;
    margin: 10px;
    padding: 5px;
    box-shadow: 0 0 10px;
}
}