@charset "utf-8";

/*  TAB  */
img {border:0}
.tabheader table {border-collapse: collapse; /* for IE */ border-spacing: 0; /* for N6 */}
.tabheader table tr td {margin:0;padding:0;border-width:0}
.tabheader .close {margin:0;padding:0;white-space: nowrap;}
.tabheader .open {margin:0;padding:0;white-space: nowrap;}
.tabheader a {text-decoration: none;}
.tabbody {text-align:left;}


/*  SIMPLE ENTRY  */
#seBox {width:700px;margin:20px auto 0;padding-top:108px;text-align:left;background:url(../../images/simpleID/simpleID_table_bg.gif) no-repeat 0 0;}
#seBox table {margin:0 auto;width:626px;border-collapse:separate;padding:0;}
#seBox tr {background:#fff;}
#seBox th {width:150px;font-size:12px;color:#333;text-align:left;padding:0 5px;}
#seBox th span {color:#F00; font-size:10px;margin-left:3px;}
#seBox td {width:450px;padding:10px 5px;color:#000;font-size:12px;}
#seBox td .guide {color:#000;font-size:11px;padding-top:10px;height:18px;clear:both;}
#seBox td p {float:left; color:#666;padding-left:10px;line-height:19px;}
#seBox .input {float:left; width:198px;height:19px;vertical-align:middle;font-size:16px;border:#999 1px inset;padding:1px;}
#seBox .icimg{margin-bottom:10px;}

#agree {width:698px;margin:36px auto;text-align:left;}
#agree .txt {color:#000;font-size:12px;font-weight:bold;}
#agree textarea {width:698px;height:100px;margin-top:5px;background:#f1f1f1;border:#999 1px inset;}
#agree .txtBox {color:#666;font-size:11px;}
#agree .txtBox2 {color:#666;font-size:11px;}
.btn {width:700px;margin:0 auto;text-align:center;}


/*  MAIN ENTRY  */
#meBox {width:700px;height:410px;margin:20px auto 0;padding-top:242px;text-align:left;background:url(../../images/simpleID/simpleID_info3.gif) no-repeat 0 0;}

#entry table {margin:0 auto 24px;width:626px;border-collapse:separate;}
#entry tr {background:#ddd;}
#entry th {width:150px;font-size:12px;color:#333;text-align:left;padding:0 5px;}
#entry td {width:450px;padding:10px 5px;color:#000;font-size:12px;}
#entry td .guide {color:#000;font-size:11px;padding-top:10px;height:18px;clear:both;}
#entry .input {float:left; width:240px;height:19px;vertical-align:middle;font-size:16px;border:#999 1px inset;padding:1px;}

/*  simpleID cmp  */
#simpleID_cmp .banner{width:800px;margin:0 auto;}
#simpleID_cmp .banner img{margin:0 5px;}
#simpleID_cmp .info {background:url(../../images/simpleID/simpleID_cmp.gif) no-repeat left;width:640px;height:81px;margin:100px auto;}

#send{width:640px;margin:0 auto;background-color:#d0c7bd;}
#send table{margin:0 auto;}
#send table td{margin-top:0;}
#sendText{ margin-top:10px; text-align:center;width:640px;margin:auto;color:#777;}

#send_bt p {font-size:11px;margin-bottom:15px;}
#send_bt span { display:block; width:196px; margin:0 auto;}
#send_bt span a{ display:block; text-indent:-1000em; background: url(../../images/simpleID/simpleID_bt_send.gif) no-repeat; width:196px; height:41px;}

/*  mainEntry send  */
#mainEntrySend {width:800px;margin:0 auto;}
#mainEntrySend .info {margin:0 auto;background: url(../../images/simpleID/simpleID_info4.gif) no-repeat 0 0;width:700px;height:356px;}
#mainEntrySend .info p {position:relative;top:206px;text-align:center;font-size:18px;color:#000;font-weight:bold;}

#MainStepBox{ width:662px; background:url(../../images/simpleID/bg_main_step.gif) repeat-y top; margin:30px auto 0 auto; text-align:left; padding:0px 0 0 0;}
#MainStepBoxBottom{ width:662px; background:url(../../images/simpleID/bg_main_step_bottom.gif) no-repeat top; margin:0px auto 20px auto; height:20px;}

.TitleStep2{ width:620px; margin:0px auto; padding:20px 0 15px 0;}

.MainStepTextBG{ width:620px; background:#dddddd; margin:0px auto;}
.MainStepTextConfirmationBG{ width:620px; margin:0px auto;}
.MainStepTextMargin{ padding:10px; color:#333333; font-weight:bold;}

.MainStepTableWhite, .MainStepTableGray{ margin:0 0 20px 0; border-collapse: inherit;}
.MainStepTableWhite td{background:#FFF; padding:5px;}
.MainStepTableGrayRight{ font-size:14px; color:#5f5f5f; font-weight:normal !important; text-align:center;}
.MainStepTableGrayRight2{ font-size:14px; color:#5f5f5f; font-weight:normal !important; text-align:left;}
.Indispensability{ color:#666; font-size:10px; font-weight:bold; margin:0 0 0 5px;}
.RightTd{ color:#333333; font-size:10px; padding:5px; font-weight:normal;}
.RightTd .input{ width:202px; margin:0 0 5px 0; border:1px solid #262626; padding:4px;}
.RightTd select{border:1px solid #acacac; margin:0 0 5px 0;}
.Safety{ color:#666666; font-size:12px; font-weight:normal; margin:0 0 0 10px;}
.mailmagazineTitle{ font-weight:normal;}
.BtnStep2{margin:15px auto 0 auto; text-align:center;}
.BtnStep2 a img{ padding:0 10px;}
.BtnStep3{margin:15px auto ; text-align:center;}
.infoStep2{ padding:65px 0 100px 0;}

#agree2 {width:600px;}
#agree2 .txt {color:#000;font-size:12px;font-weight:bold;}
#agree2 textarea {width:600px; height:100px;margin-top:5px;background:#f1f1f1;border:#999 1px inset;}
#agree2 .txtBox {color:#333;font-size:11px;}
#agree2 .txtBox2 {color:#333;font-size:11px;}
.clear{ clear:both;}

.MypageText{line-height:1.6em;}
.bold{ font-weight:bold;}
.MypageTextRightTd{font-size:14px; color:#5f5f5f; font-weight:normal;}

.MypageRaidio{ width:280px; margin:0 auto; line-height:1.8em; font-weight:normal; color:#666;}

.PrivacyPolicy{ font-size:10px; font-weight:normal; padding:0 0 15px 0;}
.PrivacyPolicy a, .PrivacyPolicy a:link, .PrivacyPolicy a:visited{ color: #00F; text-decoration:underline;}
.PrivacyPolicy a:hover{ color:#ff9900; text-decoration:none;}

#mainEntrySendMypage .info {margin:0 auto;background: url(../../images/simpleID/simpleID_info5.gif) no-repeat 0 0;width:700px;height:240px;}
#mainEntrySendMypage .info p {position:relative;top:92px;text-align:center;font-size:18px;color:#000;font-weight:bold;}

.red{ color:#F00; font-size:10px;}

.MainStepTableGrayRight2 a img{ text-align:right;}
.MypageBack{ text-align:center; padding:50px 0;}

#MainWrapTab, #MainWrap{ width:809px; margin:0 auto; background: url(../../images/simpleID/bg_main_top_tab.gif) top; padding:30px 0 ; font-size:12px; color:#666; line-height:1.4em;}
#MainWrap{background: url(../../images/simpleID/bg_main_top.gif) top;}
#MainWrapBttom{ width:809px; margin:0 auto 15px auto; background:url(../../images/simpleID/bg_main_bottom.gif); height:44px;}

#tabArea{ width:809px; margin:0 auto;}
.tab{ width:403px; float:left;}

.Toptext{ margin:10px 0 30px 0;}

.SelectArea{ width:698px; background:#27b1e6; margin:0 auto 30px auto; padding:7px 0;}
.SelectAreaTable{ width:684px; text-align:left; margin:0 auto;}
.TdLeft{ background:#f3f3f3; border-right:solid 1px #d4d3cf; border-bottom:solid 1px #d4d3cf;}
.TdRight{ background:#fff; border-bottom:solid 1px #d4d3cf; padding: 0 0 0 20px; color:#666; font-size:10px; line-height:1.2em;}
.TdRight2{ background:#fff; border-bottom:solid 1px #d4d3cf; padding: 0 0 0 20px; color:#666; font-size:12px;}
.TdLefttext{ font-weight:bold; color:#17719b; padding:0 0 0 20px;}

.TdRight a, .TdRight a:link, .TdRight a:visited{ color: #00F; text-decoration:underline;}
.TdRight a:hover{ color:#ff9900; text-decoration:none;}
.TdRight select{border:1px solid #acacac; margin:0 0 5px 0;}

.input{ width:202px; margin:0 10px 5px 0; border:1px solid #b8b8b8; padding:4px;}
.input2{ width:202px; margin:0 10px 0px 0; border:1px solid #b8b8b8; padding:4px;}
.img{ padding:0 0 10px 0;}

.kiyakuArea{ width:698px; margin:0 auto; text-align:left; padding:0 0 30px 0;}
.txtBox {color:#666;font-size:11px; width:698px; height:100px; margin:3px 0 0 0; border: 1px solid #CCC;}
.txtBox2 {color:#666;font-size:11px; width:643px; height:100px; margin:3px 0 0 0; border: 1px solid #CCC;}
.step{ padding:0 0 30px 0;}
.SelectAreaTitle{ text-align:left; padding:0 0 4px 10px;}

.coment, .comentmail{ text-align:center;}
.coment img{ padding:30px 0;}
.comentmail{ margin:15px 20px 15px 0; font-size:20px; background:#e9e9e9; padding:10px;}
.comenttext{ line-height:1.3em; padding:25px 0; text-align: center; }
.comenttextbold{ font-weight:bold; padding:0 0 5px 0;}

.changeBtn{ padding:0 5px 0 0; color:#666; font-size:10px;}
.kiyakuText{ padding:20px; color:#666666;}
.red12{ color:#ff0000;}

.btntdLeft{ padding:0 20px 20px 0;}
.btntdRight{ padding:0 0 20px 20px;}
/*ここから追加*/
.enjoy{ text-align:left; padding:0 0 10px 36px;}
.comenttext2{ line-height:1.3em; padding:25px 0 25px 140px; text-align: left; margin:0; }
.changeBtn{ padding:0 5px 0 0; color:#666; font-size:10px;}
.changeBtn img{ padding:0 0 5px 0;}
.comentMail{ text-align:left; line-height:1.4em; padding:30px 0 20px 0;}
.text{ text-align:left; padding:0 0 20px 25px; line-height:1.4em;}
.OpenIDtext{ text-align:left; line-height:1.4em; padding:30px 0 10px 0;}
.textOpenID{ text-align:left; padding:0 0 40px 25px; line-height:1.4em;}
.OpenIDBtn{ text-align:center; padding:10px 0 40px 0;}
.OpenIDBtn li{ display: inline; }
.OpenIDBtn li a img{ padding:0 15px;}
.SelectArea2{ width:698px; background:#27b1e6; margin:0 auto 0 auto; padding:7px 0;}
.BtnDoui{ text-align:center; padding:30px 0;}
.GoBg{ width:627px; height:45px; background:url(../../images/openId/login_openid.gif); text-align:right; margin:0;}
.GoBgARARIOLogin{ width:627px; height:45px; background:url(../../images/openId/login_arario.gif); text-align:right; margin:0;}
.GoBg table, .GoBgARARIOLogin table{ margin:10px 0 0 0;}
.GoText{ font-size:10px; font-weight:bold; color:#666666;}
.LoginArea{ padding:23px 0; background:#e5e5e5; width:627px; margin:0 0 25px 0; text-align:center;}
.input3{ width:202px; margin:0 0px 0px 0; border:1px solid #b8b8b8; padding:4px;}
.OpenIDLoginText{ font-weight:bold; color:#17719b; padding:0 5px 0px 0px;}
.OpenIDLoginBtn{ padding:0 0 0 30px;}

.ErrorMessage{ margin:15px 15px 0 15px; border-top: #a6a6a6 dotted 1px; padding:15px 0 0 0;}
.ErrorMessagetext{ padding:15px 0 0 0; color:#F00; font-size:16px; line-height:1.2em;}
.input4{ width:100px; margin:0 0px 0px 0; border:1px solid #b8b8b8; padding:4px;}

/*登録完了画面*/
.banner{ width:764px; margin:0 auto;}
.bannerBox{ width:243px; float:left; padding:0 5px 10px 5px;}