@charset "Shift_JIS";

body, html {
	color:#808080;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:180%;
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

img {
	border:0 none;
}

form {
	margin:0;
}
form p{
	margin:0px;
	padding:0px;
}

labal {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

a:link, a:visited {
	color:#808080;
	text-decoration:none;
}

a:hover {
	color:#808080;
	text-decoration:underline;
}

ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}
input.text{
/*height:12px;*/
line-height:10px;
border: 1px solid #B4B4B4;
}

#body {
	text-align:center;
	
}

#container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:950px;
	color:#808080;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:180%;
}

#left {
	float:left;
	width:680px;
}

#header {
	height:110px;
	background:url(../image/img_head_comment.gif) no-repeat 320px 28px;
}

	h1.logo {
		background:transparent url(../image/img_logo.gif) no-repeat scroll left 25px;
		margin:0;
		padding:15px 0 0;
		text-indent:-9999px;
	}
	
		h1.logo a {
			display:block;
			height:90px;
			overflow:hidden;
			width:305px;
		}
	#header p.comment{
		display:none;
	}
	
#globalMenu {
	height:24px;
	margin-bottom:5px;
}

	#globalMenu li {
		float:left;
		text-indent:-9999px;
	}
	
		#globalMenu li a {
			display:block;
			height:24px;
			overflow:hidden;
		}
		
		#globalMenu li.menu1 a {
			background:transparent url(../image/globalMenu1.gif) no-repeat scroll left top;
			width:113px;
		}
		
		#globalMenu li.menu2 a {
			background:transparent url(../image/globalMenu2.gif) no-repeat scroll left top;
			width:113px;
		}
		
		#globalMenu li.menu3 a {
			background:transparent url(../image/globalMenu3.gif) no-repeat scroll left top;
			width:113px;
		}
		
		#globalMenu li.menu4 a {
			background:transparent url(../image/globalMenu4.gif) no-repeat scroll left top;
			width:130px;
		}
		
		#globalMenu li.menu5 a {
			background:transparent url(../image/globalMenu5.gif) no-repeat scroll left top;
			width:113px;
		}
		
		#globalMenu li.menu6 a {
			background:transparent url(../image/globalMenu6.gif) no-repeat scroll left top;
			width:113px;
		}
		
		#globalMenu li.menu7 a {
			background:transparent url(../image/globalMenu7.gif) no-repeat scroll left top;
			width:113px;
		}
		
#mainContents {
	margin-top:2px;
}

	#mainContents div.pickupIdol {
		background:transparent url(../image/bg_pickupIdol.gif) no-repeat scroll left top;
		float:left;
		height:257px;
		padding:11px 10px;
		width:290px;
	}
	#mainContents a.pickupIdol{
		display:block;
		margin-top:24px;
	}
	
		#mainContents div.pickupIdol h2.pickupIdol {
			display:none;
		}
	
	#mainContents div.right {
		float:right;
		width:352px;
		background:transparent url(../image/title_news.gif) no-repeat scroll left top;
	}

		#mainContents div.right h2.news {
			float:left;
			height:23px;
			margin:0;
			padding:0;
			text-indent:-9999px;
			overflow:hidden;
		}
		
		#mainContents div.right p.news_more{
			float:right;
			margin:0px;
			padding-right:6px;
			padding-top:5px;
		}
		
			#mainContents div.right p.news_more a{
				display:block;
				width:53px;
				height:15px;
				text-indent:-9999px;
				overflow:hidden;
			}
		
		#mainContents div.right ul.news {
			clear:both;
			height:140px;
			line-height:145%;
			margin-top:5px;
			overflow:auto;
		}

			#mainContents div.right ul.news li {
				margin-bottom:3px;
			}
			
				#mainContents div.right ul.news li span {
					padding-right:10px;
				}
			
				#mainContents div.right ul.news li a {
					color:#BC4B78;
				}

		#mainContents div.right p.news_more2{
			margin:0px;
			text-align:right;
		}

			#mainContents div.right p.news_more2 a{
				color:#BC4B78;
				font-weight:bold;
			}

		#mainContents div.right h2.newFace {
			background:transparent url(../image/title_newFace.gif) no-repeat scroll left top;
			height:23px;
			margin:0;
			padding:0;
			text-indent:-9999px;
		}
		
		#mainContents div.right ul.newFace {
			line-height:100%;
			padding-top:5px;
		}

			#mainContents div.right ul.newFace li {
				float:left;
				text-align:center;
				width:117px;
			}

				#mainContents div.right ul.newFace img {
					margin-bottom:5px;
				}

#left ul.banner {
	clear:both;
	padding-top:5px;
}

#left ul.banner:after {
	clear:both;
	content:"";
	display:block;
}

	#left ul.banner li {
		float:left;
		text-align:center;
		width:50%;
	}

#pickupTheme {
	background:transparent url(../image/bg_pickupTheme.gif) no-repeat left top;
	height:302px;
	clear:both;
	margin-top:5px;
	text-align:right;
	padding-bottom:10px
}

	/* #pickupTheme div.bg {
		background:transparent url(../image/bg_pickupTheme_bottom.gif) no-repeat scroll left bottom;
		padding-bottom:10px;
	} */

	#pickupTheme h2 {
		display:none;
	}
	
	#pickupTheme div.banner_area{
	padding-top:33px;
	}
	
		#pickupTheme div.banner_area a{
		margin: 0 10px;
		margin-right:23px;
		}
	#pickupTheme ul {
		padding-top:33px;

	}
				/* hack for IE 
	*:first-child+html #pickupTheme ul,
	* html body #pickupTheme ul{
		padding-top:0px;
		margin-top:33px;
	} */
	
		#pickupTheme ul li {
			float:left;
			text-align:center;
			width:50%;
		}

	#pickupTheme a.more {
		clear:both;
		color:#BC4B78;
		font-weight:bold;
		margin-right:20px;
		line-height:6px;
		*line-height:15px;
	}


#newReport {
	background:transparent url(../image/bg_newReport.gif) no-repeat left top;
	clear:both;
	text-align:right;
	height:447px;
	padding-top:30px;
}

	/* #newReport div.bg {
		background:transparent url(../image/bg_neweport_bottom.gif) no-repeat scroll left bottom;
		padding-bottom:10px;
		text-align:center;
	} */

	#newReport h2 {
		display:none;
	}

	#newReport div.list {
		background:transparent url(../image/bg_newReport2.gif) no-repeat scroll center top;
		margin:1px auto 0px;
		text-align:left;
		width:624px;
		height:145px;
		zoom:100%;
		position:relative;
	}

	#newReport div.list:after {
		clear:both;
		content:"";
		display:block;
	}

		#newReport div.list h3 {
			height:38px;
			margin:0px 0px 0px 8px;
			padding:0px 0px 0px;
			text-indent:-9999px;
		}

		/*
		* html body #newReport div.list h3 {
			margin-top:-3px;
			padding-top:0;
		}
		*/

			#newReport div.list h3.happening {
				background:transparent url(../image/title_newReport_happening.gif) scroll no-repeat left 8px;
			}
			
			#newReport div.list h3.goods {
				background:transparent url(../image/title_newReport_goods.gif) scroll no-repeat left 8px;
			}
			
			#newReport div.list h3.place {
				background:transparent url(../image/title_newReport_place.gif) scroll no-repeat left 8px;
			}

		#newReport div.list ul {
			/*border-bottom:1px solid #61B6EB;*/
			/*border-top:1px solid #61B6EB;*/
			margin:2px 8px 3px;
			padding:0px 0px 4px;
		}

			#newReport div.list ul li {
				float:left;
				margin:0px;
				padding:0px;
				width:200px;
				position:relative;
				height:120px;
			}
			* html body #newReport div.list ul li{
				height:auto;
			}

				#newReport div.list ul li div.image {
					float:left;
					/*
					width:80px;
					height:80px;
					*/
					width:auto;
					height:auto;
					overflow:hidden;
					text-align:center;
					margin-right:10px;
					padding:0px;
				}
				
				
				*:first-child+html #newReport div.list ul li div.image,
				* html body #newReport div.list ul li div.image{
					width:80px;
					height:80px;
				}
				

					
					#newReport div.list ul li div.image img {
						/* レポートのサムネイルは長辺120pxにリサイズされて生成されるので、それを80pxで表示するため66%指定 */
						float:left;
						/*
						width:66%;
						height:66%;
						*/
						margin:0px;
					}
					
					/*
					*:first-child+html #newReport div.list ul li div.image img{
						width:auto;
						height:100%;
					}
					* html body #newReport div.list ul li div.image img{
						width:80px;
						height:80px;
					}
					*/
					
					
				/*
				#newReport div.list ul li img {
					float:left;
					margin-right:10px;
				}
				*/

				
				#newReport div.list ul li div.info{
					
					/*
					clear:none;
					float:left;
					*/width:110px;
					position:absolute;
					left:90px;
					top:0px;
					
				}
				

				#newReport div.list ul li p{
					margin:3px 0px 5px;
					padding-right:10px;
					line-height:130%;
				}
				#newReport div.list ul li p.theme a{
					font-size:12px;
				}
				#newReport div.list ul li p.title a{
					font-size:12px;
					color:#e61f7f;
				}
				#newReport div.list ul li p.name a{
					font-size:10px;
					color:#198484;
				}

		#newReport div.list p.more {
			margin:0px 8px;
			width:608px;
			text-align:right;
			position:absolute;
			left:0px;
			top:123px;
			border-top:1px solid #61B6EB;
			line-height:20px;
		}
				
			#newReport div.list p.more a {
				color:#BC4B78;
				/*float:right;*/
				font-weight:bold;
				/*margin-right:8px;*/
				/*line-height:12px;*/
			}

#walkReport {
	background:transparent url(../image/bg_walkReport.jpg) no-repeat scroll left top;
	clear:both;
	height:132px;
	margin-top:10px;
	position:relative;
}

	#walkReport h2,
	#walkReport p {
		display:none;
	}

	#walkReport a {
		display:block;
		width:176px;
		height:36px;
		position:absolute;
		top:73px;
		left:425px;
		overflow:hidden;
		text-indent:-9999px;
	}
	
	

/* #tieupright : スポンサーテーマ用タイアップページでスポンサー用広告バナーを表示するために使用 */
#tieupright{
	float:right;
	text-align:center;
	width:255px;
	padding-top:25px;
}

#right {
	float:right;
	text-align:center;
	width:255px;
	padding-top:25px;
}
/* スポンサーテーマ用タイアップページの右エリア */
#tieupright #right{
	float:none;
	padding-top:0px;
}

	#right #banner_,
	#tieupright #banner_b{
		margin-bottom:5px;
	}
	#tieupright #right div#banner_b{
		display:none;
	}

		#right #banner_b ul,
		#tieupright #banner_b ul{
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		
			#right #banner_b ul li,
			#tieupright #banner_b ul li{
				margin:0px 0px 5px;
				padding:0px;
			}

	#right #banner_c{
	
	}

		#right #banner_c ul{
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		
			#right #banner_c ul li{
				margin:0px;/*0px 0px 5px;*/
				padding:0px;
			}
			
				#right #banner_c ul li img{
					vertical-align:bottom;
				}
				
	#right div.join,
	#tieupright div.join {
		background:transparent url(../image/bg_join.gif) no-repeat scroll left top;
		height:88px;
		margin-bottom:5px;
		/*margin-top:25px;*/
		position:relative;
		text-align:left;
	}
	#tieupright #right div.join {
		display:none;
	}
	
		#right div.join h2,
		#tieupright div.join h2 {
			margin:0px;
			text-indent:-9999px;
		}
		
		#right div.join p.btn,
		#tieupright div.join p.btn {
			margin:0px;
			width:234px;
			height:37px;
			position:absolute;
			top:27px;
			left:8px;
		}
			#right div.join p.btn a,
			#tieupright div.join p.btn a {
				display:block;
				height:37px;
				overflow:hidden;
				text-indent:-9999px;
				background:transparent url(../image/but_join_member_right.gif) no-repeat scroll left top;
			}
			
		#right div.join p.about,
		#tieupright div.join p.about {
			margin:0px;
			width:240px;
			position:absolute;
			top:63px;
			text-align:right;
		}
		
			#right div.join p.about a,
			#tieupright div.join p.about a {
				color:#bc4b78;
			}

	#right div.join_supporter,
	#tieupright div.join_supporter {
		background:transparent url(../image/bg_join_supporter.gif) no-repeat scroll left top;
		height:81px;
		margin-bottom:10px;
		margin-top:0px;
		position:relative;
		text-align:left;
	}
	#tieupright #right div.join_supporter{
		display:none;
	}

		#right div.join_supporter h2,
		#tieupright div.join_supporter h2 {
			margin:0px;
			text-indent:-9999px;
		}

		#right div.join_supporter p.btn,
		#tieupright div.join_supporter p.btn {
			margin:0px;
			width:234px;
			height:37px;
			position:absolute;
			top:22px;
			left:8px;
		}
			#right div.join_supporter p.btn a,
			#tieupright div.join_supporter p.btn a {
				display:block;
				height:37px;
				overflow:hidden;
				text-indent:-9999px;
				background:transparent url(../image/but_join_support_right.gif) no-repeat scroll left top;
			}
		
		#right div.join_supporter p.about,
		#tieupright div.join_supporter p.about {
			margin:0px;
			width:240px;
			position:absolute;
			top:56px;
			text-align:right;
		}

			#right div.join_supporter p.about a,
			#tieupright div.join_supporter p.about a {
				color:#bc4b78;
			}

	#right div.account {
		background:transparent url(../image/bg_account.gif) no-repeat scroll left top;
		height:151px;
		padding:0px 25px;
		text-align:left;
		margin-top:5px;
	}
	
		#right div.account h2 {
			margin:0px;
			padding:0px;
			text-indent:-9999px;
			overflow:hidden;
			height:31px;
			background:url(../image/title_account.gif) no-repeat left top;
		}


		#right div.account label {
			display:block;
			height:13px;
			margin-bottom:0px;
			text-indent:-9999px;
		}

		* html body #right div.account label {
			margin-bottom:-7px;
		}

			#right div.account label.id {
				background:transparent url(../image/title_id.gif) no-repeat scroll left top;
			}

			#right div.account label.pw {
				background:transparent url(../image/title_pw.gif) no-repeat scroll left top;
			}

		#right div.account input#pw,
		#right div.account input#id {
			height:12px;
			margin-bottom:4px;
			border-top:1px solid #c8c8c8;
			border-left:1px solid #c8c8c8;
			border-right:1px solid #969696;
			border-bottom:1px solid #969696;
			width:100%;
		}

			#right div.account input.login {
				display:block;
				margin:0 auto;
			}

		#right div.account p.reminder {
			margin:0px;
			text-align:center;
		}
		
			#right div.account p.reminder a {
				/*background:transparent url(../image/but_idSearch.gif) no-repeat scroll center center;
				display:block;
				height:18px;
				margin:4px auto 0;
				overflow:hidden;
				text-align:left;
				text-indent:-9999px;
				width:178px;*/
				text-align:center;
				/*line-height:18px;*/
				color:#bc4b78;
			}

		:first-child + html #right div.account a {
			margin:0 auto;
		}

	#right div.account_login,
	#right div.account_login_supporter {
		background:transparent url(../image/bg_account_login.gif) no-repeat scroll left top;
		font-size:16px;
		font-weight:bolder;
		/*padding:12px 43px;*/
		height:155px;
		text-align:left;
		position:relative;
	}

	#right div.account_login_supporter {
		background-image:url(../image/bg_account_login_supporter.gif);
		height:125px;
	}

	/*
	:first-child + html #right div.account_login {
		padding:10px 43px;
	}

	* html body #right div.account_login {
		padding:10px 43px;
	}
	*/

		#right div.account_login p,
		#right div.account_login_supporter p {
			margin:0px;
			padding:10px 41px 0px;
			font-size:12px;
			line-height:150%;
		}
			#right div.account_login p strong,
			#right div.account_login_supporter p strong {
				font-size:14px;
			}
		
		/*
		#right div.account_login strong {
			background:transparent url(../image/title_hello.gif) no-repeat scroll left top;
			display:block;
			font-size:5px;
			height:10px;
			line-height:10px;
			margin:0;
			padding:0;
			text-indent:-9999px;
		}
		*/
		
		/*
		#right div.account_login div.bar {
			background:transparent url(../image/bg_account_bar.gif) repeat-x scroll left top;
			font-size:2px;
			height:2px;
			line-height:2px;
			margin-bottom:5px;
			text-indent:-9999px;
		}
		
		#right div.account_login img {
			margin-bottom:5px;
		}
		*/
		
		#right div.account_login a.logout,
		#right div.account_login_supporter a.logout {
			position:absolute;
			left:41px;
			top:52px;
		
		}
		#right div.account_login a.profile,
		#right div.account_login_supporter a.profile {
			position:absolute;
			left:41px;
			top:90px;
		}
		#right div.account_login a.theme {
			position:absolute;
			left:41px;
			top:119px;
		}


		#right div.search {
			background:transparent url(../image/bg_search.gif) no-repeat scroll left top;
			height:151px;
			margin-top:10px;
			margin-bottom:10px;
			padding:0px 12px;
			text-align:left;
		}

			#right div.search h2 {
				margin:0px;
				height:31px;
				text-indent:-9999px;
				overflow:hidden;
				background:url(../image/title_search.gif) no-repeat left top;
			}

		#right div.search label {
			clear:both;
			display:block;
			float:left;
			height:14px;
			line-height:14px;
			margin-bottom:2px;
			margin-right:3px;
			/*text-indent:-9999px;*/
			width:72px;
		}

		* html body #right div.search label {
			margin-bottom:-7px;
		}

			/*
			#right div.search label.keyword {
				background:transparent url(../image/title_keyword.gif) no-repeat scroll left top;
			}
	
			#right div.search label.name {
				background:transparent url(../image/title_name.gif) no-repeat scroll left top;
			}
	
			#right div.search label.prefectures {
				background:transparent url(../image/title_prefectures.gif) no-repeat scroll left top;
			}
	
			#right div.search label.category {
				background:transparent url(../image/title_category.gif) no-repeat scroll left top;
			}
			*/
		
		#right div.search input#keyword,
		#right div.search input#name {
			height:12px;
			margin-bottom:4px;
			width:65%;
			border-top:1px solid #c8c8c8;
			border-left:1px solid #c8c8c8;
			border-right:1px solid #969696;
			border-bottom:1px solid #969696;
		}

		* html body #right div.search input#keyword,
		* html body #right div.search input#name {
			width:62.5%;
		}

		/*
		#right div.search select#prefectures,
		#right div.search select#category {
		*/
		#right div.search select {
			font-size:12px;
			height:18px;
			margin:0 0 4px;
			padding:0;
			width:66%;
			border-top:1px solid #c8c8c8;
			border-left:1px solid #c8c8c8;
			border-right:1px solid #969696;
			border-bottom:1px solid #969696;
		}

		/*
		:first-child + html #right div.search select#prefectures,
		:first-child + html #right div.search select#category {
		*/
		:first-child + html #right div.search select {
			font-size:10px;
		}
		
		/*
		* html body #right div.search select#prefectures,
		* html body #right div.search select#category {
		*/
		* html body #right div.search select {
			font-size:10px;
			line-height:10px;
		}

	#right div.search input.search {
		clear:both;
		display:block;
		margin:1px auto 0;
	}

	:first-child + html #right div.search input.search {
		margin-top:2px;
	}
	
	* html body #right div.search input.search {
		margin-top:0;
	}

	#right div.reporterRanking {
		background:transparent url(../image/bg_reporterRanking.gif) repeat-y scroll left 4px;
		font-size:16px;
		margin-bottom:10px;
		/*margin-top:10px;*/
		text-align:left;
	}

	#right div.reporterRanking h2 {
		background:transparent url(../image/title_reporterRanking.gif) no-repeat scroll left top;
		height:34px;
		margin:0;
		padding:3px 0;
		text-indent:-9999px;
	}

	#right div.reporterRanking table {
		background:transparent url(../image/bg_reporterRanking_bottom.gif) no-repeat scroll left bottom;
		font-weight:bold;
		line-height:150%;
	}
	
		#right div.reporterRanking table tr.bottom td {
			padding-bottom:15px;
		}
		
		#right div.reporterRanking table td.img {
			padding-left:12px;
			text-align:left;
			width:25px;
		}
		
		#right div.reporterRanking table td.ranking {
			text-align:center;
			width:40px;
		}
		
		#right div.reporterRanking table td.name {
			padding:0 5px;
			text-align:left;
		}
		
			#right div.reporterRanking table td.name a {
				color:#E73555;
			}

#footer {
	background:transparent url(../img/bg_footer.gif) no-repeat scroll left center;
	clear:both;
	height:75px;
	margin-top:15px;
	text-align:center;
	width:950px;
}

	#footer ul {
		padding-top:20px;
	}
	
		#footer ul li {
			display:inline;
		}