@charset "utf-8";
/* CSS Document */
h2,h3,h4{
line-height:0;
font-size:0;
}
#mailMaga_main,
#chainaviLogin_main{
width:870px;
margin:0 auto;
padding:0 0 50px 0;
}
#mailMaga_main h2,
#chainaviLogin_main h2{
background:url(../../images/images_mailmag/login_title_bg.gif) left top repeat-x;
border:solid 1px #E2E2E2;
border-width:0 1px 1px 1px;
padding:10px 15px;
}
#mailMaga_main #img_info,
#chainaviLogin_main #img_info{
border:solid 1px #E2E2E2;
margin-top:10px;
}
#back_number{
border:solid 1px #D6ACAC;
background:url(../../images/images_mailmag/back_number_bg.gif) left top repeat-x;
}
#back_number #number_title{
float:left;
width:200px;
font-size:0;
line-height:0;
}
#back_number #years{
float:right;
width:580px;
padding:9px 15px 9px 0;
text-align:right;
}
#back_number ul li{
list-style:none;
display:inline;
border-left:solid 1px #FFF;
padding:0 10px;
}
#back_number ul li#end{
border:solid 1px #FFF;
border-width:0 1px 0 1px;
}
#back_number ul li a{
font-size:115%;
color:#FFF;
text-decoration:underline;
letter-spacing:1px;
}

#chainaviLogin_main #img_info{
text-align:center;
padding:10px 0;
background-color:#F2F2F2;
}
#chainaviLogin_main #img_info li{
list-style:none;
display:inline;
margin-left:10px;
}
#mailMaga_main h3,
#chainaviLogin_main h3{
padding-bottom:9px;
margin-top:15px;
background:url(../../images/images_mailmag/maga_common_bg.gif) left top no-repeat;
}
#mailMaga_main #hint,
#chainaviLogin_main #hint{
padding:10px 0;
}
.Reg_table{
width:870px;
border:solid 1px #E0E0E0;
}
.Reg_table td{
border:solid 1px #C3C3C3;
border-width:0 0 1px 1px;
padding:12px 10px;
vertical-align:top;
}
.Reg_table .set_input1{
width:300px;
float:left;
}
.Reg_table .set_input{
width:400px;
}
.Reg_table .set_input2{
width:250px;
}
.Reg_table #address_intro{
margin-bottom:5px;
}
.Reg_table .address_intro{
line-height:150%;
font-size:85%;
letter-spacing:3px;
}
.Reg_table .post_number{
width:50px;
}

.Reg_table .post_hint{
margin-left:10px;
font-size:85%;
letter-spacing:3px;
}
.Reg_table .tel_number{
width:70px;
}
.Reg_table .tel_number1{
width:40px;
}
.Reg_table .detail_txt{
width:585px;
white-space:normal;
overflow-y:scroll;
overflow-x:none;
}
.Reg_table th#detail_intro{
vertical-align:middle;
}
.Reg_table .name_hint{
margin-left:10px;
}
.Reg_table ul#card li{
white-space:inherit;
line-height:1.5;
list-style:none;
display:inline;
}
.Reg_table ul#card li span{
padding:0 10px 0 5px;
}
.radio_span{
padding-left:5px;
padding-right:2em;
}
.radio_span1{
padding-left:5px;
padding-right:4em;
}
.for_area li{
list-style:none;
display:inline;
}
#year{
width:5em;
}
#moon{
width:3em;
}
#day{
width:3em;
}
.for_area span.for_year{
padding:0 5px;
}
.mail_attention{
float:left;
font-size:85%;
padding:0 0 0 10px;
width:220px;
}
.Reg_table th{
border-bottom:solid 1px #C3C3C3;
background:url(../../images/images_mailmag/logo_table_th_bg.gif) left top no-repeat;
text-align:left;
padding:12px 0 12px 15px;
width:240px;
background-color:#F5F5F5;
vertical-align:top;
}
.Reg_table .end{
border-bottom:none;
}
.Reg_table #end{
padding:10px 15px 0 15px;
}
.Reg_table ul.list{
width:33%;
float:left;
}
.Reg_table ul.list li{
line-height:2;
list-style:none;
}
.Reg_table #end #speaicl_info{
display:block;

}
.Reg_table #info_intro{
color:#FA0303;
margin-top:20px;
}
.Reg_table ul.list li span{
padding:0 0 0 5px;
}
.select_file input{
margin:0 10px 0 20px;
}
#agree_table{
width:870px;
background-color:#F9EBEC;
border:solid 1px #D6ACAC;
text-align:left;
}

#agree_table #secured{
width:115px;
padding:10px 100px 10px 20px;
}
#agree_table #agree img{
vertical-align:middle;
}
#agree_table #agree span{
margin-right:20px;
}
.komei{
font-weight:bold;
color:#FF0000;
}
#stop_mela{
background-color:#F9EBEC;
border:solid 1px #D6ACAC;
margin-top:30px;
}
#stop_mela p{
float:left;
margin-right:15px;
}
#stop_mela #mailAddressInput{
padding:15px 0;
}
#stop_mela #mailAddressInput span{
padding-right:5px;
}
#stop_mela #mailAddressInput input{
width:350px;
}

#stop_mela #stop_btn{
padding:13px 0;
}
/* melma list css */
p.area_maga{
font-size:115%;
font-weight:bold;
padding:5px 15px;
color:#FFF;
letter-spacing:1px;
}
p#blue{
background-color:#0C77E2;
}
p#yellow{
background-color:#DD5500;
}
p#green{
background-color:#68A52B;
}
p#purple{
background-color:#763DAF;
}
p#red{
background-color:#990000;
}
p#gray{
background-color:#767676;
}
.melma_list_table{
border:solid 1px #E0E0E0;
text-align:left;
}

.melma_list_table td{
border-bottom:solid 1px #C3C3C3;
background-color:#F5F5F5;
padding:10px 10px 10px 5px;
}
.melma_list_table th{
padding:10px 5px 10px 10px;
border-bottom:solid 1px #C3C3C3;
background-color:#F5F5F5;
width:30%;
}
.skyblue{
background:url(../../images/images_mailmag/list_table_th_blue_bg.gif) left top repeat-y;
}
.yellow{
background:url(../../images/images_mailmag/list_table_th_yellow_bg.gif) left top repeat-y;
}
.green{
background:url(../../images/images_mailmag/list_table_th_green_bg.gif) left top repeat-y;
}
.purple{
background:url(../../images/images_mailmag/list_table_th_purple_bg.gif) left top repeat-y;
}
.mred{
background:url(../../images/images_mailmag/list_table_th_red_bg.gif) left top repeat-y;
}
.gray{
background:url(../../images/images_mailmag/list_table_th_gray_bg.gif) left top repeat-y;
}

th.colorChg,
td.colorChg{
background-color:#FDFDFD;
}
.melma_list_table th.btmNone,
.melma_list_table td.btmNone{
border-bottom:none;
}
/* melma list css end */

/* melma detail css */
#detail_list_info{
width:816px;
margin:0 auto;
}
.title_table{
width:811px;
background-color:#8E0A10;
color:#FFF;
text-align:left;
}
.title_table th{
font-weight:bold;
padding:10px 15px;
}
.title_table td{
padding:10px;
}
.title_table th{
width:20%;
}
.title_table .t01{
width:50%;
}
.title_table .t02{
width:20%;
}
.title_table .t03{
width:10%;
}
a.white{
color:#FFF;
}
a.white:hover{
text-decoration:none;
}
#info_bg{
background:url(../../images/images_mailmag/detail_info_bg01.gif) left bottom no-repeat;
}
#info_bg p{
padding:5px 100px 25px 100px;
}
#info_bg #info_tle{
text-align:center;
padding:20px 250px 25px 250px;
}
#info{
padding:20px 120px 25px 120px;
border-left:solid 1px #E0E0E0;
border-right:solid 5px #E3E3E3;
border-bottom:solid 1px #E0E0E0;
}
#info #info_ttl{
}
#info p{
margin-bottom:10px;
}

/* melma detail css */