@charset "utf-8";
/* CSS Document */
body{
  font-size: 12px;
  font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 2em;
  margin: 0 auto;
  background: #ddd;
}
.page_title{
  margin:auto;
  overflow: hidden;
  clear: both;
  background: #B4D6FF;
  width: 1000px;
  width: 100%;
}
h1{
 width:1000px;
 margin:auto;
 overflow: hidden;
 text-align: center;
 color: #2B2B2B;
 line-height: 58px;
 font-size: 19px;
}
div#boxArea {
    margin: auto;
}
*{
  padding:0px;
  margin:0px;
}
.footer{
  margin:auto;
  overflow: hidden;
  background: #7BB5FA;
  width: 1000px;
  width: 100%;
  margin-top: 4px;
}
.foot{
  text-align: center;
  color:#fff;
  padding:10px;
}
.foot a{
  color: #FFFFFF;
  text-decoration: underline;
}
.foot a:hover{
  text-decoration: none;
}
.sub{
  padding:10px;
  overflow: hidden;
  background: #eee;
}
.sub img{
  float: right;
  margin:10px;
  margin-right: 0;
  width:35%;
}
div#boxArea div:nth-child(3) {
    margin-right: -3px;
}
.feedback_main_top{
  margin:auto;
  overflow: hidden;
  width: 1000px;
  width: 100%;
  margin: 0 auto;
  background: #B4D6FF;
}
.feedback_top_main{
  overflow: hidden;
  background: #7BB5FA;
  width: 1000px;
  margin: 0 auto;
  width: 100%;
}
.feedback_main_menu{
  margin:auto;
  text-align: center;
  border-bottom: 10px solid #B4D6FF;
}
.feedback_main_menu ul li{
  display: inline-block;
  list-style-type: none;
  line-height: 50px;
}
.feedback_main_menu ul li a{
  padding: 10px 33px;
  text-decoration:none;
  color:#fff;
}
.feedback_main_menu ul li a:hover{
  /* background: #D39440; */
  color: #333;
}
.blog_contro{
  width:1000px;
  overflow: hidden;
  background: #fff;
  margin: 0 auto;
  background: #B4D6FF;
  box-shadow: 0 0 1px #f99 inset;
}
.feedback_count{
  padding:10px;
  margin:5px;
  overflow: hidden;

}
.feedback_block{
  clear: both;
  overflow: hidden;
}
.feedback_box{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #ddd;
  background: #eee;
}
img.feedback_iu{
   width: 35%;
   margin:10px;
   float: left;
   margin-left: 0;
}
p{
  padding:0px;
  margin:0px;
  text-align:justify;
  line-height: 30px;
}
.feedback_middle{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #eee;
}
.feedback_middle img{
  float: right;
  margin:10px;
  width: 48%;
  margin-right: 0;
}
a{
  color: #427fed;
  text-decoration: none;
}
p a:hover{
  text-decoration: none;
  text-decoration: underline;
}
h3{
  margin-top:10px;
}
.feedback_box21{
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0 0 10px;
  width: 293px;
  float: left;
}
img.feedback21{
  padding:5px;
  margin:10px;
  box-shadow: 0 0 10px;
  width: 91%;
}
.feedback_box1{
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0 0 10px #0a0b0c;
  border: 1px solid gray;
  width: 453px;
  float: left;
  background: #ddd;
}
img.feedback {
    width: 93%;
    margin: 10px;
    padding: 5px;
    box-shadow: 0 0 10px;
}
p.Detail_MDI a{
  float: right;
  padding: 2px 22px;
  color: #fff;
  background: #7BB5FA;
}

p.Detail_MDI a:hover {
    box-shadow: 3px 4px 11px #999;
    text-decoration: none;
}

a {}
.pr_link_block{
  padding:10px;
  margin:5px;
  overflow: hidden;
  clear: both;
  background: #eee;
}
.pr_link_block ul{
  padding:0px;
  margin:0px;
}
.pr_link_block ul li {
  list-style-type: none;
  line-height: 30px;
  border-bottom: 1px solid #DDDDDD;
}
.pr_link_block ul li a:hover{
  text-decoration: underline;
}

h2  {
    position: relative;
    padding: 0.6em;
    margin: 0 0 .7em;
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    background: #fff;
    text-shadow: 1px 1px 0 #fff, 1px 1px 0 #999;
    border-bottom: #B4D6FF solid 2px;
    background-image: linear-gradient(to right, #EEEEEE, #7BB5FA);
}

.feedback_box_img {
    margin: auto;
    width: 1000px;
}
.feedbackright{
  width:300px;
  float: right;
  overflow: hidden;
}
.feedback_left{
  float: left;
  width:698px;
  overflow: hidden;
}
.feedback_menu{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #ddd;
}
.feedback_menu ul{
  padding:0px;
  margin:0px;
}
.feedback_menu ul li {
  list-style-type: none;
  padding:10px;
  text-align: center;
  border-bottom: 1px solid gray;
}
.feedback_menu ul li a{
  display: block;
  text-decoration: none;
}
.feedback_menu ul li:hover{
  background: gray;
}
.feedback_count {
    padding: 10px;
    margin: 5px;
    overflow: hidden;
}
.feedback_menu{
  padding:10px;
  margin:5px;
  background: #ddd;
  overflow: hidden;
  box-shadow: 0 0 10px;
}
.block_sub {
    padding: 10px;
    margin: 5px;
    overflow: hidden;
}
.feedback_left{
  width:698px;
  float: left;
  overflow:hidden;
  clear: both;
}
.feedback_right{
  width:300px;
  float: right;
  overflow: hidden;
}
.feedback_main{
  padding:10px;
  margin:5px;
  overflow: hidden;
  clear: both;
  background: #ddd;
}
.feedback_main ul{
  padding:0px;
  margin:0px;
}
.registering_main ul li {
  list-style-type: none;
  padding:10px;
  text-align: center;
  border-bottom:1px solid gray;
}
.feedback_main ul li:hover{
  background: gray;
}
.feedback_main ul li a{
  font-size: 14px;
  text-decoration: none;
}

@media screen and (max-width: 480px) {
 .page_title{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 h1{
  font-size: 12px;
  width:100%;
 }
 .feedback_main_top{
  width:100%;
 min-width: auto;
 margin:auto;
 }
 .feedback_box_img{
  width:100%;
 }
 .feedback_box_img img{
  width:100%;
 }
 .feedback_top_main{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .feedback_main_menu{
  width:100%;
 }
 .feedback_main_menu ul li{
  display: block;
 }
 .feedback_main_menu ul li a{
  display: block;
  padding:0px;
 }
 .blog_contro{
  width:100%;
 }
 .feedback_left{
  width:100%;
 }
 .feedback_main{
  width:93%;
 }
 .feedbacking_block{
  width:100%;
 }
 .feedback_box1{
  width:93%;
 }
 img.feedback{
  float: none;
  width:93%;
 }
 .pr_link_block{
  width:93%;
 }
 .feedback_right{
  width:100%;
 }
 .feedback_middle{
  width:93%;
 }
 .feedback_middle img{
  float:none;
  width: 100%;
  margin-left: 0;
 }
 .feedback_box21{
  width:93%;
 }
 img.feedback21{
  float: none;
  width:93%;
 }
 .feedback_box{
  width:93%;
 }
 .feedback_box{ 
  width:93%;
 }
 img.feedback_iu{
  float: none;
  width:93%;
  width: 100%;
  margin-left: 0;
 }
 .sub{
  width: 95%;
 }
 .sub img{
  float: none;
  width:93%;
  width: 93%;
  width: 100%;
  margin-left: 0;
 }
 .footer{
  width:100%;
  min-width: auto;
  margin:auto;

 }
 .foot{
  width:93%;
 }
}