@charset "UTF-8";


.mainImage {
  position: relative;
}

.mainImage .backNumber {
  text-align: right;
  position: absolute;
  right: 10px;
  top: 56px;
}
.mainImage .attention {
  text-align: right;
  position: absolute;
  right: 10px;
  top: 88px;
}

.mainImage .new {
  text-align: right;
  position: absolute;
  right: 10px;
  top: 72px;
}

.mainImage ul.pagenavi {
  padding: 20px 0 0 40px;
  height: 16px;
}

.mainImage ul.pagenavi li {
  float: left;
  height: 16px;
  border-left: 1px solid #666;
  padding-left: 10px;
  margin-left: 10px;
}

.mainImage ul.pagenavi li.first {
  border: none;
  padding-left: 0;
  margin-left: 0;
}

/* contents
---------------------------------------- */
.perspectivesTop #content {
  margin-left: 0 !important;
  width: 910px;
}

.perspectivesTop #content .toTop {
  width: 870px;
  margin-left: 40px;
}

#mainContentsArea {
  float: none;
  width: 870px;
}

.perspectivesTop #mainContentsArea {
  padding: 12px 0 5px 40px;
  background: url(/content/dam/static/jp/wm/perspectives/images/bg_contents.gif);
  float: none;
  width: 870px;
}

.perspectivesTop #mainContentsArea .section {
  margin-bottom: 0;
}

.perspectivesTop #mainContentsArea .indexArea {
  margin-bottom: 7px;
}

.perspectivesTop #mainContentsArea .indexArea .box {
  float: left;
  display: inline;
  background: #fff;
  padding: 17px;
  margin-right: 2px;
  cursor: pointer;
}


.perspectivesTop #mainContentsArea .indexArea .box {
  width: 175px;
}

.perspectivesTop #mainContentsArea .indexArea .boxL {
  width: 381px;
}

.perspectivesTop #mainContentsArea .indexArea .boxM {
  width: 244px;
}

.perspectivesTop #mainContentsArea .indexArea .box174 {
  width: 174px;
}

.perspectivesTop #mainContentsArea .indexArea .box278 {
  width: 278px;
}

.perspectivesTop #mainContentsArea .indexArea .box383 {
  width: 383px;
}

.perspectivesTop #mainContentsArea .indexArea .box384 {
  width: 384px;
}


.perspectivesTop #mainContentsArea .indexArea .box244 {
  width: 244px;
}

.perspectivesTop #mainContentsArea .indexArea .boxFull {
  width: 804px;
}


.perspectivesTop #mainContentsArea .indexArea .box.hover {
  background: #F8FAFC;
}

.perspectivesTop #mainContentsArea .indexArea .box p.ttl {
  margin-bottom: 0;
}

.perspectivesTop #mainContentsArea .indexArea .box p.image {
  margin-bottom: 0;
  padding: 3px 0 5px;
}

.perspectivesTop #mainContentsArea .indexArea .box dl a {
  padding: 0;
  background: none;
  color: #666;
}

.perspectivesTop #mainContentsArea .indexArea .box dl a:hover {
  text-decoration: none; 
}

.perspectivesTop #mainContentsArea .indexArea .box dl {
  line-height: 1.5;
}

.perspectivesTop #mainContentsArea .indexArea .box dl dd {
  margin-bottom: 0;
}

#mainContentsArea .leadArea p.lead {
  font-size: 1.2em;
}

#mainContentsArea #ttlimage {
  width: 870px;
  margin-bottom: 30px;
}

#mainContentsArea #ttlimage p {
  margin-top: 5px;
}

#mainContentsArea #ttlimage p .caption {
  font-size: 0.85em;
}

#mainContentsArea #ttlimage img,
#mainContentsArea .section img {
  padding-bottom: 3px;
}


#mainContentsArea .section .textR690 {
  width: 690px;
  float: right;
}

#mainContentsArea .section .imageL150 {
  width: 150px;
  float: left;
}

#mainContentsArea .section .textL690 {
  width: 690px;
  float: left;
}

#mainContentsArea .section .imageR150 {
  width: 150px;
  float: right;
}

#mainContentsArea .section .textR520 {
  width: 520px;
  float: right;
}

#mainContentsArea .section .imageL320 {
  width: 320px;
  float: left;
}

#mainContentsArea .section .textR420 {
  width: 420px;
  float: right;
}

#mainContentsArea .section .imageL420 {
  width: 420px;
  float: left;
}

#mainContentsArea .section .textL420 {
  width: 420px;
  float: left;
}

#mainContentsArea .section .textL520 {
  width: 520px;
  float: left;
}

#mainContentsArea .section .textL540 {
  width: 540px;
  float: left;
}

#mainContentsArea .section .imageR320 {
  width: 320px;
  float: right;
  padding-top: 5px;
}

#mainContentsArea .section .imageR420 {
  width: 420px;
  float: right;
  padding-top: 5px;
}

#mainContentsArea .section .imageR540 {
  width: 540px;
  float: right;
  padding: 5px 0 5px 20px;
}


#mainContentsArea .section .textL560 {
  width: 560px;
  float: left;
}

#mainContentsArea .section .imageR280 {
  width: 280px;
  float: right;
  padding: 5px 0 5px 20px;
}

#mainContentsArea .section .textR560 {
  width: 560px;
  float: right;
}

#mainContentsArea .section .imageL280 {
  width: 280px;
  float: left;
  padding: 5px 20px 5px 0;
}

#mainContentsArea .section .imageR320 {
  padding: 5px 0 5px 20px;
}


#mainContentsArea .section .image {
  padding-top: 10px;
}

/*#mainContentsArea .section .imageL320 p,
#mainContentsArea .section .imageR320 p,
#mainContentsArea .section .imageR540 p,
#mainContentsArea .section .image {
  font-size: 0.85em;
}*/

#mainContentsArea #ttlimage span.caption,
#mainContentsArea .section span.caption {
  font-size: 0.85em;
}

#mainContentsArea .section .imageR540 p.img-ph {
  width: 320px;
  float: left;
}

#mainContentsArea .section .imageR540 p.img-ill {
  width: 200px;
  padding-left: 20px;
  float: left;
}

#mainContentsArea .section span.attention {
  font-size: 0.85em;
}


#mainContentsArea p span.caption {
  text-align: right;
  display: block;
  line-height: 1.5;
  font-size: 0.85em;
}

#mainContentsArea p span.captionC {
  text-align: center;
  display: block;
  line-height: 1.5;
  font-size: 0.85em;
}

#mainContentsArea p span.captionL {
  display: block;
  line-height: 1.5;
  font-size: 0.85em;
}

#mainContentsArea p span.alignL, {
  text-align: left;
}

#mainContentsArea .profileSection {
  margin-top: -10px;
}

#mainContentsArea .profileSection .profileBox {
  width: 850px;
}

#mainContentsArea .profileSection .profileBoxL {
  width: 405px;
  float: left;
}

#mainContentsArea .profileSection .profileBoxR {
  width: 405px;
  float: right;
}

#mainContentsArea .profileSection .profileBox table {
  width: 510px;
  margin-bottom: 10px;
}

#mainContentsArea .profileSection .profileBox table td.yr {
  width: 90px;
  vertical-align: top;
}

#mainContentsArea .profileSection .profileBox .text {
  width: 750px;
  float: right;
}

#mainContentsArea .profileSection .profileBoxL .text,
#mainContentsArea .profileSection .profileBoxR .text {
  width: 305px;
}

#mainContentsArea .profileSection .profileBox .textM {
  width: 640px;
  float: right;
}

#mainContentsArea .profileSection .profileBox .textL {
  width: 720px;
  float: right;
}

#mainContentsArea .profileSection .profileBox .imageM {
  width: 200px;
  float: left;
}

#mainContentsArea .profileSection .profileBox .imageS {
  width: 120px;
  float: left;
}

#mainContentsArea .textL560 .profileSection {
  margin-top: 5px;
}

#mainContentsArea .textL560 .profileSection .profileBox {
  width: 540px;
}

#mainContentsArea .textL560 .profileSection .profileBox .text {
  width: 440px;
  float: right;
}


#mainContentsArea .profileSection .profileBox h4 .sub {
  font-weight: normal;
  font-size: 0.85em;
}

#mainContentsArea .profileSection .image {
  padding-top: 0;
}

#mainContentsArea .section .last {
  margin-bottom: 0;
}

#mainContentsArea .section .activityArea {
  padding: 10px 0 0;
}

#mainContentsArea .section .activityArea h4 {
  margin-bottom: 10px;
}

#mainContentsArea .section ul#activity {
  margin-bottom: 20px;
}

#mainContentsArea .section ul#activity li {
  border-bottom: 1px solid #fff;
  background-color: #EDEEF2;
  padding: 6px 10px;
}

#mainContentsArea .section ul#activity li.odd {
  background-color: #F4F7F9;
}

#mainContentsArea .section ul#activity li h5 {
  font-weight: bold;
}

#mainContentsArea .section table.detail {
  margin-bottom: 20px;  
}

#mainContentsArea .section table.detail th,
#mainContentsArea .section table.detail td {
  border-bottom: 1px solid #fff;
  background: #edeef2;
  padding: 6px 10px;
}

#mainContentsArea .section table.detail th {
  font-weight: bold;
}

#mainContentsArea .section .detail2 {
  background: #edeef2;
  padding: 6px 10px;
}

#mainContentsArea .assistance {
  border: 1px solid #D6E0EA;
  padding: 15px;
  margin-top: 15px;
}


#mainContentsArea #contactBox {
  width: 868px;
}

#mainContentsArea #contactBox .inner {
  width: 830px;
}
#mainContentsArea .attention{
  padding:10px 0 30px;
  background: url(/content/dam/static/jp/wm/common/images/border_dot.gif) repeat-x scroll left top transparent;
}
#mainContentsArea #attention{
  display:none;
}
#lightbox{
  width:640px;
  height:500px;
  overflow:auto;
}
#lightbox h4 {
    font-weight: bold;
    margin-bottom: 7px;
    padding-bottom: 5px;
  background: url(/content/dam/static/jp/wm/common/images/border_dot.gif) repeat-x scroll left bottom transparent;
}
#lightbox p{
  margin-top:1.5em;

}



#mainContentsArea .block {
  border: 2px solid #D6E0EA;
  padding: 15px;
}

#mainContentsArea .block .box {
  float: left;
}

#mainContentsArea .block .box .textL730 {
  width: 730px;
}

#mainContentsArea .block .imageR90 {
  float: right;
  width: 90px;
}

#mainContentsArea .block .box .textL650 {
  width: 650px;
}

#mainContentsArea .block .box2 .textL650 {
  float:left;
  width: 640px;
}

#mainContentsArea .block .box2 .imageR180 {
  float: right;
  width: 180px;
}

#mainContentsArea .block .box2 .m80 {
  margin-top: 80px;
}

/*vol13霑ｽ蜉蛻�*/
.perspectivesTop #mainContentsArea .indexArea .box240 {
  width: 240px;
}

.perspectivesTop #mainContentsArea .indexArea .box249 {
  width: 249px;
}

#mainContentsArea .section .imageR220 {
  width: 220px;
  float: right;
  padding: 5px 0 5px 20px;
}

#mainContentsArea .txt_bold{
  font-weight:bold;
  }
  
#mainContentsArea .name_color{
  color:#378387;
  font-weight:bold;
  }

#mainContentsArea .paging{
  width:100%;
  }

#mainContentsArea .section .imageR220 {
  width: 220px;
  float: right;
  /*padding: 5px 0 5px 20px;*/
}


#mainContentsArea .section .textL590 {
  width: 590px;
  float: left;
}


/*Margin
--------------*/
.mg5 {margin:5px;}
.mg10 {margin:10px;}

/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgT40 {margin-top:40px;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR20 {margin-right:20px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB20 {margin-bottom:20px;}


/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL20 {margin-left:20px;}

/*Padding
--------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}

/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT20 {padding-top:20px;}
.pdT40 {padding-top:40px;}
.pdT60 {padding-top:60px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR20 {padding-right:20px;}
.pdR60 {padding-right:60px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB20 {padding-bottom:20px;}
.pdB30 {padding-bottom:30px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL20 {padding-left:20px;}
.pdL100 {padding-left:100px;}
/*Clear*/
.both {
  clear:both;
  }

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

.clearfix {
  display:inline-block;
  } 


/*vol13霑ｽ蜉蛻� END*/



/*vol14霑ｽ蜉蛻�*/
#mainContentsArea .block .box2 .textL625 {
  float:left;
  width: 625px;
}

#mainContentsArea .section .imageR180 {
  width: 180px;
  float: right;
  padding: 5px 0 15px 20px;
}

#mainContentsArea .section .fontL{
font-weight:bold;
font-size:1.2em;
}
/*vol14霑ｽ蜉蛻� END*/