@charset "utf-8";

/* Common style */

html,body,form,input{
	margin:0;
	padding:0
}
html{
	overflow:hidden;
}

body{
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body#toppageHello {
	background:url(../images_n/header.gif) no-repeat;
	background-position:-470px 0px;
}

img {
	border:0px;
}

a {
	overflow:hidden;
	outline:none;
}

a:link {
	color:deepskyblue;
	text-decoration:underline;
}
a:visited {
	color:deepskyblue;
	text-decoration:underline;
}
a:hover {
	color:deepskyblue;
	text-decoration:none;
}
a:active {
	color:red;
}

.deepskyblue {
	color:deepskyblue;
}

.center {
	text-align:center;
}

.clear2 {
	clear:both;
	font-size:0 !important;
	line-height:0 !important;
	height:0px  !important;
}


/* Header Menu */			
	div#header_menuWrapper {
		width:240px;
		height:28px;
		float:left;
		margin:76px 0px 0px 10px;
		padding:0px;
	}
	ul#header_menu {
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style-type: none;
		height:28px;
	}
		ul#header_menu li {
			display:inline;
			width:73px;
			height:28px;
			margin:0px 0px 0px 5px;
			padding:0px;
			float:left;
		}
			ul#header_menu li a {
				display:block;
				width:73px;
				height:28px;
				margin:0px;
				padding:0px;
				text-indent:-8000px;
				background-image:url(../images_n/header_navi.gif);
				background-repeat:no-repeat;
			}	
		li#hmenu1 a { background-position: 0px 0px; }
		li#hmenu2 a { background-position: -73px 0px; }
		li#hmenu3 a { background-position: -146px 0px; }
		li#hmenu1 a:hover { background-position: 0px -28px; }
		li#hmenu2 a:hover { background-position: -73px -28px; }
		li#hmenu3 a:hover { background-position: -146px -28px; }

	div#header_hello {
		font-size:8pt;
		line-height:100%;
		margin:0px 0px 0px 3px;
		padding:0px;
		font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
		div#header_hello input#nickname_text {
			margin:0px 0px 0px 0px;
			padding:0px;
			width:28px;
			height:12px;
			float:left;
			border:0px;
			font-size:8pt;
			text-align:center;
			font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		}
		div#header_hello input#hello_text {
			margin:0px 0px 0px 0px;
			padding:0px;
			width:60px;
			height:12px;
			float:left;
			border:0px;
			font-size:8pt;
			font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		}
		div#header_hello input#mr_text {
			margin:0px 0px 0px 0px;
			padding:0px;
			width:35px;
			height:12px;
			float:left;
			border:0px;
			font-size:8pt;
			font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		}
	div#header_loginWrapper {
	width:265px;
	height:26px;
	float:left;
	margin:68px 0px 0px 0px;
	padding:0px;
	}
		div#header_loginWrapper a.login {
			float:left;
			width:97px;
			height:26px;
			display:block;
			background-image:url(../images_n/btn_login.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			text-indent:-8000px;
		}
		div#header_loginWrapper a.login:hover {
			background-position:0px -26px;
		}
		div#header_loginWrapper a.text {
			display:block;
			font-size:9pt;
			line-height:26px;
			height:26px;
			float:left;
			margin:0px 0px 0px 10px;
		}
	div#header_srchWrapper {
		font-size:8pt;	
		line-height:130%;
		float:left;
		background:url(../images_n/icon_search.gif) 0px 10px no-repeat;
		padding:0px 0px 0px 25px;
		margin:60px 0px 0px 0px;
	}
		div#header_srchWrapper input#search_text {
			margin:4px 0px 0px 0px;
			padding:0px;
			width:174px;
			height:16px;
			float:left;
		}
		div#header_srchWrapper input#search_btn {
			margin:0px 0px 0px 3px;
			padding:0px;
			float:left;
			background-image:url(../images_n/btn_search.gif);
			width:37px;
			height:26px;
		}
	div#header_text {
		font-size:8pt;	
		line-height:110%;
		margin:20px 0px 0px 3px;
		width:356px;
		float:left;
	}
	div#numberOfItemsWrapper {
		width:140px;
		height:19px;
		margin:16px 0px 0px 0px;
		padding:0px;
		background:url(../images_n/numberofitems_g.gif) no-repeat;
		float:left;
		
	}
		div#numberOfItemsWrapper div#numberOfItemsTitle {
			width:70px;
			height:19px;
			font-size:9pt;
			line-height:19px;
			float:left;
			text-align:center;
			color:white;
		}
		
		div#numberOfItemsWrapper div#numberOfItems {
			width:70px;
			height:19px;
			font-size:9pt;
			line-height:19px;
			float:left;
			text-align:center;
			color:#4CB500;
		}


/* Page1 */

div#page1 {
	margin:0px;
	padding:0px;
}
	div#page1 div#leftWrapper {
		margin:0px 0px 0px 35px;
		width:255px;
		float:left;
		display:inline;
	}
	div#page1 div#rightWrapper {
		margin:0px 0px 0px 0px;
		width:652px;
		float:left;
	}
	
div#page1 ul#catTabs {
		margin:0px 0px 0px 155px;
		padding:0px;
		list-style-type: none;
	}
		ul#catTabs li {
			display:inline;
			width:71px;
			height:24px;
			margin:0px;
			padding:0px;
			float:left;
		}
			ul#catTabs li a {
				display:block;
				width:71px;
				height:24px;
				margin:0px;
				padding:0px;
				text-indent:-8000px;
				background-image:url(../images_n/category_tab.gif);
				background-repeat:no-repeat;
			}
		li#catTab1 a { background-position: 0px 0px; }
		li#catTab2 a { background-position: -71px 0px; }
		li#catTab3 a { background-position: -142px 0px; }
		li#catTab4 a { background-position: -213px 0px; }
		li#catTab5 a { background-position: -284px 0px; }
		li#catTab6 a { background-position: -355px 0px; }
		li#catTab7 a { background-position: -426px 0px; }
		li#catTab1 a:hover { background-position: 0px -24px; }
		li#catTab2 a:hover { background-position: -71px -24px; }
		li#catTab3 a:hover { background-position: -142px -24px; }
		li#catTab4 a:hover { background-position: -213px -24px; }
		li#catTab5 a:hover { background-position: -284px -24px; }
		li#catTab6 a:hover { background-position: -355px -24px; }
		li#catTab7 a:hover { background-position: -426px -24px; }
		li#catTab1 a.catTabOn { background-position: 0px -24px; }
		li#catTab2 a.catTabOn { background-position: -71px -24px; }
		li#catTab3 a.catTabOn { background-position: -142px -24px; }
		li#catTab4 a.catTabOn { background-position: -213px -24px; }
		li#catTab5 a.catTabOn { background-position: -284px -24px; }
		li#catTab6 a.catTabOn { background-position: -355px -24px; }
		li#catTab7 a.catTabOn { background-position: -426px -24px; }

	div#kuchiMapWrapper {
		width:652px;
		margin:0px;
		padding:0px;
		background-image:url(../images_n/line.gif);
		background-repeat:no-repeat;
	}
	div#page1 div#tabWrapper {
		width:652px;
		height:50px;
		margin:0px;
		padding:0px;
		background-repeat:no-repeat;
	}
	div#page1 div#kuchiMapWrapper h2 {
		margin:0px;
		padding:0px;
		width:155px;
		height:27px;
		background-image:url(../images_n/subtitle_kuchikomimap.gif);
		text-indent:-8000px;
		float:left;
		background-repeat:no-repeat;
	}
	div#page1 div#kuchiMapWrapper h2 a {
			display:block;
			margin:0px;
			padding:0px;
			width:155px;
			height:27px;
		}
		div#kuchiMapWrapper ul {
			margin:0px;
			padding:0px;
			width:250px;
			height:15px;
			float:left;
			list-style-type: none;
		}
			div#kuchiMapWrapper ul li {
				display:inline;
				height:15px;
				margin:7px 0px 0px 5px;
				padding:0px;
				float:left;
				overflow:none;
			}
			li#kuchiMapNew {
				width:60px;
			}
			li#kuchiMapRank {
				width:80px;
			}
			li#kuchiMapShuffle {
				width:80px;
			}
				div#kuchiMapWrapper ul li a {
					display:block;
					font-size:8pt;
					line-height:15px;
					height:15px;
					margin:0px;
					padding:0px;
					text-indent:18px;
					background-image:url(../images_n/icon_small.gif);
					background-repeat:no-repeat;
				}	
				li#kuchiMapNew a 			{ background-position: 0px -15px; color:#999999;  }
				li#kuchiMapNew a:hover 		{ background-position: 0px 0px; color:#8EC51F; }
				li#kuchiMapNew a.IconOn		{ background-position: 0px 0px; color:#8EC51F; }
				
				li#kuchiMapRank a 			{ background-position: 0px -45px; color:#999999;  }
				li#kuchiMapRank a:hover 		{ background-position: 0px -30px; color:#FF8A00; }
				li#kuchiMapRank a.IconOn		{ background-position: 0px -30px; color:#FF8A00; }

				li#kuchiMapShuffle a 			{ background-position: 0px -75px; color:#999999;  }
				li#kuchiMapShuffle a:hover 		{ background-position: 0px -60px; color:#2CA5DF; }
				li#kuchiMapShuffle a.IconOn		{ background-position: 0px -60px; color:#2CA5DF; }

				
		div#kuchiMapText input#topten_text{
			margin:3px 0px 0px 0px;
			padding:0px;
			width:246px;
			height:24px;
			float:left;
			text-align:right;
			font-size:8pt;
			line-height:24px;
			border:0px;
			font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		}