@charset "utf-8";

/* HEADER
---------------------------------------*/
div#header ul#g-navi{
	background-image: url(../img/header-bg.jpg);
	}

/* WRAPPER
---------------------------------------*/
div#wrapper{
}
div#wrapper div#contents-head h1{
	background-image: url(../img/h1.jpg);
	}
div#wrapper div#main-contents a{
	background: none;
	color: #ae0002;
	}
div#wrapper div#main-contents{
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: 540px top;
}
div#wrapper div#main-contents div#safetyclub{
	background-color:#ffffff;
	padding-bottom:60px;
}


/* 4つの特典*/
div#wrapper div#main-contents div.tokuten h3{
	background: url(../img/tokuten.gif) left top no-repeat;
	text-indent:-999em;
	height: 95px;
	}
div#wrapper div#main-contents div.tokuten{
	background: url(../img/tokuten.gif) no-repeat left top;
	height:340px;
	margin:0;
	}
html div#wrapper div#main-contents div.tokuten p{
	text-indent:-999em;
	}
div#wrapper div#main-contents div.tokuten p.clubbtn{
	margin-top:-23px;
	padding-left: 522px;
	}
div#wrapper div#main-contents div.tokuten p.clubbtn a{
	background: url(../img/club_btn.gif) left top no-repeat;
	width: 175px;
	height: 52px;
	display:block;
	text-indent:-999em;
	margin: 0;
	}

div#wrapper div#main-contents div.tokuten p.clubbtn a:hover{
	background: url(../img/club_btn.gif) left -52px;
}

div#wrapper div#main-contents p#class-lead{
	clear:both;
	width: 700px;
	background-color: #fff;
	}
div#wrapper div#main-contents h3.ttl2{
	margin-top:20px;
	margin-left:52px;
	} 
div#wrapper div#main-contents div#contentsbody{
	float: left;
	width: 537px;
}
div#wrapper div#main-contents div#contentsbody div{
	width: 520px;
}
div#wrapper div#main-contents h2{
	width:700px;
	height: 103px;
	background-image: url(../img/h2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	padding-top: 87px;
}
div#wrapper div#main-contents h2 a{
	display: block;
	width:160px;
	height: 45px;
}
div#wrapper div#main-contents h2 a:hover{
	background-color: #fff;
	opacity : 0.3;
}
div#wrapper div#main-contents ul{
	width: 700px;
	background-repeat: repeat-y;
	background-position: right top;
	padding-bottom: 10px;
}
div#wrapper div#main-contents ul li ,
div#wrapper div#main-contents ul li a{
	display: block;
	float: right;
	width: 250px;
	height: 60px;
	text-indent: -999em;
}
div#wrapper div#main-contents ul.howto{
	clear:both;
	display:block;
	width:700px;
	margin-bottom:30px;
	}

div#wrapper div#main-contents ul.howto li{
	clear:both;
	width: 100%;
	height:auto;
	text-indent: 0;
}
div#wrapper div#main-contents p span{
	font-weight:bold;
}
/*登録情報のお取り扱いについて*/
div#wrapper div#main-contents ol{
	width:90%;
	padding:10px;
	border:1px solid #cccccc;
	margin-left:35px;
	font-size:86%;
}
div#wrapper div#main-contents p.arrow_under{
	background:url(../img/arrow.gif) 0 0 no-repeat;
	width:453px;
	height:66px;
	margin:20px auto;
	_margin-left:123px;
	text-indent:-999em;
}

/* TOP */
div#wrapper div#main-contents ul li#licar{
	background: url(../img/licar.gif) no-repeat left bottom;
}
div#wrapper div#main-contents ul li#licar a:hover{
	background: url(../img/licar.gif) no-repeat left -60px;
}
div#wrapper div#main-contents ul li#libike{
	background: url(../img/libike.gif) no-repeat left bottom;
}
div#wrapper div#main-contents ul li#libike a:hover{
	background: url(../img/libike.gif) no-repeat left -60px;
}

/* car */
div#wrapper div.car ul li#licar{
	background: url(../img/licar.gif) no-repeat left top!important;
}
div#wrapper div.car ul li#licar a:hover{
	background: url(../img/licar.gif) no-repeat left -60px!important;
}
div#wrapper div.car ul li#libike{
	background: url(../img/libike.gif) no-repeat left bottom!important;
}
div#wrapper div.car ul li#libike a:hover{
	background: url(../img/libike.gif) no-repeat left -60px!important;
}
/* bike */
div#wrapper div.bike ul li#libike{
	background: url(../img/libike.gif) no-repeat left top!important;
}
div#wrapper div.bike ul li#libike a:hover{
	background: url(../img/libike.gif) no-repeat left -60px!important;
}
div#wrapper div.bike ul li#licar{
	background: url(../img/licar.gif) no-repeat left bottom!important;
}
div#wrapper div.bike ul li#licar a:hover{
	background: url(../img/licar.gif) no-repeat left -60px!important;
}
div#wrapper div#main-contents div#contentsbody ,
div#wrapper div#main-contents dl#class-log {
	margin-top: 20px;
}
div#wrapper div#main-contents div#contentsbody div h3{
	padding-left: 60px;
	padding-top: 10px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: left 50%;
	font-size: 120%;
}

div#wrapper div#main-contents div#contentsbody div h3 a{
	text-decoration: none;
	color: #444444;
}

div#wrapper div#main-contents div#contentsbody div h3 span{
	display: block;
	color: #ae0002;
	font-weight: bold;
	font-size: 83.5%;
	text-decoration: none;
}
div#wrapper div#main-contents div#contentsbody div h3.h3car{
	background-image: url(../img/h3car.jpg);
}
div#wrapper div#main-contents div#contentsbody div h3.h3bike{
	background-image: url(../img/h3bike.jpg);
}
div#wrapper div#main-contents div#contentsbody div div.entry{
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px #afafaf solid;
}
div#wrapper div#main-contents div#contentsbody , 
div#wrapper div#main-contents dl#class-log{
}
div#wrapper div#main-contents dl#class-log,
div#wrapper div#main-contents dl#club-bnr{
	float: right;
	width: 160px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 90%;
}

div#wrapper div#main-contents dl#class-log dt{
	height: 30px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -999em;
}
div#wrapper div#main-contents dl#class-log dt#newlog{
	background-image: url(../img/newlog.jpg);
}
div#wrapper div#main-contents dl#class-log dt#oldlog{
	background-image: url(../img/oldlog.jpg);
	margin-top:30px;
}
div#wrapper div#main-contents dl#class-log dd{
	padding-left: 25px;
	padding-bottom: 1ex;
	line-height: 1.2em;
	
}

div#wrapper div#main-contents dl#club-bnr{
	clear:right;

}
div#wrapper div#main-contents dl#club-bnr dd{
	width: 135px;
	height:60px;
	text-indent: -999em;
	margin-top:30px;
	padding-left:25px;
}
div#wrapper div#main-contents dl#club-bnr dd a{
	width: 135px;
	height:60px;
	background-image:url(../img/bnr_safetyclub.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
div#wrapper div#main-contents dl#club-bnr dd a:hover{
	background-color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

/* 登録・解除フォーム　*/

div#wrapper div#main-contents div#safetyclub table#sp {
	margin:20px auto 0;
   _margin-left:100px;
   border: solid 1px #cccccc;
}
#sp p {
   font-size: 11px;
   color: #666666;
   line-height: 180%;
   border: 0px;
   margin: 0px;
}
#sp th {
   color: #FFFFFF;
   background-color:#969696;
   text-align: left;
   padding:5px 10px;
   font-size: 12px;
}
#sp td {
   background-color: white;
   padding: 10px;
}

/* FOOTTER
---------------------------------------*/
div#footer{
	}