@charset "utf-8";
/* #############################################################
[ 構造設計 ]
適用範囲：monthlypre/index
※追記・改変の際はウェブマスタに問い合わせること
############################################################# */
/* ==========================================================================
モジュール
=========================================================================== */
#str_container #str_menuAndContents {
}
/* <p>マージン制御
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionGray p{
margin:0px;
}
/* --------------------------------------------------------------
ボタン：ブロック
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionPresentItem .blockBtn,
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockBtn{
clear:both;
background:#f3f3f3;
padding:10px;
text-align:center;
height:42px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton1,
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton2,
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton3,
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton4{
position:absolute;
bottom:14px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton1{
/* left:11px; プレゼント4つ*/
left:40px; /*プレセント3つ*/
/* left:100px; /*プレセント2つ*/
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton2{
/* left:200px; プレゼント4つ*/
left:300px; /*プレセント3つ*/
/* left:480px; /*プレセント2つ*/
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton3{
/* left:389px; プレゼント4つ*/
left:550px; /*プレセント3つ*/
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .inner .botton4{
left:578px; /*プレゼント4つ*/
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .blockBtn {
}
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockBtn {
margin-top:3px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .blockBtn li,
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockBtn li{
float:none;
display:inline;
height:42px;
}
/* ==========================================================================
メインビジュアル：セクション
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionMainVisual {
}
#str_container #str_menuAndContents #str_contents .sectionMainVisual p{
padding:0;
margin:0 0 6px 0;
font-size:0;
}
/* ==========================================================================
プレゼント商品
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionPresentItem {
margin-bottom:10px;
padding:10px;
background:#dbe7f5;
width:750px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea {
position:relative;
background:url(/special/monthlypre/images/bg_presentitem_bottom.gif) no-repeat bottom left;
margin-bottom:10px;
padding-bottom:63px;
}
/* --------------------------------------------------------------
プレゼントリスト
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList{
float:left;
margin:0 6px 0 0;
background:url(/special/monthlypre/images/bg_gear-present_183_top.gif) no-repeat top left;
width:183px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList.last{
margin-right:0!important;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner{
margin-top:11px;
text-align:center;
padding:0 9px 0 9px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner ul {
margin-bottom:10px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner p,
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner ul li {
text-align:left;
padding-left:6px!important;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner p {
margin-bottom:1px!important;
padding-bottom:0!important;
line-height:1;
}
/* ==========================================================================
プレゼント商品3つ
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea2 {
position:relative;
background:url(/special/monthlypre/images/bg_presentitem_bottom2.gif) no-repeat bottom left;
margin-bottom:10px;
padding-bottom:63px;
}
/* --------------------------------------------------------------
プレゼントリスト3つ
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea2 .presentList2{
float:left;
margin:0 12px 0 0;
background:url(/special/monthlypre/images/bg_gear-present_242_top.gif) no-repeat top left;
width:242px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea2 .presentList2.last{
margin-right:0!important;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea2 .presentList2 .inner{
margin-top:11px;
/*text-align:center;*/
text-align:left;
padding:0 9px 0 14px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner ul {
margin-bottom:10px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner p,
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner ul li {
text-align:left;
padding-left:6px!important;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner p {
margin-bottom:1px!important;
padding-bottom:0!important;
line-height:1;
}
/* ==========================================================================
プレゼント商品2つ
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea3 {
position:relative;
background:url(/special/monthlypre/images/bg_presentitem_bottom3.gif) no-repeat bottom left;
margin-bottom:10px;
padding-bottom:63px;
}
/* --------------------------------------------------------------
プレゼントリスト2つ
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea3 .presentList3{
float:left;
margin:0 12px 0 0;
background:url(/special/monthlypre/images/bg_gear-present_369_top.gif) no-repeat top left;
width:369px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea3 .presentList3.last{
margin-right:0!important;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea3 .presentList3 .inner{
margin-top:11px;
/*text-align:center;*/
text-align:left;
padding:0 40px 0 40px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner ul {
margin-bottom:10px;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner p,
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner ul li {
text-align:left;
padding-left:6px!important;
}
#str_container #str_menuAndContents #str_contents .sectionPresentItem .presentArea .presentList .inner p {
margin-bottom:1px!important;
padding-bottom:0!important;
line-height:1;
}
/* ==========================================================================
キャンペーン詳細
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionCampaigndetail{
}
/* --------------------------------------------------------------
<ul>
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionCampaigndetail ul{
}
/* <span>制御：当選者数 */
#str_container #str_menuAndContents #str_contents .sectionCampaigndetail ul li span{
font-weight:bold;
padding-left:1em;
}
/* --------------------------------------------------------------
応募詳細
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionCampaigndetail .blockGray{
}
#str_container #str_menuAndContents #str_contents .sectionCampaigndetail .blockGray dt{
float:left;
width:5em;
font-weight:bold;
}
#str_container #str_menuAndContents #str_contents .sectionCampaigndetail .blockGray dd{
margin:0 0 0 5.4em;
}
/* ==========================================================================
過去のプレゼント
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionPastPresent{
}
/* --------------------------------------------------------------
プレゼント情報：ブロック
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockPresentInfo{
padding-top:11px;
margin-top:10px;
padding-bottom:0;
background:url(/resource/images/bg/bg_dotline_gray.gif) repeat-x top left;
}
/* .first */
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockPresentInfo.first{
padding-top:0px;
margin-top:0px;
background:none;
}
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockPresentInfo .detail{
float:left;
width:460px;
}
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockPresentInfo .item {
float:right;
width:280px;
}
#str_container #str_menuAndContents #str_contents .sectionPastPresent .blockPresentInfo .item span img {
border:1px solid #cccccc;
}
#str_container #str_menuAndContents #str_contents .sectionMainVisual .ttl_present {
background-color:#11407f;
color:#ffffff;
font-weight:bold;
font-size:128%;
margin-bottom:10px;
padding:10px;
}
#str_container #str_menuAndContents #str_contents .sectionMainVisual .ttl_present h3 {
float:left;
width:200px;
margin-bottom:0;
padding:0;
border:none;
}
#str_container #str_menuAndContents #str_contents .sectionMainVisual .ttl_present span {
display:block;
float:right;
width:500px;
text-align:right;
}