@charset "utf-8";


/* marginSet
--------------------------------------------------------- */
.mar0 { margin: 0 !important; }
.mar_b0 { margin-bottom: 0 !important; }
.mar_b05 { margin-bottom: 5px !important; }
.mar_b10 { margin-bottom: 10px !important; }
.mar_b15 { margin-bottom: 15px !important; }
.mar_b20 { margin-bottom: 20px !important; }
.mar_b25 { margin-bottom: 25px !important; }
.mar_b30 { margin-bottom: 30px !important; }
.mar_b35 { margin-bottom: 35px !important; }
.mar_b40 { margin-bottom: 40px !important; }
.mar_b45 { margin-bottom: 45px !important; }
.mar_b50 { margin-bottom: 50px !important; }
.mar_b60 { margin-bottom: 60px !important; }


/*------------------------------------------------------------
	ClearFix
  ------------------------------------------------------------*/

.clear{
	clear:both;
}

/* modern browsers */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*------------------------------------------------------------
	imgOver
  ------------------------------------------------------------*/

/*
a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

input:hover {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}
*/



/*------------------------------------------------------------
	フォームコンテンツ
  ------------------------------------------------------------*/

/* 共通項目 */

#formContent {
	width: 930px;
	margin: 45px auto;
}

.section {
	margin: 0 0 60px 0;
}

.section h2 {
	background: #778993;
	color: #FFFFFF;
	text-align: center;
	padding: 17px 0 15px 0;
	font-weight: normal;
	font-size: 20px;
	margin: 0 0 25px 0;
}

.section h2.biz {
	background: #f3f5f7;
}
.section h2.biz img{
  vertical-align: bottom;
  margin: 0 10px;
}

.section .inner {
	width: 890px;
	padding: 0 20px;
}

.section .inner p {
	font-size: 14px;
	margin: 0 0 25px 0;
}

.inner form {
	margin: 60px 0 60px 0;
}

.inner table {
	width: 890px;
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #bababa;
	background: #FFFFFF;
	margin: 0 0 30px 0;
}

.inner table th {
	border: 1px solid #bababa;
	background: #f3f5f7;
	padding: 5px 10px 5px 15px;
	vertical-align: middle;
	width: 300px;
	font-size: 14px;
}

.inner table th.w200 {
	width: 200px;
}

.inner table th.w250 {
	width: 250px;
}

.inner table th span {
	font-weight: normal;
	font-size: 12px;
}

.inner table td {
	border: 1px solid #bababa;
	padding: 10px 15px;
	vertical-align: middle;
}

.inner td span.again {
	margin: 0 0 0 10px;
}

.inner p.required {
	background: url(/common/img/chart_insight/form/pc/required_btn.gif) right center no-repeat;
	min-height: 22px;
	margin: 0;
	padding: 5px 0;
	text-align: left;
}

.inner p.no-required {
    background: none;
    min-height: 22px;
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

.inner table td input[type="text"].input {
	width: 530px;
	height: 25px;
	padding: 0 0 0 10px;
}

.inner table td input[type="password"].txt {
	width: 230px;
	height: 25px;
	padding: 0 0 0 10px;
}

.inner table td input[type="text"].txt {
	width: 230px;
	height: 25px;
	padding: 0 0 0 10px;
}

.inner table td input.zip01 {
	width: 40px;
	height: 25px;
	padding: 0 0 0 10px;
}

.inner table td input.zip02 {
	width: 60px;
	height: 25px;
	padding: 0 0 0 10px;
}

.inner td span.search input[type="submit"] {
	border: 1px solid #bababa;
	border-radius: 5px;
	width: 100px;
	height:27px;
	background: url(/common/img/chart_insight/form/pc/search_btn_bg.png) repeat;
	text-align: center;
	color: #000;
	font-weight: bold;
	margin: 0 0 0 10px;
}

p.error {
	color: #F00;
	margin: 0 !important;
	font-weight: bold;
	font-size: 12px;
}

.inner p.btn,
.inner div.btn {
	text-align: center;
}

.inner p.btn input[type="submit"],
.inner div.btn input[type="submit"]{
	border: 1px solid #bababa;
	border-radius: 5px;
	width: 234px;
	height:40px;
	background: url(/common/img/chart_insight/form/pc/btn_bg.png) repeat;
	text-align: center;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}
.inner div.btn p{
  display: inline-block;
  margin: 0 20px;
}

.inner table .birth {
	margin: 0;
}

.inner table .birth select{
	height: 30px;
	font-size:12px;
	width: 80px;
	padding: 0 0 0 10px;
}

.inner table .birth .select{
	width: 55px;
}

.inner table .birth .month,
.inner table .birth .day{
	width: 50px;
	margin: 0 0 0 8px;
}

.center {
	text-align: center;
	margin: 0 0 50px 0;
}

.center p.fontL {
	font-size: 18px;
}

.select_btn p.btn {
	float: left;
}

.select_btn input[type="submit"] {
	border: 1px solid #bababa;
	border-radius: 3px;
	width: 225px;
	height: 40px;
	background: url(/common/img/chart_insight/form/pc/btn_bg.png) repeat;
	text-align: center;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}

.select_btn {
	width: 470px;
	margin: 0 auto;
}

.select_btn a {
	border: 1px solid #bababa;
	border-radius: 3px;
	width: 225px;
	background: url(/common/img/chart_insight/form/pc/btn_bg.png) repeat;
	text-align: center;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	display: block;
	padding: 10px 0 7px 0;
}

.select_btn p.btn_01 {
	float: left;
	width: 225px;
}

.select_btn p.btn_02 {
	float: right;
	width: 225px;
}

p.regist_title {
	border-bottom: 1px solid #778993;
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
}

p.regist_title span {
	border-left: 3px solid #778993;
	padding: 0 0 0 10px;
	font-weight: bold;
}

.customer_info_title {
	width: 930px;
	position: relative;
}

.customer_info_title img.logout {
	width: 104px;
	position: absolute;
	top: 14px;
	left: 805px;
}

.section .step_navi {
	margin: 0 0 25px 0;
}

/* ここまで */



/* 「チャート・インサイト会員登録・ログイン」ページ */

#login form {
	margin: 0;
}

#login .member table {
	width: 390px;
	margin: 0 auto 30px auto;
	border: none;
}

#login .member th {
	text-align: left;
	font-weight: normal;
	padding: 0 0 5px 0;
	background: none;
	border: none;
}

#login .member td {
	border: none;
	padding: 0;
}

#login .member p.error {
	color: #F00;
	margin: 0;
	font-weight: bold;
	font-size: 91%;
	text-align: left;
	padding: 0 20px;
}

#login .member td input[type="text"].input {
	width: 390px;
	height: 25px;
	margin: 0 0 10px 0;
}

#login .member td input[type="password"].input {
	width: 390px;
	height: 25px;
	padding: 0 0 0 10px;
}

#login .loginArea p.login_title {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #bababa;
	background: #f3f5f7;
	padding: 10px 0;
}

#login .inner p.btn input[type="submit"] {
	border: 1px solid #bababa;
	border-radius: 3px;
	width: 134px;
	height: 40px;
	background: url(/common/img/chart_insight/form/pc/btn_bg.png) repeat;
	text-align: center;
	color: #000;
	font-weight: bold;
}

#login .member {
	width: 430px;
	float: left;
	border: 1px solid #bababa;
	background: #FFFFFF;
}

#login .new_member {
	width: 430px;
	float: right;
	border: 1px solid #bababa;
	background: #FFFFFF;
	padding: 0 0 47px 0;
}

#login .member p {
	text-align: center;
}

#login .member p a {
	text-decoration: underline;
}

#login .member table {
	margin: 0 auto 30px auto;
}

#login .member table th {
	text-align: left;
	font-weight: normal;
	padding: 0 0 5px 0;
}

#login .member table td input[type="text"].txt {
	width: 390px;
	height: 25px;
}

#login .new_member .explain {
	width: 384px;
	padding: 0 20px;
	margin: 0 0 30px 0;
}

#login .new_member .explain p {
	margin: 0 0 10px 0;
}

#login .new_member .explain dl {
	font-size: 14px;
}

#login .new_member .explain dl dt {
	width: 65px;
	float: left;
}

#login .new_member .explain dl dd {
	padding: 0 0 0 65px;
	display: block;
	word-wrap: break-word;
}

#login .inner .first {
	margin: 0 0 40px 0;
}

#login .inner .first p {
	margin: 0 0 15px 0;
}

#login .inner .first dl {
	font-size: 14px;
}

#login .inner .first dl dt {
	width: 65px;
	float: left;
}

#login .inner .first dl dd {
	padding: 0 0 0 65px;
	display: block;
	word-wrap: break-word;
}


#login .officeArea {
	padding: 20px 0;
	background: #f3f5f7;
}

#login .regist_contact .office {
	background: url(/common/img/chart_insight/form/pc/border_image.gif) repeat-y center top #f3f5f7;
}

#login .office .office_01 {
	width: 415px;
	float: left;
	padding: 0 0 0 20px;
}

#login .office .office_02 {
	width: 415px;
	float: right;
}

#login .office .office_02 p {
	padding: 0;
}


/* 「メールアドレス入力」ページ */

#mail_input .inBox {
	background: #FFFFFF;
	border: 1px solid #bababa;
	overflow: auto;
	padding: 20px;
	height: 200px;
}

#mail_input .inBox p {
	margin: 0 0 10px 0;
}

#mail_input p.checkBox {
	text-align: center;
	padding: 15px 0 0 0;
}

#mail_input .inner table th {
	border: 1px solid #bababa;
	background: #f3f5f7;
	padding: 0 10px 0 15px;
	vertical-align: middle;
	width: 200px;
}

#mail_input form {
	margin: 0;
}


/* 「個人情報入力」ページ */

#data .inner table th {
	border: 1px solid #bababa;
	background: #f3f5f7;
	padding: 0 10px 0 15px;
	vertical-align: middle;
}

#data .inner table th.address {
	border: 1px solid #bababa;
	background: #f3f5f7;
	padding: 15px 10px 0 15px;
	vertical-align: top;
	text-align: left;
}


/* 「チャート・インサイト　お客様情報」ページ */

#customer_info .chart_look {
	border: 1px solid #bababa;
	background: #FFFFFF;
	margin: 0 0 60px 0;
}

#customer_info .chart_look p {
	text-align: center;
	font-weight: bold;
	background: #f3f5f7;
	padding: 10px 0;
	border-bottom: 1px solid #bababa;
}

#customer_info .chart_look ul {
	width: 850px;
	padding: 0 20px 25px 20px;
}

#customer_info .chart_look ul li {
	list-style: none;
  position: relative;
	width: 276px;
	float: left;
	margin: 0 10px 0 0;
}

#customer_info .chart_look ul li:last-child {
	margin: 0;
}

#customer_info .change_btn_area {
	margin: 0 0 15px 0;
}

#customer_info .change_btn_area ul{
  margin-top: 10px;
}
#customer_info .change_btn_area ul li {
	list-style: none;
	width: 217px;
	float: left;
	margin: 0 7px 0 0;
}

#customer_info .change_btn_area ul li:last-child {
	margin: 0;
}


/* 「クレジットカード情報入力」ページ */

#credit_input .inner table .birth .month {
	width: 50px;
	margin: 0;
}

#credit_input .inner table .birth select{
	height: 30px;
	font-size:12px;
	width: 50px;
	padding: 0 0 0 10px;
}

#credit_change .inner table .birth select{
	height: 30px;
	font-size:12px;
	width: 50px;
	padding: 0 0 0 10px;
}


/* 「メールアドレス変更」ページ */

#mail_change .inner table td p {
	margin: 0;
}


/* 「クレジットカード情報変更」ページ */

#credit_change .inner table .birth .month,
#credit_change .inner table .birth .day{
	width: 50px;
	margin: 0;
}

/* ご登録のない方（個人会員登録） */

#login .new_member p a {
    text-decoration: underline;
}

#login .first p a {
    text-decoration: underline;
}


/* 会員種別テーブル */
#accountTab{
  margin-top: 20px;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top:solid 2px #000;
  border-left:solid 2px #000;
}
#accountTab li{
  width: 50%;
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom:solid 2px #000;
  border-right:solid 2px #000;
}
#accountTab li a{
  display: block;
  text-align: center;
  font-weight: bold;
  background-color: #000;
  padding: 1em;
  color: #fff;
}
#accountTab li.active a{
  background-color: #fff;
  color: #000;
}
.accountBody{
  margin-top: 20px;
}
.accountBody.hide{display: none;}

table.account_class a {
    text-decoration: underline;
}

table.account_class {
	width:100%;
	border-top: 1px solid #b8b9bb;
	border-left: 1px solid #b8b9bb;
}

table.account_class th {
	background: #f4f5f7;
	vertical-align: middle;
}

table.account_class th ,
table.account_class td {
	padding: 15px 0;
	text-align: center;
	border-bottom: 1px solid #b8b9bb;
	border-right: 1px solid #b8b9bb;
}

table.account_class .group {
	width: 10%;
}

table.account_class .service {
	width: 30%;
}

table.account_class .non ,
table.account_class .personal ,
table.account_class .enterprise {
	width: 20%;
}


/* 個人情報 */

#mail_input .inBox {
	margin: 0 0 10px;
}

#mail_input .inBox p.sttl {
	margin: 15px 0;
}

#mail_input .inBox ol {
	padding: 0 0 5px 25px;
}

#mail_input .inBox ol li {
	padding: 0 0 5px 0;
}

#mail_input .inBox ol ol {
	list-style-type: none;
	text-indent:-2em;
	margin-left:2em;
}

#mail_input .inBox ol ol ol {
	list-style-type: lower-roman;
	text-indent:0;
	margin-left:0;
}

#mail_input .inBox a {
    text-decoration: underline;
}

#privacy p.sttl {
	margin: 15px 0;
}

#privacy  ol {
	padding: 0 0 5px 25px;
}

#privacy  ol li {
	padding: 0 0 5px 0;
}

#privacy  ol ol {
	list-style-type: none;
	text-indent:-2em;
	margin-left:2em;
}

#privacy  ol ol ol {
	list-style-type: lower-roman;
	text-indent:0;
	margin-left:0;
}

#privacy li a {
    text-decoration: underline;
}


/* 規約 */

#mail_input .inBox ul {
	padding: 0 0 0 15px;
	list-style-type: none;
}

#mail_input .inBox ul li {
	padding: 0 0 5px 0;
}

#mail_input .inBox ul li a {
    text-decoration: underline;
}



/* 特定商取引 */

.checkBox {
    text-align: center;
}

.checkBox a {
    text-decoration: underline;
}


/* 規約リンク */
.kiyaku a {
	text-decoration:underline;
}
.kiyaku a:hover {
	text-decoration:none;
}