@charset "utf-8";

/* 記事下での表示用 */
#wpdl{
width:96%;
margin:20px 0px 20px 0px;
background-color:#fff;
border-width:2px;
border-color:#394d96;
border-style:dotted;
padding:10px;
}

#wpdl .wpdl-title{
margin:-12px -12px 10px -12px;
text-align:left;
background-color:transparent;
}
#wpdl .wpdl-title h2{
margin:0px;
padding:5px 3px 3px 3px;
background-color:#fff;
border-left:solid 30px #394d96;
border-top:solid 2px #394d96;
border-right:solid 2px #394d96;
border-bottom:solid 2px #394d96;
font-size:20px;
}
#wpdl h2 .small{
font-size:0.7em;
font-weight:normal;
}
#wpdl .summary{
  margin:20px 10px;
  padding:10px;
  font-size:14px;
/*
  border-width:1px;
  border-style:dotted;
  border-color:#666;
*/
}
#wpdl .summary2{
  font-size:90%;
  border:0;
  margin:0px 10px;
}

#wp-select{
  border:solid 1px #394d96;
  padding:10px;
  margin:0 0 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.dl-btn{
margin:20px auto 25px auto;
width:530px;
}

/* 一社単独企画の場合はスタイルを変える */
#wpdl .dl-btn.tandoku{
width:260px;
}

#wpdl .dl-btn .all-pdf{
width:250px;
float:left;
margin-right:25px;
}

#wpdl .dl-btn .all-pdf.top{
  float:none;
  width:250px;
  margin:0 auto;
}

#wpdl .dl-btn .check-pdf{
width:250px;
float:right;
}
/* 一社単独企画の場合は表示しない */
#wpdl .dl-btn.tandoku .check-pdf{
display:none;
}

#wpdl .dl-btn img{
  cursor:pointer;
}

#wpdl .submit-button{
background-color: #CB1626;
background-image: url("/common/images/v3/wpdl/form4members-bg.gif");
background-repeat: repeat-x;
background-position:left -24px;
border-color: #CCCCCC;
border-style: double;
border-width: 2px;
color: #FFFFFF;
display: block;
font-size: 14px;
padding: 3px;
text-align: center !important;
text-indent: 0;
width: 240px;
cursor:pointer;
}
#wpdl .submit-button:hover{
background-image: url("/common/images/v3/wpdl/form4members-bg-hover.gif");
}

#wpdl .dl-section{
margin:0 0px 2px 0px;
background-color:#fdeada;
padding:10px;
border-color: #ccc;
border-style: solid;
border-width: 1px;
}

#wpdl .dl-section p{
margin:0;
padding:0;
font-size:13px;
line-height:1.2;
}

#wpdl .dl-section h3.company{
margin:3px 0;
padding:0;
line-height:1.4;
}

#wpdl .company-desc .company-txt{
width:350px;
float:right;
position:relative;
min-height:130px;
}

/* 一社単独企画の場合はスタイルを変える */
#wpdl .tandoku .company-desc .company-txt{
min-height:90px;
}

#wpdl .company-desc .company-txt h4{
margin:0 0 5px 0;
color:#002076;
border-style:dotted;
border-color:#00006e;
border-width:0px 0px 2px 0px;
padding-left:0px;
}

#wpdl .company-desc .company-ico{
width:200px;
float:left;
}

#wpdl .company-bottom{
position:absolute;
left:0px;
bottom:0px;
margin-top:5px;
}
#wpdl .company-bottom.relative{
position:relative;
}

#wpdl .company-bottom .dl-clip{
clear:both;
float:left;
width:250px;
font-size:14px;
line-height:14px;
color:#2c5381;
/* background:url(/common/images/v3/wpdl/dl-arrow.gif) no-repeat 0 4px; */
background-color:#cb1626;
/* padding:0 0 5px 17px; */
padding:2px 0px 3px 12px;
color:#fff;
}

/* 一社単独企画の場合は表示しない */
#wpdl .tandoku .company-bottom .dl-clip{
display:none;
}

#wpdl .company-bottom .dl-clip *{
color:#fff;
}
#wpdl .company-bottom .date{
float:left;
margin-left:20px;
padding:0;
}

#wpdl .company-bottom .date p{
font-size:14px;
}

#wpdl .link-list{
margin-bottom:20px;
margin-left:20px;
font-size:13px;
background:url(/common/images/v3/wpdl/link-arrow.gif) no-repeat left;
padding-left:15px;
}
#wpdl .link-list a{
font-weight:bold;
color:#1f497d;
}
#wpdl .link-list a:hover{
text-decoration:underline;
}
#wpdl .bnr-box h5{
margin-bottom:0;
}
#wpdl .reset{
  margin:5px auto 20px 27px;
  padding-left:20px;
  width:200px;
  cursor:pointer;
  font-size:13px;
  font-weight:bold;
  background: url("/common/images/v3/wpdl/link-arrow.gif") no-repeat scroll left center transparent;
}
/* 一社単独企画では表示しない */
#wpdl .reset.tandoku{
display:none;
}

#wpdl .addlist,.dellist{
  cursor:pointer;
}

#wpdl h4.wpdlcheck{
  font-weight:bold;
  font-size:15px;
  margin:0 15px 5px 15px;
  padding:0 0 0 12px;
  line-height:1.6;
  background:url(/common/images/v3/wpdl/check-ico.gif) no-repeat left;
}

#wpdl h4.wpdlcheck span{
  font-weight:normal;
  font-size:14px;
  margin-left:15px;
}
#wpdl .item-summary{
  font-size:90%;
  margin:0px 10px 25px 10px;
  padding:10px;
  font-size:90%;
  /* background-color: #FDEADA; */
  background-color:#fafafa;
  border-width:1px;
  border-style:dotted;
  border-color:#666;
}
#wpdl .item-summary h4{
  margin-left:0px;
  padding-left:15px;
  font-size:15px;
  background-position:0px 7px;
}
.item-summary img{
  float:right;
  margin-left:10px;
}
#wpdl .item-summary .dld{
  float:right;
  width:160px;
  margin-top:10px;
  padding:0px 0px 0px 20px;
  background: url("/common/images/v3/wpdl/y-arrow.gif") no-repeat scroll 0 1px transparent;
  font-size:13px;
  font-weight:bold;
}

#wpdl .personal-box{
  margin:30px 30px 30px 55px;
}

#wpdl .personal{
  background:#f5f5f7;
  padding:15px;
  border:dotted 1px #ccc;
}

#wpdl .personal-box2{
  clear:both;
  width:96%;
  margin:20px auto;
  text-align:left;
  font-weight:normal;
}

#wpdl .personal2{
  background:#f5f5f7;
  padding:10px;
  border:dotted 1px #ccc;
  text-align:left;
  font-weight:normal;
  font-size:13px;
}


#wpdl .personal ul{
  margin-top:10px !important;
}

#wpdl .personal ul li{
  border-style:none !important;
  font-size:13px;
  line-height:1.4;
  padding-bottom:5px;
  margin:0 !important;
}

#wpdl .personal ul li a{
  text-decoration:underline;
}

#wpdl .personal p{
  margin:0 !important;
}

#wpdl p.attention{
  margin:0 0 5px 0 !important;
  color:#f00 !important;
}
#wpdl p.dol-policy{
  font-size:12px !important;
  margin:5px 0 0 0 !important;
}

/* -- ダウンロードボタン -- */

#privacy-member-check{
  width:400px;
  background:url(/common/images/v3/wpdl/dl-policy-arrow.gif) no-repeat center top;
    text-align:center;
    padding:45px 0 0 0;
  margin:0 130px;
}

#privacy-member-check .privacy-check-btn span{display:none;}
#privacy-member-check .privacy-check-btn a{
  background:url(/common/images/v3/wpdl/download-btn.jpg) no-repeat 0 0;
  width:400px;
  height:80px;
  display:block;
}
#privacy-member-check .privacy-check-btn a:hover{
  background-position:0 -80px;
}
#privacy-member-check .privacy-info ul{margin-top:15px;}
#privacy-member-check .privacy-info ul li{
  border-style:none;
  font-size:13px;
  margin-bottom:5px;
}

#privacy-member-check .online-member-btn span{display:none;}
#privacy-member-check .online-member-btn a{
  background:url(/common/images/v3/wpdl/download-member.jpg) no-repeat 0 0;
  width:400px;
  height:40px;
  display:block;
}
#privacy-member-check .online-member-btn a:hover{
  background-position:0 -40px;
}

.privacy-check{
  background:url(/common/images/v3/wpdl/dl-policy-arrow.gif) no-repeat center top;
  text-align:center;
  padding:45px 0 0 0;
}

.privacy-check p{
  background-color:#ec0818;
  padding:10px 15px !important;
  color:#fff !important;
  font-weight:bold;
  text-align:center !important;
  margin:0 30px 0 55px !important;
}

.membercheck{
  margin:10px 15px 15px 55px;
}

.membercheck .member{
  float:left;
  width:240px;
  text-align:center !important;
  padding-left:20px;
}

.membercheck .member a{
  background:url(/common/images/v3/wpdl/member-btn1.jpg) no-repeat;
  width:240px;
  height:70px;
  display:block;
}

.membercheck .member a:hover{
  background:url(/common/images/v3/wpdl/member-btn1-on.jpg) no-repeat;
}

.membercheck .no-member{
  float:left;
  width:240px;
  padding-left:20px;
  margin-left:10px;
}

.membercheck .no-member a{
  background:url(/common/images/v3/wpdl/member-btn2.jpg) no-repeat;
  width:240px;
  height:70px;
  display:block;
}

.membercheck .no-member a:hover{
  background:url(/common/images/v3/wpdl/member-btn2-on.jpg) no-repeat;
}

.membercheck .member span,
.membercheck .no-member span{
  display:none;
}

.backpage{
  margin:15px 0;
}

.backpage p{
  margin:0 0 0 13px !important;
  padding:0 0 0 15px !important;
  background:url(/common/images/v3/wpdl/back-arrow.gif) no-repeat left;
}

/* -- ポップアップページ ------------------------- */
#wrapper.pdfdl,
#wpdl-wrapper.pdfdl,
#header.pdfdl,
#footer.pdfdl{
  width:680px;
}

.closebtn{
  text-align:center !important;
  margin:15px auto;
}

.closebtn input.pdfdl-close{
  display:inline-block;
  background-color:#fff;
  border:solid 1px #394D96;
  padding:3px 5px 3px 25px;
  text-align:center;
  cursor:pointer;
  background:url(/common/images/v3/wpdl/close-btn.gif) no-repeat 5px 3px;
}

#footer.pdfdl p{
  text-align:center !important;
}

/* ツールチップ用 */
#wpdl{
  z-index:1000;
}
#sub-column{
  z-index:500;
}
.wpdl-icon{
  z-index:2000;
  /* cursor:pointer; */
border-style:solid;
border-color:#ccc;
border-width:1px;
}

.wpdl-link{
  display:inline-block;
  float:right;
  z-index:2000;
  cursor:pointer;
  font-weight:bold
}
.tooltip{
  z-index:1000;
  display:none;
  background:transparent url(/common/js/lib/tooltip/images/white_arrow_big.png);
  background-repeat:no-repeat;
  font-size:11px;
  height:300px;
  width:280px;
  padding:10px 10px 10px 10px;;
  color:#333;
}
.tooltip img.tip-icon{
  display:block;
  width:165px;
  border:0!important;
  float:none;
  margin:20px auto;
  padding-left:15px;
}
.tooltip p{
  clear:both;
  float:;left;
  font-size:14px;
  margin-left:20px;
  padding:5px;
  height:130px;
  overflow:scroll;
}

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