@charset "utf-8";
/* top */
/*
 * 汎用クラス
 */
.bold{font-weight: bold;}
.mB5{margin-bottom: 5px;}
.mB10{margin-bottom: 10px;}
.mB15{margin-bottom: 15px;}
.mB20{margin-bottom: 20px;}
.mB25{margin-bottom: 25px;}
.mB30{margin-bottom: 30px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.hide{display:none;}
.baseLinkColor{color:#09708C;}

/*
 * コンテンツ
 */
.contentsLeft a,#contentsBottom a{
  text-decoration: none;
}
.back{
  background-image: url(../img/main/back.png);
  background-position: center top;
  background-repeat: repeat-x;
}
#contents{
  width:950px;
  margin:0 auto;
  text-align: left;
}
.contentsLeft{
  width:625px;
  float:left;
  margin:0 25px 0 0;
}
.contentsRight{
  width:300px;
  float:right;
}
#contentsBottom{
  text-align: left;
  background: #f4f4f4;
  height: 70px;
  margin:40px 0 0;
  padding: 50px 0;
}
.mainVisual{
  background: url(../img/main/mainvisual.png) no-repeat center top;
  height:220px;
}
.pageTitle{
  font-size: 26px;
  font-weight: bold;
  border-top: 2px #ed7b14 solid;
  padding:15px 0;
}
.supplementTitle{
  font-size: 70%;
}
.contentsLeft > ul > li:first-child{
  border-top: none;
}

/*
 * campaignBox 関連
 */
.campaignBox{
  border-top: 1px #ed7b14 dotted;
  line-height: 1.25em;
}
.campaignBox a{
  display:block;
  min-height: 150px;
  padding: 20px 25px;
}
.campaignBox a:hover{
  background: #FFEFAE;
}
.campImg{
  float:left;
  width:150px;
  margin:0 25px 0 0;
}
.campTitle{
  float:left;
  width:395px;
  color:#09708c;
  font-weight: bold;
  font-size: 14px;
}
.campCompany{
  font-size: 14px;
  color:#686868;
  width:395px;
  float:left;
}
.campDisc{
  float:left;
}
.campNum{
  font-weight: bold;
  font-size: 16px;
  color:#333;
}
.campDay{
  font-size: 14px;
  color:#686868;
}

/*
 * new、終了マーク
 */
.campDisc .new li,
.campDisc .finish li{
  padding:0 0 0 50px;
}
.campDisc .new,
.campDisc .finish{
  min-height: 50px;
  padding:15px 0 0;
}
.campDisc .new{
  background:url(../img/common/new.png) no-repeat;
}
.campDisc .finish{
  background:url(../img/common/finish.png) no-repeat ;
}
.toList,
.readItem{
  display:block;
  height:20px;
  text-align: center;
  background:#f4f4f4;
  color:#09708c;
  padding:10px 0;
}
/*
 * ラベル
 */
.iwLabel{
  display: inline-block;
  margin-left: 5px;
  padding: 0 1px;
  letter-spacing: normal;
  border: solid 1px #cc0000;
  font-size: 12px;
  color: #cc0000;
  vertical-align: bottom;
  font-weight: normal;
  background: #fff;
}
.campaignBox .label span{
  display: inline-block;
  padding: 2px 1px;
  letter-spacing: normal;
  font-size: 12px;
  vertical-align: top;
  font-weight: normal;
}
/*CpLabel*/
.campaignBox .label .CpLabel{
  padding: 2px;
  margin-bottom: 5px;
  border: solid 1px #686868;
  color: #686868;
}
/*
 * ---------top・list右カラム広告------------------
 */

/*プライムディスプレイ*/
.primeDisp dt{
  width: 300px;
  background-color: #ddd;
  display: inline-block;
  *display: inline;
  *zoom:1;
  padding: 4px 0 4px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
}

/*
 * インフォレター
 */
.preAdd li, .preAdd2 li{
  padding:15px;
  background: #f4f4f4;
  margin:0 0 5px;
}
.preAdd .preAddTitle, .preAdd2 li h3{
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 5px;
}
.preAdd a{
  color: #09708c;
  text-decoration: none;
}
.preAdd .addLink > a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  background: #ed7b14;
  width:170px;
  padding: 8px;
  color:#fff;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.preAdd .addLink > a:hover{
  background: #FFA337;
}
.preAdd li .addLink{
  text-align:center;
}
.preAdd li .preAddDisc, .preAdd2 li .preAddDisc{
  font-size: 12px;
  margin:0 0 15px;
}
.preAdd .qr span{
  display: inline-block;
  width: 175px;
  padding: 18px 0;
}
.preAdd .qr img{
  float: left;
  padding-right: 10px;
}

.preLinkMod img{
  float:left;
  padding:0 10px 0 0;
}
.preLinkMod p{
  font-size: 12px;
  color:#09708c;
  line-height: 1.5em;
  cursor: pointer;
}
.preLinkMod a{
  text-decoration: underline;
  color: #09708c;
}
.preLinkMod a:visited{
  color: #09708c;
}

.preAdd2 li .preNoMail{
  font-size: 12px;
  padding:5px;
  border:1px #ff2727 solid;
  background-color:#ffeaea;
}

.infoError{
  align:center;
  margin:0 180px 40px;
  padding:10px;
  color:red;
  border: 1px #ff9d9d solid;
  background-color:#ffeaea;
}

.infoError .infoText{
  margin:5px 0 0;
  color:#000000;
  font-size:12px;
}

.preInfoLink{
  display:block;
  margin:10px 0 0;
  font-size:12px;
}

.preInfoLink img{
  width:21px;
  height:21px;
  vertical-align:middle;
}

.preInfoLink a{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#09708c;
}


/*
 * パンくずリスト---------list--------
 */
#breadcrumbs{
  padding:0 0 0 10px;
  font-size:14px;
  line-height: 20px;
  color: #666666;
}
#breadcrumbs .iconlink {
  background: url(../../../sb/v2/images/logo_mini_gray.gif) 0 -1px no-repeat;
  width: 17px;
  height: 20px;
  float: left;
  margin-right: 7px;
}

/*
 * 件数表示
 */
.numberView{
  text-align:left;
  font-size: 14px;
  width: 440px;
  float:left;
}

/*
 * 前へ次へボタン
 */
.pageLink{
  text-align: right;
  font-size: 13px;
}
.pageLink a{
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.prevLink,.nextLink{
  color: #09708c;
}
.noLink{
  color: #999;
}

/*
 * includeBox-----iframe読み込み-----
 */
.includeBox{
  margin:80px 0 70px;
}

/*
 * モラタメモジュール アイテム
 */
.moratameList {
  font-size: 14px;
}
.moratameItem {
  border-top: 1px #ed7b14 dotted;
  line-height: 1.25em;
}
.moratameItem a {
  display: block;
  min-height: 100px;
  padding: 20px 25px;
}
.moratameItem a:hover {
  background: #FFEFAE;
}
.moratameImg {
  float: left;
  width: 100px;
  padding-right: 25px;
}
.moratameTitle {
  float: left;
  width: 445px;
  padding: 0 0 3px;
  color: #09708c;
  font-weight: bold;
}
.moratameCompany {
  padding: 0 0 3px;
  color: #686868;
  font-size: 12px;
}
.moratamePrice {
  padding: 0 0 3px;
  color: #CC0000;
  font-weight: bold;
  font-size: 16px;
}
.moratameStock {
  padding: 0 0 3px;
  color: #000000;
}
.moratameEnd {
  color: #000000;
}
.priceSuffix {
  color: #686868;
  font-size: 12px;
  font-weight: normal;
  padding-left: 5px;
}
.stockPrefix {
  padding-right: 0.5em;
}
.endPrefix {
  padding-right: 0.5em;
}
.note {
  color: #686868;
}
.note small {
  display: block;
}
.cpTxt{
  text-align: right;
  margin-bottom: 20px;
}
.cpTxt a{
  color: #09708c;
  font-weight: bold;
  font-size: 14px;
}