@charset "utf-8";

/* --------------------------------------------------------------

searchArea common style

AKI@20100505
AKI@20100609
AKI@20100721
AKI@20100821
AKI@20101005
AKI@20101213
AKI@20101214
AKI@20110415

-------------------------------------------------------------- */

body {
	padding-top: 25px;
	font-family:
		Helvetica,
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",		
		/*Arial,
		Tahoma,
		Verdana,*/
		Meiryo,
		"メイリオ",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
}


#wp-admin-bar {
	position: fixed;
	top: 0;
	left: 0;
	height: 70px; /*25px*/
	font-size: 14px;
	width: 100%;
	z-index: 1000;
	background:url(../images/person/person_bg70.gif) repeat-x top;
	-moz-box-shadow: 2px 2px 10px #d4d4d4;
	-webkit-box-shadow: 2px 2px 10px #d4d4d4;
	border-bottom: 1px solid #909090;
}

#wp-admin-bar a:hover{
	background: none;
}


	#wp-admin-bar .padder {
		position: relative;
		padding: 0;
		width: 1000px;
		margin: 0 auto;
		background: url( ../images/60pc_black.png );
		height: 25px;
	}
		body#bp-default #wp-admin-bar .padder{
		min-width: 1000px;
		max-width: 1000px;		
		}

		body#bp-default.activity-permalink #wp-admin-bar .padder {
		min-width: 1000px;
		max-width: 1000px;			
		}

	
	#wp-admin-bar .padder2 {
		position: relative;
		padding: 0;
		width: 1000px;
		margin: 0 auto;
	}
	
	body#bp-default #wp-admin-bar .padder2{
		min-width: 1000px;
		max-width: 1000px;	
	}
	
	body#bp-default.activity-permalink #wp-admin-bar .padder2 {
		min-width: 1000px;
		max-width: 1000px;
}
	
	#wp-admin-bar .padder2{
		position: relative;
		z-index: 900;
	}
	

#wp-admin-bar * { z-index: 999; }

/*#wp-admin-bar div#admin-bar-logo {
	position: absolute;
	top: 5px;
	left: 10px;
}*/

#wp-admin-bar a img {
	border: none;
}

#wp-admin-bar li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-align: left;
}

#wp-admin-bar li a{
	padding: 7px 15px 7px 15px;
	color: #eee;
	text-decoration: none;
	font-size: 14px;
}

#wp-admin-bar li.padd0715.no-arrow ul li a {
	padding: 7px 10px 7px 10px;
	color: #eee;
	text-decoration: none;
	font-size: 14px;
}

	#wp-admin-bar li.alt { border: none; }

	#wp-admin-bar li.no-arrow a {
		padding-right: 15px;
	}

	#wp-admin-bar ul li ul li a span {
		display: none;
	}

#wp-admin-bar li:hover, #wp-admin-bar li.hover {
	position: static;

}

/*#admin-bar-logo {
	float: left;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 8px;
	margin: 0;
	text-decoration: none;
	color: #fff;
}
	body#bp-default #admin-bar-logo { padding: 2px 8px; }*/

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

#wp-admin-bar ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
	cursor: pointer;
	height: auto;
	padding: 0;
}


#wp-admin-bar ul li { /* all list items */
	padding: 0;
	float: left;
	position: relative;
	padding-right: 11px;
}


	#wp-admin-bar ul li.no-arrow {
		background: none;
		padding-right: 0;
	}

	#wp-admin-bar ul li ul li {
		background-image: none;
	}

#wp-admin-bar ul li.align-right {
	position: absolute;
	right: 0;
}

#wp-admin-bar ul li#wp-admin-bar .bp-login{
	position:absolute;
	bottom:1px;
	right:250px;
	color: #FFFFFF;
}
#wp-admin-bar a {
	display: block;
}

#wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
	background-color: #333;

}

/* second-level lists */

#wp-admin-bar ul li ul {
	position: absolute;
	width: 185px;
	left: -999em;
	margin-left: 0;
	background: #333;
	border: 1px solid #222;
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0; 
}


	#wp-admin-bar ul li > ul {
		border-top: none;
}

	#wp-admin-bar ul li ul a{
		color: #eee;
	}

#wp-admin-bar ul li ul li {
	float: left;
	width: 174px;
	margin: 0;
}
	#wp-admin-bar ul li ul li:hover a{
		color: #fff;
}

#wp-admin-bar ul li div.admin-bar-clear {
	clear: both;
}

#wp-admin-bar ul.main-nav li ul li:hover,
#wp-admin-bar ul.main-nav li ul li.sfhover,
#wp-admin-bar ul.main-nav li ul li.sfhover,
ul.state li.selectlanguage ul li:hover{
	background-color: #222;
}

/* third-and-above-level lists */

#wp-admin-bar ul li ul ul {
	margin: -25px 0 0 184px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	#wp-admin-bar ul li ul li:hover ul li a {
		color: #eee;
	}
		#wp-admin-bar ul li ul li ul li:hover a {
			color: #fff;
		}

#wp-admin-bar ul li:hover ul, #wp-admin-bar ul li ul li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul  {
	left: auto;
}

#wp-admin-bar ul li.align-right:hover ul {
	right: 0;
}

#wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul {
	left: -999em;
}

/* Menu item css */

#wp-admin-bar img.avatar {
	float: left;
	margin-right: 8px;
}

#wp-admin-bar span.activity {
	display: block;
	margin-left: 34px;
	padding: 0;
}

#wp-admin-bar ul.author-list li a { height: 17px; }

#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
	padding: 0 6px;
	margin-left: 2px;
	background: #fff;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*--20100505--*/

#wp-admin-bar .padder2 div.logo {
	position: absolute;
	bottom: 0;
	width: 148px;
	top:10px;
	right:5px;
}	


#wp-admin-bar .state{
	position:absolute;
	bottom:1px;
	right:10px;
	color: #FFFFFF;
	height: 16px;
}

#wp-admin-bar .state .selectlanguage{
	margin-top: -8px;
	background: url(../images/common/world.gif) no-repeat 0px center;
	padding-left: 6px;
}

#wp-admin-bar .in-out{
	margin: 0 15px 0 0;
}

#wp-admin-bar .padd0715{
	margin: -3px 0 0 0;
}

#wp-admin-bar .state .people{
	font-size:18px;
	line-height: normal;
}

#wp-admin-bar li.padd0715.no-arrow a{ padding: 0 15px 1px 0; }



/* admin globalnavigation
-------------------------------------------------------------- */

#wp-admin-bar .padder2 #nav {
	position:absolute;
	top:10px;
	left:0;
	width: 610px;
	padding: 0;
	height: 10px;
	background-color:#fbfbfb;
	margin: 0 auto;
	color:#666666;
	z-index:500;
}
	
#wp-admin-bar .padder2 #nav .item li{
	margin:12px 0 0;
	height:10px;
	border-right:#CCCCCC 1px dotted;
	background:none;
	padding:5px 10px 9px;
	float: left;
	letter-spacing: 1px;
	line-height: 0.1;
}

#wp-admin-bar .padder2 #nav .item li a {
	padding: 0;
	color: #666;
	text-decoration: none;
	font-size:16px;
	letter-spacing: 1px;
	line-height: 0.5;
	display:block;
}


#wp-admin-bar .padder2 #nav .item li a:hover {
	background: #ececec;
	border-top: solid 15px #ececec;
	border-right: solid 1px #ececec;
	margin: -22px -11px 0 -10px;
	padding: 7px 10px 8px;
	height: 10px;
}





/* admin searchwindow
-------------------------------------------------------------- */

#wp-admin-bar .padder2 #search-bar {
		position: absolute;
		top: 10px;
		right: 180px;
		width: 180px;
}

#wp-admin-bar .padder2 #search-bar form{
	margin: 0;
	background-color:#FFFFFF;
	border: 1px solid #686868;
	height: 20px;
	width: 180px;
	position: absolute;
	top: 5px;
	left: 5px;
}

#wp-admin-bar .padder2 #search-bar input[type="submit"]{
	cursor:pointer;
	height:18px;
	width:20px;
	background: url(../images/search/icon_search.gif) no-repeat right center;
	position: absolute;
	bottom: 0;
	right: 2px;
	border-left: 1px solid #e5e5e5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

#wp-admin-bar .padder2 #search-bar label{
	color:#353535;
	font-size:12px;
	margin:0 0 0 10px;
	vertical-align: baseline;
	line-height: 0;
}

#wp-admin-bar .padder2 #search-bar input[type="text"]{
	margin: 0;
	padding: 0;
	width:155px;
	border: 1px solid #FFFFFF;
}



/* > personalpege
　　　> personalbar, personalHeader
-------------------------------------------------------------- */
.personalbar a:hover{
	background: none;
}

div.personalHeader{
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	/zoom:1;
	height: 310px;
	min-width: 1000px;
	margin-bottom: 7px;
}

div.personalHeader:after{
	clear: both;
	display: block;
	content: '';
}

div.personalHeader a,
.person a{
	color: #666666;
	text-decoration: none;
}

div.personalHeader #nav a{
	padding: 0 0 30px 0;
}

div.personalHeader #nav li.hear a{
	background:url(../images/person/nav_arrow.gif) no-repeat center 16px;
	padding: 0 0 30px 0;
}


div.personalHeader #nav a:hover{
	background:url(../images/person/nav_arrow.gif) no-repeat center 16px;
	padding: 0 0 30px 0;
}

*:first-child+html div.personalHeader #nav li a{/*IE7hack*/
	display: block;
	height: 10px;
}

*:first-child+html div.personalHeader #nav a:hover{/*IE7hack*/
	background:url(../images/person/nav_arrow.gif) no-repeat center 16px;
}

/*.personalHeader .infoArea a:hover{
	background: #ffffff;
}*/

div.personalHeader #nav{
	position: absolute;
	top: -11px;
	right: 0;
	z-index: 10;
}

.personalHeader #nav li{
	font-size:16px;
	float:left;
	margin:0  0 0 30px;
	padding-bottom:16px;
}

.personalHeader .infoArea{
	position: absolute;
	top: 205px;
	right: 0;
	width: 1000px;
	text-align: right;
	font-size: 12px;
	color: #666666;
	line-height: 1.2;
	clear: both;
/*	min-width: 1000px;*/	
}


.personalHeader .infoArea a.followbtn,
.personalHeader .infoArea a.unfollowbtn{
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	padding: 1px 3px;
}

.personalHeader .infoArea a.followbtn,
.personalHeader .infoArea a.unfollowbtn{
	border: 1px solid #cecece;
	color: #888888;
}

.personalHeader .infoArea p,
.personalHeader .infoArea address{
	margin-bottom: 5px;
}

.personalHeader .infoArea p img,
.personalHeader .infoArea address img{
	vertical-align: middle;
	margin: 0px 2px;
}

.personalHeader .infoArea h1{
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0 5px;
	/*padding-left: 90px;*/
}

.personalHeader .infoArea h1 strong{
	font-size: 26px;
	font-weight: normal;
}


.personalHeader .infoArea address{
	margin-right: 70px;
	font-style: normal;
}

.personalHeader .infoArea .avatar img{
	border: solid 1px #cecece;
	float:right;
	margin: 12px;
}

.personalHeader .infoArea .avatar a:hover img{
	border: solid 3px #666666;
	float:right;
	margin: 10px;
}


.backpersonalheader{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	/*height: 464px;*/
	/*background:#f5f5f5 url(../images/person/personal_back.gif) repeat-x 0px 0px;*/
	z-index: 0;
	min-width: 1000px;
}


.personalheader .infoArea{
/*	position: absolute;*/
	z-index: 10;
}


.backimgArea{
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	max-height:189px;
	height:189px;
	background:url(../images/person/personal_headerimg.jpg) repeat-x center top;
	z-index: 0;
}


.personalbar{
	position:fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height:25px;
	background:#000000;
	z-index: 900;
	-moz-box-shadow: 2px 2px 10px #d4d4d4;
	-webkit-box-shadow: 2px 2px 10px #d4d4d4;
}

.personalbar .linkbox{
	position:relative;
	width: auto;
	max-width: 1000px;
	margin: 0 auto;	
	}

.personalbar p.name{
	position: absolute;
	top: 2px;
	left: 0;
	color: #ffffff;
	margin: 0 0 15px 0;
}
.personalbar p.crickkey{
	position: relative;
	width: auto;
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
}

.personalbar p a img{
	position:absolute;
	top: 0;
	right: 0;
}


/* > tooltip　
-------------------------------------------------------------- */

div.tooltip{
	position:absolute;
	width: 283px;
	z-index: 500;
}


div.tooltip div{
	background: url(../images/person/tooltip_back_bottom.gif) no-repeat 0px bottom;
	width: 283px;
}

*:first-child+html div.tooltip div{
	margin-top: -5px;
}

div.tooltip ul{
	margin: 0px 0px 0 10px;
}

div.tooltip ul li{
	display: inline;
	padding: 2px 5px 3px 0;
}

div.tooltip ul li img{
	border: 3px solid #e4e4e4;
	float: none;
}

div.tooltip ul li a img:hover{
	border: 3px solid #ffffff;
}

div.tooltip p{
	clear: both;
	text-align: right;
	padding: 0 10px 5px 0;
	margin-left: 10px;
	line-height: 1.2;
}

div.tooltip p a{
	color: #666666;
	text-decoration: none;
	display: block;
	padding-bottom: 1px;
}

div.tooltip p a:hover{
	background:#ffffff;
	width: 260px;
}


/* > myBLOG
　　　> personalbar, personalHeader
-------------------------------------------------------------- */

div.personalHeader.mBl{
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	/zoom:1;
	height: 310px;
	min-width: 1000px;
}

.backpersonalheader.mBl{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 440px;
	background:#ffffff url(../images/person/personal_back_myblog.gif) repeat-x 0px 0px;
	z-index: 0;
	min-width: 1000px;
}

.mBl .backimgArea{
	position: absolute;
	top: 115px;
	left: 0;
	width: 100%;
	height:200px;
	background:url(../images/person/img_m_bl_header.jpg) repeat-x center bottom;
	z-index: 0;
	min-width: 1000px;
}

.personalHeader.mBl .infoArea{
	width: 980px;
	color: #292929;
	padding: 0 10px;
}

/* > avatarpop　（like)
-------------------------------------------------------------- */
div.avatarpop{
	position:absolute;
	width: 174px;
	height: 76px;
	z-index: 500;
	background: url(../images/person/avatarpop_back.png) no-repeat 0 0;
	padding: 10px;
}


div.avatarpop p{
	margin-bottom:8px;
	font-weight: bold;
}


div.avatarpop p img{
	vertical-align: middle;
	margin-right: 5px;
}

div.avatarpop p.link{
	font-weight: normal;
	text-align: center;
}

div.avatarpop p.link span{
	margin-left: 25px;
}

div.avatarpop p.link a{
	text-decoration: none;
}

div.avatarpop p.link a:hover{
	background: #ffffff;
}

div#wp-admin-bar div.padder li.alt {
	background-color:transparent;
}

/* WP 3.1.3 dashboard css fix */
tr.site-spammed {
	background-color:#FAAFAA;
}