@charset "utf-8";

#sub-body {
	background:url(../img/bg/dotline-tate.gif) repeat-y 520px 0;
	}

/* #login-box 080925ポイ広告知用 */
#login-box h2#ph-ci {
	clear:both;
	border-left:#CC0000 solid 8px;
	margin:0 0 5px 5px;
	padding:2px 0;
	text-indent:5px;
}
#login-box p#attention-txt {
	padding:0 0 8px 19px;
}
#login-box img#attention-in {
	margin-left:5px;
	vertical-align:middle;
}

/* #login-box */
#login-box{
	width: 510px;
	float: left;
	}
#ci-h2{
	padding: 2px 5px;
	margin-bottom: 5px;
	background-color: #CC0000;
	color: #FFFFFF;
	}
#ci-ipass form{
	width: 510px;
	}	
#ci-ipass table {
	border-collapse: collapse;
	width: 510px;
	}
#ci-ipass table th,
#ci-ipass table td{
	padding: 3px 10px;
	border: 1px solid #CCCCCC;
	}
#ci-ipass table th{
	background: url(../img/bg/gray_bg2.gif) repeat;
	}
#ci-ipass input.ipass{
	width: 300px;
	padding: 1px;
	}
#ci-ipass #remember{
	padding: 2px 10px ;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/*border-bottom: 1px solid #CCCCCC;*/
	}
#ci-ipass #remember input{
	margin-right: 3px;
	}
#ci-ipass #forget{
	float: left;
	margin-top: 8px;
	margin-left: 30px;
	}
#ci-ipass #login-but{
	float: left;
	width: 242px;
	height: 37px;
	margin-left: 5px;
	padding-bottom:10px;
	}
#ci-ipass #no-ssl{
	float: left;
	margin-top: 8px;
	}
#ci-ipass #no-ssl a{
	/*float:right;*/
	margin-left:15px;
	text-align: left;
	text-decoration: underline;
	}
#ci-login{
	padding:5px 5px 10px 5px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
#ci-login .non-ssl{
	margin-left: 270px;
	padding-top: 10px;
	}
#ci-login .non-ssl strong{
	font-weight: bold;
	}	

#ci-login .non-ssl a{
	padding-left: 5px;
	}
.attention{
	clear: both;
	padding: 5px 10px;
	background-color: #F3F2ED;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 20px;
	}
.attention li{
	padding-left: 18px;
	margin-bottom: 5px;
	line-height: 1.6; 
	}
.attention li.alert{
	background: url(../img/icon/i-alert.gif) no-repeat 0 0.3em;
	}
.attention li.yaji-gray{
	background: url(../img/icon/yaji-gray.gif) no-repeat 0 0.3em;
	}	
#yahoo-h2{
	padding: 2px 5px;
	margin-bottom: 5px;
	background-color: #01ACFC;	
	color: #FFFFFF;
	}
#yahoo-login{
	padding: 5px 0 5px 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
#yahoo-login-but{
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	/*margin-right: 5px;*/
	height: 35px;
	}
#yahoo-desc{
	float: left;
	margin-left: 10px;
	}

/*--------------------
 #login-subbox 
--------------------*/
#login-subbox{	
	width: 350px;
	float: right;
	}	
	
/* #join-box */
#join-box{
	margin-bottom: 20px;	
	}
#join-box h2{
	padding-left: 20px;
	padding-bottom: 3px;
	background: url(../img/icon/i-wakaba.gif) no-repeat 0 0.2em;
	border-bottom: 6px solid #CCCCCC;
	margin-bottom: 10px;
	}
#member-in-box{
	background: #FFE5E5 url(../img/bg/member-in-box-bot.gif) no-repeat left bottom;
	text-align: center;
	}
#join-box h3{
	text-indent: -9999px;
	background:url(../img/bg/member-in-box-top.gif) no-repeat left top;
	}
#join-but a{
	display: block;
	text-indent: -9999px;
	width: 209px;
	height: 40px;
	margin: 0 auto 10px;
	background:url(../img/icon/memberin-bt.gif) no-repeat left top;
	outline: none;
	}
#join-but a:hover{
	background:url(../img/icon/memberin-bt-over.gif) no-repeat left top;
	}
#join-box .txt{
	margin: 10px 0 15px;
	}
#join-box .txt a{
	text-decoration: underline;	
	}
	
/* .pr-ban-box */	
.pr-ban-box h3{
	text-align: center;
	letter-spacing: 10px;
	}
.pr-ban-box{
	text-align: center;
	height: 260px;
	} 



/*--------------------
 テキスト関連 
--------------------*/
#ci-h2{
	font-weight: bold;
	}
#ci-ipass #remember{
	font-size: 85%;
	}
#ci-ipass #forget{
	font-size: 123%;
	}
.attention li.alert h3 a{
	font-weight: normal;
	}
.attention li.alert p{
	font-size: 85%;
	line-height: 1.2;
	}
#yahoo-desc{
	font-weight: bold;
	color:#FF0000;
	}
#join-box h2{
	color:#666666;	
	}
	

/*--------------------
 win ie 
--------------------*/
* html #ci-ipass table {
	zoom: 1;
	border: none;
	}
* html #ci-ipass #forget,
* html #ci-ipass #forget a{
	zoom: 1;
	}