@charset "Shift_JIS";
/* CSS Document */

/* -------------------------------------------------------------
    共通（サイドメニューのロゴを非表示）
---------------------------------------------------------------- */

.wrapper-login-logo {
  display: none;
}

/* -------------------------------------------------------------
    タイトル
---------------------------------------------------------------- */

.mypage-index-wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-index-ttl {
	width: 290px;
	padding-top: 6px;
	padding-bottom: 20px;
}
.wrapper-index-ttl h1 {
	float: left;
	width: 192px;
}
.wrapper-index-ttl p {
	float: right;
	width: 76px;
	padding-top: 12px;
}

/* -------------------------------------------------------------
   サイドメニュー
---------------------------------------------------------------- */

.mypage-index-menu-wrapper {
	float: left;
	width: 204px;
}

/* -------------------------------------------------------------
   メインコンテンツ
---------------------------------------------------------------- */

.wrapper-main-contents {
	float: right;
	width: 730px;
}

/* -------------------------------------------------------------
   お知らせ
---------------------------------------------------------------- */

.wrapper-information{
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 12px;
}
.wrapper-information h2 {
	padding-bottom: 10px;
}
.wrapper-information h3 {
	padding-bottom: 8px;
}
.wrapper-information .info-link {
	background: url(/mypage/img/index/btn_arrow.gif) no-repeat left 5px;
	padding-left: 13px;
	padding-bottom: 2px;
}
.wrapper-information .info-link-detail {
	padding-left: 1em;
}
.wrapper-information ul li {
	background: url(/mypage/img/index/arrow_blue.gif) no-repeat 3px 3px;
	display: block;
	padding-left: 14px;
	margin-bottom: 0.3em;
}
.wrapper-information ul li.information-last {
	margin-bottom: 0;
    background: none;
}

/* -------------------------------------------------------------
   ご登録が初めての方
---------------------------------------------------------------- */

.wrapper-touroku-first {
	background: url(/mypage/img/index/first_bg.gif) no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 25px;
	margin-bottom: 35px;
}
.wrapper-touroku-first-inner {
	margin-right: auto;
	margin-left: auto;
	padding-right: 24px;
	padding-left: 24px;
}
.first-read {
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 30px;
}
.first-read span {
	color: #F00;
}
.wrapper-first-chart {
	overflow: hidden;
	margin-bottom: 25px;
}
.first-chart {
	float: left;
	width: 160px;
	margin-right: 14px;
}
.first-chart-last {
	float: left;
	width: 160px;
	margin-right: 0;
}
.first-chart h3 {
	padding-bottom: 10px;
}
.wrapper-quo-btn {
	overflow: hidden;
}
.wrapper-quo {
	float: left;
	width: 334px;
}
.wrapper-quo .quo-txt {
	padding-top: 12px;
	padding-bottom: 10px;
}
.wrapper-touroku-btn {
	float: right;
	width: 334px;
	overflow: hidden;
}
.touroku-btn-txt {
	color: #F00;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: bold;
}
.wrapper-touroku-btn-menu {
	overflow: hidden;
}
.wrapper-touroku-btn-menu ul {
	width: 160px;
}
.wrapper-touroku-btn-menu ul li {
	background: url(/mypage/img/index/arrow_blue.gif) no-repeat 4px 4px;
	margin-bottom: 0.5em;
	padding-left: 18px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
}
.touroku-btn-menu-left {
	float: left;
}
.touroku-btn-menu-right {
	float: right;
}


/* -------------------------------------------------------------
   お役立ち情報
---------------------------------------------------------------- */

.wrapper-yakudachi {
	margin-bottom: 35px;
}
.wrapper-yakudachi h2 {
	margin-bottom: 20px;
}
.wrapper-yakudachi-detail {
	overflow: hidden;
	margin-bottom: 12px;
}
.yakudachi-detail-left {
	float: left;
	width: 285px;
}
.yakudachi-detail-left h3 {
	padding-bottom: 15px;
}
.yakudachi-detail-right {
	float: right;
	width: 436px;
}
.wrapper-yakudachi-btn {
	background: url(/mypage/img/index/yaku_btn_bg.gif) no-repeat left bottom;
	margin-bottom: 35px;
}
.yakudachi-btn {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 7px;
}
.yakudachi-detail-left p span {
	font-weight: bold;
	color: #F00;
}
.wrapper-sonota h2 {
	margin-bottom: 20px;
}

/* -------------------------------------------------------------
   その他当社会員制サイトのご案内
---------------------------------------------------------------- */

.sonota-read-txt {
	padding-bottom: 20px;
	padding-left: 10px;
}
.wrapper-sonota-site {
	overflow: hidden;
}
.sonota-site-left {
	float: left;
	width: 358px;
}
.sonota-site-right {
	float: right;
	width: 358px;
}
.pagetop-btn {
	text-align: right;
	padding-top: 20px;
	padding-bottom: 30px;
}

/* -------------------------------------------------------------
   お客様サポート
---------------------------------------------------------------- */
.wrapper-support-list {
	margin-bottom: 25px;
}
.wrapper-support-list h2 {
	margin-bottom: 20px;
}

.wrapper-support-list-detail{
	overflow: hidden;
}
.wrapper-support-list-detail ul {
	width: 358px;
}
.wrapper-support-list-detail ul li {
	margin-bottom: 0.5em;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
	font-weight: bold;
}
.wrapper-support-list-detail ul li img {
	margin-right: 3px;
	margin-left: 3px;
}
.support-read-txt {
	background: url(/mypage/img/index/arrow_blue.gif) no-repeat left 12px;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 12px;
}
.wrapper-support-list p {
	margin-left: 10px;
}


/* -------------------------------------------------------------
   告知
---------------------------------------------------------------- */

#important {
	position:relative;
	background-color: #FEF0F1;
	line-height: 1.6em;
	width: 722px;
	height: 100px;
	border: 3px solid #F40052;
	margin-bottom: 20px;
}
#important a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	text-decoration:none;
	color: #333333;
	z-index:1
}
#important dl.txt  {
	padding: 12px 27px;
	font-weight: bold;
}

* html #important a {  /* make hover effect work in IE */
	display:block;
    width: 722px;
	height: 100px;
	position:absolute;
	left:0;
	top:0;
	text-decoration:none;
	color: #333333;
}

#important:hover {
	cursor:pointer;
	background-color: #FFFDEB;
}

#important .ttl {
	font-size: 110%;
	font-weight:bold;
	color:#F40052;
}
#important .btn{
	font-weight: normal;
	float:right;
	padding:0px 3px 0px 3px;
}
* html #important .btn {  /* make hover effect work in IE */
	margin-top:-20px;
}


#important .btn .arrow{
	margin-bottom: 5px;
}
#important a:link {
	text-decoration: none;
	color: #333333;
}
#important .btn2{
	font-weight: normal;
	float:left;
	padding:0px 3px 0px 3px;
}
* html #important .btn2 {  /* make hover effect work in IE */
	margin-top:-20px;
}


#important .btn2 .arrow{
	margin-bottom: 5px;
}

/* --------------------------------
	グローバルフッタ
-------------------------------- */

div#global_footer2 { margin:0 0 0 0; padding:3px 0 3px 0; width:100%; background:url(../img/footer/bg.gif) repeat-x; color:#444; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif; line-height:normal; text-align:left; }


/* 初期化 ---------------- */
div#global_footer2 * { margin:0 0 0 0; padding:0 0 0 0; float:none; }
div#global_footer2 p,
div#global_footer2 div { font-weight:normal; font-style:normal; }
div#global_footer2 a:link { color:#0066a7; text-decoration:none; }
div#global_footer2 a:visited { color:#5a2680; text-decoration:none; }
div#global_footer2 a:hover { color:#0066a7; text-decoration:underline; }
div#global_footer2 a:active { color:#0066a7; text-decoration:underline; }
div#global_footer2 ol,
div#global_footer2 ul { list-style:none; font-weight:normal; font-style:normal; }
div#global_footer2 img { border:none; }


/* 基本 ---------------- */
/* コンテナ */
div#global_footer2 .container { margin:0 auto 0 auto; padding:0 0 0 0; width:850px; }

/* パンくず */
div#global_footer2 .breadcrumbs { margin:0 0 0 0; }
div#global_footer2 .breadcrumbs ul { font-size:75%; line-height:1.25em; }
div#global_footer2 .breadcrumbs ul li { padding:0 0 0 15px; background:url(../img/footer/arw.gif) no-repeat 4px 0.3em; float:left; }
div#global_footer2 .breadcrumbs ul li.first { padding:0 0 0 0; background-image:none; }

/* ダイレクトナビ */
div#global_footer2 .direct_nav { padding:2px 0 0 0; width:550px; float:right; }
div#global_footer2 .direct_nav ul { border-right:1px solid #7f7f7f; float:right; }
div#global_footer2 .direct_nav ul li { border-left:1px solid #7f7f7f; float:left; }
div#global_footer2 .direct_nav ul li a { display:block; }

/* 機能ナビ */
div#global_footer2 .function_nav { /*width:300px;*/ float:left; }
div#global_footer2 .function_nav ul {}
div#global_footer2 .function_nav ul li { padding:0 0 0 11px; float:left; }
div#global_footer2 .function_nav ul li.first { padding:0 0 0 0; }
div#global_footer2 .function_nav ul li a { display:block; }

/* コピーライト */
div#global_footer2 .copyright { width:300px; clear: left; float:left; }
div#global_footer2 .copyright img { display:block; }


/* 760px：中央寄せ ---------------- */
/* コンテナ */
div#global_footer2.w760_center .container { margin:0 auto 0 auto; width:760px; }

/* ダイレクトナビ */
div#global_footer2.w760_center .direct_nav { width:460px; }


/* 980px：中央寄せ ---------------- */
/* コンテナ */
div#global_footer2.w980_center .container { margin:0 auto 0 auto; width:980px; }

/* ダイレクトナビ */
div#global_footer2.w980_center .direct_nav { width:680px; }


/* 760px：左寄せ ---------------- */
/* コンテナ */
div#global_footer2.w760_left .container { margin:0 0 0 0; width:760px; }

/* パンくず */
div#global_footer2.w760_left .breadcrumbs { margin:0 0 0 7px; }

/* ダイレクトナビ */
div#global_footer2.w760_left .direct_nav { width:460px; }

/* 機能ナビ */
div#global_footer2.w760_left .function_nav { padding:0 0 0 7px; width:293px; }

/* コピーライト */
div#global_footer2.w760_left .copyright { padding:0 0 0 7px; width:293px; }


/* 760px：左寄せ（SSL：ダイレクトナビ無し） ---------------- */
body#ssl div#global_footer2.w760_left .copyright{padding:0 300px 0 7px;}


/* 760px：センター（ダイレクトナビ無し） ---------------- */
div#global_footer.w760_center2 .copyright2{padding:0 300px 0 0;}