@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;
}

img {
	vertical-align:bottom;
}

* html img {
	vertical-align:top;
}

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

div#body a {
	color:#ff0000;
}

div#body a:hover {
	color:#fd378b;
}


a.joinBtn {
	background:transparent url(../../images/netmilecard_dc/btn_join.gif) no-repeat scroll 0 0%;
	display:block;
	margin:20px auto;
	text-indent:-9999px;
	width:489px;
	height:62px;
}

* html a.joinBtn {
	margin:20px 231px 20px 230px;
}

a.joinBtn:hover {
	background:transparent url(../../images/netmilecard_dc/btn_join_ov.gif) no-repeat scroll 0 0%;
}

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;
	background:transparent url(../../images/netmilecard_081111/arrow_red.gif) 100% 50% no-repeat;
	color:#ff0000;
}

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


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

table#keyVisual td.keyv04 {
	width:541px;
	height:43px;
	background:#fffcd7 url(../../images/netmilecard_dc/keyv04_090721.jpg) no-repeat scroll 0% 0%;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0px 0px 0px 11px;
	line-height:1.2;
}



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

div#service,
div#join,
div#use {
	width:902px;
	margin:0px auto 20px auto;
}

* html div#service,
* html div#join,
* html div#use {
	margin:0px 24px 20px 24px;
}

div#service h2,
div#join h2,
div#use h2 {
	height:38px;
	line-height:38px;
	background:transparent url(../../images/netmilecard_dc/box_h2.gif) 0% 0% no-repeat;
	font-size:125%;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
}

div#service h2 span {
	font-size:65%;
	font-weight:normal;
}


/* service
========================================== */
div#service div.inner {
	width:866px;
	padding:12px 18px 20px 18px;
	background:transparent url(../../images/netmilecard_dc/box_bg.gif) 0% 0% repeat-y;
}

* html div#service div.inner {
	width:902px;
}

div#service div.service02,
div#service div.service03,
div#service div.service04 {
	width:210px;
	float:left;
}

div#service div.service02 {
	margin:0px 83px 20px 29px;
}

div#service div.service03 {
	margin:0px 83px 20px 0px;
}

div#service p.catch {
	height:53px;
	text-align:center;
	font-size:75%;
	font-weight:bold;
	color:#ff0000;
}

div#service p.explan {
	font-size:75%;
}

div#service p.explan span {
	font-size:90%;
}

div#service div.service01 p.catch {
	background:transparent url(../../images/netmilecard_dc/service01_img02.gif) 0% 0% no-repeat;
}

div#service div.service02 p.catch {
	height:48px;
	padding:5px 0px 0px 0px;
	background:transparent url(../../images/netmilecard_dc/service02_img02.gif) 0% 0% no-repeat;
}

* html div#service div.service02 p.catch {
	height:53px;
}

div#service div.service02 p.explan {
	text-align:center;
}

div#service div.service03 p.catch {
	background:transparent url(../../images/netmilecard_dc/service03_img02.gif) 0% 0% no-repeat;
}

div#service div.service04 p.catch {
	background:transparent url(../../images/netmilecard_dc/service04_img02.gif) 0% 0% no-repeat;
}

div#service img.sepLine {
	margin:8px 0px;
}

*:first-child+html div#service div.service01 img,
*:first-child+html div#service div.service02 img,
*:first-child+html div#service div.service03 img,
*:first-child+html div#service div.service04 img {
	display:inline;
}


div#service h3 {
	font-size:100%;
	font-weight:bold;
	color:#ff0000;
}

div#service table {
	margin:10px 0px 0px 0px;
}

div#service table th,
div#service table td {
	border:none;
	font-size:80%;
}

div#service table td ul li {
	font-size:80%;
}

div#service table th {
	width:159px;
	min-height:37px;
	background:#ffffcc url(../../images/netmilecard_dc/service_th.gif) 0% 0% no-repeat;
	font-weight:bold;
	color:#036ec1;
	padding:16px 0px 0px 25px;
}

div#service table td {
	padding:0px 0px 0px 8px;
}

div#service td.condition {
	font-weight:bold;
	color:#036ec1;
}

div#service table td ul.listBullet li {
	line-height:1.1;
	font-size:100%;
}

div#service div#explan p {
	margin:5px 0px 10px 0px;
}


/* join
========================================== */
div#join div.inner {
	width:847px;
	padding:12px 28px 20px 27px;
	background:transparent url(../../images/netmilecard_dc/box_bg.gif) 0% 0% repeat-y;
}

* html div#join div.inner {
	width:902px;
}

div#join div.join01,
div#join div.join02,
div#join div.join03 {
	width:241px;
	float:left;
	margin:10px 0px 0px 0px;
}

div#join img.arrow {
	width:18px;
	float:left;
	margin:32px 22px 0px 22px;
}

div#join p.explan {
	font-size:75%;
	margin:8px 0px 0px 0px;
}


/* use
========================================== */
div#use div.inner {
	width:855px;
	padding:12px 24px 20px 23px;
	background:transparent url(../../images/netmilecard_dc/box_bg.gif) 0% 0% repeat-y;
}

* html div#use div.inner {
	width:902px;
}

div#use h3 {
	font-size:80%;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 16px 0px;
}

div#use div.leftBox {
	width:429px;
	float:left;
	background-color:#ffffcc;
}

* html div#use div.leftBox img.btm {
	vertical-align:bottom;
}

div#use div.leftBox div.line,
div#use div.leftBox div.noLine {
	width:411px;
	padding:15px 0px 6px 0px;
	margin:0px auto;
}

* html div#use div.leftBox div.line,
* html div#use div.leftBox div.noLine {
	margin:0px 9px;
}

div#use div.leftBox div.line {
	border-bottom:1px solid #7bbbfd;
}

div#use div.leftBox div.line p,
div#use div.leftBox div.noLine p {
	font-size:75%;
	font-weight:bold;
	line-height:1.1;
}

div#use img.arrow {
	width:34px;
	height:112px;
	float:left;
	margin:49px 34px 0px 33px;
}

div#use div.rightBox {
	width:325px;
	float:left;
}

div#use div.rightBox p {
	font-size:80%;
	font-weight:bold;
	text-align:center;
	color:#ff0000;
	margin:0px 0px 2px 0px;
}


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

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

div#caution h2 {
	font-size:120%;
	font-weight:bold;
	color:#ff0000;
	margin:0px;
	min-height:18px;
}

div#caution div.inner {
	background-color:#f0eeee;
	padding:15px;
}

div#caution div.inner h3 {
	font-size:75%;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

div#caution div.inner img {
	float:left;
	margin:0px 20px 0px 0px;
}

div#caution div.inner div.leftBox {
	width:435px;
	float:left;
}

div#caution div.inner div.leftBox a {
	font-size:75%;
	font-weight:bold;
	color:#ff0000;
}

div#caution div.inner div.leftBox a:hover {
	color:#fd378b;
}

div#caution div.inner div.rightBox {
	width:415px;
	float:left;
}

div#caution div.inner div.rightBox ul.listBullet li {
	font-size:75%;
	margin:0px 0px 0px 0px;
}



/* 100805 ’Ç‹L */
div#caution div.inner div.leftBox div.innerleftBox:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}
div#caution div.inner div.leftBox div.innerleftBox {
	clear:both;
	margin:0 20px 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #cccccc;
	zoom:1;
}
div#caution div.inner div.leftBox div.innerleftBox h3 {
	float:left;
}
div#caution div.inner div.leftBox div.innerleftBox a {
	float:left;
}


div#caution div.inner div.leftBox div.innerleftBoxLast {
	margin:0 20px 0 0;
}
div#caution div.inner div.leftBox div.innerleftBoxLast a {
	font-weight:normal;
	font-size:100%;
}
div#caution div.inner div.leftBox div.innerleftBoxLast ul.listBullet li {
	font-size:75%;
	margin:0px 0px 0px 0px;
}