@charset "utf-8";


/*  -------  layout CSS  --------------------------------  */




#content_top div.left {
	float:left;
	width:442px;
	margin-top:-5px;
	margin-left:7px;
	display:inline;
}

#content_top div.right {
	float:right;
	width:436px;
	margin-right:9px;
	display:inline;
}

#content_top map {
	margin:0;
}

#content_top div.point_title {
	width:442px;
	height:87px;
	margin:0;
	text-indent:-9999px;
	background:transparent url(../image/home_cg001.gif) no-repeat scroll 0;
}

#content_top div.point_search {
	width:442px;
	height:67px;
	margin:0;
	background:transparent url(../image/home_cg002.gif) no-repeat scroll 0;	
}

#content_top table {
	width:366px;
	margin:0 auto;
	text-align:center;
}

#content_top table td.point {
	width:116px;
	height:21px;
	text-indent:-9999px;
	background:transparent url(../image/home_cg003.gif) no-repeat scroll 0;
	display:block;
	overflow:hidden;
}

#content_top table td.point_select {
	width:193px;
	padding-top:2px;
	text-align:center;
}

#content_top select.point_select {
	width:140px;
}

#content_top table td.search_button {
	width:57px;
	height:26px;
}

#content_top h2 {
	height:35px;
	text-indent:-9999px;
	display:block;
}

#content_top h2.bar01 {
	width:436px;
	background:transparent url(../image/home_cg006.gif) no-repeat scroll 0;
}

#content_top h2.bar02 {
	width:436px;
	margin-top:10px;
	background:transparent url(../image/home_cg007.gif) no-repeat scroll 0;
}

#content_top h2.bar03 {
	width:436px;
	background:transparent url(../image/home_cg026.gif) no-repeat scroll 0;
}

#content_top h2.bar04 {
	clear:both;
	width:882px;
	margin-left:9px;
	margin-bottom:10px;
	background:transparent url(../image/home_cg015.gif) no-repeat scroll 0;
}

#jquery {
	width:416px;
	background-color:#FFD9BF;
	padding:0 10px 10px;
}

#jquery p {
	margin-bottom:5px;
	padding-top:5px;
}

#ranking {
	float:left;
	width:414px;
	padding:0 11px 11px;
	background-color:#FFF5D9;
}

#ranking p {
	margin:5px 0;
}

#ranking div.picture01, 
#ranking div.picture02 {
	float:left;
	width:121px;
	padding:6px;
	background-color:#FFFFFF;
}

#ranking div.picture02 {
	margin-left:7px;
}

#ranking h3 {
	margin-bottom:3px;
	text-align:center;
}

#ranking li {
	width:111px;
	line-height:1.5;
	word-break:break-all;
}

#ranking li a:hover {
	color:#FF6600;
}

#ranking li.item {
	width:120px;
	margin:5px 0 0;
	font-weight:bold;
	text-align:center;
}

#ranking li.eco_point {
	width:120px;
	margin:5px 0 0;
	font-size:0.92em;
	text-align:center;
	letter-spacing:-0.13em;
	line-height:1.2;
	color:#FF3300;
}

#ranking li.code {
	width:120px;
	margin:5px 0 0;
	font-size:0.92em;
	text-align:center;
	line-height:1.2;
}

#ranking li.number {
	width:120px;
	margin:0 0 10px;
	font-size:0.92em;
	text-align:center;
	line-height:1.2;
}

#ranking li.detail_button {
	width:110px;
	height:27px;
	margin-left:6px;
	margin-right:5px;
	line-height:1.2;
}

#big_banner {
	clear:both;
	float:left;
	width:438px;
	margin:13px 0 22px 9px;
	display:inline;
}

#big_banner li {
	display:inline;
}

#big_banner li a {
	margin-bottom:4px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline;
}

#big_banner li.banner01 a {
	float:left;
	width:215px;
	height:76px;
	background:transparent url(../image/home_cg021.gif) no-repeat scroll 0;
}

#big_banner li.banner02 a {
	float:right;
	width:215px;
	height:76px;
	background:transparent url(../image/home_cg022.gif) no-repeat scroll 0;
}

#big_banner li.banner03 a {
	clear:both;
	float:left;
	width:215px;
	height:86px;
	background:transparent url(../image/home_cg023.gif) no-repeat scroll 0;
}

#big_banner li.banner04 a {
	float:right;
	width:215px;
	height:86px;
	background:transparent url(../image/home_cg024.gif) no-repeat scroll 0;
}

#big_banner li.banner05 a {
	clear:both;
	float:left;
	width:438px;
	height:86px;
	background:transparent url(../image/home_cg025.gif) no-repeat scroll 0;
}

#appeal {
	float:right;
	width:436px;
	margin:13px 9px 22px 0;
	display:inline;
}

#appeal div.base01 {
	float:right;
	width:416px;
	padding:0 10px 10px;
	background-color:#FFEFD7;
}

#appeal div.base02 {
	width:396px;
	padding:10px;
	background-color:#FFFFFF;
}

#appeal p.text {
	margin:5px 0;
}

#appeal div.img {
	float:left;
	width:140px;
	height:140px;
	margin-bottom:10px;
}

#appeal div.details {
	float:right;
	width:245px;
	margin-bottom:10px;
}

#appeal h3 {
	margin-bottom:10px;
	font-size:1.17em;
	font-weight:bold;
}

#appeal h4.red {
	clear:both;
	margin-bottom:10px;
	color:#FF3300;
	text-align:right;
}

#appeal h4 {
	font-size:1.17em;
	font-weight:bold;
}

#appeal p {
	clear:both;
	line-height:1.5;
}

#pickup {
	clear:both;
	float:left;
	width:869px;
	margin:0 15px 20px;
	/*background:transparent url(../image/common_bg007.gif) no-repeat scroll center bottom;*/
	display:inline;
}

p.catchcopy {
	margin:0 10px 10px;
}

#pickup div.picture01, 
#pickup div.picture02 {
	float:left;
	width:121px;
	padding:8px;
	border:solid 1px #CCCCCC;
	/*border-top:solid 1px #CCCCCC;*/
	/*border-left:solid 1px #CCCCCC;*/
	/*border-right:solid 1px #CCCCCC;*/
}

#pickup div.picture02 {
	margin-left:7px;
}

#pickup li {
	width:111px;
	line-height:1.5;
	word-break:break-all;
}

#pickup li a:hover {
	color:#FF6600;
}

#pickup li.item {
	width:120px;
	margin:5px 0 0;
	font-weight:bold;
	text-align:center;
}

#pickup li.code {
	width:120px;
	margin:5px 0 0;
	font-size:0.92em;
	text-align:center;
	line-height:1.2;
}

#pickup li.number {
	width:120px;
	margin:0 0 10px;
	font-size:0.92em;
	text-align:center;
	line-height:1.2;
}

#pickup li.detail_button {
	width:110px;
	height:27px;
	margin-left:6px;
	margin-right:5px;
}

#small_banner {
	clear:both;
	text-align:center;
	display:inline;
}


#small_banner ul.eco {
	clear:both;
	width:400px;
	height:38px;
	margin:0 auto 10px;	
}

#small_banner ul.sponsor {
	clear:both;
	width:514px;
	height:38px;
	margin:0 auto 10px;
}



#small_banner li {
	float:left;
	display:inline;
}


#small_banner li.green {
	margin-left:30px;
}

#small_banner li.meti, 
#small_banner li.soumu {
	margin-left:-1px;
}

#small_banner li.cam {
	margin-left:13px;
}

#kikiutamax {
	margin-bottom:20px;
	text-align:center;
}