@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	letter-spacing: 1px;
	color:#333333;
	font-size:14px;
	line-height:140%;
}
img {
	border: none;
}
h1,h2,h3,h4,ul,ol,li,form{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
.alt{
	display:none;
}
.clear{
	clear:both;
}
a:link {
	color: #009900;
}
a:visited {
	color: #009900;
}
a:hover {
	color:#FF6600;
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	text-align: left;
}
/* グローバルナビ */
#header_navi{
	clear: both;
	width:930px;
	height:52px;
	margin:0 0 10px 0;
}
#header_navi li {
	float: left;
}
#header_navi .home a {
	display: block;
	width:133px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_home.jpg") no-repeat 0px 0px;
}
#header_navi .home a:hover{
	background:url("images/navi_home_on.jpg") no-repeat;
}
#header_navi .home_selected a {
	background:url("images/navi_home_on.jpg") no-repeat;
}
#header_navi .clean a {
	display: block;
	width:133px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_clean.jpg") no-repeat 0px 0px;
}
#header_navi .clean a:hover{
	background:url("images/navi_clean_on.jpg") no-repeat;
}
#header_navi .clean_selected a {
	background:url("images/navi_clean_on.jpg") no-repeat;
}
#header_navi .present a {
	display: block;
	width:133px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_present.jpg") no-repeat 0px 0px;
}
#header_navi .present a:hover{
	background:url("images/navi_present_on.jpg") no-repeat;
}
#header_navi .present_selected a {
	background:url("images/navi_present_on.jpg") no-repeat;
}
#header_navi .eco a {
	display: block;
	width:133px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_eco.jpg") no-repeat 0px 0px;
}
#header_navi .eco a:hover{
	background:url("images/navi_eco_on.jpg") no-repeat;
}
#header_navi .eco_selected a {
	background:url("images/navi_eco_on.jpg") no-repeat;
}
#header_navi .drawing a {
	display: block;
	width:133px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_drawing.jpg") no-repeat 0px 0px;
}
#header_navi .drawing a:hover{
	background:url("images/navi_drawing_on.jpg") no-repeat;
}
#header_navi .drawing_selected a {
	background:url("images/navi_drawing_on.jpg") no-repeat;
}
#header_navi .quiz a {
	display: block;
	width:133px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_quiz.jpg") no-repeat 0px 0px;
}
#header_navi .quiz a:hover{
	background:url("images/navi_quiz_on.jpg") no-repeat;
}
#header_navi .quiz_selected a {
	background:url("images/navi_quiz_on.jpg") no-repeat;
}
#header_navi .check a {
	display: block;
	width:132px;
	height: 52px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/navi_check.jpg") no-repeat 0px 0px;
}
#header_navi .check a:hover{
	background:url("images/navi_check_on.jpg") no-repeat;
}
#header_navi .check_selected a {
	background:url("images/navi_check_on.jpg") no-repeat;
}
/* トップ左 */
#top_left{
	width:260px;
	height:auto;
	float:left;
}
#top_left .left_present a {
	display: block;
	width:260px;
	height: 93px;
	margin:0 0 7px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_present.jpg") no-repeat 0px 0px;
}
#top_left .left_present a:hover{
	background:url("images/top_present_on.jpg") no-repeat;
}
#top_left .left_eco a {
	display: block;
	width:260px;
	height: 93px;
	margin:0 0 7px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_eco.jpg") no-repeat 0px 0px;
}
#top_left .left_eco a:hover{
	background:url("images/top_eco_on.jpg") no-repeat;
}
#top_left .left_drawing a {
	display: block;
	width:260px;
	height: 93px;
	margin:0 0 7px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_drawing.jpg") no-repeat 0px 0px;
}
#top_left .left_drawing a:hover{
	background:url("images/top_drawing_on.jpg") no-repeat;
}
#top_left .left_quiz a {
	display: block;
	width:260px;
	height: 93px;
	margin:0 0 7px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_quiz.jpg") no-repeat 0px 0px;
}
#top_left .left_quiz a:hover{
	background:url("images/top_quiz_on.jpg") no-repeat;
}
#top_left .left_check a {
	display: block;
	width:260px;
	height: 93px;
	margin:0 0 7px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_check.jpg") no-repeat 0px 0px;
}
#top_left .left_check a:hover{
	background:url("images/top_check_on.jpg") no-repeat;
}
/* トップセンター */
#top_center{
	width:400px;
	margin:0 10px 0;
	height:auto;
	float:left;
}
#news {
	width: 398px;
	height: 140px;
	overflow: scroll;
	overflow-x: hidden;
	border: solid 1px #CCCCCC;
	margin:0 0 10px;
}
#news td {
	padding: 10px 5px;
}
#news th {
	width: 65px;
	padding: 10px 5px;
	vertical-align:top;
}
/* トップ右 */
#top_right{
	width:250px;
	height:auto;
	float:right;
}
#top_right .right_clean a {
	display: block;
	width:250px;
	height:76px;
	margin:0 0 10px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_clean.jpg") no-repeat 0px 0px;
}
#top_right .right_clean a:hover{
	background:url("images/top_clean_on.jpg") no-repeat;
}
#top_right .right_dealer a {
	display: block;
	width:250px;
	height:105px;
	margin:0 0 10px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_dealer.jpg") no-repeat 0px 0px;
}
#top_right .right_dealer a:hover{
	background:url("images/top_dealer_on.jpg") no-repeat;
}
#top_right .right_login a {
	display: block;
	width:250px;
	height:61px;
	margin:0 0 10px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_login.jpg") no-repeat 0px 0px;
}
#top_right .right_login a:hover{
	background:url("images/top_login_on.jpg") no-repeat;
}
#top_right .right_trust a {
	display: block;
	width:250px;
	height:88px;
	margin:0 0 10px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_trust.jpg") no-repeat 0px 0px;
}
#top_right .right_trust a:hover{
	background:url("images/top_trust_on.jpg") no-repeat;
}
#top_right .right_song a {
	display: block;
	width:250px;
	height:123px;
	margin:0 0 10px;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
	background:url("images/top_song.jpg") no-repeat 0px 0px;
}
#top_right .right_song a:hover{
	background:url("images/top_song_on.jpg") no-repeat;
}
/* 下層共通 */
#main_contents{
	width:670px;
	height:auto;
	float:left;
}
#contents{
	width:650px;
	height:auto;
	margin:0 10px;
}
.page_title{
	margin:0 0 20px 0;
	float:left;
	width:670px;
}
.red_b{
	color:#CC0000;
	font-weight:bold;
}
.end{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#C00;
	margin:0 0 50px 0;
	line-height:180%;
}
#main_kekka{
	width:910px;
	height:auto;
	padding:10px;
}
/* 加盟新車ディーラー */
#dealer_left{
	width:450px;
	height:auto;
	margin:0 20px 0 0;
	float:left;
	margin:0 0 30px 0;
}
#dealer_right{
	width:450px;
	height:auto;
	margin:0;
	float:left;
}
#dealer_left li, 
#dealer_right li{
	background:url(images/dealer_icon.gif) no-repeat 5px;
	padding:0px 0px 0px 20px;
	line-height:24px;
	text-align:left;
}
/* 加盟新車ディーラー専用ページ */
#promotion_left{
	width:305px;
	height:auto;
	margin:0 20px 0 0;
	float:left;
}
#promotion_right{
	width:305px;
	height:auto;
	margin:0;
	float:left;
}
#promotion_left li, 
#promotion_right li{
	background:url(images/dealer_icon.gif) no-repeat 5px;
	padding:0px 0px 0px 20px;
	line-height:24px;
	text-align:left;
}
/* ログインページ */
#login table {
	border-collapse: collapse;
	width:400px;
	margin:50px auto;
	border: 1px solid #cccccc;
}
#login th {
	border: 1px solid #cccccc;
	padding:10px;
	background-color: #218746;
	text-align:left;
	font-weight:normal;
	color:#FFFFFF;
	font-weight:bold;
	width:100px;}
#login td {
	border: 1px solid #cccccc;
	padding:10px;
	background-color: #ECFFFA;
	text-align:left;
}
.btn_left{
	float:left;
	padding:0 0 0 200px;
}
.btn_right{
	float:right;
	padding:0 200px 0 0;
}
/* クイズキャンペーン */
#quiz table{
	height:auto;
	width:650px;
	margin:10px 0 0;
}
#quiz th{
	height:auto;
	width:100px;
	background-color:#D2E0FF;
	padding:5px;
	text-align:left;
}
#quiz td{
	height:auto;
	padding:5px;
}
.red_10{
	color:#CC0000;
	font-size:10px;
	clear:both;
}
/* エコキャンペーン */
.green_b_16{
	font-size:16px;
	color:#006600;
	font-weight:bold;
}
#eco img{
	margin:0 0 20px;
}
#eco table{
	height:auto;
	width:650px;
	margin:10px 0 0;
}
#eco th{
	height:auto;
	width:100px;
	background-color:#BAE8B5;
	padding:5px;
	text-align:left;
}
#eco td{
	height:auto;
	padding:5px;
}
/* エコ結果 */
#eco_kekka table{
	height:auto;
	width:910px;
	padding:5px;
	text-align:left;
	margin:0 0 10px;
}
#eco_kekka td{
	background-color:#BAE8B5;
	padding:5px;
}
.eco_left_img{
	float:left;
	width:100px;
	height:auto;
}
.eco_right_img{
	float:right;
	width:100px;
	height:auto;
}
.eco_life{
	float:left;
	width:790px;
	margin:0 0 0 20px;
	padding:10px 0;
	border-bottom:#090 solid 2px;
	border-bottom-style:dotted;
}
.eco_life2{
	float:left;
	width:790px;
	margin:0 20px 0 0;
	padding:10px 0;
	border-bottom:#090 solid 2px;
	border-bottom-style:dotted;
}
.eco_name{
	text-align:right;
	color:#090;
}
/* 絵画＆ぬりえ */
#drawing_bg{
	background:#FFFFCC;
	border-left:5px solid #FF6600;
	border-right:5px solid #FF6600;
	height:auto;
	width:630px;
	padding:5px;
}
#drawing_bg table{
	height:auto;
	width:630px;
	margin:10px 0;
}
#drawing_bg th{
	height:auto;
	width:100px;
	background-color:#FFC59D;
	padding:5px;
	text-align:left;
}
#drawing_bg td{
	height:auto;
	padding:5px;
}
#nurie_bg{
	background:#FFFFCC;
	border-left:5px solid #CC0199;
	border-right:5px solid #CC0199;
	height:auto;
	width:630px;
	padding:5px;
}
#nurie_bg table{
	height:auto;
	width:520px;
	margin:10px 0;
	float:left;
}
#nurie_bg th{
	height:auto;
	width:100px;
	background-color:#FFA6E9;
	padding:5px;
	text-align:left;
}
#nurie_bg td{
	height:auto;
	padding:5px;
}
/* 絵画結果 */
.kekka_title{
	clear:both;
	margin:0 0 5px;
}
.g_s{
	font-size:12px;
	width:220px;
	height:auto;
	margin:0 10px 10px 0;
	float:left;
	line-height:120%;
}
.g_s_last{
	font-size:12px;
	width:220px;
	height:auto;
	margin:0 0 10xp;
	float:left;
	line-height:120%;
}
.b{
	font-size:10px;
	width:143px;
	height:auto;
	margin:0 10px 10px 0;
	float:left;
	line-height:120%;
}
.b_last{
	font-size:10px;
	width:143px;
	height:auto;
	margin:0 0 10xp;
	float:left;
	line-height:120%;
}
.k{
	font-size:10px;
	width:105px;
	height:auto;
	margin:0 10px 10px 0;
	float:left;
	line-height:120%;
}
.k_last{
	font-size:10px;
	width:105px;
	height:auto;
	margin:0 0 10xp;
	float:left;
	line-height:120%;
}

/* クリーン */
#clean_bg{
	background:#FFFFCC;
	border-left:5px solid #0066FF;
	border-right:5px solid #0066FF;
	height:auto;
	width:630px;
	padding:5px;
}
#clean_bg table{
	height:auto;
	width:630px;
	margin:10px 0;
}
#clean_bg th{
	height:auto;
	width:100px;
	background-color:#ACCDFF;
	padding:5px;
	text-align:left;
}
#clean_bg td{
	height:auto;
	padding:5px;
}
/* プレゼント */
#present{
	background:url("images/present_bg.jpg") no-repeat;
	height:250px;
	width:620px;
	margin:0 0 20px;
	padding:20px 20px 0;
	font-weight:bold;
	clear:both;
}
/* トラスト */
#trust{
	background:url("images/trust_bg.jpg") no-repeat;
	height:270px;
	width:615px;
	margin:0 0 20px;
	padding:20px 15px 0 20px;;
	font-weight:bold;
	clear:both;
}
#trust_btn{
	width:280px;
	padding:40px 160px 0;
}
.trust_right{
	text-align:right;
}
/* オリジナルソング */
#song_name{
	width:650p;
	font-weight:bold;
	margin:0 0 10px;
}
#song_left{
	width:456;
	float:left;
}
#song_left_bg{
	background:#FFFFCC;
	border-left:5px solid #FF6600;
	border-right:5px solid #FF6600;
	height:auto;
	padding:5px 10px;
	font-size:16px;
}
#song_right{
	width:180px;
	float:right;
}
#song_right_bg{
	background:#FFFFCC;
	border-left:5px solid #0199CC;
	border-right:5px solid #0199CC;
	height:auto;
	padding:5px;
	font-size:12px;
}
.song_btn{
	margin:10px 5px;
}
/* フッタ */
#page_top{
	text-align:right;
	margin:10px;
	clear:both;
}
#footer{
	text-align:center;
	padding:20px 0 10px;
	clear:both;
}