@charset "UTF-8";

/* =============================================================== */
/* Reset */
/* =============================================================== */
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address,form,table,td,tr,th {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0px;
padding: 0px;
}

img {
border-style: none;
margin: 0px;
padding: 0px;
}


/* =============================================================== */
/* clearfix */
/* =============================================================== */

.clearfix:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{display:inline-block;}

/*Hides from IE-mac \*/
* html.clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */


div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.clear {
clear:both;
margin:0;
padding:0;
}

/* =============================================================== */
/* Basic */
/* =============================================================== */
body {
font-family: Arial, "Trebuchet MS Verdana", sans-serif;
color: #333;
text-align: center;
margin: 0;
padding: 0;
}

div#back_img {
background:#FFF url(images/img_cloud_back.gif) no-repeat top center;

}

div#wrapper_new {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back.jpg) no-repeat top center;
}

div#wrapper_new0904 {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back0904.png) no-repeat top center;
}

/*J-WEST add20100909*/
div#wrapper_jwest {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_jwest.png) no-repeat top center;
}

/*TimesPLUS add20100927*/
div#wrapper_timesplus {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_timesplus.png) no-repeat top center;
}

div#wrapper_timesplus div#cdWrapper_new0904 h2 {
width:734px;
height:450px;
margin: 0px 0px 3px 0px;
padding: 0px;
text-indent:-10000px;
}

/*Y150 camp add0905*/
div#wrapper_new0905 {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back0905.png) no-repeat top center;
}

/*georgia camp add090618*/
div#wrapper_georgia {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_georgia.png) no-repeat top center;
}
div#wrapper_georgia #cdWrapper_new h2 {
height: 300px;
}

/*iba camp add090622*/
div#wrapper_iba {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_iba.png) no-repeat top center;
}

div#wrapper_iba #cdWrapper_new h2 {
height: 300px;
}

/*mrc camp add091009*/
div#wrapper_mrc {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_mrc.png) no-repeat top center;
}

div#wrapper_mrc #cdWrapper_new h2 {
height: 411px;
/* add090623 */
/*height: 300px;*/
}

/*topweb camp add110509*/
div#wrapper_topweb {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_topweb.png) no-repeat top center;
}
div#wrapper_topweb #cdWrapper_new h2 {
height: 455px;
}

/*epotoku camp add110621*/
div#wrapper_epotoku {
margin: 0px auto;
padding: 0px;
width: 750px;
background:#FFF url(images/img_back_epotoku.png) no-repeat top center;
}
div#wrapper_epotoku #cdWrapper_new h2 {
height: 455px;
}


div#wrapper {
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 760px;
	background-color: #fff;
}


div#cdHeader_section_new {
text-align: left;
margin: 0 6px;
width: 738px;
height: 84px;
}

div#cdHeader_section {
	text-align: left;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
	width: 742px;
	height: 87px;
}

div#cdWrapper_new {
margin: 0 6px;
padding: 0px;
width: 738px;
}

div#cdWrapper_new h2 {
width:734px;
height:330px;
margin: 0px 0px 3px 0px;
padding: 0px;
text-indent:-10000px;
}

/*TimesPLUS add20100927*/
div#wrapper_timesplus div#cdWrapper_new0904 h2 {
width:734px;
height:450px;
margin: 0px 0px 3px 0px;
padding: 0px;
text-indent:-10000px;
}
/*end*/

div#cdWrapper_new0904 h2 {
width:734px;
height:400px;
margin: 0px 0px 3px 0px;
padding: 0px;
text-indent:-10000px;
}

div#cdWrapper_new h3 {
width:700px;
height:35px;
margin: 0px;
padding: 0px;
}

div#cdWrapper_new h4 {
width:252px;
height:54px;
margin-top: 15px;
margin-bottom: 13px;
padding: 0px;
}

div#cdLink_back_section {
text-align: right;
clear: both;
}

div#cdFooter_section {
height: 60px;
clear: both;
}

div#cdLink_back_section {
	text-align: right;
	clear: both;
}

div#cdWrapper {
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 742px;
}

div#cdWrapper h2 {
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 10px;
}


/* =============================================================== */
/* for Suica */
/* =============================================================== */
div#wrapperSuica {
margin: 0px auto;
padding: 0px;
width: 750px;
background: #FFF url(images/img_suica.jpg) no-repeat top center;
}

div#cdWrapperSuica h2 {
width:734px;
height:403px;
margin: 0px 0px 30px 0px;
padding: 0px;
text-indent:-10000px;
}

div#cdWrapperSuica h3 {
width:700px;
height:35px;
margin: 0px;
padding: 0px;
}

div#cdWrapperSuica h4 {
width:252px;
height:54px;
margin-top: 15px;
margin-bottom: 13px;
padding: 0px;
}

/* =============================================================== */
/* #header_section */
/* =============================================================== */
div#cdHeader_section {
	color: #333333;
	background-color: #ffffff;
	background-image: url(images/header/header_bg.png);
	background-position: 0px -2px;
	background-repeat: no-repeat;
}


div#cdHeader_section div.logo {
	padding-top: 15px;
	padding-left: 12px;
	float: left;
}

div#cdHeader_section div.lead {
	text-indent: -9999px;
	float: left;
}


/* =============================================================== */
/* #cdHeader_section */
/* =============================================================== */
div#cdHeader_section_new {
color: #333;
background: #FFF url(images/hd_sky.gif) no-repeat 0px 0px;
}

div#cdHeader_section_new div.logo {
padding-top: 15px;
padding-left: 12px;
float: left;
}

div#cdHeader_section_new div.lead {
text-indent: -10000px;
float: left;
}


/* =============================================================== */
/* contents */
/* =============================================================== */

/* --------------------------------------------------------------- */
/* #aboutTmClub */
/* --------------------------------------------------------------- */

div#aboutTmClub {
width: 700px;
margin: 0px 17px 20px 17px;
padding: 0px;
text-align:left;
}

div#aboutTmClub div.aboutBox {
position: relative;
width:660px;
margin:20px 20px 0px 20px;
padding:0;
}

div.aboutBox div.tmClub_img {
margin: 0px;
padding: 0px;
width: 195px;
float: left;
}

div.aboutBox div.tmClub_txt {
width: 440px;
margin: 0px 0px 0px 25px;
padding:0;
float: right;
font-size: 75%;
line-height: 140%;
}


/* --------------------------------------------------------------- */
/* btn_entry */
/* --------------------------------------------------------------- */
.btn_entry {
margin: 0px 17px 50px 17px;
padding:0px;
text-indent: -10000px;
}

.btn_entry a {
width:700px;
height:50px;
display:block;
background:url(images/btn_entry.gif) 0 0 no-repeat;
outline:none;
text-decoration:none;
}

.btn_entry a:hover {
background:url(images/btn_entry.gif) 0 -50px no-repeat;
}


/* --------------------------------------------------------------- */
/* suicabtn_entry */
/* --------------------------------------------------------------- */
.suicabtn_entry {
margin: 0px 17px 50px 17px;
width: 700p;
padding:0px;
text-indent: -10000px;
float:none;
clear:both;
zoom:1;
height:50px;
}

a.suicabtn_entry01,
a.suicabtn_entry01:hover{
width:345px;
height:50px;
display:block;
background:url(images/suicabtn_entry.gif) 0 0 no-repeat;
outline:none;
text-decoration:none;
float: left;
margin-right:10px;
_margin-left: 5px;
}

a.suicabtn_entry01:hover{
background:url(images/suicabtn_entry_lon.gif) 0 0 no-repeat;
}

a.suicabtn_entry02{
width:345px;
height:50px;
display:block;
background:url(images/suicabtn_entry.gif) -355px 0 no-repeat;
outline:none;
text-decoration:none;
float: left;
}

a.suicabtn_entry02:hover{
background:url(images/suicabtn_entry_ron.gif) -355px 0 no-repeat;
}

.suicabtn_entry:after,
.suicabtn_entry01 a:after,
.suicabtn_entry02 a:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* --------------------------------------------------------------- */
/* #tmPoint_info */
/* --------------------------------------------------------------- */
div#tmPoint_info {
width: 700px;
margin: 0px 17px 50px 17px;
padding: 0px;
text-align:left;
}

div#tmPoint_info div.point_tpBox {
width:700px;
margin:0px 5px;
padding:0;
}

*html div#tmPoint_info div.point_tpBox {
width:690px;
}

div#tmPoint_info div.seach_img {
margin: 0px;
padding: 0px;
width: 240px;
height:200px;
float:left;
}

div#tmPoint_info div.parking_img {
margin: 0px;
padding: 0px;
width: 240px;
height:200px;
float:left;
}

div#tmPoint_info div.saved_img {
margin: 0px;
padding: 0px;
width: 210px;
height:200px;
float:left;
}

div#tmPoint_info div.point_btBox {
width:700px;
margin:0px;
padding:0;
}

div.point_btBox div.pointL {
width:340px;
margin:0;
padding:0;
float:left;
}

div.point_btBox div.pointR {
width:340px;
margin:0;
padding:0;
float:right;
}

div.point_btBox div.tmPoint_txt {
margin:8px 0px 0px 25px;
padding:0;
font-size: 75%;
line-height: 140%;
}


/* --------------------------------------------------------------- */
/* #tmExchange_info */
/* --------------------------------------------------------------- */
div#tmExchange_info {
width: 700px;
margin: 0px 17px 30px 17px;
padding: 0px;
text-align:left;
}

div#tmExchange_info div.tmPoint_txt {
margin:8px 0px 0px 25px;
padding:0;
font-size: 75%;
line-height: 140%;
}

div#tmExchange_info div.tmPoint_txt span {
font-weight:bold;
color:#333;
}


/* =============================================================== */

span {
font-weight: bold;
font-size: 100%;
color: #C00;
}

em {
font-weight: normal;
font-style: normal;
color: #C00;
}
/* =============================================================== */
/* #tmAttention */
/* =============================================================== */
div#tmAttention {
width: 700px;
text-align: left;
margin: 0px 17px 30px 17px;
padding:0;
}

div#tmAttention h3 {
margin: 0px;
padding: 0px;
}

div#attention_txt {
margin:3px 0px 0px 0px;
padding: 15px 20px;
text-align:left;
background-color:#FCC;
}

div#attention_txt li {
list-style-type:none;
font-size: 75%;
line-height: 140%;
}



/* =============================================================== */
/* #cdLink_back */
/* =============================================================== */
div#cdLink_back {
background:url(images/up.png) 0 1px no-repeat;
text-indent:15px;
float:right;
}

div#cdLink_back p {
font-size: 62.5%;
margin:0px 4px 5px 0px;
padding:0;
text-align:right;
}

div#cdLink_back a {
text-decoration: none;
color: #000;
}

div#cdLink_back a:hover {
text-decoration: none;
color: #F00;
}



/* =============================================================== */
/* #cdFooter_section */
/* =============================================================== */
div#cdFooter_section {
font-size: 62.5%;
text-align: center;
border-top: 5px solid #FC0;
} 

div#cdFooter_section ul {
margin-top: 7px;
margin-bottom: 10px;
}

div#cdFooter_section ul li {
	background: url(images/next.png) 1px 2px no-repeat;
	margin-left: 4px;
	padding-left: 15px;
	padding-right: 3px;
	border-right: 2px solid #999;
	display: inline;
	font-size:90.0%;
	letter-spacing:-1px;
	white-space:nowrap;
}

html>/**/body div#cdFooter_section ul li {
	font-size:100%;
}

div#cdFooter_section ul li.last {
border: none;
}

div#cdFooter_section a {
text-decoration: none;
color: #2F4F88;
background-color: #FFF;
}

div#cdFooter_section a:hover {
text-decoration: none;
color: #F00;
background-color: #FFF;
}

/* =============================================================== */
/* #cdLink_back_section */
/* =============================================================== */
div#cdLink_back_section p{
	font-size: 62.5%;
	margin-right: 4px;
	margin-bottom: 5px;
}

div#cdLink_back_section img{
	vertical-align: middle;
	margin-right: 3px;
}

div#cdLink_back_section a {
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}

/* =============================================================== */
/* mail magazine */ 20090930 kubo0764 add
/* =============================================================== */

.mlmg strong {
	font-weight: bold;
	font-size: 100%;
	color: #1594cd;
}

.mlmg em {
	font-weight: normal;
	font-style: normal;
	color: #cc0000;
}

.mlmg div.notice {
font-size: 80%;
line-height: 140%;
}

.mlmg div.mainbox {
width: 701px;
margin: 0 auto;
font-size: 90%;
line-height: 150%;
text-align: left;
}

.mlmg h3 {
	width: 732px;
	height: 33px;
	text-indent: -9999px;
	margin: 20px auto 10px;
}

.mlmg h3.ttl_about {
	background:url(images/mlmg_sub1.gif) no-repeat;
}

.mlmg h3.ttl_flow {
	background:url(images/mlmg_sub2.gif) ;
}

/* ---------------------- */
/* box1 */

.mlmg div.btns {
margin: 14px auto 15px;
}

.mlmg div.ol_btn {
width: 228px;
float: left;
padding-right: 5px;
}

.mlmg div.about_tc {
clear: both;
width: 698px;
text-align: left;
}

.mlmg div.about_tc div {
padding: 7px 6px 7px 10px;
margin: 4px 0 12px 0;
border-style: dotted;
border-width: 2px;
border-color: #666;
font-size: 90%;
}

/* ---------------------- */
/* box2 */

.mlmg .merit {
	width: 266px;
	float: left;
	margin-top: 14px;
	margin-bottom:12px;
}

.mlmg .merit ol {
	background: url(images/mlmg_dush.gif) no-repeat top;
	height: 198px;
}

.mlmg .merit ol li {
	list-style-type: none;
	background: url(images/mlmg_dush.gif) no-repeat bottom;
	line-height: 130%;
	text-align: left;
	font-size: 85%;
	padding: 14px 0 13px 0px;
	min-height:40px;
}

.mlmg .merit ol li img {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

.mlmg .graph {
	width: 416px;
	float: right;
	margin-top: 13px;
	margin-bottom:12px;
}

.mlmg .sample {
clear: both;
text-align: center;
}

/* ---------------------- */
/* box3 */
.mlmg h4.ttl_flow{
	text-align: left;
	margin-top: 15px;
	padding-left:5px;
	color: #d00;
	border-left-width: 5px;
	border-left-style: solid;
	font-weight: bold;
}

.mlmg h5 {
color: #666666;
font-weight: bold;
font-size: 105%;
}

.mlmg .flow {
	margin: 5px 15px 15px 10px;
	text-align: left;
	position: relative;
}

.mlmg .flow p {
	float: left;
	width: 490px;
	font-size: 90%;
	line-height: 140%;
}

.mlmg .flow img {
	float: right;
	width: 176px;
}

.mlmg .screen {
margin: 10px 0 10px 10px;
}

/* ---------------------- */
/* notice */

.mlmg div.attention {
	width: 580px;
	text-align: left;
	font-size: 80%;
	padding:15px 0px 15px 15px;
	margin: 0 auto 15px;
	background-color: #f5ffff;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
}

.mlmg div.attention h5 {
	color: #666;
	font-weight: bold;
}

.mlmg div.attention ul li {
	list-style-type: none;
	margin-top: 3px;
}