/*body:after {
content: "";display: block;position: absolute;top: 0;left: 50%;z-index: -1;
width: 1200px;
height: 7879px;
margin-left: -637.5px;
    top: -9px;
    left: 50%;
background: url(../test_img/story01_pc.jpg) 0 0 no-repeat;
}
.wrapper {opacity: 0.5;}*/

.story_wrapper{}
.story_area{}

#section01 .mv{
  background:url(../../img/usr/freepage/story/story_mv.jpg) center top no-repeat;
  padding-top: 300px;
  margin-bottom: 80px;
}
#section01 .mv h1{
  height: 0;
  overflow: hidden;
}

#section01 h2.subttl{
  background: url(../../img/usr/freepage/story/story_txt01.png) center top no-repeat;
  padding-top: 132px;
  height: 0;
  overflow: hidden;
  margin-bottom: 45px;
}
#section01 .text{
    text-align: center;
    font-size: 15px;
        line-height: 2.2;
}
.newline{
 padding: 2em 0;
}

span.strong{
  font-weight: bold;
  color: #1071ad;
}
#section01 .story_area{
    margin-bottom: 85px;
}
#section02 .story_area{
    margin-bottom: 100px;
}



#section02 .title{
  width: 920px;
  height: 0;
  margin: 0 auto 50px;
  background: url(../../img/usr/freepage/story/story_ttl_message.jpg) center top no-repeat;
  padding-top: 125px;
  overflow: hidden;
}

.message{
  width: 810px;
  margin: 0 auto;
}
#section02 .message .message01,
#section02 .message .message02,
#section02 .message .message03 {
  position: relative;
  height: 175px;
  padding-bottom: 20px;
}
#section02 .message .message01 h3,
#section02 .message .message02 h3,
#section02 .message .message03 h3 {
  height:  175px;
  padding-left: 250px;
  overflow: hidden;
  text-indent: -9999px;
}
#section02 .message .message01 {
  background: url(../../img/usr/freepage/story/story_list_img01.jpg) left top 10PX no-repeat;
  border-bottom: 1px dotted #ccc;
}
#section02 .message .message01 h3 {
    background: url(../../img/usr/freepage/story/story_list_ttl01.png) 285px 0 no-repeat;
}
#section02 .message .message02 {
  background: url(../../img/usr/freepage/story/story_list_img02.jpg) left top 10PX no-repeat;
  border-bottom: 1px dotted #ccc;
}
#section02 .message .message02 h3 {
  background: url(../../img/usr/freepage/story/story_list_ttl02.png) 285px 0 no-repeat;
}
#section02 .message .message03 {
  background: url(../../img/usr/freepage/story/story_list_img03.jpg) left top 10PX no-repeat;
}
#section02 .message .message03 h3 {
  background: url(../../img/usr/freepage/story/story_list_ttl03.png) 285px 0 no-repeat;
}
.more_btn{
  position: absolute;
  top: 130px;
  left: 290px;
  width: 200px;
  height: 40px;
}

.more_btn a{
  position: absolute;
margin: 0 auto;
width: 200px;
height: 40px;
display: block;
/*
text-indent: -100%;
*/
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
white-space: nowrap;
overflow: hidden;
background: url(../../img/usr/freepage/story/story_btn_more.jpg) 0 0 no-repeat;
}
.more_btn a:hover{
background: url(../../img/usr/freepage/story/story_btn_more_ov.jpg) 0 0 no-repeat;
}
#section02 .note{
text-align: right;
width: 840px;
margin: 0 auto;
font-size: 12px;
}




/*message----------------------------------------------------*/
#mv {
  /*border-top: 1px solid #cccccc;*/
  width: 100%;
  min-width: 1080px;
  height: 151px;
  margin-bottom: 50px;
  text-align: center;
  background: url(../../img/usr/freepage/story/story_ttl_d_message.jpg) center center #F9FAFC no-repeat;
}
#mv h1 {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
}

.message_area{
  width: 920px;
    padding: 0 80px;
    margin: 0 auto 90px;
    position: relative;
}
.title_area{
  padding: 0 50px;
  margin-bottom: 45px;
}
#message01 .title_area{background: url(../../img/usr/freepage/story/story_img_message01.jpg) 40px 0px no-repeat;}
#message02 .title_area{background: url(../../img/usr/freepage/story/story_img_message02.jpg) 40px 0px no-repeat;}
#message03 .title_area{background: url(../../img/usr/freepage/story/story_img_message03.jpg) 40px 0px no-repeat;}

.title_area h2{
  height: 172px;
  width: 800px;
  background: 0 0 no-repeat;
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px;
}
#message01 .title_area h2{background-image: url(../../img/usr/freepage/story/story_ttl_d_message01.jpg);background-position: 240px 0;}
#message02 .title_area h2{background-image: url(../../img/usr/freepage/story/story_ttl_d_message02.jpg);background-position: 240px 0;}
#message03 .title_area h2{background-image: url(../../img/usr/freepage/story/story_ttl_d_message03.jpg);background-position: 240px 0;}

.message_contents{
    width: 790px;
  margin: 0 auto;
}
.message_contents dt,
.message_contents dd{
  padding-left: 100px;
  position: relative;
}
.message_contents dt span,
.message_contents dd span{
  position: absolute;
  left: 0;
  width: 60px;
  height: 30px;
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
}
.message_contents dt{
    color: #177FBD;
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.message_contents dt span{
    top: 5px;
  background: url(../../img/usr/freepage/story/story_icon_q.png) 0 0 no-repeat;
}
.message_contents dd{
    font-size: 16px;
  line-height: 2;
  margin-bottom: 50px;
}
.message_contents dd span{
  top: 3px;
  background: url(../../img/usr/freepage/story/story_icon_a.png) 0 0 no-repeat;
}
.message_img{
    margin-top: 30px;
  margin-bottom: 50px;
}
.message_area .movie {
  margin-bottom: 40px;
}
.message_area .return_btn{}
.message_area .return_btn a{
  margin: 0 auto;
  width: 216px;
  height: 51px;
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../../img/usr/freepage/story/story_btn_return.png) 0 0 no-repeat;
}
.message_area .return_btn a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  text-decoration: none;
}

/*pager*/
.message_area  .page_area{
        margin-top: 85px;
      margin-bottom: 10px;
}
.message_area  .page_area h4{
    margin: 0 auto;
        width: 760px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 15px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.message_area  .page_area ul{
    width: 770px;
  display: table;
  border-bottom: 1px dotted #ddd;
  padding: 30px 0 30px 95px;
}
.message_area  .page_area ul li{
    width: 320px;
  display: table-cell;
  vertical-align: middle;
}
.message_area  .page_area ul li a{
    margin-right: 30px;
  height: 100%;
  display: block;
}
.message_area  .page_area ul li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  text-decoration: none;
}
.message_area .page_area ul li img{
    float: left;
  width: 150px;
}
.message_area .page_area ul li h3{
  color: #069;
  font-size: 16px;
  line-height: 1.8;
  text-decoration: underline;
  padding-left: 170px;
  padding-top: 25px;
}

.note{
  width:560px;
  margin:0 auto;
}
.mt50{
  margin-top: 50px;
}