@charset "Shift_JIS";

/*
////////// ネットDEもマイル トップページcss //////////
--------------------------------------------------*/

/* 全体共通
-------------------------------------------------------------------------*/

div#ndmmContainer
{
font-size:12px;
padding: 0 0 30px 0;
margin:-15px 0 0 0;
}
div#ndmmContainer dl,
div#ndmmContainer dt,
div#ndmmContainer dd
{
margin:0;
padding:0;
}

div#ndmmMainContents
{
width:445px;
float: left;
}

div#ndmmSideContents
{
width:148px;
float:right;
}

div#ndmmContainer a:hover
{
color:#0a62f4;
}

div#ndmmContainer p.goList
{
background:url(../image/icon_arrow_02.gif) no-repeat;
padding:0 0 0 14px;
font-size:11px;
font-family:'MS UI Gothic';
}

span.rate
{
color:#158636;
}

span.mile
{
color:#f70805;
}

div#ndmmContainer p.ndmmTitle
{
margin:18px 0 5px 0;
}



/* cleafix 
------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* siteinfo
----------------------------------*/
ul#siteinfo
{
float:right;
margin: 0 0 2px 0;
}

ul#siteinfo li#beginner
{
background:url(../image/icon_beginner.gif) no-repeat 0 1px;
padding:2px 0 3px 20px;
float:left;
}

ul#siteinfo li#qa
{
background:url(../image/icon_qa.gif) no-repeat 0 1px;
padding:2px 0 3px 20px;
float:left;
}

ul#siteinfo li#partner
{
background:url(../image/icon_partner.gif) no-repeat 0 1px;
padding:2px 0 3px 20px;
float:left;
}


/* flash
----------------------------------*/
div#ndmmContainer div#flashAera
{
width:600px;
height:213px;
background:url(../image/bg_mainflash.gif) no-repeat;
margin: 0 0 5px 0;
clear:both;
}

div#ndmmContainer p#top_info
{
font-size:11px;
margin: 0 0 10px 0;
font-family:'MS UI Gothic';
color:red;
border:solid 1px red;
padding:3px;
}

div#ndmmContainer div#flashBox
{
width:595px;
height:207px;
margin:3px 0 0 3px;
position:absolute;
}

div#ndmmContainer div#flashBox p
{
width:378px;
height:205px;
margin:1px 0 0 1px;
}

div#ndmmContainer div#flashBox ul
{
position:absolute;
top:0;
left:0;
}

div#ndmmContainer div#flashBox ul li a
{
display:block;
color:white;
text-decoration: none;
background:url(../image/bg_flist01.gif) no-repeat;
width:214px;
height:25px;
}

div#ndmmContainer div#flashBox ul li a span
{
display:block;
margin:6px 0 0 8px;
font-family:'MS UI Gothic';
}

div#ndmmContainer div#flashBox ul li a:hover span
{
display:block;
margin:6px 0 0 22px;
}

span.new
{
background:url(../image/icon_list_new.gif) no-repeat 0 3px;
padding-left:20px;
}


div#ndmmContainer div#flashBox ul li a:hover
{
background:url(../image/bg_flist02.gif) no-repeat;
width:234px;
height:25px;
}


/* 1つめ */
div#ndmmContainer div#flashBox ul li.lead01 a
{
position:absolute;
top:0;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead01 a:hover
{
top:0;
left:360px;
}

/* 2つめ */
div#ndmmContainer div#flashBox ul li.lead02 a
{
position:absolute;
top:26px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead02 a:hover
{
top:26px;
left:360px;
}

/* 3つめ */
div#ndmmContainer div#flashBox ul li.lead03 a
{
position:absolute;
top:52px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead03 a:hover
{
top:52px;
left:360px;
}


/* 4つめ */
div#ndmmContainer div#flashBox ul li.lead04 a
{
position:absolute;
top:78px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead04 a:hover
{
top:78px;
left:360px;
}


/* 5つめ */
div#ndmmContainer div#flashBox ul li.lead05 a
{
position:absolute;
top:104px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead05 a:hover
{
top:104px;
left:360px;
}


/* 6つめ */
div#ndmmContainer div#flashBox ul li.lead06 a
{
position:absolute;
top:130px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead06 a:hover
{
top:130px;
left:360px;
}

/* 7つめ */
div#ndmmContainer div#flashBox ul li.lead07 a
{
position:absolute;
top:156px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead07 a:hover
{
top:156px;
left:360px;
}

/* 8つめ */
div#ndmmContainer div#flashBox ul li.lead08 a
{
position:absolute;
top:182px;
left:380px;
}

div#ndmmContainer div#flashBox ul li.lead08 a:hover
{
top:182px;
left:360px;
}


/* おすすめサイト
----------------------------------*/

div#ndmmContainer div#recommend dl
{
width:111px;
text-align:center;
float:left;
}

div#ndmmContainer div#recommend dd
{
font-size: 11px;
font-family:'MS UI Gothic';
}


/* テキスト広告
----------------------------------*/
ul#topText{
line-height:160%;
margin:5px 0 0 0;
}

ul#topText li{
background:url(../image/icon_arrow_01.gif) no-repeat 0 4px;
padding-left:15px;
}


/*　目的別
----------------------------------*/

div#ndmmContainer div#method ul li
{
float:left;
width:135px;
margin:5px 0  0 8px;
}

div#ndmmContainer div#method ul{
margin: 0 0 10px 0;
}


/* サイトカテゴリ一覧
----------------------------------*/
div#ndmmContainer div.cBox
{
width:222px;
margin:5px 0 0 0;
}

div#ndmmContainer div.cBoxInner
{
border:solid 1px #dbd7d8;
}

div#ndmmContainer div#sec div.cBoxInner,
div#ndmmContainer div#gou div.cBoxInner
{
height:60px;
}

div#ndmmContainer div#sec div.cBoxInner ul,
div#ndmmContainer div#gou div.cBoxInner ul

{
margin:10px 0 0 0;
}

div#ndmmContainer div#gif div.cBoxInner,
div#ndmmContainer div#ele div.cBoxInner,
div#ndmmContainer div#bea div.cBoxInner,
div#ndmmContainer div#bus div.cBoxInner,
div#ndmmContainer div#fas div.cBoxInner,
div#ndmmContainer div#boo div.cBoxInner
{
height:90px;
}

div#ndmmContainer div#gif div.cBoxInner ul,
div#ndmmContainer div#ele div.cBoxInner ul
{
margin:4px 0 0 0;
}



div#ndmmContainer div#gol div.cBoxInner,
div#ndmmContainer div#spo div.cBoxInner
{
height:75px;
}

div#ndmmContainer div#fas div.cBoxInner ul,
div#ndmmContainer div#boo div.cBoxInner ul,
div#ndmmContainer div#gol div.cBoxInner ul,
div#ndmmContainer div#spo div.cBoxInner ul,
div#ndmmContainer div#bea div.cBoxInner ul,
div#ndmmContainer div#bus div.cBoxInner ul
{
margin:5px 0 0 0;
}

div#ndmmContainer div#sec,
div#ndmmContainer div#gif,
div#ndmmContainer div#boo,
div#ndmmContainer div#gol,
div#ndmmContainer div#bea
{
float:left;
}

div#ndmmContainer div#gou,
div#ndmmContainer div#ele,
div#ndmmContainer div#fas,
div#ndmmContainer div#spo,
div#ndmmContainer div#bus
{
float:right;
}


div#ndmmContainer div.cBoxInner ul
{
padding:0 5px;
}

div#ndmmContainer div.cBoxInner ul li,
div#ndmmContainer div.cBoxInner ul li a
{
text-decoration:none;
}

div#ndmmContainer div.cBoxInner ul li
{
display:inline;
line-height:150%;
background:url(../image/icon_arrow_01.gif) no-repeat;
padding:0 0 0 14px;
margin: 0 4px 0 0;
}

div#ndmmContainer div.cBoxInner ul li a:hover
{
text-decoration:underline;
color:#;
}

div#ndmmContainer p#partnerList
{
float:right;
margin: 5px 0 0 0;
}

/* 即効マイル
----------------------------------*/

div#ndmmContainer div#sokko{
margin:10px 0 0 0;
}

div#ndmmContainer p#sokko{
margin:5px 0;
text-align:center;
}


div#ndmmContainer p#double{
margin:5px 0;
text-align:center;
}




/* 注目のキャンペーン
----------------------------------*/
div#ndmmContainer div#camp ul li
{
float:left;
width:140px;
}

div#ndmmContainer div#camp ul li
{
margin:5px 0 0 0;
}

div#ndmmContainer div#camp ul li.center
{
margin:5px 12px 0 13px;
}



/* 実施中のキャンペーン
----------------------------------*/
div#ndmmContainer div#oncamp
{}

div#ndmmContainer div.oncampColumn{
background:url(../image/img_part01.gif) repeat-x;
background-position: bottom;
padding:5px 0 10px 0;
}


div#ndmmContainer div.oncampBox{
width:210px;
float:left;
margin: 0 0 0 10px;
display: inline;
}

div#ndmmContainer div.oncampBox p{
height: 20px;
}

div#ndmmContainer div.oncampBox p a{
font-weight:bold;
background:url(../image/icon_arrow_01.gif) no-repeat;
padding: 0 0 0 15px;
}

div#ndmmContainer div.oncampBox dl.spexpo dt{
float:left;
width:46px;
}

div#ndmmContainer div.oncampBox dl.spexpo dd{
float:right;
width:156px;
font-size:90%;}

div#ndmmContainer div.oncampBox dl.spdate{
background:#e6f0f9;
font-size:90%;
padding:3px;
}

div#ndmmContainer div.oncampBox dl.spdate dt{
float:left;
width:50px;
}

div#ndmmContainer div.oncampBox dl.spdate dd{
float:left;
width:145px;
}


/* サイドカラム共通
-------------------------------------------------------------------------*/
div#ndmmContainer div.ndmmSideSection
{
border:solid 1px #cac2c0;
}

/* 注目のサイト
----------------------------------*/
div#ndmmContainer div#notice ul
{
padding:3px;
}

div#ndmmContainer div#notice ul li
{
margin:3px 0 1px 0;
}


/* おすすめ情報
----------------------------------*/

div#ndmmContainer div#recInfo{
}
div#ndmmContainer div#recInfo ul li{
margin:5px 3px;
border-bottom:solid 1px #bfbfbf;
}


div#ndmmContainer div#recInfo ul li a
{
font-size:90%;
background:url(../image/icon_arrow_01.gif) no-repeat 0 1px;
padding: 0 0 0 15px;
}



/* 新着サイト
----------------------------------*/
div#ndmmContainer div#campaign
{
margin:10px 0 0 0;
}

div#ndmmContainer div#campaign dl{
padding:5px 3px;
border-bottom:solid 1px #bfbfbf;
}

div#ndmmContainer div#campaign dt{
margin: 0 0 2px 0;
}

div#ndmmContainer div#campaign dt a{
font-weight:bold;
}

div#ndmmContainer div#campaign dd.thums{
float:left;
width:50px;
}

div#ndmmContainer div#campaign dd.lead{
float:left;
width:90px;
font-size:0.88em;
font-family:'MS UI Gothic';
}

div#ndmmContainer div#campaign dd.lead span.action{
color:#0f8634;
}

div#ndmmContainer div#campaign dd.lead span.miles{
color:#e50215;
}

p#newSiteList{
padding:3px;
}

p#newSiteList a{
background:url(../image/icon_arrow_01.gif) no-repeat ;
padding: 0 0 0 15px;
font-size:0.88em;
font-family:'MS UI Gothic';
}


/* QRコード
----------------------------------*/
div#ndmmContainer div#mobile
{
margin:10px 0 0 0;
}

div#ndmmContainer div#mobile dl
{
padding:3px;
clear:both;
}

div#ndmmContainer div#mobile dt
{
color:#14a41e;
font-weight:bold;
}

div#ndmmContainer div#mobile dd#qrImage
{
float:left;
margin-right:2px;
}

div#ndmmContainer div#mobile dd
{
font-size:11px;
font-family:'MS UI Gothic';
}

/* ブログ
----------------------------------*/
div#ndmmContainer div#blog
{
margin:10px 0 0 0;
}

div#ndmmContainer div#blog dl
{
padding:3px;
clear:both;
border-bottom:solid 1px #cac2c0;
}

div#ndmmContainer div#blog dt
{
font-size:11px;
color:#333;
font-family:'MS UI Gothic';
}

div#ndmmContainer div#blog dd a
{
text-decoration:none;
}

div#ndmmContainer div#blog dd a:hover
{
text-decoration:underline;
}

div#ndmmContainer div#blog p#blogList
{
margin:5px 3px 5px 0;
float:right;
}


/* お問合わせ
----------------------------------*/
div#ndmmContainer div#contact
{
margin:10px 0 0 0;
}

div#ndmmContainer div#contact ul li
{
padding:0 3px;
margin-top:3px;
padding-bottom:3px;
line-height:120%;
}

div#ndmmContainer div#contact ul li.first
{
border-bottom:solid 1px #cac2c0;
}

div#ndmmContainer div#contact ul li a
{
padding-left:14px;
background:url(../image/icon_arrow_01.gif) no-repeat 0 1px;
text-decoration:none;
}


div#ndmmContainer div#contact ul li a:hover
{
text-decoration:underline;}