@charset "utf-8";


/* ログインページ設定です */
/* 更新日：12/06/05 */
/* #CONTENTSAREA に.loginAreaを必ず併記*/


/*--------------------------------------------------------------
共通要素
--------------------------------------------------------------*/
/*見出し*/

#mainContents .loginArea h1{
padding-left: 3px;
margin-top: 24px;
height:auto;
}

.loginArea p.kuchikomi {
	margin: -10px 0 15px;
	font-size: 12px;
}

.loginArea p#BREADCLUMB{
background:url(/contents/images/recommend/basketarea_h1_bg.gif) repeat-x left bottom;
padding:0 0 19px 0;
}

.loginArea h2{
margin:0 0 5px 0;
}

.loginArea .loginSection h2{
margin:0;
}

.loginArea .loginSection{
margin:0 0 20px 0;
font-size:12px;
}

.loginArea h2.hasBtn{
background:url(/contents/images/recommend/h2_has_btn.gif) no-repeat left top;
width:100%;
height:30px;
overflow:hidden;
}

.loginArea h2.hasBtn img.title{
float:left;
margin:7px 0 0 7px;
}

.loginArea h2.hasBtn a{
float:right;
display:block;
width:45px;
margin:4px 0 0 0;
}

.loginArea h2.hasBtn p{
float:right;
width:200px;
float:right;
margin:4px 0 0 0;
}

.loginArea h2.hasBtn p a{
display:inline;
width:auto;
padding:0 20px 0 0;
background:url(/contents/images/recommend/question_mark.gif) no-repeat 165px 0;
}

/* goto=付き注釈文 */
.loginArea .gotoNotice {
background:#b4e0e6;
padding:8px;
margin-bottom:16px;
text-align:center;
font-weight:bold;
font-size:1.3em;
}

/*強調テキスト*/
.loginArea .attentionTxt{
color:#CC0000;
}

.loginArea .attentionTxtB{
color:#CC0000;
font-weight:bold;
}

.loginArea span.fontB{
font-size:110%;
font-weight:bold;
color:#4c4c4c;
}

.loginArea span.appealP{
font-size:110%;
font-weight:bold;
color:#e15285;
}

.loginArea span.appealPs{
font-size:100%;
font-weight:bold;
color:#e15285;
}

.loginArea span.colorPs{
color:#e15285;
}

.loginArea .attentionTxt em{
font-weight:bold;
font-style:normal;
}

/*注釈文*/
.loginArea .note,
.loginArea .note li{
font-size:11px;
text-indent:-1.5em;
}

.loginArea .noteP{
font-size:11px;
color:#e05285;
}

.loginArea .note2{
text-indent:0;
font-size:11px;
}

.loginArea ul.indentL1,
.loginArea ul.note{
margin:0 0 10px 0;
}

.loginArea .note li{
list-style:none;
margin-left:1.5em;
}

.loginArea p.note{
margin-left:1.5em;
}

/*注釈ブロック*/
.loginArea .grayBox{
background:#f3f3f3;
padding:10px;
}

.loginArea .grayBbox{
border:1px solid #c2c2c2;
padding:15px;
}

/*インデントリスト*/
.loginArea ul.indentL1 li{
text-indent:-1em;
margin-left:1em;
list-style:none;
}

.loginArea ul.indentL1-5 li{
text-indent:-1.5em;
margin-left:1.5em;
list-style:none;
padding:0 0 3px 0;
}

/*通常リスト*/
.loginArea .nomalList li{
padding-bottom:3px;
list-style:none;
}

.loginArea .nomalList li img{
	vertical-align:bottom;
}

/*インラインリスト*/
.loginArea ul.inlineList li{
padding:0 10px 3px 0;
display:inline;
}

/*インラインリスト2*/
.loginArea ul.inlineList2 li{
padding:0;
display:inline;
}

.loginArea ul.inlineList2 li a{
padding:0 3px 0 0;
}

/*ページ遷移ボタンリスト1*/
.loginArea ul.pageLinkBtn{
margin:0 0 25px 0;
clear:both;
}

.loginArea ul.pageLinkBtn li{
list-style:none;
text-align:center;
margin:0 10px;
}

/*ページ遷移ボタンリスト2*/
.loginArea ul.pageLinkBtns{
margin:0 0 25px 0;
width:100%;
overflow:hidden;
}

.loginArea ul.pageLinkBtns li{
list-style:none;
/* float:left;*/
}

.loginArea ul.pageLinkBtns li.back{
width:200px;
}

.loginArea ul.pageLinkBtns li.back a{
margin:10px 0 0 0;
display:block;
}

/*左詰めボタンリスト*/
.loginArea .btnListL{
width:100%;
overflow:hidden;
margin:0 0 10px 0;
}

.loginArea .btnListL li{
list-style:none;
float:left;
}

.loginArea .btnListL li img{
margin-right:10px;
}


/*ログインボックス*/
.loginArea .loginSection{
background:url(/contents/images/login/col2_graybox_top.gif) no-repeat top left;
padding:17px 0 0 0;
line-height: 1.3;
}

.loginArea .loginSection .inner{
background:url(/contents/images/login/col2_graybox_btm.gif) no-repeat bottom left;
padding:0 0 17px 0;
width:100%;
overflow:hidden;
}

.loginArea .loginSection .inner h2{
margin:0 0 10px 0;
}

.loginArea .loginSection .inner .first{
width:282px;
float:left;
padding:0 10px 0 13px;
}

.loginArea .loginSection .inner .first .loginBox{
background:#f0f0e9;
margin:0 0 15px 0;
padding:10px;
}

.loginArea .loginSection .inner .first .loginBox table{
width:270px;
margin-bottom:0px;
border-collapse:collapse;
}

.loginArea .loginSection .inner .first .loginBox table th{
font-size:12px;
font-weight:bold;
width:140px;
text-align:right;
padding:0 0 10px 0;
}

.loginArea .loginSection .inner .first .loginBox table td{
width:122px;
vertical-align:middle;
padding:0 0 10px 0;
}

.loginArea .loginSection .inner .first .loginBox table input{
	width:115px;
}

input.username{height: 1.2em;}


.loginArea .loginSection .inner .end{
width:284px;
float:right;
padding:0 13px 0 15px;
}

.loginArea .loginSection .inner .end dl dd{
	background:#f0f0e9;
	padding:9px;
}

.loginArea .loginSection .inner .end dl dt img{
	vertical-align:bottom;
}

.loginArea .loginSection .inner .end dl dd p{
	margin:0 0 5px 0;
}

.loginArea .loginSection .inner .end dl dd ul li{
	list-style:none;
	margin:0 0 2px 0;
	padding:0;
}

.loginArea .loginSection .inner .end dl dd ul{
	margin:0 0 5px;
}

.loginArea .loginSection .inner .end dl dd ul li img{
	vertical-align:bottom;
}

/* はてなマーク */

a.questionM {
	padding:0 17px 0 0;
	line-height:1.4;
}

a.questionM span{
	margin-right: -1.2em;
	margin-left: -0.4em;
	padding:0px 17px 0 0;
	background:url(/contents/images/recommend/question_mark.gif) no-repeat right 0;
	position: static;
}


/*マージン調節*/
.loginArea .layoutR{text-align:right;}
.loginArea .layoutC{text-align:center;}
.loginArea p{margin:0 0 10px; line-height: 1.4!important;}
.loginArea a.iconR img{margin:0 5px 0 5px;}
.loginArea input,
.loginArea img.icon{margin:-2px 5px 1px 0 ;}
.loginArea input{margin:0 5px 1px 0 ;}
.loginArea img.icon{margin:-2px 5px 1px 0 ;}
.loginArea img.iconL{margin:0 0 0 5px;}
.loginArea table input{vertical-align:middle; padding:2px;}
.loginArea p img{vertical-align:bottom;}
.loginArea .mg0{margin-bottom:0px !important;}
.loginArea .mg5{margin-bottom:5px !important;}
.loginArea .mg10{margin-bottom:10px !important;}
.loginArea .mg15{margin-bottom:15px !important;}
.loginArea .mg20{margin-bottom:20px !important;}
.loginArea .mg25{margin-bottom:25px !important;}
.loginArea .mg30{margin-bottom:30px !important;}
.loginArea .mg35{margin-bottom:35px !important;}
.loginArea .blockIndent{margin-left:2.5em !important; }
.loginArea .txtB{ font-weight:bold; font-style:normal;}
.loginArea .errorText{font-weight:bold; color:#cc0000; padding:0 0 0 20px; background:url(/contents/images/recommend/icon_attention.gif) no-repeat left 1px;}
.errorText3,
.errorText2{ padding:0 0 0 18px; background:url(/contents/images/order/icon_attention.gif) no-repeat left 3px;}

.errorText3 em,
.errorText2 em{
	font-style:normal;
	font-weight:bold;
	color:#cc0000;
}

.errorText2{
		display:none;
}

.errorText3 {
	background-position: left 2px;
}




/* skincheck login
--------------------------------------------------------------*/
.loginArea .loginSection .inner .first .loginBox table input.input1{
width:170px;
}

.loginArea .attentionTxtC ul{
list-style:none;
margin:3px 0 0;
}
.loginArea .attentionTxtC ul li{
text-indent:-1em;
padding-left:1em;
}

/*ログインボックス　パスワード変更注記文言*/

.loginArea .loginSection .loginPw{
background:url(/contents/images/login/pw_graybox_top.gif) no-repeat top left;
margin:15px 0 0 0;
padding:17px 0 0 0;
}

.loginArea .loginSection .innerPw{
background:url(/contents/images/login/pw_graybox_btm.gif) no-repeat bottom left;
padding:0 0 17px 0;
width:100%;
overflow:hidden;
}

.loginArea .loginSection .innerPw .first{
width:617px;
float:left;
padding:0 10px 0 13px;
}
#capsLockWarning {
background-color:#777777;
border-radius:5px;
position:relative;
padding: 10px;
width: 265px;
}

#capsLockWarning:after {
border:10px solid transparent;
border-top-color:#777777;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}