@charset "utf-8";





/*
*
*
*	Global Layout
*
*	+ Outline
*	+ Header
*	+ Content
*	+ Footer
*
*
*/


/*///////////////////////////////// Insert Memo Bar ////*/



/*/////////////////////////////////////////////////////////////

	Outline

/////////////////////////////////////////////////////////////*/

body {
	font-family:verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
	font-size:12px;
	line-height:1.5;
	color:#444444;
	letter-spacing:1px;
	vertical-align:baseline;
	background:url(../images/bg_header.gif) repeat-x 0 0;
}
a{
	color:#555555;
	text-decoration:underline;
}
a:hover{
	color:#888888;
	text-decoration:underline;
}
a:visited{
	color:#ABB4B8;
	text-decoration:none;
}

/*/////////////////////////////////////////////////////////////

	Header

/////////////////////////////////////////////////////////////*/

#wrap_header{
	text-align:center;
	border-bottom:#777777 solid 1px;
	}
	#wrap_header #header{
		position:relative;
		height:108px;
		width:960px;
		margin:0 auto;
		}
		#wrap_header #header #logo{
			display:block;
			height:101px;
			width:283px;
			position:absolute;
			top:0;
			left:0;
			}
			#wrap_header #header #logo a{
				display:block;
				height:101px;
				width:283px;
				background:url(../images/logo.gif) no-repeat 0 0;
				text-indent:-9999px;
				overflow:hidden;
				}
				#wrap_header #header #logo a:hover{
					background-position:0 100%;					
					}
		#wrap_header #header #header_navi{
			position:absolute;
			top:20px;
			right:0;
			}
			#wrap_header #header #header_navi li{
				float:left;
				margin-left:15px;
				}
		#wrap_header #header #registration{
			position:absolute;
			top:58px;
			right:360px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:48px;
			line-height:35px;
			padding-left:105px;
			color:#222222;
			background:url(../images/registration.gif) no-repeat left bottom;
			}
		#wrap_header #header #twitter{
			position:absolute;
			top:50px;
			right:0px;
			width:328px;
			height:55px;
			text-align:left;
			background:url(../images/bg_twitter.gif) no-repeat left bottom;
			}
			#wrap_header #header #twitter p{
				margin:7px 0 0 14px;
				font-size:10px;
				overflow:hidden;
				width:249px;
				height:33px;
				line-height:1.5;
				}
/*/////////////////////////////////////////////////////////////

	Content

/////////////////////////////////////////////////////////////*/
#wrap_content{	
	text-align:center;
	overflow:hidden;
	zoom:100%;
	}
	#wrap_content #panlist{
		text-align:left;
		background:url(../images/dotted_01.gif) repeat-x left bottom;
		overflow:hidden;
		padding-bottom:2px;
		}
		#wrap_content #panlist ul{
			display:block;
			margin:1px auto 0;
			padding:0 15px;
			width:950px;
			overflow:hidden;
			background:url(../images/bg_panlist.gif) repeat-y 0 0;
			}
			#wrap_content #panlist ul li{
				float:left;
				}
#content_area{
	text-align:left;
	margin:20px auto 0;
	width:960px;
	}
	#content_area #content_right{
		float:right;
		width:210px;
		padding:0 0 10px;
		}
		#content_area #content_right #side_navi{
			}
			#content_area #content_right #side_navi ul{
				}
				#content_area #content_right #side_navi li{
					float:left;
					}
				#content_area #content_right #side_navi #sn_mail{
					display:block;
					margin-bottom:21px;
					}
					#content_area #content_right #side_navi #sn_mail a{
						background:url(../images/btn_mail.jpg) no-repeat 0 0;
						display:block;
						width:210px;
						height:136px;
						text-indent:-9999px;
						overflow:hidden;
						}
					#content_area #content_right #side_navi #sn_mail a:hover{
						background-position:0 100%;
						}

				#content_area #content_right #side_navi #sn_search{
					margin-bottom:25px;
					}
					#content_area #content_right #side_navi #sn_search dl{
						}
						#content_area #content_right #side_navi #sn_search dl dt{
							}
						#content_area #content_right #side_navi #sn_search dl dd{
							background:#f1f1f1;
							padding:0 3px;
							}
						#content_area #content_right #side_navi #sn_search dl dd.form{
							padding:3px 3px 5px;	
							}
							#content_area #content_right #side_navi #sn_search dl dd.form form{
								}
							#content_area #content_right #side_navi #sn_search dl dd.form input{
								width:200px;
								}
						#content_area #content_right #side_navi #sn_search dl dd.btn{
							}
				#content_area #content_right #side_navi #sn_category{
					margin-bottom:25px;
					}
					#content_area #content_right #side_navi #sn_category dl{
						}
						#content_area #content_right #side_navi #sn_category dl dt{
							}
						#content_area #content_right #side_navi #sn_category dl dd{
							background:#f1f1f1;
							padding:0 3px 0;
							overflow:hidden;
							zoom:100%;
							width:204px;
							}
						*:first-child+html #content_area #content_right #side_navi #sn_category dl dd{
							padding-bottom:3px;	/*IE7Hack*/
							}
							#content_area #content_right #side_navi #sn_category dd ul{
								margin:3px 0 0;
								}
								#content_area #content_right #side_navi #sn_category dd ul li{
									display:block;
									margin:0 0 3px 0;
									}
									#content_area #content_right #side_navi #sn_category dd ul li a{
										display:block;
										width:191px;
										padding:6px 0 6px 13px;
										background:url(../images/li_category_01.gif) no-repeat 0 0;
										line-height:1;								
										}
									#content_area #content_right #side_navi #sn_category dd ul li .children{
										margin:0;
										}
										#content_area #content_right #side_navi #sn_category dd ul li .children li{
										margin:3px 0 0 0;
											}
											#content_area #content_right #side_navi #sn_category dd ul li .children li a{
												width:174px;
												padding-left:30px;											
												background:url(../images/li_category_02.gif) no-repeat 0 0;
												}
											#content_area #content_right #side_navi #sn_category dd ul li .children .children{
												margin:0;
												}
												#content_area #content_right #side_navi #sn_category dd ul li .children .children li{
													margin:3px 0 0 0;
													}
													#content_area #content_right #side_navi #sn_category dd ul li .children .children li a{
														width:157px;
														padding-left:47px;											
														background:url(../images/li_category_03.gif) no-repeat 0 0;
														}
				#content_area #content_right #side_navi #sn_ranking{
					}
					#content_area #content_right #side_navi #sn_ranking dl{
						}
						#content_area #content_right #side_navi #sn_ranking dl dt{
							}
						#content_area #content_right #side_navi #sn_ranking dl dd{
							}
						*:first-child+html #content_area #content_right #side_navi #sn_ranking dl dd{
							}
							#content_area #content_right #side_navi #sn_ranking dl dd ul{
								}
								#content_area #content_right #side_navi #sn_ranking dl dd ul li{
										position:relative;
										border:1px solid #dddddd;
										display:block;
										width:204px;
										margin:9px 0 0 0;
										padding:2px;
										font-size:9px;
									}
									#content_area #content_right #side_navi #sn_ranking dl dd ul li .ranking_flag{
										position:absolute;
										top:-4px;
										left:-4px;
										z-index:5;
										}
										#content_area #content_right #side_navi #sn_ranking dl dd ul li span{
											float:left;
											padding-right:6px;
											display:block;
											}
											#content_area #content_right #side_navi #sn_ranking dl dd ul li span a:hover img {
												filter: alpha(opacity=70);
												-moz-opacity:0.70;
												opacity:0.70;
												z-index:1;
												}
										#content_area #content_right #side_navi #sn_ranking dl dd ul li p{
											width:137px;
											margin:6px 0 0 0;
											float:left;
											}

	#content_area #content_left{
		float:left;
		width:740px;
		padding:0 0 0px;
		}
/*/////////////////////////////////////////////////////////////

	Footer

/////////////////////////////////////////////////////////////*/
#wrap_footer{
	margin-top:15px;
	overflow:hidden;
	clear:both;
	text-align:center;
	background:url(../images/bg_footer_line.gif) #f8f8f8 repeat-x 0 0;
	}
	#wrap_footer #footer{
		text-align:left;
		width:960px;
		padding:0 0 15px;
		margin:0 auto;
		}
		#wrap_footer #footer #footer_navi{
			background:url(../images/bg_footer.gif) repeat-y 0 0;
			padding:0 14px;
			overflow:hidden;
			zoom:100%;
			}
			#wrap_footer #footer #footer_navi li{				
				}
			#wrap_footer #footer #footer_navi #fn_category{
				float:left;
				margin:0 28px 0 0;
				padding-top:10px;
				width:292px;
				}
				#wrap_footer #footer #footer_navi #fn_category dl{
					}
					#wrap_footer #footer #footer_navi #fn_category dl dt{
						margin:0 0 13px;
						}
					#wrap_footer #footer #footer_navi #fn_category dl dd{
						}
						#wrap_footer #footer #footer_navi #fn_category dl dd ul{	
			
							}
							#wrap_footer #footer #footer_navi #fn_category dl dd ul li{
								margin:0 11px 7px 0;
								float:left;
								clear:both;					
								}
								#wrap_footer #footer #footer_navi #fn_category dl dd ul li a{
									padding:0 0 0 10px;
									margin:0 11px 7px 0;
									background:url(../images/arrow01.gif) no-repeat left center;
									float:left;
									}
								#wrap_footer #footer #footer_navi #fn_category dl dd ul li .children{
									margin:0 0 0 11px;
									clear:both;
									}
									#wrap_footer #footer #footer_navi #fn_category dl dd ul li .children li{
										margin:0 11px 0 0;
										float:left;
										clear:none;
										}
										#wrap_footer #footer #footer_navi #fn_category dl dd ul li .children li a{
											margin:0;
											zoom:100%;
											}
										#wrap_footer #footer #footer_navi #fn_category dl dd ul li .children .children {
											display:none;
											}
											#wrap_footer #footer #footer_navi #fn_category dl dd ul li .children .children li{
												}

			#wrap_footer #footer #footer_navi #fn_tag{
				float:left;
				margin:0 28px 0 0;	
				padding-top:10px;
				width:292px;
				}
				#wrap_footer #footer #footer_navi #fn_tag dl{
					}
					#wrap_footer #footer #footer_navi #fn_tag dl dt{
						margin:0 0 13px;
						}
					#wrap_footer #footer #footer_navi #fn_tag dl dd{
						}
						#wrap_footer #footer #footer_navi #fn_tag dl dd a{
							padding:0 0 0 10px;
							margin:0 11px 7px 0;
							background:url(../images/arrow01.gif) no-repeat left center;
							line-height:2;
							}
			#wrap_footer #footer #footer_navi #fn_content{
				float:left;
				padding-top:10px;
				}
				#wrap_footer #footer #footer_navi #fn_content dl{
					}
					#wrap_footer #footer #footer_navi #fn_content dl dt{
						margin:0 0 13px;
						}
					#wrap_footer #footer #footer_navi #fn_content dl dd{
						}
						#wrap_footer #footer #footer_navi #fn_content dl dd ul{
							}
							#wrap_footer #footer #footer_navi #fn_content dl dd ul li{
								margin:0 0 7px;
								}
								#wrap_footer #footer #footer_navi #fn_content dl dd ul li a{
									padding:0 0 0 10px;
									background:url(../images/arrow01.gif) no-repeat left center;
									}
		#wrap_footer #footer #pagetop{
			margin:6px 0 10px 0;
			}
#wrap_copyright{
	text-align:center;
	background:url(../images/bg_copyright.gif) repeat-x 0 0;
	}
	#wrap_copyright #copyright{
		position:relative;
		text-align:left;
		height:100px;
		width:960px;
		margin:0 auto;
		}
		#wrap_copyright #copyright #footer_logo{
			position:absolute;
			top:2px;
			left:0;
			}
		#wrap_copyright #copyright #footer_copyright{
			position:absolute;
			top:13px;
			right:0;
			}
/*/////////////////////////////////////////////////////////////

	Other

/////////////////////////////////////////////////////////////*/
		#content_area #pre_nex{
			width:725px;
			clear:both;
			line-height:1;
			text-align:center;
			}
			#content_area #pre_nex:after{
			width:725px;
			clear:both;
			line-height:1;
			text-align:center;
			}
			#content_area #pre_nex .pre{
				float:left;
				}
				#content_area #pre_nex .pre a{
					display:block;
					padding:4px 5px 4px 18px;
					background:#fcfcfc url(../images/arrow02.gif) no-repeat left center;
					border:1px solid #bbbbbb;
					}
			#content_area #pre_nex .nex{
				float:right;
				}
				#content_area #pre_nex .nex a{
					display:block;
					padding:4px 18px 4px 5px;
					background:#fcfcfc url(../images/arrow03.gif) no-repeat right center;
					border:1px solid #bbbbbb;
					}	
#pagelist {
	display:inline;
	zoom:100%;
	overflow:hidden;
	margin:0 auto;
	}
	a.page-numbers, #pagelist .current {
		display:inline-block;
		padding: 4px 5px;
		border:solid 1px #ccc;
		zoom:100%;
		margin:0 2px 0 0;	
		}
	#pagelist .current {
		color:#FFFFFF;
		background: #bbbbbb;
		border-color: #bbbbbb;
		font-weight:bold;
		}
	#pagelist .next {
		display:inline-block;
		padding:4px 5px;
		border:1px solid #bbbbbb;
		}
	#pagelist .prev {
		display:inline-block;
		padding:4px 5px;
		border:1px solid #bbbbbb;;
		margin:0 2px 0 0;
		}