@charset "UTF-8";

/*
============================ common CSS ==============================
ログイン前関連サイト共通設定
======================================================================
*/


/*body設定
----------------------------------------------------------------------*/
html
{
	margin: 0;
	overflow-y:scroll;
}



/*container設定
----------------------------------------------------------------------*/
body.logIn #container
{

	margin: 0 auto;
	position: relative;
	z-index:90;

}
/*contents設定
----------------------------------------------------------------------*/

body.logIn #contentsArea
{
	width:967px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	position: relative;

}
	div#contentsArea:after { content: ".";clear: both;display: block;height: 0;line-height: 0;visibility: hidden;}
	* html #contentsArea{ zoom:1;} /* IE6 */
	*:first-child+html #contentsArea{zoom:1;} /* IE7 */

body.manual #contentsArea
{
	width:100%;
	text-align:left;
	margin:0 auto;
	position: relative;

}


/*コンテンツエリア
======================================================================*/

/*ログアウトボタン
----------------------------------------------------------------------*/
#headLogout
{
	position:absolute;
	top:16px;
	left:828px;
	
}

#headLogout2
{
	position:absolute;
	top:10px;
	left:828px;
	
}

#headManual
{
	position:absolute;
	top:16px;
	left:690px;
	
}
/*ステップ表示
----------------------------------------------------------------------*/
.step
{
	margin-bottom:20px;
}

/*コンテンツタイトル
----------------------------------------------------------------------*/
div.contentsTitleTerms
{
	background:url("../img/contents_title_bottom.png") no-repeat 0 bottom;
}
div.contentsTitleTerms h4
{
	background:url("../img/contents_title_top.png") no-repeat 0 top;

}
div.contentsTitleTerms h4 span
{
	display:block;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	background:url("../img/contents_title_icon.png") no-repeat 10px center;

	padding:12px 0 6px 34px;	
	font-weight:bold;
	color:#00A196;
	letter-spacing:0.05em;
	font-size:100%;
}

/*コンテンツタイトル
----------------------------------------------------------------------*/

body.loginRequest h2,
body.loginInquiry h2,
body.loginRegist h2
{
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}
/*コンテンツ
----------------------------------------------------------------------*/

body.loginRequest div.contents,
body.loginInquiry div.contents,
body.loginRegist div.contents
{

	width:100%;
	background:url("../img/login_request_contents_bg.png") repeat-y;
	padding-bottom:20px;
}


body.loginRequest div.contentsBottom,
body.loginInquiry div.contentsBottom,
body.loginRegist div.contentsBottom
{
	border:1px solid #bababa;
	margin-bottom:20px;
	background:#f7f7f7;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}


/*コンテンツ中 左右線を含み21px
======================================================================*/
body.loginRequest div.contentsSection,
body.loginInquiry div.contentsSection,
body.loginRegist div.contentsSection

{

	padding:20px 21px 0 21px;
}

.arrowLink
{
	padding-left:15px;
	background:#fff url("../img/arrow.png") no-repeat 0 center;
}

/*規約
======================================================================*/

div.termsSection
{
	height:200px;
	border:1px solid #cacaca;
	border-top:none;
	overflow:scroll;
	overflow-x : hidden;
	background:#fbfbfb url("../img/terms_bg.png") repeat-x;
	margin-bottom:20px;

}
div.termsInside
{
	
	padding:25px;
	font-size:95%;
	line-height:1.6;
}

.termsSection p
{
	margin-bottom:20px;
}

.termsSection dl
{
	margin-bottom:20px;

}
.termsSection dl dt
{
	font-size:110%;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-left:1px;
	color: #00A196;
	font-weight:bold;
	background:url("../img/dl_title.png") no-repeat 0 bottom;

}
.termsSection dl dd
{
	margin-bottom:20px;
	margin-left:40px;
}
.termsSection ol
{
	margin:10px 0 20px 40px;
}
.termsSection ol li
{
	margin-bottom:10px;
	list-style-type:decimal;
}
/* */
.termsSection ul
{
	float: none;
	clear: both;
	position: relative;
	margin:10px 0 20px 20px;
}
.termsSection ul li
{
	float: none;
	margin-bottom:0px;
	list-style-type:none;
	list-style-position:outside;
	padding-left:1.25em
}
.termsSection ul li span
{
	position: absolute;
	left:0;
	margin:0
}
/* */

/*基本テーブル
======================================================================*/
table.basicTable
{
	border: 1px #bababa solid;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	margin-bottom:20px;
}

table.basicTable thead th
{
	padding: 10px 0;
	border: 1px #bababa solid;
	background-color: #00A196;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}
table.basicTable tbody th
{
	padding: 10px 0;
	background: #D4E6F0;
	border: 1px #bababa solid;
	font-weight: normal;

}
table.basicTable td
{
	padding: 10px 0;
	border: 1px #bababa solid;
	vertical-align:top;
}

.tableInside
{
	padding-left:10px;
	padding-right:10px;
}

.cardInputTable
{
	margin-top:20px;
}

/*thanks画面用
======================================================================*/
.thanksText
{
	padding-top:100px;
	padding-bottom:120px;
	text-align:center;
}


/*レイアウト
======================================================================*/

div.harfRight
{
	float:right;
	width:49%;
}
div.harfLeft
{
	float:left;
	width:49%;
}

/*必須項目
----------------------------------------------------------------------*/
.required
{
	color:#ff0000;
}
.cautionText
{
	color:#ff0000;
}

/*discリスト
----------------------------------------------------------------------*/

ul.disclist
{
	margin:0 0 10px 0;
}
ul.disclist li
{
	margin-bottom:5px;
	padding-left:10px;
	background:url("../img/list_dot.png") no-repeat 0 0.45em;
	line-height:1.2;
}
/*メール仮登録完了
======================================================================*/
div.mailRegSection
{
	padding:10px;
}
/*ニックネーム登録
======================================================================*/

.checkNickNameInput
{
	float:left;
}
.checkNickNameInput input
{
	vertical-align:top;
	margin-right:5px;
}


.checkNickNameBtn
{
	float:left;
}
.checkNickNameBtn img
{
	vertical-align:top;

}

.nickNameList li
{
	background:#d8ebf4 url("../img/arrow_bgblue.png") no-repeat 6px center;
	border:1px solid #aabfc7;
	padding:5px 5px 5px 20px;
	margin-bottom:5px;
	margin-left:10px;
}

/*operationメッセージ
======================================================================*/
p.operationMsg
{
	border:1px solid #d20000;
	padding:14px 10px 0 10px;
	margin-bottom:10px;
	line-height:1;
	color:#d20000;
	background:#f7f7f7;
	text-align:center;
	font-weight:bold;
	
	height:27px;


}


/*インフォメーションメッセージ
======================================================================*/
p.infoMsg
{
	background:#e8f9ff url("../img/icon_info.png") no-repeat 5px 5px;
	border:1px solid #a9c3ce;
	padding:14px 10px 12px 45px;
	margin-bottom:10px;
	line-height:1;
}

/*エラー表示(最後行)
======================================================================*/
p.errorTitle
{
	background:#fff7d0 url("../img/icon_error.png") no-repeat 5px 5px;
	border:1px solid #e3d076;
	padding:14px 10px 12px 45px;
	margin-bottom:10px;
	line-height:1;
}

.errorTable,
tr.errorTable,
tr.errorTable td,
tr.errorTable th,
td.errorTable,
th.errorTable
{
	/*background:#fffbea !important;*/
}
ul.errorlist
{
	margin:10px 0 10px 0;
	color:#d20000 !important;
}
ul.errorlist li
{
	margin-bottom:5px;
	padding-left:10px;
	background:url("../img/error_list_dot.png") no-repeat 0 0.45em;
	line-height:1.2;
	letter-spacing:0em !important;
	font-weight:bold;
}

.inputRadio
{
	margin:0 4px;
	vertical-align:middle;
}

/*お知らせテキスト用
======================================================================*/
.topics b,strong
{
	font-weight:bold;
}
.topics em
{
	font-style:italic;
}