@charset "utf-8";

/*=====================================================
 * Style Name: Login Style
 * Style URL: /css/sp_login.css
 * Description: BE Style Sheet
 * Version: 0.2
 * Last Up Date: 2012/08/16
 * Author: Neos
 * Author URL: http://www.neoscorp.jp/
=====================================================*/



/*-----  contents -------

	1: Clearfix
	2: Common Elements
		: Header, Heading
		: Table
		: List
		: Paragraph
		: inline Elements
	3: Blocks
	  
----------------------*/



/*
===== 1: Clearfix ===========================*/

div.container:after,
header:after,
div.main:after,
section:after,
footer:after,
ul.icons:after { content : ''; display : block; clear : both; }



/*
===== 2: Common Elements ===========================*/

section {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #cccccc 1px solid;
}
section:last-child { border: 0; }


/* Header, Heading
----------------------------*/

hgroup {
	margin-bottom: 15px;
}
h1, h3, h4, h5, h6 { font-weight: normal; }
h1 {
	padding: 5px 0;
	font-size: 13px;
	font-weight: normal;
	border-bottom: #cccccc 1px solid;
	text-align: center;
}
h1 span {
	display: block;
	margin: auto;
	width: 95%;
}


/* Paragraph
----------------------------*/

#spDomContainer p.btm-space {
	margin-bottom: 190px;
}


/* ボタン */
input { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 18px;
	line-height: 1.5;
}

#spDomContainer p.btn-base {
	width: 82%;
	border: solid 1px #cccccc;
		-webkit-border-radius: 4px;
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	text-align: center;
	border-radius: 4px;
		-webkit-border-radius: 4px;
}
#spDomContainer p.btn-base input {
	display: block;
	margin: 0;
	padding: .5em 0;
	width: 100%;
	background: transparent;
	font-weight: bold;
	border: none;
	border-radius: 4px;
		-webkit-border-radius: 4px;
}

#spDomContainer p.btn-reserve {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8c00), to(#ff5400));
	background-color: #ff8c00;
}

#spDomContainer p.btn-reserve input {
	color: #ffffff;
	background:url(/sp/top_app/common/image/arrow2_o2_2.png) no-repeat 98% 50%;
	background-size: 9px 13px;
		-webkit-background-size: 9px 13px;
}


/* inline Elements
----------------------------*/
section strong { color: #990000; }


/*
===== 3: Blocks ===========================*/

/* Error Box
----------------------------*/

div.error-box {
	padding: 1px 10px;
	border: #cc0000 2px solid;
	border-radius: 4px;  
		-webkit-border-radius: 4px;  
}
#spDomContainer div.error-box p {
	margin-bottom: 5px;
	color: #cc0000;
}

.error {
	background: #ffeaea !important;
}


/* Login Box
----------------------------*/
div.login-box {
	margin-bottom: 10px;
	padding: 10px 0 5px;
	background: #f5f5f5;
	border: #a4a4a4 1px solid;
	border-bottom: #a4a4a4 2px solid;
	border-radius: 4px;  
		-webkit-border-radius: 4px;  
}


/* checkbox */
div.login-box .imgCheckbox{ display: none; }
div.login-box .CheckBoxLabelClass {
	display: inline-block;
	padding: 3px 0 3px 28px;
	background: url(/sp/top_app/common/image/bg_checkbox_on.png) no-repeat left center;
	background: url(/sp/top_app/common/image/bg_checkbox.png) no-repeat left center;
	background-size: 22px 22px;
		-webkit-background-size: 22px 22px;
}
div.login-box .LabelSelected {
	background: url(/sp/top_app/common/image/bg_checkbox_on.png) no-repeat left center;
	background-size: 22px 22px;
		-webkit-background-size: 22px 22px;
}
div.login-box p.PSelected { background: none; }


div.login-box div.input-horizon dl {
	display: table;
	margin: 5px auto 10px;
	width: 93%;
}
div.login-box div.input-horizon dt {
	display: table-cell;
	width: 35%;
	line-height: 0.9em;
	font-size: 16px;
	vertical-align: middle;
}
div.login-box div.input-horizon dd {
	display: table-cell;
	padding: 0;
	width: 65%;
	border: none;
	font-size: 16px;
	vertical-align: middle;
}
div.login-box div.input-horizon input {
	padding: 7px 10px;
	width: 83%;
	border: #afafaf 1px solid;
	border-top:  #afafaf 2px solid;
	border-radius: 4px;  
		-webkit-border-radius: 4px;
	font-size: 16px;  
}
div.login-box div.input-horizon input.error {
	width: 78%;
}
div.login-box div.input-horizon dd .error-txt {
	margin-right: 5px;
}

div.login-box div.input-horizon dd.pw-forget a {
	padding-left: 11px;
	background: url(/sp/top_app/common/image/arrow_forget.png) no-repeat left center;
	background-size: 6px 7px;
		-webkit-background-size: 6px 7px;
	font-size: 14px;
}