@charset "utf-8";

/*** EC Navi CSS Document Document ***************************************

	ver.2009/09

	login.css

----------------------------------------------------------------***/

/**  login.css Menu *********************************************

	1.Before Login Top
		1-1.layout
		1-2.KeyVisual
		1-3.Flow until exchanging privilege
		1-4.Privilege list
		1-5.Voice
	
	2.After Login top

*******************************************************************/

/*-----------------------------------------------------------------

	1.Before　Login Top

-------------------------------------------------------------------*/

/*--------------------------------------------------　1-1.layout*/


div#wall.loginBefore div.main2Column div#mainContetns{
	width: 633px; 
	margin-right: 0px;
}

div#wall.loginBefore div.main2Column div#mainContetns div.mainWrap{
	width: 590px;
	margin-left: 30px;
}


/*--------------------------------------------------　1-2.KeyVisual*/

div#mainContetns div.keyVisual{
	width: 100%;
	margin-bottom: 28px;
}

div#mainContetns div.keyVisual div.photoArea{
	width: 180px;
}

div#mainContetns div.keyVisual div.textArea{
	width: 424px;
	margin-left:200px;
	padding-top: 33px;
}

* html div#mainContetns div.keyVisual div.textArea{
	width: 380px;
	margin-left:200px;
	padding-top: 33px;
}

/* for IE6 IE7 \*/

*:first-child+html div#mainContetns div.keyVisual div.photoArea{
	margin-top: -1px;
}


* html div#mainContetns div.keyVisual div.textArea{
	margin-left:250px;
}

/**/

div#mainContetns div.keyVisual div.textArea h2{
	clear: none; 
	background-color: #FFFFFF;
	padding: 0;
	font-size: 150%;
	color: #114775;
	line-height: 1.5em;
	margin-bottom: 10px;
}

div#mainContetns div.keyVisual div.textArea p{
	font-size: 116.7%;
	line-height: 140%;
	color: #333;
}


/*--------------------------------------------------　1-3.Flow until exchanging privilege*/

div#mainContetns div.flowArea{
	width: 100%;
	margin-bottom: 27px;
	background-image: url(../../img/login/bg_login01.gif);
	background-repeat: repeat-y;
	background-position: left;
}

div#mainContetns div.flowArea div.wrapFirst{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../img/login/bg_lobin01_top.gif);
}

div#mainContetns div.flowArea div.wrapSecond{
	background-image: url(../../img/login/bg_login01_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 8px 7px 0px 7px;
}

div#mainContetns div.flowArea div.box{
	clear: both;
	width: 576px;
	margin-bottom: 2px;
 	background-image: url(../../img/login/bg_login02.gif);
	background-repeat: repeat-y;
}

div#mainContetns div.flowArea div.box div.wrapFirst01{
	background-image: url(../../img/login/bg_login02_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

div#mainContetns div.flowArea div.box div.wrapSecond01{
	background-image: url(../../img/login/bg_login02_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 13px;
}

/* \*/
* html div#mainContetns div.flowArea div.box div.wrapSecond01{
	padding-bottom: 9px;
}

*:first-child+html div#mainContetns div.flowArea div.box div.wrapSecond01{
	padding-bottom: 9px;
}

/**/

div#mainContetns div.flowArea div.box div.wrapSecond01.last{
	background-image: url(../../img/login/bg_login02_last_bottom.gif);
	padding-bottom: 10px;
}

div#mainContetns div.flowArea div.box div.photoArea{
	width: 75px;
}

div#mainContetns div.flowArea div.box div.photoArea p{
	margin-left: 20px;
	color: #333;
}


div#mainContetns div.flowArea div.box div.textArea{
	width: 466px;
	margin-left: 95px;
	padding-top: 13px;
}

/* For IE6 \*/

* html div#mainContetns div.flowArea div.box div.textArea{
	margin-left: 95px;
}

/**/

div#mainContetns div.flowArea div.box div.textArea dl.register{
	width:200px;
	float:left;
	}

div#mainContetns div.flowArea div.box div.textArea dl dt{
	padding:3px 0 7px 25px;
	background-repeat: no-repeat;
	background-position: 0 1px;
	font-size: 116.7%;
	font-weight:bold;
}

div#mainContetns div.flowArea div.box div.textArea dl dd{
	margin-bottom: 5px;
	line-height:1.5em;
}

/*-　Member registration　-*/

div#mainContetns div.flowArea div.flow01 div.photoArea p{
	padding-top: 16px;
	padding-bottom: 13px;
}

div#mainContetns div.flowArea div.flow01 div.textArea dl dt{
	background-image: url(../../img/login/ico_num01.gif);
}

div#mainContetns div.flowArea div.flow01 div.textArea dl dt a:link,
div#mainContetns div.flowArea div.flow01 div.textArea dl dt a:visited,
div#mainContetns div.flowArea div.flow01 div.textArea dl dt a:hover{
	color: #799dl0;
}

div#mainContetns div.flowArea div.flow01 div.btns p{
	float: right;
	background-image: url(../../img/common/btn_bg03.gif);
	margin:25px 60px 10px 0;
	display:inline;
}


div#mainContetns div.flowArea div.flow01 div.btns p span.btn,
div#mainContetns div.flowArea div.flow01 div.btns p span.btn span,
div#mainContetns div.flowArea div.flow01 div.btns p span.btn span a{
	background-image: url(../../img/common/btn_bg03.gif);
}

/*- Questionnaire　-*/

div#mainContetns div.flowArea div.flow02 div.photoArea p{
	padding-top: 20px;
	padding-bottom: 4px;
}

div#mainContetns div.flowArea div.flow02 div.textArea dl dt{
	background-image: url(../../img/login/ico_num02.gif);
}

div#mainContetns div.flowArea div.flow02 div.textArea dl dt a:links,
div#mainContetns div.flowArea div.flow02 div.textArea dl dt a:visited,
div#mainContetns div.flowArea div.flow02 div.textArea dl dt a:hover{
	color: #1b869e;
}

/*- Point　-*/

div#mainContetns div.flowArea div.flow03 div.photoArea p{
	padding-top: 20px;
	padding-bottom: 2px;
}

div#mainContetns div.flowArea div.flow03 div.textArea dl dt{
	background-image: url(../../img/login/ico_num03.gif);
}

div#mainContetns div.flowArea div.flow03 div.textArea dl dt a:link,
div#mainContetns div.flowArea div.flow03 div.textArea dl dt a:visited,
div#mainContetns div.flowArea div.flow03 div.textArea dl dt a:hover{
	color: #21498b;
}

/*- Privilege　-*/

div#mainContetns div.flowArea div.flow04 div.photoArea p{
	padding-top: 13px;
	padding-bottom: 12px;
}

div#mainContetns div.flowArea div.flow04 div.textArea dl dt{
	background-image: url(../../img/login/ico_num04.gif);
}

div#mainContetns div.flowArea div.flow04 div.textArea dl dt a:link,
div#mainContetns div.flowArea div.flow04 div.textArea dl dt a:visited,
div#mainContetns div.flowArea div.flow04 div.textArea dl dt a:hover{
	color: #831212;
}


div#mainContetns div.flowArea div.flow04 div.btns p{
	float: right;
	background-image: url(../../img/common/btn_bg02.gif);
}

div#mainContetns div.flowArea div.flow04 div.btns p span.btn,
div#mainContetns div.flowArea div.flow04 div.btns p span.btn span,
div#mainContetns div.flowArea div.flow04 div.btns p span.btn span a{
	background-image: url(../../img/common/btn_bg02.gif);
}

/*--------------------------------------------------　1-4.Privilege list*/

div#mainContetns div.privilegeListArea p{
	line-height: 180%;
	color: #333;
}


div#mainContetns div.privilegeListArea div.btns p{
	float: right;
	background-image: url(../../img/common/btn_bg01.gif);
	line-height: 1.3;
}


div#mainContetns div.privilegeListArea div.btns p span.btn,
div#mainContetns div.privilegeListArea div.btns p span.btn span,
div#mainContetns div.privilegeListArea div.btns p span.btn span a{
	background-image: url(../../img/common/btn_bg01.gif);
}

div#mainContetns div.btnArea {
	clear: both;
	text-align: center;
	padding: 10px 0px 30px 0px;
	margin:0 auto;
}

div#mainContetns div.btnArea table{
	margin: 0px auto;
}

div#mainContetns div.btnArea table td{
	padding: 0;
}

div#mainContetns div.btnArea div.regiButton p{
	zoom:1;
	white-space:nowrap;
}

div#mainContetns div.btnArea div.regiButton p:after{
	display:block;
	clear:both;
	content:'';
}

div#mainContetns div.btnArea div.regiButton p{
	float:left;
	background-image: url(../../img/login/btn_registration.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	cursor:pointer;text-align:center;
	text-align:center;
	text-decoration:none;
}

div#mainContetns div.btnArea div.regiButton p a{
	position:relative;
	display:block;
	float: left;
	left:-5px;top:0px;
	text-decoration:none;
	background-image: url(../../img/login/btn_registration.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

div#mainContetns div.btnArea div.regiButton p a span{
	display: block;
	position: relative;
	top:-1px; left:0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../img/login/btn_registration.gif);
}

div#mainContetns div.btnArea div.regiButton p a span span{
	display: block;
	top: 0px;left: 5px;
	padding:10px 35px 2px 9px;
	margin-bottom: 8px;
	font-size: 83.3%;
	line-height: 1.2;
	background-image: url(../../img/login/btn_registration.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

div#mainContetns div.btnArea div.regiButton p a:link,
div#mainContetns div.btnArea div.regiButton p a:visited{
	text-decoration: none;
	color: #fff;
}

div#mainContetns div.btnArea div.regiButton p a:hover{
	text-decoration: underline;
	color: #fff;
}


div#mainContetns div.btnArea div.regiButton p strong{
	font-size: 180%;
}

/*--------------------------------------------------　1-5.Voice*/

div#mainContetns div.voiceArea{
	width: 564px;
	margin-top: 3px;
	margin-left: 13px;
}

div#mainContetns div.voiceArea div.column3A{
	width: 175px;
	margin-right: 15px;
	padding-bottom: 36px;
}

div#mainContetns div.voiceArea div.last{
	margin-right: 0px;
}

div#mainContetns div.voiceArea div.movieArea{
	margin-bottom: 10px;
}

div#mainContetns div.voiceArea dl dt{
	margin-bottom: 3px;
	text-align: center;
	color: #0370d0;
}

div#mainContetns div.voiceArea dl dt a:link,
div#mainContetns div.voiceArea dl dt a:visited{
	text-decoration: none;
}

div#mainContetns div.voiceArea dl dt a:hover{
	text-decoration: underline;
}



/*-----------------------------------------------------------------

	2.AfterLogin Top

-------------------------------------------------------------------*/

div#mainContetns table.listTable{
	margin-bottom: 30px;
}

/*---------------------------------------------------------------------------- clearfix**/


div#mainContetns div.keyVisual:after,
div#mainContetns div.flowArea div.wrapSecond:after,
div#mainContetns div.flowArea div.box div.wrapSecond01:after,
div#mainContetns div.voiceArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


div#mainContetns div.keyVisual,
div#mainContetns div.flowArea div.wrapSecond,
div#mainContetns div.flowArea div.box div.wrapSecond01,
div#mainContetns div.voiceArea { display:inline-block; }

/*\*/
* html div#mainContetns div.keyVisual,
* html div#mainContetns div.flowArea div.wrapSecond,
* html div#mainContetns div.flowArea div.box div.wrapSecond01,
* html div#mainContetns div.voiceArea { height:1%; }

div#mainContetns div.keyVisual,
div#mainContetns div.flowArea div.wrapSecond,
div#mainContetns div.flowArea div.box div.wrapSecond01,
div#mainContetns div.voiceArea{ display:block; }
/**/