@charset "EUC-JP";

/* Information
==================================================
livedoor Blog CSS

 Update : 2008.09.12
==================================================
*/


/* =============================================== */
/** livedoorID / OpenID ǧ¾Ú²èÌÌ */
/* ----------------------------------------------- */

div.header-wrapper
, div.content-wrapper {
	margin: 0 auto;
}
.maintitlefix{
	width: 100%;
}
div.content-wrapper {
	padding-bottom: 70px;
	border-bottom: 1px solid #b6b6b6;
	margin-bottom: 10px;
}
	div.content-wrapper:after {
	  content: ".";
	  display: block;
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}

div.login-form-outer {
	width: 650px;
	margin: 0 auto;
	padding-bottom: 200px;
}
div.login-form {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 10px;
	text-align: left;
	background-color: #fff;
}
	div.livedoorID {
		border: 1px solid #9cc6fe;
	}
	div.OpenID {
		border: 1px solid #99e1e5;
	}

div.login-form .input{
	width: 100%;
}

div.login-form h3,
div.login-form .loginTitle {
	margin: 1px 1px 0;
	padding: 6px 0;
	text-align: center;
}
	div.livedoorID h3,
	div.livedoorID .loginTitle {
		background-color: #d2e5ff;
	}
	div.OpenID h3,
	div.OpenID .loginTitle {
		background-color: #def4f6;
	}

div.login-form ul {
	border: solid #fff;
	border-width: 0 1px 1px;
	height: 145px;
	padding: 20px 40px 0;
} * html div.login-form ul {
	height: 165px;
}

div.login-form ul li {
	margin-bottom: 5px;
}
div.login-form ul li.submit {
	padding-top: 10px;
	text-align: center;
}
	div.livedoorID ul {
		background-color: #eff6ff;
	}
	div.OpenID ul {
		background-color: #f0fcfd;
		position: relative;
	}

	div.OpenID ul li.input {
		padding-top: 20px;
	}

	div.OpenID ul li.what {
		position: absolute;
		top: 38px;
		right: 30px;
	}

	div.OpenID ul li.what a {
		text-decoration: none;
	}

	div.OpenID ul li.what a:hover {
		text-decoration: underline;
	}

input.OpenID-inputBox {
	background: #fff url(/img/portal/typekey/openid_official.gif) no-repeat;
	padding-left: 21px;
	width: 200px;
}

div.description-outer {
	width: 550px;
	margin: 0 auto 30px;
	line-height: 135%;
}

div.description-outer p {
	text-align: center;
}

div.description-outer p.registry {
	margin-top: 20px;
	text-align: center;
}

/* tab */
#loginTab{
	margin: 30px auto 0;
	width: 765px;
}
#loginTab li{
	display: inline;
}
#loginTab li img{
	margin: 0 1px 0 2px;
	vertical-align: bottom;
}

#loginBox{
	padding-top: 5px;
	margin: 0 auto 50px;
	width: 762px;
}
.loginBox2{
	padding-bottom: 11px;
}
.loginBox3{
	padding: 30px;
	zoom: 1;
}

.defaultBox{
	background: transparent url(/img/typekey/base_top.gif) no-repeat left top;
}
.defaultBox .loginBox2{
	background: transparent url(/img/typekey/base_bottom.gif) no-repeat left bottom;
}
.defaultBox .loginBox3{
	background: transparent url(/img/typekey/base_middle.gif) repeat-y left top;
}
.mixiBox{
	background: transparent url(/img/typekey/base_top_mixi.gif) no-repeat left top;
}
.mixiBox .loginBox2{
	background: transparent url(/img/typekey/base_bottom_mixi.gif) no-repeat left bottom;
}
.mixiBox .loginBox3{
	background: transparent url(/img/typekey/base_middle_mixi.gif) repeat-y left top;
}
.tabon{
	position: relative;
	bottom: -2px;
}

#loginBox h2{
	font-size: 140%;
	margin-bottom: 10px;
}
#loginBox p{
	line-height: 1.4;
	margin-bottom: 20px;
}
#loginBox form{
	text-align: center;
}
#loginBox table{
	margin: 0 auto 10px;
}
#loginBox table th{
	font-weight: normal;
	text-align: right;
}
#loginBox table td{
	text-align: left;
}
#loginBox table th,
#loginBox table td {
	padding: 5px 10px;
}
#loginBox table td.otherOpenid{
	border-top: 1px dotted #88a7df;
	padding: 10px;
}
#loginBox table td.otherOpenid img{
	margin-right: 5px;
	vertical-align: middle;
}
#loginBox table td input{
	width: 200px;
}
#loginBox table td input.submitButton{
	width: auto;
	margin-left: 5px;
}
#loginBox table td span{
	color: #999;
}
.authbox{
	display: none;
}
.authboxon{
	display: block;
}
.forcus{
	cursor: pointer;
}