@charset "euc-jp";

/* General Settings
========================================== 
========================================== */

div,h1,h2,h3 {
	padding:0px;
	margin:0px;
	background:none;
}

.floatL {
	float:left;
}

.floatR {
	float:right;
}
.floatReset {
	font-size:0px;
	line-height:0px;
	height:0px;
	clear:both;
}

p {
	font-size:75%;
	line-height:1.3;
}

div.linkText {
	float:right;
	margin:10px 0px;
}

* html div.linkText {
	float:right;
	margin:0px;
	padding:10px 0px;
}

div.linkText a {
	display:block;
	font-size:75%;
	font-weight:bold;
	padding-right:25px;
	line-height:1.1;
}

img {
	vertical-align:bottom;
}

* html img {
	vertical-align:top;
}

* +html body img {
	display:block;
	vertical-align:top;
}


/* keyVisual
========================================== */
table#keyVisual {
	width:950px;
	margin:0px 1px;
}

table#keyVisual h1 {
	width:473px;
	height:57px;
	background:#fffcd7 url(../../images/netmilecard_081111/keyv03.gif) no-repeat scroll 0%;
	font-size:12px;
	font-weight:bold;
	color:#0a50c3;
}

/* content
========================================== */
body div#body div#content {
	width:930px;
	float:none;
	margin:0px auto 15px auto;
}


/* lead
========================================== */
/*
p.lead {
color:#0A50C3;
font-size:80%;
font-weight:bold;
margin:6px 0 0;
text-align:center;
}
*/

div#lead {
	width:925px;
	margin:10px auto 0px auto;
}

* html div#lead {
	margin:10px 0px 0px 13px;
}

div#lead p {
	width:725px;
	font-size:80%;
	font-weight:bold;
	color:#0a50c3;
	float:left;
}

div#lead a {
	width:199px;
	float:right;
}


/* cpn
========================================== */
div#cpn {
	width:930px;
	margin:0px auto;
}

* html div#cpn {
	margin:0px 10px;
}

div#cpn div.cpnInner {
	width:100%;
	background:url(../../images/netmilecard_081111/cpn_bg.gif) left top repeat-y;
}

div#cpn div.cpnL {
	width:325px;
	float:left;
}

div#cpn div.cpnR {
	width:605px;
	float:right;
	margin:0px;
}

div#cpn div.cpnR p.title {
	font-size:90%;
	font-weight:bold;
	color:#0262ff;
	text-align:center;
	margin:11px 0px 15px 0px;
}

div#cpn div.cpn01 {
	width:194px;
	float:left;
}

div#cpn div.cpn02 {
	width:150px;
	float:left;
}

div#cpn div.cpn03 {
	width:256px;
	float:left;
}

div#cpn img.num {
	width:60px;
	float:left;
}

div#cpn div.cpn01 p {
	width:134px;
	float:left;
}

* html div#cpn div.cpn01 p {
	width:125px;
}

div#cpn div.cpn02 p {
	width:90px;
	float:left;
}

* html div#cpn div.cpn02 p {
	width:80px;
}

div#cpn div.cpn03 p {
	width:144px;
	float:left;
}

div#cpn div.cpn03 p {
	width:134px;
}

div#cpn div.cpn01 img.illust,
div#cpn div.cpn03 img.illust {
	float:right;
}

div#cpn div.cpn01 img.illust {
	width:75px;
	margin:0px;
}

div#cpn div.cpn03 img.illust {
	width:52px;
	margin:22px 0px 0px 0px;
}


/* lineup
========================================== */
div#lineup {
	width:902px;
	margin:34px auto 0px auto;
}

* html div#lineup {
	width:902px;
	margin:34px 0px 0px 24px;
}

/*-- dcCard --*/
div#lineup div.dcCard {
	width:437px;
	float:left;
}

div.dcCard div.title div.logo {
	width:235px;
	float:left;
}

* html div.dcCard div.title div.logo {
	width:220px;
}

div.dcCard div.linkText a {
	background:transparent url(../../images/netmilecard_081111/arrow_red.gif) 100% 50% no-repeat;
	color:#ff0000;
}

div.dcCard div.linkText a:hover {
	color:#fd378b;
}

div.dcCard p.explan01,
div.dcCard p.explan02 {
	font-size:90%;
	font-weight:bold;
	color:#000000;
}

div.dcCard p.explan02 {
	line-height:1.7;
}

div.dcCard p.explan01 span,
div.dcCard p.explan02 span {
	font-size:150%;
	font-weight:bold;
	color:#ff0000;
}

div.dcCard p.explan01 {
	background:transparent url(../../images/netmilecard_081111/dc_explan01.gif) 0% 0% no-repeat;
	height:33px;
	padding:40px 0px 0px 40px;
}

* html div.dcCard p.explan01 {
	height:73px;
}

div.dcCard p.explan02 {
	background:transparent url(../../images/netmilecard_081111/dc_explan02.gif) 0% 0% no-repeat;
	height:93px;
	padding:40px 0px 0px 40px;
}

* html div.dcCard p.explan02 {
	height:133px;
}

div.dcCard p.explan03 {
	font-size:75%;
	color:#000000;
}

div.dcCard p.explan03 span {
	font-weight:bold;
}

div.dcCard p.explan03 {
	background:transparent url(../../images/netmilecard_081111/dc_explan03.gif) 0% 0% no-repeat;
	height:76px;
	padding:45px 0px 0px 40px;
}

* html div.dcCard p.explan03 {
	height:121px;
}

div.dcCard a {
	color:#ff0000;
}

div.dcCard a:hover {
	color:#fd378b;
}

/*-- cfCard --*/
div#lineup div.cfCard {
	width:437px;
	float:right;
}

div.cfCard div.title div.logo {
	width:235px;
	float:left;
}

* html div.cfCard div.title div.logo {
	width:220px;
}

div.cfCard div.linkText a {
	background:transparent url(../../images/netmilecard_081111/arrow_bl.gif) 100% 50% no-repeat;
	color:#012af7;
}

div.cfCard div.linkText a:hover {
	color:#169af6;
}

div.cfCard p.explan01 {
	font-size:90%;
	font-weight:bold;
	color:#000000;
}

div.cfCard p.explan01 span {
	font-size:150%;
	font-weight:bold;
	color:#012af7;
}

div.cfCard p.explan02 {
	font-size:90%;
	font-weight:bold;
	color:#000000;
}

div.cfCard p.explan02 span {
	font-size:150%;
	color:#012af7;
}

div.cfCard p.explan02 span.ex02Inner {
	font-size:80%;
	color:#000000;
	line-height:1.4;
}

div.cfCard p.explan02 span.ex02Inner span {
	font-size:100%;
	color:#012af7;
}

div.cfCard p.explan01 {
	background:transparent url(../../images/netmilecard_081111/cf_explan01.gif) 0% 0% no-repeat;
	height:33px;
	padding:40px 0px 0px 40px;
}

* html div.cfCard p.explan01 {
	height:73px;
}

div.cfCard p.explan02 {
	background:transparent url(../../images/netmilecard_081111/cf_explan02.gif) 0% 0% no-repeat;
	height:93px;
	padding:40px 0px 0px 40px;
}

* html div.cfCard p.explan02 {
	height:133px;
}

div.cfCard p.explan03 {
	font-size:75%;
	color:#000000;
}

div.cfCard p.explan03 span {
	font-weight:bold;
}

div.cfCard p.explan03 {
	background:transparent url(../../images/netmilecard_081111/cf_explan03.gif) 0% 0% no-repeat;
	height:76px;
	padding:45px 0px 0px 40px;
}

* html div.cfCard p.explan03 {
	height:121px;
}

div#lineup img.arrowDown {
	display:block;
	width:92px;
	margin:9px auto 4px auto;
}

* html div#lineup img.arrowDown {
	margin:9px 414px 4px 414px;
}


/* example
========================================== */
div#example {
	width:902px;
	margin:34px auto 0px auto;
}

* html div#example {
	margin:34px 0px 0px 24px;
}

div#example h2 {
	width:100%;
	height:38px;
	line-height:38px;
	background:transparent url(../../images/netmilecard_081111/exchange_h2.gif) 0% 0% no-repeat;
	font-size:100%;
	color:#048911;
	text-align:center;
}

div#example div.exInner {
	width:866px;
	background:transparent url(../../images/netmilecard_081111/exchange_bg.gif) 0% 0% repeat-y;
	padding:12px 18px 0px 18px;
}

* html div#example div.exInner {
	width:902px;
}


div#example div.ex01,
div#example div.ex02,
div#example div.ex03 {
	width:201px;
	float:left;
	margin:0px 12px 0px 0px;
}

div#example div.ex04 {
	width:226px;
	float:left;
	margin:0px;
}

div#example div.ex01 p.name,
div#example div.ex02 p.name,
div#example div.ex03 p.name {
	font-size:80%;
	font-weight:bold;
	color:#000000;
	text-align:center;
	line-height:1;
	margin:5px 0px 5px 0px;
}

div#example div.ex01 p.rate,
div#example div.ex02 p.rate,
div#example div.ex03 p.rate {
	font-size:70%;
	color:#000000;
	text-align:center;
}

div#example div.ex01 p.rate span,
div#example div.ex02 p.rate span,
div#example div.ex03 p.rate span {
	color:#048911;
}

div#example div.ex04 p {
	font-size:75%;
	font-weight:bold;
	color:#048911;
	line-height:1;
}

div#example div.linkText a {
	background:transparent url(../../images/netmilecard_081111/arrow_gr.gif) 100% 50% no-repeat;
	color:#048911;
	font-size:75%;
}

div#example div.linkText a:hover {
	color:#23c932;
}

/* to form
========================================== */

a.joinBtn_dc {
	background:transparent url(../../images/netmilecard_081111/top_btn_dc.jpg) no-repeat scroll 0 0%;
	display:block;
	margin:10px auto;
	text-indent:-9999px;
	width:298px;
	height:52px;
}

* html a.joinBtn_dc {
	margin-left:70px;
}

a.joinBtn_dc:hover {
	background:transparent url(../../images/netmilecard_081111/top_btn_dc_over.jpg) no-repeat scroll 0 0%;
}

a.joinBtn_cf {
	background:transparent url(../../images/netmilecard_081111/top_btn_cf.jpg) no-repeat scroll 0 0%;
	display:block;
	margin:10px auto;
	text-indent:-9999px;
	width:298px;
	height:52px;
}

* html a.joinBtn_cf {
	margin-left:70px;
}

a.joinBtn_cf:hover {
	background:transparent url(../../images/netmilecard_081111/top_btn_cf_over.jpg) no-repeat scroll 0 0%;
}

/* caution
========================================== */
div#caution{
	width:100%;
	margin:30px 15px 10px 15px;
}

div#caution img {
	margin:0px 0px 15px 0px;
}

li.home_cpn{
padding-left:18px;
}

li.spd_cpn{
padding-right:7px;
}