@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:#012af4;
}

div#body a:hover {
	color:#169af6;
}

a.joinBtn {
	background:transparent url(../../images/netmilecard_cf/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_cf/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_bl.gif) 100% 50% no-repeat;
	color:#012af4;
}

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


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

table#keyVisual td.keyv04 {
	width:85px;
	height:64px;
	background:#fffcd7 url(../../images/netmilecard_cf/keyv04.jpg) no-repeat scroll 0% 0%;
	font-size:12px;
	font-weight:bold;
	color:#012af4;
	padding:71px 0px 0px 0px;
}

* html table#keyVisual td.keyv04 {
	height:135px;
}

table#keyVisual td.keyv05 {
	width:502px;
	height:58px;
	background:#fffcd7 url(../../images/netmilecard_cf/keyv05.jpg) no-repeat scroll 0% 0%;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0px 0px 0px 20px;
	line-height:1.2;
}

table#keyVisual td.caution {
	width:144px;
	height:63px;
	background:transparent url(../../images/netmilecard_cf/keyv07_2.jpg) no-repeat scroll 0% 0%;
	padding:0px 20px 0px 15px;
	font-size:11px;
	line-height:1.2;
}

* html table#keyVisual td.caution {
	width:179px;
}


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

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

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

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


/* special
========================================== */
div#special div.inner {
	width:883px;
	padding:12px 10px 0px 9px;
	background:transparent url(../../images/netmilecard_cf/box_bg.gif) 0% 0% repeat-y;
}

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

div#special div.special01,
div#special div.special02,
div#special div.special03,
div#special div.special04 {
	width:163px;
	float:left;
	margin:10px 17px 0px 0px;
}

div#special div.special05 {
	width:163px;
	float:left;
	margin:10px 0px 0px 0px;
}

div#special p.catch {
	height:68px;
	text-align:center;
	font-size:75%;
	font-weight:bold;
	color:#012af4;
}

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

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

div#special div.special01 p.catch {
	background:transparent url(../../images/netmilecard_cf/special01_img02.gif) 0% 0% no-repeat;
}

div#special div.special02 p.catch {
	background:transparent url(../../images/netmilecard_cf/special02_img02.gif) 0% 0% no-repeat;
}

div#special div.special03 p.catch {
	background:transparent url(../../images/netmilecard_cf/special03_img02.gif) 0% 0% no-repeat;
}

div#special div.special04 p.catch {
	background:transparent url(../../images/netmilecard_cf/special04_img02.gif) 0% 0% no-repeat;
}

div#special div.special05 p.catch {
	background:transparent url(../../images/netmilecard_cf/special05_img02.gif) 0% 0% no-repeat;
}

*:first-child+html div#special div.special01 img,
*:first-child+html div#special div.special02 img,
*:first-child+html div#special div.special03 img,
*:first-child+html div#special div.special04 img,
*:first-child+html div#special div.special05 img {
	display:inline;
}


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

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

div#service div.service01,
div#service div.service02,
div#service div.service03 {
	width:203px;
	float:left;
	margin:10px 18px 0px 0px;
}

div#service div.service04 {
	width:203px;
	float:left;
	margin:10px 0px 0px 0px;
}

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

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_cf/service01_img02.gif) 0% 0% no-repeat;
}

div#service div.service02 p.catch {
	background:transparent url(../../images/netmilecard_cf/service02_img02.gif) 0% 0% no-repeat;
}

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

div#service div.service04 p.catch {
	background:transparent url(../../images/netmilecard_cf/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:90%;
	font-weight:bold;
	color:#012af4;
}

div#service div.condition {
	margin:13px 0px 10px 0px;
}

div#service div.condition div.leftBox {
	width:428px;
	float:left;
}

div#service div.condition div.leftBox p {
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

div#service div.condition ul li {
	color:#ff0000;
}

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

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

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

div#join div.inner div.leftBox {
	width:544px;
	float:left;
}

div#join div.join01,
div#join div.join02,
div#join div.join03,
div#join div.join04,
div#join div.join05 {
	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;
}

div#join p.explan span.bold {
	font-weight:bold;
}

div#join p.explan span.red {
	color:#ff0000;
}


/* use
========================================== */
div#use div.inner {
	width:855px;
	padding:12px 24px 20px 23px;
	background:transparent url(../../images/netmilecard_cf/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 #f982d0;
}

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:#012af4;
	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:#012af4;
	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:#012af4;
}

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

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

div#caution div.inner div.rightBox p {
	font-size:100%;
	font-weight:bold;
}

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

div#caution div.inner div.rightBox ul.listBullet li span {
	font-weight:bold;
}