/*共通*/

.clear { clear:both; }

/*特集 基本CSS*/
.spcms {
    background-color: #FFFFFF;
    padding: 20px;
}
.spcms .spcms-top { margin-bottom: 10px; }
.spcms .spcms-top img { width: 660px; }
.abst_text {
    font-size: 14px;
    font-weight: bold;
}

/* クーポンのレイアウト */
.spcms .coupon_spcms {
    background-color: #FFFFFF;
    border: 3px solid #936920;
    width: 550px;
    text-align: center;
    margin: 0px auto;
}
.co_left {
    width: 340px;
    text-align: center;
    vertical-align: middle;
    float: left;
    color: #c00000;
    font-weight: bold;
}
.co_right {
    width: 210px;
    text-align: center;
    float: right;
}
.obi {
    width:100%;
    height:18px;
    text-indent: -999em;
}
.obi_down {
    background-image: url(/resources/a/pc/v2/images/tokushu/obi_down_long.jpg);
}
.obi_up {
    background-image: url(/resources/a/pc/v2/images/tokushu/obi_up_long.jpg);
}
.cp_title { /*クーポン名・対象ジャンルなど*/
    font-size:21px;
    line-height: 25px;
    margin-top: 10px;
}
.cp_discount { /*割引率*/
    font-size: 27px;
    line-height: 35px;
}
.cp_uselimit { /*最大利用回数*/
    margin-bottom: 5px;
}
.cp_period { /*有効期間*/
    background-color: #f9f5ec;
    margin: 0px 10px 5px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #595959;
    padding: 2px;
    clear: both;
}

/* =====Tpoint連携===== */
.spcms .tpoint {
    padding: 10px;
    margin: 30px auto;
    background-color: #FFF3D1;
    width: 80%;
    text-align: center;
    border: 4px double #FF620D;
    border-radius: 10px;
}
.spcms .tpoint p {
    font-size: 22px;
    font-weight: bold;
}
.spcms .tpoint ul {
    display: inline-block;
    text-align: left;
    list-style-type:none
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    /display:inline;
    /zoom:1;
}

/*定番のページから探す*/
.cpn_searcharea {
    margin: 0 0 30px 40px;
}
.cpn_searcharea ul {
    float: left;
    margin-right: 50px;
}
.cpn_searcharea ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

/*検索フォーム*/
.cpn_searchwrapper {
    margin: 0 0 30px 40px;
}
.cpn_searchbox {
    width: 310px;
    margin-right: 5px;
    border: 1px solid #cccccc;
    padding: 3px;
    position: relative;
    float: left;
}
.cpn_searchbox input[type="text"] {
    border: medium none;
    height: 22px;
    margin-left: 3px;
    padding-left: 5px;
    width: 300px;
}
.spcms input.searchbtn2 {
    font-size:13px;
    height: 32px;
    width:42px;
    padding:0;/* ie */
    float: left;
}

/*ジャンルから探す*/
.cpn_searchgenre {
    margin: 0 0 30px 40px;
}
.cpn_searchgenre ul {
    float: left;
    margin-right: 60px;
}
.cpn_searchgenre ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}


/* ===============Twitter窓=================== */
#mytweets {
    width: 520px; /* 画像の幅と同じサイズを指定 */
    margin: 0px auto;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    margin-bottom: 20px;
}
.mytweets-header {
    position: relative;
    height: 50px; /* ヘッダー用の画像の高さから次の行で「ヘッダー内の上下余白に指定した数値×2」を引いた数値を指定 ※画像の高さが62pxなら50pxと指定します。※ */
    padding: 6px 10px; /* ヘッダー内の上下余白 ヘッダー内の左右余白 ※ここは適当に指定※ */
}
.twitter-title {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
}
.twitter-follow-me {
    /* フォローボタンの表示位置指定 */
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.mytweets-body {
    border-top: 1px solid #e1e8ed;
}
/* =============//Twitter窓=================== */