@charset "utf-8";


/* btn
----------------------------- */
.btn { margin: 0 0 10px; }
.btn .main {
	color: #fff;
	background: #00ABE1;
}
.btn .main:hover {
	color: #fff;
	background: #00c2ff;
}
.btn .sub {
	color: #00ABE1;
	background: #eee;
}
.btn .sub:hover {
	color: #00ABE1;
	background: #ddd;
}


/* layout
================================= */
#wrapper {
	width: auto;
}
#container {
	width: 980px;
	padding: 0 0 65px;
	margin: 0 auto;
}

/* header
----------------------------- */
#header {
	margin: 0 0 20px;
	position: relative;
	z-index: 99;
}

/* userHeader
----------------------------- */
#mypageHeader {
	width: 100%;
	min-width: 1000px;
	background: #333;
	color: #ccc;
	line-height: 26px;
}
#mypageHeader .user {
	display: inline;
	float: left;
	font-size: 11px;
	padding: 0 0 0 10px;
}
#mypageHeader .user .name {
	font-size: 12px;
	font-weight: bold;
}
#mypageHeader .status {
	display: inline;
	font-size: 10px;
	padding: 0 0 0 10px;
}
#mypageHeader .loginNav {
	width: 200px;
	float: right;
	text-align: right;
	padding: 0 10px 0 0;
}
#mypageHeader .loginNav li {
	display: inline;
}
#mypageHeader .loginNav a:before {
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.9em;
	padding: 0 3px 0 0;
}
#mypageHeader .loginNav .regist a:before { content: '\f3da'; }
#mypageHeader .loginNav .login a:before { content: '\f0be'; }
#mypageHeader .loginNav .mypage a:before { content: '\f137'; }
#mypageHeader .loginNav .logout a:before { content: '\f0be'; }


/* 共通パーツ
================================= */
.section .sectionTit {
	margin: 0 0 30px;
}

/* block
----------------------------- */
.block {
	margin: 0 0 60px;
}
.block.line {
	border-bottom: 1px solid #ccc;
	padding: 0 0 30px;
	margin: 0 0 30px;
}
.blockTit {
	background: #555;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 1.3em;
	padding: 5px 10px;
	margin: 0 0 15px;
}

/* MYページ 
================================= */
.section.mypage .term {
	background: #f5f5f5;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 0 0 15px;
}
.section.mypage .menuList {
	border-top: 1px solid #ddd;
}
.section.mypage .menuList li {
	border-bottom: 1px solid #ddd;
	padding: 15px 20px 5px;
}
.section.mypage .menuList .btn {
	float: left;
	margin-right: 20px;
}
.section.mypage .menuList .txt {
	line-height: 44px;
}

/* 入会遷移
================================= */

.section.regist .menuList {
	margin: 0 0 30px;
}
.section.regist .menuList li {
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
.section.regist .menuList .btn {
	float: right;
}
.section.regist .menuList .txt {
	width: 300px;
	float: left;
	font-size: 16px;
	line-height: 44px;
}

/* 会員情報登録
----------------------------- */
.formArea .formList.profile dt { width:230px; }
.formArea .formList.profile dd { padding-left:240px; }
.formArea .formList.profile dd.zip input[type="text"] { width:40px; }

/* 利用規約
----------------------------- */
.section.regist .tosList {
	margin: 0 0 30px;
}
.section.regist .tosList dt {
	font-weight: bold;
	margin: 0 0 10px;
}
.section.regist .tosList dd {
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px;
	margin: 0 0 20px;
}

/* 仮登録完了
----------------------------- */
.section.regist .userNumber {
	background: #f5f5f5;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 0 0 15px;
}

/* 年会費支払い手続き
----------------------------- */
.section.regist .formArea .formTit {
	background: #ddd;
	font-size: 14px;
	padding: 5px 10px;
	margin: 0;
}
.section .attentionList {
	margin: 0 0 10px;
}
.section ol.stepList {
	padding: 0 0 0 20px;
}
.section ol.stepList li {
list-style-type: decimal;
}

/* コンビニ支払い
----------------------------- */
.space0 { margin-bottom: 0 !important; }