@charset "utf-8";
/* CSS Document */

/*==================================================================
	home setting
===================================================================*/
#contentsBottom{
	padding:13px 17px 17px;
	}
/*	main
-------------------------------------------------------------------*/
#mainCenter{
	margin-top:4px;
	}
#p-home #category{
	background: url("/img/home/bg_box505_bottom.gif") repeat-y 0% 100%;
	margin-bottom:30px;
	}
#p-home #category .inner{
	background: url("/img/home/bg_box505_top.gif") no-repeat 0% 0%;
	padding:5px 5px 5px 5px;
	}
#p-home #category h3{
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
	background: url("/img/common/h_li.gif") no-repeat 0 50%;
	padding-left: 10px;
	}
#p-home #category h4{
	margin:0px 0px 5px 8px;
	}

#p-home #category .inner ul{
	background: url(/img/common/line_dot.gif) repeat-x 0 100%;
	margin:0 8px 7px;
	padding-bottom:8px;
}
#p-home #category .inner ul li{
	display:inline;
	}
#catTarget{
	background: url("/img/icon/icon_target.gif") no-repeat 0% 50%;
	padding-left:21px;
}
#catEvent{
	background: url("/img/icon/icon_event.gif") no-repeat 0% 50%;
	padding-left:21px;
}
#catCategory{
	background: url("/img/icon/icon_category.gif") no-repeat 0% 50%;
	padding-left:21px;
}
#p-home #category .li{
	font-size:84%;
	text-align:right;
}
#p-home #category p{
	margin-bottom:5px;
	margin-right:7px;
}
#p-home #keyv {
	position: relative;
	z-index: 1;
	border: 1px solid #CCCCCC;
	height: 397px;
}
#p-home #keyvMenu {
	position: relative;
	z-index: 10000;
}
#p-home #keyvMenu li {
	float: left;
}
#p-home #keyvMenu li a {
	display: block;
	background: url("/img/home/keyv_menu2.png") no-repeat;
	height: 48px;
	text-indent: -5000px;
}
#p-home #keyvMenu li.cat1 a{
	background-position:0px 0px;
	width:169px;
	}
#p-home #keyvMenu li.cat1 a:hover{
	background-position:0px -48px;
	}
#p-home #keyvMenu li.cat2 a{
	background-position:-169px 0px;
	width:167px;
	}
#p-home #keyvMenu li.cat2 a:hover{
	background-position:-169px -48px;
	}
#p-home #keyvMenu li.cat3 a{
	background-position:-336px 0px;
	width:167px;
	}
#p-home #keyvMenu li.cat3 a:hover{
	background-position:-336px -48px;
	}
#p-home .keyvBox {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 356px;
	margin-top: -8px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#p-home #keyvBox1 { background-image: url("/img/tag/keyv/keyv2.jpg"); }
#p-home #keyvBox2 {	background-image: url("/img/tag/keyv/keyv3.jpg"); }
#p-home #keyvBox3 {	background-image: url("/img/tag/keyv/keyv4.jpg"); }

#p-home .keyvBox .inner {
	position: absolute;
	top: 68px;
	left: 5px;
	z-index: 1;
}
#p-home .keyvBox h4 {
	text-shadow: #FFF 1px 1px 0;
}
#p-home .keyvBox li {
	line-height: 1.6;
}

/*	sidebar
-------------------------------------------------------------------*/

#keywords{
	margin:10px 0px 0px 0px;
	}
#writes{
	margin:10px 0px 0px 0px;
	}

#p-home #sidebar #reminder .inner,
#p-home #sidebar #keywords .inner,
#p-home #sidebar #writes .inner{
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
	}
#p-home #sidebar #contest{
	background: url("/img/home/bg_sn_contest.gif") repeat-y 0% 100%;
	margin-bottom:3px;
	}
#p-home #sidebar #contest h3{
	background:#fff url("/img/home/h_sidebar.gif") no-repeat 0% 0%;
	height:35px;
	display:block;
	}
#p-home #sidebar #contest ul{
	padding:7px 11px 11px;
	}
#p-home #sidebar #reminder{
	margin-bottom:2px;
}
#p-home #sidebar #reminder h3{
	background: url("/img/home/h_sidebar.gif") no-repeat 0% -35px;
	height:37px;
	display:block;
}
#p-home #sidebar #reminder #remindBirth{
	background: url("/img/home/bg_reminder.gif") no-repeat 0% 0%;
	height:54px;
	padding-left:121px;
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
#p-home #sidebar #reminder #remindBirth span{
	font-size:20px;
	}
#p-home #sidebar #reminder ul {
	margin-bottom:5px;
	}
#p-home #sidebar #reminder ul li{
	background: url("/img/icon/icon_user.gif") no-repeat 0% 50%;
	padding-left:15px;
	font-size:15px;
	}
#p-home #sidebar #reminder ul li span{
	color:#C00;
	font-weight:bold;
	}
#p-home #sidebar #keywords{
	margin-bottom:10px;
	}
#p-home #sidebar #writes{
	margin-bottom:10px;
	}
#p-home #sidebar #keywords h3{
	background: url("/img/home/h_sidebar.gif") no-repeat 0% -72px;
	height:39px;
	display:block;
}
#p-home #sidebar #writes h3{
	background: url("/img/home/h_sidebar_writes.gif") no-repeat 0%;
	height:39px;
	display:block;
}
#p-home #sidebar #keywords ul{
	width:110px;
	}
#p-home #sidebar #writes ul{
	width:220px;
	}
#sideNavigation {
	margin-top: 0;
}


/*=============================================================
			ishikawa Edit Area start
===============================================================*/

.about_bnr{
	margin:10px 0px 0px 0px;
	width:240px;
	float:left;
	display:inline;
	}
.bnr{
	margin:10px 0px 0px 0px;
	float:left;
	display:inline;
	}
#keywords{
	float:left;
	display:inline;
	}
#writes{
	float:left;
}
.clearSideBar{
	clear:both;
	width:100%;
	height:0;
	line-height:0;
	font-size:0;
}
.voicearea{
	margin:10px 0px 0px 0px;
	width:240px;
	height:260px;
	float:left;
	display:inline;
	background: url("/img/home/voice_back.jpg") no-repeat;
	}
	.voicearea form{
		margin:0;
		padding:0;
		width:240px;
		height:260px;
		}
	.voicearea textarea.text{
		width:230px;
		height:100px;
		margin:50px 4px 0px 4px;
		border:1px solid #E24B79;
		background:white;
		}
	.voicearea .voicebtn{
		width:100px;
		height:26px;
		margin:10px 0px 0px 70px;
		border:none;
		background:none;
		padding:0;
		}
		
#bgarea_wrap{
	margin:0px 0px 0px 0px;
	width:240px;
	float:left;
	display:inline;
	background:url("/img/home/bgarea_back.jpg") repeat-y;
	}
	#bgarea_wrap img{
		float:left;
		display:inline;
		}
	#bgarea{
		margin:0;
		padding:10px;
		width:220px;
		background:url("/img/home/bgarea_back.jpg") repeat-y;
		float:left;
		display:inline;
		}
		#bgarea img{
			margin:0;
			padding:0;
			width:80px;
			height:80px;
			float:left;
			display:inline;
			}
		#bgarea p{
			margin:0px 5px;
			padding:0;
			width:130px;
			color:white;
			font-size:12px;
			line-height:18px;
			float:left;
			display:inline;
			}
		#bgarea .bgpersent{
			width:75px;
			height:26px;
			margin:5px 0px 0px 0px;
			padding:0px 0px 0px 5px;
			line-height:24px;
			font-family:Verdana;
			font-weight:bold;
			color:white;
			font-size:20px;
			background:url("/img/home/bgpersent.jpg") no-repeat;
			float:left;
			display:inline;
			clear:both;
			}
		#bgarea span{
			margin:5px;
			padding:0;
			width:130px;
			font-family:Verdana;
			color:white;
			font-weight:bold;
			line-height:24px;
			font-size:20px;
			font-style:italic;
			float:left;
			display:inline;
			}
	#bgtime{
		width:220px;
		height:46px;
		float:left;
		display:inline;
		margin:0px 0px 5px 0px;
		padding:19px 10px 0px 10px;
		text-align:center;
		color:#333333;
		font-size:20px;
		line-height:46px;
		font-weight:bold;
		background:url("/img/home/bgtime.jpg") no-repeat;
		}
		#bgtime span{
			margin-left:5px;
			color:#CC0000;
			font-size:26px;
			font-family:Verdana;
			font-weight:bold;
			font-style:italic;
			}
	
	
	
	
/*	 Social Btn Area :ishikawa 2011/03/04
-------------------------------------------------------------------*/
.home_sbtn_area{
	float:left;
	display:inline;
	margin:0 0 5px 0;
	padding:5px 0px 0px 8px;
	border:1px solid #FFCC99;
	background:#FFFFCC;
	width:230px;
	}
	.twitter_btn{
		float:left;
		display:inline;
		margin-right:5px;
		}
	.facebook_btn{
		float:left;
		display:inline;
		margin-right:5px;
		}

	.hatena_btn{
		float:left;
		display:inline;
		margin-right:5px;
		}
	.googleone_btn{
		float:left;
		display:inline;
		margin-right:5px;
		}

	
/*	 Write Contents :ishikawa 2011/10/10
-------------------------------------------------------------------*/
	
#writeContents{
	float:left;
	margin:-15px 0 0 0;
	padding:0;
	width:100%;
}
#writeContents h3{
	float:left;
	width:100%;
	line-height:35px;
	font-size:16px;
	font-weight:bold;
	color:#F13E8F;
}

#tabIndex {
	width:100%;
	height:34px;
	background:url("/img/home/writeTab_line.gif") repeat-x bottom left;
	float:left;
}

#tabIndex li {
	width:110px;
	height:34px;
	line-height:34px;
	text-align:center;
	margin-right:3px;
	background:url("/img/home/writeTab_off.gif") no-repeat;
	float:left;
}

#tabIndex .open {
	background:url("/img/home/writeTab_on.gif") no-repeat;
}

#tabBoxIndex {
	width:483px;
	float:left;
	line-height:22px;
	border:1px solid #CCC;
	border-top:none;
	background:#FFF0F5;
	padding:10px;
}
#tabBoxIndex h4{
	float:left;
	width:100%;
	line-height:26px;
	font-size:14px;
	font-weight:bold;
}
#tabBoxIndex span{
	float:left;
	line-height:22px;
	margin:2px 3px;
	padding:0 0 0 7px;
	background:url(/img/common/listMark3.gif) no-repeat;
}
	
#tabIndex .open a{
  font-weight : bold;
  text-decoration : none;
  color : white;
}
#tabIndex .close a{
  font-weight : normal;
  text-decoration : none;
  color : #333;
}