@charset "utf-8";

/*
=================================================================================
snap 全般
=================================================================================
*/

#snap	{
	width: 870px;
	margin: 0 auto;
	background: url(../images/snap_bg.jpg) repeat-y;
}

#snap h2	{
	width: 870px;
	height:270px;
	margin-bottom: 10px;
	position: relative;
}

#snap h2 .twitter	{
	position: absolute;
	top: 88px;
	left: 716px;
}

#snap #snap_container	{
	width: 870px;
}

#snap #snap_upper 	{
	width: 870px;
	margin-bottom: 10px;
}

#snap #snap_upper p.new {
	margin-left: 60px;
	margin-right: 5px;
	float: left;
}

#snap #snap_upper p.new_explanat {
	font-weight: bold;
	margin-top: 14px;
	float: left;
}

#snap #snap_left	{
	width: 160px;
	margin-right: 20px;
	float: left;
}

#snap #snap_left .upper	{
	width: 113px;
	height: 20px;
	background: url(../images/list_bg.gif) no-repeat;
}

#snap #snap_left .lower	{
	width: 113px;
	height: 20px;
	background: url(../images/list_bg.gif) no-repeat;
}

#snap #snap_right	{
	width: 690px;
	float: left;
}
/*
#snap ul#jockey_list	{
	width: 113px;
	margin-left: 47px;
	padding: 20px 0;
	background: url(../images/list_bg.gif) no-repeat;
}

#snap ul#jockey_list li	{
	margin: 5px 17px 5px 23px;
	border-bottom: 1px dotted #cccccc;
}
*/
#snap div#month_list	{
	width: 113px;
	margin-left: 47px;
}

#snap div#month_list .upper	{
	width: 113px;
	height: 25px;
	background: url(../images/list_bg_u.gif) no-repeat;
}

#snap div#month_list .central	{
	width: 113px;
	background: url(../images/list_bg.gif) repeat-y;
	padding: 1px 0;
}

#snap div#month_list .lower	{
	width: 113px;
	height: 25px;
	background: url(../images/list_bg_l.gif) no-repeat;
}

#snap div#month_list li.center	{
	margin: 5px 17px 5px 23px;
	border-bottom: 1px dotted #cccccc;
	font-weight: bold;
	text-align: center;
}

#snap div#month_list li.left	{
	margin: 5px 17px 5px 23px;
	border-bottom: 1px dotted #cccccc;
	font-weight: bold;
	text-align: left;
}

#snap div#month_list li.right	{
	margin: 5px 17px 5px 23px;
	border-bottom: 1px dotted #cccccc;
	text-align: right;
}

#snap div.paging_box {
	width: 640px;
	height: 40px;
	background: url(../images/paging_bg.gif) no-repeat;
	margin-bottom: 20px;
}

#snap div.paging_box .inner {
	width: 590px;
	height: 28px;
	padding-top: 10px;
	margin: 0 auto;
}

#snap p.display_number {
	float: left;
	margin-top: 1px;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
}

#snap ul.paging {
	float: right;
	margin-top: -4px;
}

#snap ul.paging li {
	display:inline;
	margin-left: 5px;
}

#snap ul.paging a {
	line-height: 220%;
	padding: 5px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	color:#222222;
}

#snap ul.paging a:hover {
	border:#CCCCCC 1px solid;
	color:#FFFFFF;
	background-color:#7eae00;
	text-decoration:none;
}

#snap #snap_area {
	width: 690px;
	margin-bottom: 10px;
}

#snap #snap_area ul.snap_list {
	width: 690px;
}

#snap #snap_area ul.snap_list li {
	width: 200px;
	margin-right: 20px;
	padding-bottom: 20px;
	text-align: center;
	float: left;
	line-height: 0;
	position: relative;
}

#snap #snap_area ul.snap_list li p.new {
	position: absolute;
	top: -10px;
	left: -10px;
}

#snap #snap_area ul.snap_list li .name_bg {
	width: 180px;
	height:30px;
	margin-left: 9px;
	background: url(../images/name_bg.gif) no-repeat;
	margin-top: 5px;
}

#snap #snap_area ul.snap_list li .name {
	line-height: 100%;
	padding-top: 6px;
	margin-left: 3px;
}

#snap #board_lower	{
	width: 870px;
	margin: 0 auto;
	background: url(../images/board_lower.jpg) no-repeat;
}

#snap #toregist	{
	width: 650px;
}

#snap #toregist .toregist_btn	{
	width: 400px;
	height:80px;
	margin: 20px auto;
}

div#zoom_content p	{
	text-align: center;
	font-weight: bold;
}

div#fancybox-title span	{
	font-weight: bold;
}

/*
=================================================================================
TOPページ
=================================================================================
*/












#illust h2	{
	margin-bottom: 30px;
}

#illust .tostadium	{
	width:650px;
	margin: 0 auto;
	padding: 10px;
	border:1px solid #ff4500;
	background-color: #ffefbe;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

/*
=================================================================================
TOPページ
=================================================================================
*/

#illust #index_container	{
	width: 830px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#index_container .list_box	{
	width: 830px;
	margin-bottom: 20px;
}

#index_container .list_upper	{
	width: 830px;
	height: 20px;
	background: url(../../illust/images/list_upper.jpg) no-repeat;
}

#index_container .list_inner	{
	width: 830px;
	padding-top: 15px;
	background: url(../../illust/images/list_inner.jpg) repeat-y;
}

#index_container .list_left	{
	width: 200px;
	margin-right: 20px;
	padding-left: 15px;
	float: left;
}

#index_container .list_left h3 	{
	padding-top: 55px;
	margin-bottom: 5px;
}

#index_container .list_left p 	{
	width: 200px;
	text-align: center;
}

#index_container .list_right	{
	width: 595px;
	float: left;
}

#index_container .list_right ul	{
	width: 595px;
}

#index_container .list_right ul li	{
	width: 180px;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	float: left;
}

#index_container .list_right ul li a:hover	{
	text-decoration:none;
}

#index_container .list_right ul li a:hover span 	{
	text-decoration: underline;
}

#index_container .list_lower	{
	width: 830px;
	height: 20px;
	background: url(../../illust/images/list_lower.jpg) no-repeat;
}