@charset "utf-8";
/* CSS Document */


/* マイページ共通 */
div#mypage_loginInfoBox {
	width:300px;
	height:121px;
	position:relative;
	margin:7px 0px 3px 0px;
	background:url(../mypage/img/com_infoBox.gif) left top no-repeat;
}

/* マイページ共通 */
div#mypage_loginInfoBox_n {
	width:300px;
	height:151px;
	position:relative;
	margin:7px 0px 3px 0px;
	background:url(../mypage/img/com_infoBox2.gif) left top no-repeat;
}
div#mypage_loginName {
	font-size:14px;
	line-height:16px;
	color:#666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
	position:absolute;
	left:19px;
	top:12px;
}

/*ポイント残高 */
div#mypage_login_point {
	height:26px;
	font-size:14px;
	line-height:20px;
	color:#ee33a5;
	background:url(../mypage/img/com_infoPoint.gif) left top no-repeat;
	padding-left:30px;
	position:absolute;
	left: 37px;
	top: 32px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*ポイント残高New */
div#mypage_login_point_image {
	height:30px;
	width:30px;
	background:url(../mypage/img/com_infoPoint.gif) left top no-repeat;
	position:absolute;
	left: 24px;
	top: 48px;
}

div#mypage_login_point_title {
	height:46px;
	width:140px;
	font-size:14px;
	line-height:16px;
	color:#ee33a5;
/*	background:url(../mypage/img/com_infoPoint.gif) left top no-repeat; */
	position:absolute;
	left: 54px;
	top: 38px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

div#mypage_login_point_mine {
	height:26px;
	width:96px;
	font-size:14px;
	line-height:20px;
	color:#ee33a5;
/*	background:url(../mypage/img/com_infoPoint.gif) left top no-repeat; */
	position:absolute;
	left: 194px;
	top: 44px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/*右上New20110104 */
div#mypage_loginInfoBox_02 { width:300px; height:195px; position:relative; margin:7px 0px 3px 0px; 
background:url(../mypage/img/com_infoBox3.gif) left top no-repeat; }
div#mypage_loginName02 { font-size:14px; line-height:16px; color:#666666; font-weight:bold; position:absolute; left:11px; top:12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

dl#mypage_login_point_zone { width:276px; position:absolute; left: 11px; top: 40px; border: 1px solid #d9c4d1; }
dl#mypage_login_point_zone dt { background-image: url(../mypage/img/com_infoPoint_dt.gif); height: 26px; width: 276px; text-indent: -9999px; }
dl#mypage_login_point_zone dd { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 12px; float: right; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; }
a#mypage_CP_btn { display:block; width:222px; height:35px; background:url(../mypage/img/com_camp_btn.gif) left top no-repeat; text-indent:-9999px; position:absolute; left: 40px; top: 108px; clear: both; }
a:hover#mypage_CP_btn { background:url(../mypage/img/com_camp_btn_hover.gif) left top no-repeat; }
	
a#mypage_login_logout02 { display:block; width:111px; height:27px; background:url(../mypage/img/com_infoLogOut.gif) left top no-repeat; text-indent:-9999px; position:absolute; left: 97px; top: 158px; }	
	


/* キャンペーン参加状況 */
div#mypage_login_cp_image {
	height:30px;
	width:30px;
	background:url(../mypage/img/com_infoCPCheck.gif) left top no-repeat;
	position:absolute;
	left: 24px;
	top: 82px;
}

div#mypage_login_cp a{
	height:26px;
	font-size:14px;
	line-height:20px;
	color:#ee33a5;
	/*background:url(../mypage/img/com_infoPoint.gif) left top no-repeat;*/
	position:absolute;
	left: 54px;
	top: 82px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* 来場回数 */

div#mypage_login_raijo {
	height:26px;
	font-size:14px;
	line-height:20px;
	color:#ee33a5;
	background:url(../mypage/img/com_infoCar.gif) 2px top no-repeat;
	padding-left:30px;
	position:absolute;
	left: 37px;
	top: 58px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* ログアウトボタン */
a#mypage_login_logout {
	display:block;
	width:111px;
	height:27px;
	background:url(../mypage/img/com_infoLogOut.gif) left top no-repeat;
	text-indent:-9999px;
	position:absolute;
	left: 97px;
	top: 86px;
}

/* ログアウトボタン New */
a#mypage_login_logout_n {
	display:block;
	width:111px;
	height:27px;
	background:url(../mypage/img/com_infoLogOut.gif) left top no-repeat;
	text-indent:-9999px;
	position:absolute;
	left: 97px;
	top: 116px;
}

div#mypage_footprint {
	font-size:10px;
	margin:0px 12px 8px 12px;
}

/* index.php */
div#mypage_index_leadbox {
	width:660px;
}
h1#mypage_index_ttl {
	width:660px;
	height:81px;
	background:url(../mypage/img/index_ttl.gif) left top no-repeat;
	text-indent:-9999px;
}


/* 変更20110104 */
h1#mypage_index_ttl02 {
	width:660px;
	height:71px;
	background:url(../mypage/img/index_ttl02.gif) left top no-repeat;
	text-indent:-9999px;
}


div#mypage_index_lead {
	margin:20px 30px 20px 30px;
	padding:10px;
	background:#FFFFFF;
	border:#ececec 3px solid;
}
div#mypage_index_lead_welcomeMes {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	color:#666666;
}
div#mypage_index_lead_body {
	font-size:12px;
	line-height:18px;
	color:#333333;
	margin-top:8px;
}

h2.mypage_index_sub {
	width:646px;
	height:33px;
	margin:24px 0px 6px 8px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	clear:both;
}
h2#mypage_index_sub_campaign { background-image:url(../mypage/img/index_sub_campaign.gif); }
h2#mypage_index_sub_campaign_02 { background-image:url(../mypage/img/index_sub_campaign_02.gif); }
h2#mypage_index_sub_update { background-image:url(../mypage/img/index_sub_update.gif); }
h2#mypage_index_sub_weblesson { background-image:url(../mypage/img/index_sub_weblesson.gif); }

ul#mypage_index_sub_updateList {
	margin:0px 30px;
}
ul#mypage_index_sub_updateList li {
	clear:both;
	font-size:12px;
	line-height:18px;
	padding-bottom:4px;
	color:#333333;
}
ul#mypage_index_sub_updateList li span.maypage_index_sub_updateDate {
	display:block;
	float:left;
	width:80px;
}
ul#mypage_index_sub_updateList li span.maypage_index_sub_updateTxt {
	display:block;
	float:right;
	width:510px;
}

ul#mypage_index_sub_campaignList {
	margin:0px 30px;
}
ul#mypage_index_sub_campaignList li {
	clear:both;
	font-size:12px;
	line-height:18px;
	padding-bottom:4px;
	color:#333333;
}
ul#mypage_index_sub_campaignList li span.maypage_index_sub_campaignDate {
	display:block;
	float:left;
	width:80px;
}
ul#mypage_index_sub_campaignList li span.maypage_index_sub_campaignTxt {
	display:block;
	float:right;
	width:510px;
}

dl.mypage_index_weblessonBox {
	width:626px;
	margin:0px 0px 24px 17px;
	background:url(../mypage/img/index_lesson_box.gif) left bottom no-repeat;
}
dl#mypage_index_weblessonBox_100 { margin-bottom:24px; }
dl.mypage_index_weblessonBox dt {
	width:626px;
	height:60px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
dl#mypage_index_weblessonBox_120 dt { background-image:url(../mypage/img/index_lesson_ttl.gif); }
dl#mypage_index_weblessonBox_100 dt { background-image:url(../mypage/img/index_lesson100_ttl.gif); }

dl.mypage_index_weblessonBox dd.mypage_index_weblessonDate {
	padding:4px 16px 6px 16px;
	color:#aa4d86;
	font-size:12px;
	font-weight:bold;
}
dl.mypage_index_weblessonBox dd.mypage_index_weblessonText {
	padding:0px 16px 4px 16px;
	color:#333333;
	font-size:12px;
	line-height:18px;;
}
dl.mypage_index_weblessonBox dd.mypage_index_weblessonBtn {
	width:594px;
	height:27px;
	padding:0px 0px 14px 0px;
	margin:0px 0px 0px 16px;
}
a.mypage_index_weblessonBtn_detail {
	width:91px;
	height:27px;
	display:block;
	float:right;
	text-indent:-9999px;
	background:url(../mypage/img/index_lesson_btn.gif) left top;
}
span.mypage_index_weblessonBtn_detail {
	width:91px;
	height:27px;
	display:block;
	float:right;
	text-indent:-9999px;
	background:url(../mypage/img/index_lesson_btn_off.gif) left top;
}

a#mypage_index_bannerAGA {
	display:block;
	width:640px;
	height:65px;
	background:url(../mypage/img/index_bannerAGA.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0px 10px 24px 10px;
}

/* login */

h1#mypage_login_ttl {
	width:660px;
	height:256px;
	background:url(../mypage/img/login_ttl.jpg) left top no-repeat;
	text-indent:-9999px;
}


h1.mypage_login_sub {
	width:660px;
	height:34px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
	margin:0px 0px 10px 0px;
}
h2.mypage_login_sub {
	width:660px;
	height:34px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
	margin:20px 0px 10px 0px;
}
h1#mypage_login_sub01 { background-image:url(../mypage/img/login_sub01.gif); }
h2#mypage_login_sub01 { background-image:url(../mypage/img/login_sub01.gif); }
h2#mypage_login_sub02 { background-image:url(../mypage/img/login_sub02.gif); }

div#mypage_login_loginOuterBox {
	width:640px;
	height:190px;
	margin:0px 10px;
	position:relative;
}

form#mypage_login_loginBox {
	display:block;
	width:380px;
	height:190px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../mypage/img/login_loginBox.gif) left top no-repeat;
}
div#mypage_login_loinLead {
	color:#dd3fa0;
	font-size:12px;
	line-height:18px;
	position:absolute;
	top:14px;
	left:20px;
	width: 335px;
	height: 53px;
}
div#mypage_login_inputs {
	width:340px;
	height:74px;
	border-top:#dbdbdb 1px solid;
	border-bottom:#dbdbdb 1px solid;
	position:absolute;
	left:20px;
	top:74px;
}
div#mypage_login_inputs span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	display:block;
	position:absolute;
	font-size:12px;
	line-height:14px;
	color:#dd3fa0;
}
div#mypage_login_inputs span#mypage_login_fname {
	top:29px;
	left:147px;
}
div#mypage_login_inputs span#mypage_login_birthBox {
	top:50px;
	left:147px;
}

div#mypage_login_card {
	width:121px;
	height:14px;
	position:absolute;
	left:16px;
	top:8px;
	background:url(../mypage/img/login_loginBox_card.gif) left top no-repeat;
	text-indent:-9999px;
}

div#mypage_login_name {
	width:121px;
	height:14px;
	position:absolute;
	left:16px;
	top:30px;
	background:url(../mypage/img/login_loginBox_name.gif) left top no-repeat;
	text-indent:-9999px;
}

div#mypage_login_birth {
	width:121px;
	height:14px;
	position:absolute;
	left:16px;
	top:52px;
	background:url(../mypage/img/login_loginbox_birth.gif) left top no-repeat;
	text-indent:-9999px;
}

input#mypage_login_inputCard {
	position:absolute;
	ime-mode:disabled;
	width:160px;
	height:16px;
	background:#FFFFFF;
	color:#000000;
	border:#ababab 1px solid;
	font-size:12px;
	line-height:14px;
	left: 146px;
	top: 7px;
}

input#mypage_login_inputFname {
	width:60px;
	height:16px;
	background:#FFFFFF;
	color:#000000;
	border:#ababab 1px solid;
	font-size:12px;
	line-height:14px;
}

input#mypage_login_inputPname {
	width:60px;
	height:16px;
	background:#FFFFFF;
	color:#000000;
	border:#ababab 1px solid;
	font-size:12px;
	line-height:14px;
}

input#mypage_login_inputYear {
	width:36px;
	height:16px;
	ime-mode:disabled;
	background:#FFFFFF;
	color:#000000;
	border:#ababab 1px solid;
	font-size:12px;
	line-height:14px;
	left: 250px;
	top: 27px;
}

input#mypage_login_inputMonth {
	width:20px;
	height:16px;
	ime-mode:disabled;
	background:#FFFFFF;
	color:#000000;
	border:#ababab 1px solid;
	font-size:12px;
	line-height:14px;
	left: 250px;
	top: 27px;
}

input#mypage_login_inputDate {
	width:20px;
	height:16px;
	ime-mode:disabled;
	background:#FFFFFF;
	color:#000000;
	border:#ababab 1px solid;
	font-size:12px;
	line-height:14px;
	left: 250px;
	top: 27px;
}

input#mypage_login_loginBtn {
	position:absolute;
	top:157px;
	left:139px;
}

div#mypage_login_reg {
	position:absolute;
	width:249px;
	height:190px;
	right:0px;
	top:0px;
	background-image:url(../mypage/img/login_reg.jpg);
}
div#mypage_login_reg span {
	display:block;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	width:134px;
	margin:40px 0px 0px 12px;
}
div#mypage_login_reg a {
	display:block;
	position:absolute;
	width:123px;
	height:26px;
	text-indent:-9999px;
	background:url(../mypage/img/login_reg.jpg) -17px -154px no-repeat;
	left: 17px;
	top: 154px;
}

div#mypage_login_caution {
	background:url(../mypage/img/login_caution.jpg) right top no-repeat;
	width:640px;
	height:146px;
	margin:10px;
	paddging:0px;
	text-indent:-9999px;
}
 

div#mypage_login_introBox {
	width:640px;
	height:201px;
	margin:0px 10px 20px 10px;
	position:relative;
}

dl#mypage_login_funcBox {
	position:absolute;
	top:0px;
	left:0px;
	width:316px;
	height:201px;
	background:url(../mypage/img/login_func_01.gif) left top no-repeat;
}

dl#mypage_login_funcBox * {
	background-image:url(../mypage/img/login_func_01.gif);
	text-indent:-9999px;
	width:316px;
}

dl#mypage_login_funcBox dt {
	position:absolute;
	height:41px;
}
dl#mypage_login_funcBox dd#mypage_login_func01 {
	position:absolute;
	top:44px;
	left:0px;
	background-position:0px -44px;
	height:42px;
}
dl#mypage_login_funcBox dd#mypage_login_func02 {
	position:absolute;
	top:89px;
	left:0px;
	background-position:0px -89px;
	height:41px;
}
dl#mypage_login_funcBox dd#mypage_login_func03 {
	position:absolute;
	top:145px;
	left:0px;
	background-position:0px -145px;
	height:42px;
}

dl#mypage_login_contents {
	width:316px;
	height:201px;
	background:url(../mypage/img/login_cont.gif) left top no-repeat;
	position:absolute;
	right:0px;
	top:0px;
}
dl#mypage_login_contents * {
	position:absolute;
	background-image:url(../mypage/img/login_cont.gif);
	text-indent:-9999px;
	width:316px;
}
dl#mypage_login_contents dt {
	left:0px;
	top:0px;
	background-position:0 0;
	height:40px;
}
dl#mypage_login_contents dd#mypage_login_contents_lead {
	left:0px;
	top:44px;
	background-position:0px -44px;
	height:40px;
}
dl#mypage_login_contents dd#mypage_login_contents_120 {
	left:20px;
	top:86px;
	background-position:-20px -86px;
	width:136px;
	height:96px;
}
dl#mypage_login_contents dd#mypage_login_contents_100 {
	left:160px;
	top:86px;
	background-position:-160px -86px;
	width:136px;
	height:96px;
}


/* login_error */
div#mypage_login_error_msg {
	width:660px;
	font-size:12px;
	line-height:18px;
	text-align:center;
	color:#FF0000;
	margin:24px 0px 36px 0px;
}


.mente{ background-color: #f8f1f6; border: 1px solid #f2dfeb; padding: 13px; width: 610px; margin-right: auto; margin-left: auto; margin-bottom: 20px; font-size:12px; line-height:18px; color: #c186b8;}
.mente strong{	color: #CC6699;}