@charset "Shift_JIS";

/*
////////// ネットDEもマイルとは css //////////
--------------------------------------------------*/
#HeaderNavi li{
padding:0;
margin:0;
}

#HeaderNavi li{
float:left;
}

#HeaderNavi li img{
vertical-align:top;
margin:0;
padding:0;
}

#HeaderNavi li.navi01{
width:148px;
}

#HeaderNavi li.navi02{
width:150px;
}

#HeaderNavi li.navi03{
width:150px;
}

#HeaderNavi li.navi04{
width:151px;
}

.abouttitle{
margin:28px 0 0 0;
clear:both;
background:url(../image/bg_title.gif) no-repeat;
width:600px;
height:27px;
}

.abouttitle p{
padding:6px  0 0 22px;
font-weight:bold;
letter-spacing:0.2em;
font-family:'MS UI Gothic';
}

#container div.subSection{
width:580px;
margin: 0 0 0 10px;
}


h4.subTitle{
background:url(../image/icon_h4.gif) no-repeat;
font-size:12px;
padding-left: 10px;
margin-bottom:0;
}

div.subSection p{
margin-top:0;
padding-top:0;
}

#MeritBox{
background:url(../image/MeritCenter.gif) repeat-y;
padding:7px;
}
p.MeritBottom img{
vertical-align:top;
}

p.MeritTop img{
vertical-align:bottom;
}

#container #MeritBox dl{
margin-bottom:15px;
}

#container #MeritBox dl dd{
margin:5px 0 0 0;
line-height:120%;
width:565px;
}

#container #MeritBox dl dd.add{
font-size:95%;
color:#444;
}

#container .wayBox{
margin: 0 0 10px ;
}

#container .wayBox p.step{
border:solid 1px #cccccc;
padding:3px;
font-weight:bold;
font-family:'MS UI Gothic';
letter-spacing:0.1em;
margin:10px 0 0 0;
}

.wayBox p.step strong{
font-family:'Verdana';
width:50px;
border-right:solid 1px #cccccc;
margin-right:5px;
color:#3271c6;
}

#container .wayBox dl{
margin: 10px 0 0 0;
}

.wayBox dl dt{
float: left;
width:214px;
}

.wayBox dl dd{
width:365px;
float:left;
line-height:120%;
}

#container .wayBox dl dd.registry{
background:#e7e7e8;
padding:3px;
margin:20px 0 0 0;
}


table.otoku
{
border:solid 1px #c5c3a2;
font-size:12px;
width:600px;
text-align:center;
border-collapse: collapse;
margin: 0 0 20px 0;
}

table.otoku strong
{
font-size:120%;
font-family: 'Verdana';
}

table.otoku td
{
border:solid 1px #c5c3a2;
vertical-align:middle;
padding:10px 0;
}

table.otoku th
{
vertical-align:middle;
background:url(./image/bg_th.gif);
}

table.otoku th p
{
border-bottom:solid 5px #53b2de;
line-height:160%;
letter-spacing:0.2em;
padding:5px 0 3px 0;
}


table.otoku td.netdemomile
{
background:#fbe9e2;
color:#f15010;
font-weight:bold;
border-bottom:dashed 1px #e4a38a;
width:33%;
}

table.otoku td.net
{
background:#fbe9e2;
}

table.otoku td.net strong
{
font-weight:bold;
}

table.otoku td.ana
{
background:#e6edfc;
color:#0d378c;
font-weight:bold;
border-bottom:dashed 1px #769beb;
}

table.otoku td.ana p
{
background: url(./image/img_card.gif) no-repeat;
padding:;
background-position:right;
width:190px;
padding:10px 0 4px 0;
}

table.otoku td.rakuten
{
background:#f2efef;
color:#fa1d06;
font-weight:bold;
border-bottom:dashed 1px #a59c9b;
}

table.otoku td.rak
{
background:#f2efef;
border-right:none;
text-align:center;
}


table.otoku td.an
{
background:#e6edfc;
width:175px;
border-right:solid 1px #e6edfc;
}

table.otoku td.credit
{
background:#e4f1d8;
color:#427813;
font-weight:bold;
border-bottom:dashed 1px #699a3d;
}

table.otoku td.cre
{
background:#e4f1d8;
}


table.otoku td.total
{
background:url(./image/bg_stripe.gif);
}

table.otoku td.total p
{
font-weight: bold;
font-size:140%;
letter-spacing:0.1em;
color:#271907;
}

table.otoku td.total p strong
{
font-family:'Verdana';
font-size:120%;
}

span.mile
{
color: #0729fb;
}

span.point
{
color: #f20b0b;
}

p.nibai
{
	background: url(./image/img_2bai.gif) no-repeat;
	background-position:right;
	width:250px;
	padding:5px 0;
}

p.nibai
{
	background: url(./image/img_2bai.gif) no-repeat;
	background-position:right;
	width:245px;
	padding:5px 0;
}

p.sannbai
{
	background: url(./image/img_3bai.gif) no-repeat;
	background-position:right;
	width:200px;
	padding:12px 0;
}

p.sannbai02
{
	background: url(./image/img_3bai.gif) no-repeat;
	background-position:right;
	width:170px;
	padding:12px 0;
}

img
{
vertical-align: middle;
}

table#case02 td
{
}

table.otoku td.bai
{
width:40px;
background:#e6edfc;
border-left:solid 1px #e6edfc;
}


table.otoku td.bai02
{
width:40px;
background:#f2efef;
border-left:solid 1px #e6edfc;
}

table.otoku td.alpha
{
width:130px;
}

p#gotop
{
padding:0 0 30px 0;
}

#attBottom{
border:solid 1px #cccccc;
}

#container #attBottom{
padding:2px;
}

#container #attBottom dt
{
background:#6b9ed1;
font-weight:bold;
color:#fff;
text-align:center;
padding:2px;
}

#container #attBottom dd{
margin: 0 3px;
}


/*
////////// 2012.07 マイレージモールとは？リニューアル //////////
--------------------------------------------------*/
.aboutContents #ammHeader {
	margin-bottom: 15px;
}
.aboutContents #ammTtl {
	width: 685px;
}
div#container .pgtp {
	text-align: right;
}
.aboutSection {
	clear: both;
	background: url(../image/about_bg1.gif) repeat-y 0 0;
	overflow: hidden;
	zoom: 1;
}
.aboutSection h3 {
	background: url(../image/about_bg2.gif) no-repeat 0 0;
	padding-top: 38px;
	margin-bottom: 4px;
}
.aboutSection .leftSide {
	float: left;
	margin-bottom: 15px;
	display: inline;
	padding-left: 27px;
}
.aboutSection .rightSide {
	float: right;
	margin-bottom: 15px;
	display: inline;
	padding-right: 27px;
}
/* section setting */
#aboutStep1 h3 {
	padding-top: 0;
	background: none;
}
#aboutStep1 .rightSide {
	padding-right: 3px;
	margin-bottom: 0;
}
#aboutStep2 {
	margin-top: -8px;
}
#aboutStep2 .leftSide {
	padding-left: 15px;
}
#aboutStep2 .rightSide {
	padding-right: 18px;
}
#aboutStep4 h3 {
	margin-bottom: 23px;
}
#aboutStep4 .rightSide {
	padding-right: 3px;
}

/* button box */
#aboutBtnBox {
	background: #eef8ff url(../image/about_bg3.png) no-repeat 0 0;
	padding: 85px 25px 25px 118px;
	margin-bottom: 30px;
	overflow: hidden;
	zoom: 1;
}
* html #aboutBtnBox,
*+html #aboutBtnBox {
	padding-bottom: 50px;
}
#aboutBtnBox ul li {
	float: left;
	margin: 0 26px 25px 0;
	display: inline;
	}
#aboutBtnBox ul li a:hover img {
	opacity : 0;
	filter	: alpha(opacity=0);
}
#aboutBtnBox ul li#aboutBtn1 {
	background: url(../image/about_btn1_on.png) no-repeat 0 0;
}
#aboutBtnBox ul li#aboutBtn2 {
	background: url(../image/about_btn2_on.png) no-repeat 0 0;
}
#aboutBtnBox ul li#aboutBtn3 {
	background: url(../image/about_btn3_on.png) no-repeat 0 0;
}