@charset "EUC-JP";
/* CSS Document */

/* reset base.css */
#main{
	width:995px;
	background:none;
}

#footer {
	background: url(/common/images/footerShdw.gif) repeat-x top;
	width: 100%;
	bottom: 0;
	left: 0;
	position:static;
	min-width: 995px;
}

#footer_inner{
	width:995px;
	margin:0 auto;
	padding:15px 0 16px 0;
	text-align:center;
	min-height:30px;
	_height:30px;
	position: relative;
}

#footer_inner #copylight {
	position:absolute;
	top:16px;
	left:892px;
}

img{ vertical-align:bottom; padding-bottom: 10px; }
h2{ line-height:100%; font-size:100%; }

body#login_index {
	background-color: #fff;
}

#flashcontent {
	position: relative;
}
#flashcontent img {
	padding-bottom: 0;
}
#flashcontent .serif {
	opacity: 0;
	position: absolute;
}
/* フェードアニメーション */
#flashcontent .serif.fadeIn {
	opacity: 1;
	transition: all 1000ms ease-in;
}
#flashcontent .serif.fadeOut {
	opacity: 0;
	transition: all 1000ms ease-out;
}
/* 回転アニメーション */
#flashcontent .serif.rotate {
	transition: transform 200ms ease;
	transform: rotate(0);
}
#flashcontent .serif.rotate.rotateR {
	transition: transform 200ms ease;
	transform: rotate(10deg);
}
#flashcontent .serif.rotate.rotateR.rotateL {
	transition: transform 200ms ease;
	transform: rotate(-5deg);
}
/* 振動アニメーション */
#flashcontent .serif.swingUp {
	transition: top 300ms ease-out;
}
#flashcontent .serif.swingDown {
	transition: top 200ms ease-in;
}

#loginMain{
	background-color:#b4d775;
	background-image:url(/common/images/loginMainShdw.gif);
	background-repeat:repeat-x;
	background-position:top;
	width: 100%;
    display:inline-block;/*----------------IE7 clearfix*/
	min-width: 995px;
}

#loginMain_inner {
	padding:25px 49px 20px 86px;
	margin: 0 auto;
	width: 860px;
}

#loginMain .l2Col{
	width:539px;
	display:block;
}
#loginMain .l2Col dl{
	margin:20px 0 0 0;
	display:inline-block;/*----------------IE7 clearfix*/
}
#loginMain .r2Col dt,
#loginMain .r2Col dd{
	float:left;
}
#loginMain .r2Col dt{
	width:120px;
	padding-top:3px;
	clear:both;
}
#loginMain .r2Col dd{
	width:287px;
	padding-bottom:5px;
	position: relative;
	overflow: hidden;
}
#loginMain .r2Col dd .lookbox{
	display: inline-block;
	width:26px;
	height: 26px;
	position: absolute;
	right:94px;
	top:1px;
	cursor: pointer;
	overflow: hidden;
}
#loginMain .r2Col dd .look.open{
	top:-50px;
}
#loginMain .r2Col dd .look{
	position: absolute;
	top:0;
}
#loginMain .r2Col dd input[type="text"],
#loginMain .r2Col dd input[type="password"]{
	width:200px;
	height:22px;
	padding:2px;
	border:1px solid #999999;
	font-size:120%;
}
.sbc_field {
	ime-mode: disabled;
}
#loginMain .r2Col dd input[name="pw"]{
	position:relative;
	top:-5px;
}
#loginMain .r2Col dd input[type="image"]{
	margin-left:10px;
	position:relative;
	top:2px;
}
#loginMain .r2Col dd input[type="checkbox"]{
	margin-right:5px;
}
#loginMain .r2Col .pass_appear{
	cursor: pointer;
}
#loginMain .r2Col ul{
	padding:0;
}
#loginMain .r2Col ul li{
	line-height:0;
	margin:2px 0;
}
/* IE7 control */
*:first-child+html #loginMain .r2Col dd{	padding-bottom:10px; }
*:first-child+html #loginMain .r2Col dd input[type="image"]{	top:-3px; }
*:first-child+html #loginMain .r2Col ul{	margin-top:-10px; }
*:first-child+html #loginMain .r2Col ul li{	font-size:0; }


#loginMain .l2Col{
	width:280px;
	padding:20px;
	display:block;
	background-color:#c3df91;
	margin-top:15px;
	margin-right: 130px;
}

#loginMain .l2Col ul{
	padding:0;
}
#loginMain .l2Col ul li.first{
	margin-bottom:8px;
}

#loginMain ul.entry_etc_list {
	width:405px;
}

#loginMain ul.entry_etc_list li.first {
	margin-left:0;
}

#loginMain ul.entry_etc_list li {
	margin-left:14px;
}