/* index */
@import url("base.css");

#index_left{
	width:500px;
	float:left;
}
#index_right{
	width:260px;
	float:right;
}
#index_int{
	margin:0px;
	margin-top:20px;
	margin-left:0px;
	padding:0px 0px 0px 0px;

}
#index_int p{
	color:#000000;
	background-color:#ffffff;
	line-height:1.5;
	text-indent:0.875em;
}

#logo{
	margin:0px;
	margin-top:10px;
	padding:0px;
}

#middle{
	margin:0px;
	margin-top:20px;
	padding:0px;
}
#middle_left{
	float:left;
	width:300px;
}
#middle_right{
	float:right;
	width:460px;
}
#middle_cont{
	margin:0px;
	margin-left:20px;
	padding:0px;
}

#login_comment{
	margin:10px 0px 0px 0px;
	padding:0px;
}
#login_comment p{
	color:#000000;
	background-color:#ffffff;
}


#news{
	margin:0px;
	margin-top:30px;
	padding:0px;
}
#news_title{
	margin:0px;
	padding:6px;
	padding-top:10px;
	padding-bottom:6px;
	padding-left:27px;
	color:#ffffff;
	background-color:#0097CC;
	background-image:url(../images/icon_info.gif);
	background-repeat:no-repeat;
	background-position:5px;
}
#news_title h3{
	font-size:0.75em;
}
#news_list{
	margin:0px;
	padding:5px;
	color:#000000;
	background-color:#F3F2F2;
}
#news_list a{
	margin:0px;
	padding:0px;
	color:#003399;
	background-color:#F3F2F2;
}
#news_list ul{
	margin:0px;
	padding:0px;
}
#news_list li{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	margin-left:20px;
	font-size:0.75em;
}

#whats{
	margin:0px;
	margin-top:20px;
	padding:0px;
}
#whats_title{
	margin:0px;
	padding:6px;
	padding-top:10px;
	padding-bottom:6px;
	padding-left:30px;
	color:#000000;
	background-color:#FEC990;
	background-image:url(../images/icon_map_new.gif);
	background-repeat:no-repeat;
	background-position:5px;
}
#whats_title h3{
	font-size:0.75em;
}
#whats_list{
	margin:0px;
	padding:5px;
	color:#000000;
	background-color:#FFEFDE;
}
#whats_list a{
	margin:0px;
	padding:0px;
	color:#003399;
	background-color:#FFEFDE;
}
#whats_list ul{
	margin:0px;
	padding:0px;
}
#whats_list li{
	list-style-type:circle;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	margin-left:20px;
	font-size:0.75em;
}
#whats_list img{
	margin:0px;
	padding:0px;
	margin-left:5px;
}
#pop{
	margin:0px;
	margin-top:20px;
	padding:0px;
}
#pop_title{
	margin:0px;
	padding:6px;
	padding-top:10px;
	padding-bottom:6px;
	padding-left:30px;
	color:#000000;
	background-color:#FFEFA5;
	background-image:url(../images/icon_map_hit.gif);
	background-repeat:no-repeat;
	background-position:5px;
}
#pop_title h3{
	font-size:0.75em;
}
#pop_list{
	margin:0px;
	padding:5px;
	color:#000000;
	background-color:#FFFAE5;
}
#pop_list a{
	margin:0px;
	padding:0px;
	color:#003399;
	background-color:#FFFAE5;
}
#pop_list ul{
	margin:0px;
	padding:0px;
}
#pop_list li{
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-top:2px;
	padding-bottom:5px;
	padding-left:30px;
	font-size:0.75em;
	list-style-type:none;
}
#pop_list img{
	margin:0px;
	padding:0px;
	margin-left:5px;
}
#pop_list li.tag_rank1{
	background-image:url(../images/icon_top_rank1.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank2{
	background-image:url(../images/icon_top_rank2.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank3{
	background-image:url(../images/icon_top_rank3.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank4{
	background-image:url(../images/icon_tag_rank4.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank5{
	background-image:url(../images/icon_tag_rank5.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank6{
	background-image:url(../images/icon_tag_rank6.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank7{
	background-image:url(../images/icon_tag_rank7.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank8{
	background-image:url(../images/icon_tag_rank8.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank9{
	background-image:url(../images/icon_tag_rank9.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
#pop_list li.tag_rank10{
	background-image:url(../images/icon_tag_rank10.gif);
	background-repeat:no-repeat;
	background-position:0px;
}

#cloud{
	margin:0px;
	margin-top:10px;
	padding:0px;
}
#cloud_title{
	margin:0px;
	margin-top:0px;
	padding:6px;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:25px;
	color:#0078A2;
	background-color:#F3F2F2;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-top:solid 1px #cccccc;

	background-image:url(../images/icon_mytag.gif);
	background-repeat:no-repeat;
	background-position:8px;
}
#cloud_title_left{
	float:left;
}
#cloud_title_right{
	text-align:right;
}
#cloud_title_right a{
	color:#003399;
	background-color:#F3F2F2;
}

#cloud_title h3{
	font-size:0.75em;
}
#cloud_list{
	margin:0px;
	padding:10px;
	padding-top:5px;
	padding-right:5px;
	color:#0078A2;
	background-color:#F3F2F2;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
#cloud_list a{
	color:#0078A2;
	background-color:#F3F2F2;
	text-decoration:none;
}
#cloud_list a:visited{
	color:#0078A2;
	background-color:#F3F2F2;
	text-decoration:none;
}
#cloud_list a:active{
	color:#0078A2;
	background-color:#F3F2F2;
	text-decoration:none;
}
#cloud_list a:hover{
	color:#0078A2;
	background-color:#F3F2F2;
	text-decoration:underline;
}


#login{
	margin:0px;
	margin-top:0px;
	padding:0px;
}

.login_title{
	float:left;
}
.login_image{
	float:left;
}

.login_image img{
	margin-top:10px;
	margin-left:10px;
}

.comment{
	margin:0px;
	padding:0px;
	line-height:1.5;
}

.index_api{
	margin:0px;
	margin-top:20px;
	padding:0px;
}
.index_api h3{
	margin:0px;
	padding:0px;
	font-size:1em;
}
.index_api .list_title{
	margin:0px;
	margin-top:10px;
	padding:0px;
	font-size:0.75em;
}
.index_api ul{
	margin-top:0px;
	margin-bottom:0px;
}

.index_api li{
	margin:0px;
	padding:0px;
	font-size:0.75em;
}

.index_image{
	margin-top:10px;
}
.index_image img{
	margin-right:20px;
}
.index_image_02{
	margin-top:10px;
}

.index_api2{
	margin:0px;
	margin-top:10px;
	padding:0px;
}

.index_api2 ul{
	margin:0px;
	padding:0px;
}

.index_api2 li{
	margin:0px;
	margin-top:5px;
	margin-bottom:0px;
	padding:0px;
	margin-left:20px;
	font-size:0.75em;
}

#index_photo_title{
	margin:0px 0px 0px 15px;
	padding:0px;
	width:500px;
}
#index_photo_title h3{
	height:20px;
	margin:0px;
	padding:5px 0px 0px 25px;
	font-size:0.75em;
	color:#000000;
	background-color:#ffffff;
	background-image:url(../images/icon_camera.gif);
	background-repeat:no-repeat;
	background-position:0px;
}

#index_photo{
	margin:0px 0px 0px 0px;
	padding:0px;
}
#index_photo ul{
	margin:0px;
	padding:0px;
}
#index_photo li{
	list-style-type:none;
	float:left;
	margin:5px 3px 0px 0px;
	padding:1px;
	border-right:solid 4px #eeeeee;
	border-bottom:solid 4px #eeeeee;
	color:#000000;
	background-color:#cccccc;
}
#index_photo img{
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#ffffff;
	border-top:solid 5px #ffffff;
	border-left:solid 5px #ffffff;
	border-right:solid 5px #ffffff;
	border-bottom:solid 10px #ffffff;
	vertical-align:bottom;
}