@charset "UTF-8";

/* =============================================================== */
/* for Suica */
/* =============================================================== */

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

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

/* SuicaPointCamp 2010 */
div#wrapperSuicaPoint {
margin: 0px auto;
padding: 0px;
width: 750px;
background: #FFF url(images/img_suica_point.png) no-repeat top center;
}

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

/*2009 camp add0905*/
div#wrapperSuica2009 div#cdWrapperSuica h2 {
width:734px;
height:400px;
margin: 0px 0px 30px 0px;
padding: 0px;
text-indent:-10000px;
}

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


/* =============================================================== */
/* 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:url(images/px.gif);
display:block;
clear:both;
height:0;
}

.clearfix {
display:inline-block;
}

.clearfix {
display:block;
}

/* Mac版IEのみに適用 \*//*/
.clearfix {
overflow: hidden;
}
/* */


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

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

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

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

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

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

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

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

/* --------------------------------------------------------------- */
/* #aboutTmClub */
/* --------------------------------------------------------------- */
/*style.cssからのインクルードに修正：adachi 
div#aboutTmClub {
width: 700px;
margin: 0px 17px 20px 17px;
padding: 0px;
text-align:left;
}

div#aboutTmClub div.aboutBox {
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 */
/* --------------------------------------------------------------- */
/*
/*style.cssからのインクルードに修正：adachi 
/*
.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 {
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}
*/

/* --------------------------------------------------------------- */
/* #tmStep*/
/* --------------------------------------------------------------- */
div#tmStep {
width:700px;
margin:0px 17px 50px 17px;
padding:0px;
}

div#tmStep div.mapBox {
width:660px;
margin:20px 20px 0px 20px;
padding:0;
}

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

em {
font-weight: normal;
font-style: normal;
color: #C00;
}
/* =============================================================== */
/* #tmAttention */
/* =============================================================== */
/*style.cssからのインクルードに修正：adachi 
div#tmAttention {
width: 700px;
text-align: left;
margin: 0px 17px 30px 17px;
padding:0;
}

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

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

*html div#tmAttention_txt {
width:700px;
}

div#tmAttention_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: 2px;
padding-left: 14px;
padding-right: 3px;
display: inline;
}

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


/* =============================================================== */
/* ThickBox */
/* =============================================================== */
*html #TB_title {
margin-right:-10px;
}