@import "reset.css";

@import "fonts.css";

@import "clear.css";



#preloadedImages {

width: 0px;height: 0px; margin:0; padding:0;

display: inline;

background-image: url(../images/common/nav_toku01_on.jpg); 

background-image: url(../images/common/nav_toku02_on.jpg); 

background-image: url(../images/common/nav_toku03_on.jpg); 

background-image: url(../images/common/nav_gold_on.jpg); 

background-image: url(../images/common/nav_service_on.jpg); 

}

		

		

		



/* Layout */







body {

margin:0;

padding:0;

background-color:#ECECEC;

}



div#wrapper {

margin:0;
width:100%;

}



div#container {

background-color:#FFF;

width:980px;
margin:0 auto;
text-align:left;

}





/* Element */

img {

vertical-align:bottom;

}



h1, h2, h3, h4, h5, h6 {

line-height:1em;

letter-spacing:0.1em;

}



h1{

margin-left:56px;

display:block;

background:url(../images/common/header_title.gif) no-repeat;

height:67px

}



h1 span {

display:none;

}



h2 {

margin-top:20px;

float:left;

}

.h2_img {

float:right;

}



h3 {

margin-bottom:20px;

}



h3 img {

line-height:1em;

}





a:link {
	color:#993366;
	text-decoration:underline;
}



a:visited {
	color:#C04583;
	text-decoration:underline;
}



a:hover, a:active {
	color:#E04B9A;
	text-decoration:none;
}



.mark {

margin: 0 3px 1px;

vertical-align: middle;

}



.em {

color: #9F781C;

}



.small {

font-size:85%;

line-height:1.2em;

}



/* Header */



div#header {

margin:0;

padding:0 20px;

height: 111px;

background: url(../images/common/bg_body.gif) repeat-x left bottom;

}



div#header_btn {

margin:0;

float:left;

margin-top:21px;

display:block;

}





div#navi_wrapper {

clear:both;

}



#navi ul {

padding:0px;

margin: 0px;

}



#navi ul li {

float:left;

padding:0px;

margin: 0px;

}



#navi ul li a,

#navi ul li span {

display:block;

width:188px;

height:43px;

text-indent:-9999px;

font-size:0px;

}



#navi ul li.nav01 a {

background:url(../images/common/nav_toku01_off.jpg) no-repeat;}

#navi ul li.nav01 a:hover {

background:url(../images/common/nav_toku01_on.jpg) no-repeat;}

#navi ul li.nav01 span {

background:url(../images/common/nav_toku01.jpg) no-repeat;}



#navi ul li.nav02 a {

background:url(../images/common/nav_toku02_off.jpg) no-repeat;}

#navi ul li.nav02 a:hover {

background:url(../images/common/nav_toku02_on.jpg) no-repeat;}

#navi ul li.nav02 span {

background:url(../images/common/nav_toku02.jpg) no-repeat;}



#navi ul li.nav03 a {

background:url(../images/common/nav_toku03_off.jpg) no-repeat;}

#navi ul li.nav03 a:hover {

background:url(../images/common/nav_toku03_on.jpg) no-repeat;}

#navi ul li.nav03 span {

background:url(../images/common/nav_toku03.jpg) no-repeat;}



#navi ul li.nav04 a {

background:url(../images/common/nav_toku04_off.jpg) no-repeat;}

#navi ul li.nav04 a:hover {

background:url(../images/common/nav_toku04_on.jpg) no-repeat;}

#navi ul li.nav04 span {

background:url(../images/common/nav_toku04.jpg) no-repeat;}



#navi ul li.nav05 a {

background:url(../images/common/nav_toku05_off.jpg) no-repeat;}

#navi ul li.nav05 a:hover {

background:url(../images/common/nav_toku05_on.jpg) no-repeat;}

#navi ul li.nav05 span {

background:url(../images/common/nav_toku05.jpg) no-repeat;

}



#navi img {

margin: 0px;

padding: 0px;

vertical-align:bottom;

}



div#header a, div#header span {

margin:0;

padding:0;

}



/* Footer */







div#footer_wrapper {

padding: 30px 0 0px;

}



#footer_navi {

clear:both;

display:block;

height:30px;

}



#footer_navi ul {

padding:0 0 0 17px;

margin: 0px;

}



#footer_navi ul li {

float:left;

}



#footer {

clear:both;

background: url(../images/common/bg_foot.jpg) repeat-x;

padding-top: 20px;

height:160px;

}



#footer .info {

margin-bottom:10px;

}

#footer img.btn_home_top {
float:right;
margin-right:33px;
}


#footer img.btn_home {
float:right;
margin-right:20px;
}

div#footer p {

padding:10px 0 0 18px;

}



/* Contents */





div#content {

padding:1px 20px;

margin-bottom:0px;

}



#content .section {

clear:both;

}



div#content p, 

div#content table th, 

div#content table td, 

div#content dt,

div#content dd {

font-size: small;

letter-spacing:0.03em;

line-height:1.5em;

}



div#content p {

padding:0;

}



div#content p.lastp {

margin-bottom:20px;

}



div#content p.capname {

text-align:right;

color:#666666;

font-size:75%;

}



img.chart {

margin-bottom:20px;

}



/* index */



body #index {

background-color:#D9D9D9;

}



#index #footer_wrapper {

padding:0 0 0 !important;

}



#index_body {

margin:0;

padding:0;

height:650px;

}



/* 特典1 */



#benefit01 div.chart {

border:#B9BCD2 2px solid;

margin-bottom:25px;

padding:0;

}





#benefit01 .section dl,

#benefit02 .section dl{

border-top:#B9BCD2 1px solid;

}



#benefit01 .section dl.last,

#benefit02 .section dl.last {

border-top:#B9BCD2 1px solid;

border-bottom:#B9BCD2 1px solid;

}



#benefit01 .section dl dt, #benefit01 .section dl.last dt,

#benefit02 .section dl dt, #benefit01 .section dl.last dt {

float:left;

padding:15px 0;

}



#benefit01 .section dl dd, 

#benefit01 .section dl.last dd{

margin-left:240px;

padding:15px 0;

}



/* 特典2 */

#benefit02 .section dl dd,

#benefit02 .section dl.last dd {

margin-left:330px;

padding:15px 0;

}



/* 特典3 */



#benefit03 img.chart {

margin-bottom:10px;

}



#benefit03 div.section {

margin-bottom:30px;

}



/* ゴールド会員 */



/* その他サービスや機能 */







#gold .section {

margin-bottom:20px;

}



#gold .section .lead {

margin-bottom:15px;

}



#gold div.section td {

padding-bottom:35px;

}



#gold div.section td.left {

width:280px;

padding-right:50px;

}



#gold .section p {

padding:5px !important;

line-height:1.4em !important;

}



#gold .section img.photo {

margin:5px 0 10px 23px;

text-align:center;

}



#gold .section p.clm {

margin:0 5px 5px;

border:#D2C1A1 1px solid;

padding:5px 10px !important;

line-height:1.2em;

}



#gold img.right {

float:right;

margin:5px 0 10px 8px;

}



#gold img.left {
float:left;
margin:5px 12px 10px 0;
}



#gold dl {

margin:0;

padding:5px;

}



#gold dt {

float:left;

margin-bottom:7px;

}



#gold dd {

margin-left:14px;

margin-bottom:7px;

}



#gold .clm_service {

background-color:#F1F2F6;

border:#B9BCD2 2px solid;

padding:12px 20px;

}



#gold .clm_service img {

vertical-align:top !important;

}



#gold .clm_service p.blue {
padding-top:20px;
}



#gold .clm_service p.gold {
padding-top:50px;
}



#gold .clm_service p span.cap {

color:#69709E;

}



#gold .clm_service p span.small{

line-height:1.5em !important;

}