@charset "utf-8";


/* ========================================
	@target	 :  login.htm
	@since	 :	20070622
	@editor  :	k-yamada
======================================== */


/* =====================================
	clearfix
   ===================================== */

.login_page ul,
.docwrap	 {
    zoom:1;/*for IE 5.5-7*/
}
.login_page ul:after,
.docwrap:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.login_page ul,
.docwrap { display: inline-block; }
/* exlude MacIE5 \*/
* html .login_page ul,* html .docwrap { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */




/* =====================================
	over
   ===================================== */
div.docwrap {
		margin-bottom :		0 ;
	}

.loginuser .welcome {
		background:url("../images/top/login_28.gif") no-repeat 576px 0px;
		height :		27px ;
		margin-top :		0px ;
		text-indent :		-9999px ;
	}

/* =====================================
	.login_page
   ===================================== */


.login_page h2 {
		margin:		0 ;
		padding :		0 ;
	}


/* =====================================
	.box_a
   ===================================== */

.login_page .box_a,
.login_page .box_b
{
	height :		900px ;
}


.login_page .box_a {
		background-image :		url('../images/top/login_26.gif') ;
		background-repeat :		repeat-y ;
		width:		530px ;
		float :		left ;
		display :	inline ;
		padding-bottom :		30px ;
	}


.login_page .box_a .login_00 {
		vertical-align :		middle ;
	}


.login_page .box_a ul {
	
		margin :		0 ;
		padding :		11px 0 0 7px ;

	}

.login_page .box_a li {
		list-style-type :	none ;
		display :			inline ;
		float :				left ;
		margin-top :		5px ;
	}
.login_page .box_a li.login_23,
.login_page .box_a li.login_25
	{
		margin-left :		5px ;
	}


/* =====================================
	.box_b
   ===================================== */

.login_page .box_b {
		width:		330px ;
		float :		left ;
		display :	inline ;
		background-image :		url('../images/top/login_27.jpg') ;
		background-repeat :		repeat-y ;
		background-color :		#FFFFFF ;
		padding-bottom :		30px ;
	}



.login_page .box_b .loginLabelBox {
		
		float :		left ;
	}

.login_page .box_b img {
		vertical-align :		top ;
	}

/* input */
.login_page .box_b .inputArea {
		height :		1em ;
		width :		8em ;
		padding-left :		4px ;
	}

/* inputまわりのボックス */
.login_page .loginForm {
	margin :		13px 0 0 10px ;
	}

/* ユーザーIDとか */
.login_page img.loginLabel {
	vertical-align :		text-bottom ;
	}

/* チェックボックス */
.login_page .loginForm #checkbox_00 {
	margin :		10px 5px 0 0 ;
	}



.login_page .loginForm .logincheckbox {
		clear :		both ;
	}
.login_page .loginForm .logincheckbox img {
		vertical-align :		baseline ;
	}



/* ログインボタンの包括ボックス */
.login_page .loginForm .loginBtn a {
		text-align :		center ;
		margin :		10px auto;
	}

.loginBtn			{text-align:center;}

/* =====================================
	.login_11
   ===================================== */

.login_page .box_b .login_11 {
		margin-top :		10px ;
		margin-left :		4px ;
		font-size:4px;
		letter-spacing:1.2px;
		color:#FFFFFF;
}
img.login_11_a,
img.login_11_f
	{
		vertical-align :		bottom ;
	}

.login_11_b {
		float:left;
		width:229px;
		margin:10px 0px 0px 14px;
	}

.login_11_c {margin:10px 0px 0px 0px;}

.login_11_d {
		vertical-align:top ;
		float:left;
		width:225px;
		margin:2px 0px 0px 14px;
	}

.login_11_e {margin:2px 0px 0px 0px;}

.login_11_f {
		clear :		both ;
		margin-top :		10px ;
	}

/* =====================================
	.login_12
   ===================================== */

.login_page .box_b .login_12 {
		margin-top :		10px ;
		margin-left :		14px ;
	}

.login_page .box_b ul {
		margin :		0 0 0 18px ;
		padding :		0 ;
	}
	
.login_page .box_b li {
		list-style-type :		none ;
		margin-top :		5px ;
	}

.login_page .box_b li img {
		vertical-align :		top ;
	}

/* H3 電話投票会員の方 */
.login_page .box_b .login_03 {
		margin-top :		34px ;
	}
		*:first-child+html .login_page .box_b .login_03 {
				margin-top :		30px ;
			}
		* html .login_page .box_b .login_03 {
				margin-top :		30px ;
			}/*付け足しました*/

.login_page .box_b img.login_15 {
		vertical-align :		top ;
	}






/* =====================================
	.footwrap
   ===================================== */

.footwrap {
	clear :		both ;
	margin :		0px 0 0 0 ;	
	}



div.footmenuwrap {
	margin:0px 0px 0px;
	padding:9px 0px 7px;
}




/* =====================================
	ボタン
   ===================================== */
a.login_06_btn {
		display :		block ;
		width :			83px ;
		height :		20px ;
		background-image :		url('../images/top/login_06_on.gif') ;
		background-repeat :		no-repeat ;
		float :		left ;
		margin :		3px 0 0 3px ;
	}
a.login_11_c_btn {
		display :		block ;
		width :			27px ;
		height :		24px ;
		background-image :		url('../images/top/id_txt1_3.gif') ;
		background-repeat :		no-repeat ;
		float :			left ;
	}



a.login_11_e_btn {
		display :		block ;
		width :			27px ;
		height :		16px ;
		background:url('../images/top/id_txt2_3.gif') no-repeat 0px 0px;
		float :		left ;
		position:relative;top:0px;
	}



a.login_13_btn {
		display :		block ;
		width :			96px ;
		height :		13px ;
		background-image :		url('../images/top/login_13_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_14_btn {
		display :		block ;
		width :			139px ;
		height :		12px ;
		background-image :		url('../images/top/login_14_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_15_btn {
		display :		block ;
		width :			219px ;
		height :		15px ;
		background-image :		url('../images/top/login_15_on.gif') ;
		background-repeat :		no-repeat ;
		margin-top :		10px ;
		margin-left :		30px ;

	}

a.login_16_btn {
		display :		block ;
		width :			156px ;
		height :		15px ;
		background-image :		url('../images/top/login_16_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_17_btn {
		display :		block ;
		width :			156px ;
		height :		15px ;
		background-image :		url('../images/top/login_17_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_18_btn {
		display :		block ;
		width :			156px ;
		height :		15px ;
		background-image :		url('../images/top/login_18_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_19_btn {
		display :		block ;
		width :			156px ;
		height :		15px ;
		background-image :		url('../images/top/login_19_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_20_btn {
		display :		block ;
		width :			156px ;
		height :		15px ;
		background-image :		url('../images/top/login_20_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_21_btn {
		display :		block ;
		width :			515px ;
		height :		76px ;
		background-image :		url('../images/top/login_21_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_22_btn {
		display :		block ;
		width :			255px ;
		height :		76px ;
		background-image :		url('../images/top/login_22_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_23_btn {
		display :		block ;
		width :			255px ;
		height :		76px ;
		background-image :		url('../images/top/login_23_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_24_btn {
		display :		block ;
		width :			255px ;
		height :		76px ;
		background-image :		url('../images/top/login_24_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_25_btn {
		display :		block ;
		width :			255px ;
		height :		76px ;
		background-image :		url('../images/top/login_25_on.gif') ;
		background-repeat :		no-repeat ;
	}

a.login_06_btn,
a.login_10_btn,
a.login_11_c_btn,
a.login_11_e_btn,
a.login_13_btn,
a.login_14_btn,
a.login_15_btn,
a.login_16_btn,
a.login_17_btn,
a.login_18_btn,
a.login_19_btn,
a.login_20_btn,
a.login_21_btn,
a.login_22_btn,
a.login_23_btn,
a.login_24_btn,
a.login_25_btn
	{
		background-position :		0 0 ;
	}

a.login_06_btn:hover,
a.login_10_btn:hover,
a.login_11_c_btn:hover,
a.login_11_e_btn:hover,
a.login_13_btn:hover,
a.login_14_btn:hover,
a.login_15_btn:hover,
a.login_16_btn:hover,
a.login_17_btn:hover,
a.login_18_btn:hover,
a.login_19_btn:hover,
a.login_20_btn:hover,
a.login_21_btn:hover,
a.login_22_btn:hover,
a.login_23_btn:hover,
a.login_24_btn:hover,
a.login_25_btn:hover
	{
		background-color :		#FFFFFF ;
	}

a.login_06_btn:hover img,
a.login_10_btn:hover img,
a.login_11_c_btn:hover img,
a.login_11_e_btn:hover img,
a.login_13_btn:hover img,
a.login_14_btn:hover img,
a.login_15_btn:hover img,
a.login_16_btn:hover img,
a.login_17_btn:hover img,
a.login_18_btn:hover img,
a.login_19_btn:hover img,
a.login_20_btn:hover img,
a.login_21_btn:hover img,
a.login_22_btn:hover img,
a.login_23_btn:hover img,
a.login_24_btn:hover img,
a.login_25_btn:hover img {
		visibility :		hidden ;
	}

/*田中作　リンク用スタイル*/
.top_link ul		{margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;}
.top_link li		{margin:0px 0px 0px 0px;padding:3px 0px 0px 0px;font-size:small;line-height:1;}
.top_link a:link	{color:#FFFFFF;text-decoration:underline;}
.top_link a:visited	{color:#FFFFFF;text-decoration:underline;}
.top_link a:hover	{color:#809eff;text-decoration:underline;}

.gray_yazirusi	{margin:1px 2px 0px 0px;}


/*ログインエラー画面用*/
.loginerror_mess{background-color:#fe4d55;padding:5px;width:610px;margin:10px auto;}

.loginerror_comment	{font-size:small;line-height:2em;font-size:medium;margin:0px 0px 15px 90px;}
.loginerror_comment dl{font-size:normal;line-height:2em;}
.loginerror_comment a:link	{color:#ffffff;text-decoration:underline;}
.loginerror_comment a:hover{color:#0011b0!important;text-decoration:underline;}
.loginerror_comment a:active{color:#0011b0!important;text-decoration:underline;}
.loginerror_comment a:visited{color:#ffffff;text-decoration:underline;}

/*login2.htm用　style*/
div.outwrap		{background-color:#101010!important;}



.login2_page	{text-align:left;
				margin:30px 0 30px 194px;
				width:470px;
				border:1px solid gray;
				padding:0px;
				background:#3a3a3a;}

.login2_box		{margin:10px 0 0 30px;}

.login2_box a:link	{color:#FFFFFF;text-decoration:underline;}
.login2_box a:visited	{color:#FFFFFF;text-decoration:underline;}
.login2_box a:hover	{color:#809eff;text-decoration:underline;}


a.login_10_btn {
		display :		block ;
		width :			119px ;
		height :		40px ;
		background-image :		url('../images/top/login_10_on.gif') ;
		background-repeat :		no-repeat ;
	}




.login2_page img.loginLabel {vertical-align:text-bottom;margin:0 20px 0 0;}


.login2_page .loginLabelBox {
				float:left ;
				margin:;
}

.login2_page .inputArea {
				width :10em ;
				padding-left :		4px ;
					vertical-align :		baseline ;
	}

.login2_page .loginBtn {
				clear:both;
				margin :10px 30px 0 0px;
}

.login2_page #checkbox_00 {
	margin :		10px 5px 0 0 ;
	}

#rakuraku				{position:relative;top:2px;left:-3px;}

.login2_page .logincheckbox {
		clear :		both ;
		margin:0 0 0 139px;
	}
.login2_page .logincheckbox img {
		vertical-align :		baseline ;
	}

.loginBtn		{text-align:center;margin:3px 0;position:relative;left:-6px;}

.rakuraku_box		{text-align:left;font-size:small;margin:10px 20px 20px 0;line-height:3.5;}
.rakuraku_box a		{position:relative;left:143px;}
img#rakuraku_caution	{margin:0 0 0 25px;}

#login_11_a			{position:relative;left:-7px;}

.login2_page ul		{margin:12px 0 12px 0;}
.login2_page li 	{list-style-type:none;
					position:relative;left:-7px;
					margin:0 0 5px 0;
					}
					
.login2_page .gray_yazirusi	{position:relative;top:2px;}