@charset 'UTF-8';


/*================================================================*/
/*メインコンテンツ*/
/*================================================================*/

#main_column{
width: 540px;
float: left;
_display: inline;/*IE6対策*/
margin-left: 230px;
}


/*--365日365写真--*/

#photo_365{
width: 540px;
}

#main_365photo{
text-align: center;
position: relative;
width: 540px;
min-height: 360px;
height: auto!important;
height: 360px;
margin-bottom: 15px;
}

	#main_365photo #logo_365{ position: absolute; right: 0; top: 0;}

#photo_365_title{
background: #FFFF00 url(../../img/top/365_photo_title.jpg) left center no-repeat;
height: 35px;
line-height: 2.5;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}

	#photo_365_title h2{
	background: url(../../img/top/365_photo_title.jpg) left top no-repeat;
	width: 217px;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	float: left;
	}
	
	#photo_365_title p{ margin-left: 227px;}
	#photo_365_title p span{ font-size: 12px;}
	
#photo_carousel{
background: url(../img/grid_bg.jpg) left top repeat;
width: 490px;
height: 70px;
padding: 10px 20px 0 30px;
position: relative;
margin-bottom: 15px;
}

	#photo_carousel a:hover img{
	filter: alpha( opacity=60 );
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

	#photo_carousel #carousel_next{
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	}
	
	#photo_carousel #carousel_prev{
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	}
	
		#photo_carousel #carousel{
		width: 100%;
		height: 100%;
		overflow: hidden;
		}
	
		#photo_carousel .column{
		list-style: none;
		display: inline;
		float: left;
		}
		
		#photo_carousel li{
		float: left;
		width: 60px;
		margin-right: 10px;
		margin-bottom: 10px;
		}

	#photo_365_archive{
	width: 520px;
	margin: 0 auto 20px auto;
	}
	
		#photo_365_archive ul{
		list-style: none;
		zoom: 1;
		margin-right: -20px;
		_margin-right: -40px;
		}
		
			#photo_365_archive li{
			background: url(../img/icon02.gif) left center no-repeat;
			padding-left: 8px;
			width: 70px;
			float: left;
			margin: 0 20px 10px 0;
			}
			
			#photo_365_archive li a{
			white-space: nowrap;
			}
			
		#photo_365_archive .link_list{
		background: url(../img/icon02.gif) right center no-repeat;
		padding-right: 10px;
		font-size: 10px;
		}


/*--更新履歴--*/	
		
#new_infomation{
width: 540px;
margin: 0 0 30px 0;
}

	#new_infomation .title{
	background: url(../../img/top/new_title.jpg) left top no-repeat;
	width: 540px;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom: 10px;
	}
	
	#new_infomation ul{
	list-style: none;
	padding: 0 10px;
	}
	
	#new_infomation li{
	margin-bottom: 5px;
	}
	
	#new_infomation li a{ color: #0099CC; text-decoration: underline;}
	#new_infomation li a:hover{ text-decoration: none;}

	#new_infomation .link_list{
	background: url(../img/icon02.gif) right center no-repeat;
	padding-right: 10px;
	font-size: 10px;
	margin-right: 10px;
	}
	
	
/*--ランキング--*/		
		
#ranking_wrap{
width: 540px;
margin: 0 0 30px 0;
}

	#ranking_wrap .title{
	background: url(../../img/top/ranking_title.jpg) left top no-repeat;
	width: 540px;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom: 10px;
	}
	
	#ranking_box{
	background: url(../img/grid_bg.jpg) left top repeat;
	width: 498px;
	padding: 15px 21px;
	}
	
		#ranking_box ol{
		list-style: none;
		margin-right: -24px;
		_margin-right: -48px;
		zoom: 1;
		}
		
		#ranking_box li{
		float: left;
		text-align: center;
		width: 150px;
		margin-right: 24px;
		}
		
			#ranking_box li p{ font-size: 20px; font-weight: bold;}
			
			#ranking_box li dt{ font-weight: bold;}
			
			#ranking_box li .thumbnail{ margin-bottom: 5px;}



/*--特集--*/		
		
#recommend_wrap{
width: 540px;
margin: 0 0 30px 0;
}

	#recommend_wrap .title{
	background: url(../../img/top/recommend_title.jpg) left top no-repeat;
	width: 540px;
	height: 35px;
	margin-bottom: 10px;
	text-indent: -999em;
	overflow: hidden;
	}
	
	
/*--カメラマンプロフィール--*/		
		
#cameraman_wrap{
width: 540px;
margin: 0 0 30px 0;
}

	#cameraman_wrap .title{
	background: url(../../img/top/cameraman_title.jpg) left top no-repeat;
	width: 540px;
	height: 35px;
	margin-bottom: 10px;
	text-indent: -999em;
	overflow: hidden;
	}
	
	#cameraman_profile_wrap{
	background: url(../img/grid_bg.jpg) left top repeat;
	width: 536px;
	height: 206px;
	padding: 2px;
	margin-bottom: 15px;
	}
	
		#cameraman_profile_wrap .profile{
		width: 536px;
		position: relative;
		}
		
			#cameraman_profile_wrap .profile .comment{
			position: absolute;
			width: 280px;
			top: 130px;
			left: 12px;
			font-size: 14px;
			font-weight: bold;
			text-shadow: 1px 1px 0 #FFFFFF;
			}
			
	#cameraman_list{
	width: 540px;
	margin-bottom: 15px;
	}
	
		#cameraman_list .list{
		width:  346px;
		float: left;
		}
	
		#cameraman_list .list ul{
		zoom: 1;
		list-style: none;
		margin-right: -10px;
		_margin-right: -20px;
		}
		
		#cameraman_list .list li{
		background: url(../../img/top/cameraman_thumbnail_bg.jpg) left top no-repeat;
		padding: 2px;
		width: 56px;
		height: 56px;
		float: left;
		margin-right: 10px;
		overflow: hidden;
		}
		
			#cameraman_list .list li.active{ background-position: right top;}
		
		#cameraman_list ul.menu{
		list-style: none;
		float: right;
		padding-top: 30px;
		}
		
			#cameraman_list ul.menu li{
			background: url(../img/icon02.gif) right center no-repeat;
			text-align: right;
			padding-right: 10px;
			font-size: 10px;
			}
			
			
	#cameraman_area{
	background: url(../img/grid_bg.jpg) left top repeat;
	padding: 10px;
	}
	
		#cameraman_area table{
		width: 100%;
		}
		
			#cameraman_area table th{
			text-align: left;
			font-size: 14px;
			width: 85px;
			vertical-align: top;
			}
			
			#cameraman_area table td{
			padding-left: 15px;
			border-left: 1px solid #666666;
			vertical-align: top;
			}
			
				#cameraman_area table td a{
				color: #999999;
				}
				
				#cameraman_area table td p{ margin-bottom: 3px;}
				
				#cameraman_area table td .text_indent{ text-indent: -3em; margin-left: 3em;}
				
				
/*--ユーザーリスト--*/

#user_list_wrap{
width: 540px;
margin: 0 0 30px 0;
}

	#user_list_wrap .title{
	background: url(../../img/top/user_list_title.jpg) left top no-repeat;
	width: 540px;
	height: 35px;
	margin-bottom: 10px;
	text-indent: -999em;
	overflow: hidden;
	}
	
	#user_list{
	width: 540px;
	margin-bottom: 10px;
	}
	
		#user_list ul{
		zoom: 1;
		list-style: none;
		margin-right: -10px;
		_margin-right: -20px;
		}
		
		#user_list li{
		width: 100px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
		#user_list li .user_name{ font-size: 10px;}
		
#user_list_wrap .more_user{
background: url(../img/icon02.gif) right center no-repeat;
text-align: right;
padding-right: 10px;
font-size: 10px;
}