@charset "shift_jis";
/* CSS Document */

/*
01 loginField nologin
02 loginField selfy
03 loginField noselfy
04 supportMail & supportEnquete
*/

.leftFloat { float: left; }
.rightFloat { float: right; }


/* 01 loginField
---------------------------------------------------------------------------------------------- */
#loginField {
	margin-bottom: 10px;
	background: #d2b3e0 url(/library/img/loginfield/bg_loginField_upper.gif) top left no-repeat;
	padding: 5px 0 0;
	width: 200px;
}

#loginField form {
	width: 180px;
	background: #FFF url(/library/img/loginfield/bg_inputField_upper.gif) no-repeat;
	margin: 0 0 0 5px;
	padding: 5px 5px 0;
}

#gunghoId {
	background: #FFF url(/library/img/loginfield/bg_imput_id.gif) left no-repeat;
	border: #a54cb4 2px solid;
	width: 104px;
	padding: 3px 0 2px 3px;
	font-size: 12px;
	line-height: 100%;
}

#gunghoPass {
	background: #FFF url(/library/img/loginfield/bg_imput_pass.gif) left no-repeat;
	border: #a54cb4 2px solid;
	width: 105px;
	padding: 2px 0 1px 2px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 100%;
}

#loginButton {
	margin-left: 5px;
}

/*for Chrome and Safari
body:nth-of-type(1) */
#loginButton {
	float: left;
}

#useOpenID {
	background: #FFF url(/library/img/loginfield/bg_inputField_upper.gif) no-repeat;
	margin: 5px 5px 0;
	padding: 5px 5px 0 5px;
}

#openIDlist {
	background-color: #FFF;
	margin: 0 5px;
	padding: 5px 0 0 5px;
	width: 185px;
}

#openIDlist li {
	margin:0 6px 2px 0;
	width: 55px;
	float: left;
}

#openIDlist a {
	display: inline-block ;
	padding: 3px 0 0 19px;
	height: 14px;
}

#openIDlist a:link , #openIDlist a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 100%;
	text-decoration: none;
	color: #757575;
}

#openIDlist a:hover {
	text-decoration: underline;
}

#openIDlist #twitterRegist {
	background: #FFF url(/library/img/loginfield/btn_twitter.gif) left center no-repeat;
}

#openIDlist #facebookRegist {
	background: #FFF url(/library/img/loginfield/btn_facebook.gif) left center no-repeat;
	width: 65px;
}

#openIDlist #googleRegist {
	background: #FFF url(/library/img/loginfield/btn_google.gif) left center no-repeat;
}

#openIDlist #yahooRegist {
	background: #FFF url(/library/img/loginfield/btn_yahoo.gif) left center no-repeat;
}

#openIDlist #mixiRegist {
	background: #FFF url(/library/img/loginfield/btn_mixi.gif) left center no-repeat;
	width: 45px;
}

#loginSubMenu , #loginSubMenuOid {
	background: #FFF url(/library/img/loginfield/bg_inputField_bottom.gif) left bottom no-repeat;
	margin-left: 5px;
	padding: 5px;
	width: 180px;
	font-size: 10px;
}

/*for Chrome and Safari*/
body:nth-of-type(1) #loginSubMenu {
	/*margin-top: -10px;*/
}

#loginSubMenu .fogot {
	margin-bottom: 2px;
}

#loginSubMenu a.otp:link , #loginSubMenu a.otp:visited {
	display: inline-block;
	background: url(/library/img/common/link_icon02.gif) left no-repeat;
	padding: 2px 0 2px 15px;
	text-decoration: none;
	line-height: 100%;
	color: #757575;
}

#loginSubMenu a.otp:hover {
	text-decoration: underline;
}


#loginSubMenu a:link , #loginSubMenu a:visited , #loginSubMenuOid a:link , #loginSubMenuOid a:visited {
	display: inline-block;
	background: url(/library/img/common/link_icon01.png) left no-repeat;
	padding: 2px 0 2px 15px;
	text-decoration: none;
	line-height: 100%;
	color: #757575;
}

#loginSubMenu a:hover , #loginSubMenuOid a:hover {
	text-decoration: underline;
}

#registMenu {
	background: #d2b3e0 url(/library/img/loginfield/bg_loginField_bottom.gif) left bottom no-repeat;
	padding: 0 5px 5px 5px;
}

#registMenu li {
	margin-top: 5px;
}

/* ログアウト画面 */
.errBox {
	width:600px;
	margin:30px auto;
}

.errBox .message{text-align:center;}

.errBox #loginField{
	float:left;
}

.errBox .banner{
	float:right;
	border:1px #ccc solid;
}

/* 02 loginField selfy (2011-06-24)
---------------------------------------------------------------------------------------------- */
.mod_profileAvatar01 *,
#lm_login_state *{
	margin:0;
	padding:0;
	list-style: none;
	background:none;
	border: 0px;
}

.mod_profileAvatar01{
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	width: 200px;
	height:195px;
	background: #fff url(/library/img/loginfield/bg_loginField.gif) top no-repeat;
}

.mod_profileAvatar01 .myConsole {
	position:relative;
	width: 190px;
	margin: 0 0 0 5px;
}

.mod_profileAvatar01 .myConsole .myName {
	padding:6px 0 0 4px;
	height:12px;
	font-size:12px;
	font-weight:bold;
	color:#555;
	text-align:left;
}

.mod_profileAvatar01 .myConsole .myName span {
	font-size:10px;
	font-weight:normal;
}

.mod_profileAvatar01 .myConsole .myConsoleCore {
	position: absolute;
	top:20px;
	width: 190px;
	font-size: 10px;
}

.mod_profileAvatar01 .myConsole .myConsoleCore #myAvatarWindow{
	position: absolute;
	top:4px;
	left:2px;
	background-color:#fff;
	border:1px #ccc solid;
	float:left;
}

.mod_profileAvatar01 .myConsole .myConsoleCore #goToSelfytown a{
	position: absolute;
	top:4px;
	right:2px;
	display:block;
	width:72px;
	height:28px;
	background:url(/library/img/loginfield/bt_goselfytown.gif) bottom no-repeat;
	text-indent:-9999px;
}

.mod_profileAvatar01 .myConsole .myConsoleCore #goToSelfytown a:hover{
	background:url(/library/img/loginfield/bt_goselfytown.gif) top no-repeat;
}

.mod_profileAvatar01 .myConsole .myConsoleCore .myConsoleCoreList{
	position: absolute;
	top:34px;
	right:4px;
	width:70px;
	height:132px;
	background:url(/library/img/loginfield/ConsoleCoreList_bg.gif) bottom no-repeat;
}

.mod_profileAvatar01 .myConsole .myConsoleCore .myConsoleCoreList ul{
	position: absolute;
	top:30px;
	right:18px;
	width:40px;
	list-style: none;
}

.mod_profileAvatar01 .myConsole .myConsoleCore .myConsoleCoreList ul li{
	height:28px;
	font-size:11px;
	text-align:right;
	color:#666;
}

.mod_profileAvatar01 .myConsole .myConsoleCore .myConsoleCoreList ul li a{
	color:#f00;
	font-weight:bold;
}



/* 03 loginField noselfy (2011-06-24)
---------------------------------------------------------------------------------------------- */
.mod_profileAvatar01 .myConsole .myConsoleCore #goToEntry a{
	position: absolute;
	bottom:14px;
	right:4px;
	display:block;
	width:62px;
	height:42px;
	background:url(/library/img/loginfield/bt_goentry.gif) bottom no-repeat;
	text-indent:-9999px;
}

.mod_profileAvatar01 .myConsole .myConsoleCore #goToEntry a:hover{
	background:url(/library/img/loginfield/bt_goentry.gif) top no-repeat;
}

.mod_profileAvatar01 .myConsole .myConsoleCore .myConsoleCoreEntry{
	position: absolute;
	top:4px;
	right:4px;
	width:70px;
	height:160px;
	background:url(/library/img/loginfield/ConsoleCoreEntry_bg.gif) top no-repeat;
}

/* 04 supportMail & supportEnquete(2011-06-24)
---------------------------------------------------------------------------------------------- */
#lm_login_state {
	margin: 0 0 5px 0;
	padding:0;
	width: 200px;
}


.lm_login_state:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#lm_login_state a.regist{
	float:left;
	display: block;
	width: 98px;
	height:30px;
	background:url(/library/img/loginfield/btn_registration.gif) top no-repeat;
	text-indent:-9999px;
}

#lm_login_state a.logout{
	float:right;
	display: block;
	width: 98px;
	height:30px;
	background:url(/library/img/loginfield/btn_logout.gif) top no-repeat;
	text-indent:-9999px;
}

#supportMail{
	clear:both;
	margin: 5px 0;
	height:22px;
	font-size:10px !important;
	text-align:right;
	background	: url(/library/img/loginfield/bg_support.gif) 0 no-repeat;
}

#supportMail p{
	padding-top:5px;
	margin-right:1.5em;
}

#supportMail .mail-0 a{ color:#000;}

#supportMail .mail-1{color:#f00;}

#supportMail .mail-1 a{ color:#f00;}
#supportMail .mail-off{	color:#999;}

#supportEnquete{
	margin:0 0 5px 0;
	height:34px;
	text-align:right;
	font-size:12px !important;
	background	: url(/library/img/loginfield/bg_enquete.gif) 0 no-repeat;
}

#supportEnquete iframe{
	width:140px;
	margin:2px 2px 0 0;
	line-height:1em !important;
}

#lm_login_state a.acenter{
	display: block;
	width: 200px;
	height:50px;
	background:url(/library/img/loginfield/btn_acenter.gif) top no-repeat;
	text-indent:-9999px;
}

/*-------hack--------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}