@charset "UTF-8";

div#MmagaBox{
    position: relative;
    background:#fff url(/common/images/top/box_bg.gif) repeat-y;
}
div#MmagaBox h4{
/*    margin: 15px 0 15px 20px;*/
    margin: 15px 0 15px 0;	
}
div#MmagaBox h5{
    margin: 10px 20px 0;
}
div#MmagaBoxIn{
    margin: 0 23px;
}
div.mmagaText p{
    margin: 0 20px 15px;
}
div.mmagaText ul{
    margin: 0 0 15px 20px;
    font-size: 0.9em;
}

form.formMmaga{
    margin: 0 20px;
}
form.formMmaga input.inText{
    padding: 1px;
    border: #809db9 solid 1px;
}
form.formMmaga table{
    margin: 5px 0 20px;
    border: #f36591 solid 1px;
    width: 100%;
}
form.formMmaga table th{
    width: 120px;
    padding: 8px;
    color: #fff;
    font-weight: normal;
    background: #F36591 url(/common/images/contact/inq_dot_th.gif) repeat-x bottom;
	vertical-align:top;
}
form.formMmaga table td{
    padding: 8px;
    text-align: left;
    background: url(/common/images/contact/inq_dot.gif) repeat-x bottom;
}
form.formMmaga table tr.renewName input{
    margin: 0 3px;
    width: 100px;
}
tr.renewYear li{
	float:left;
	margin-right:5px;
}
tr.renewYear li input{
	margin:0 5px 0;
}
tr.renewYear li.YearComment{
    color: #878787;
    font-size: 80%;
	margin-top: 0.3em;
}


tr.renewArea li{
    margin-right: 1.5em;
    display: inline;
}
tr.renewArea li input{
    margin-right: 0.5em;
}

tr.mmagaMaga li{
 width: 135px;
 float: left;
}

td.mmagaMaga li label{
    margin: 0px 10px 10px 0.3em;
}

tr.renewSex label{
    margin: 0 1.5em 0 0.3em;
}
form.formMmaga table tr.renewShop label{
    font-size: 0.9em;
}
form.formMmaga table tr.renewShop input{
    margin-right: 3px;
    width: 160px;
}

tr.renewMail label,
tr.renewPass label{
    margin: 0 3px;
}
tr.renewMail input{
    width: 350px;
}

tr.renewPass input{
    width: 250px;
}
li.mailComment{
    margin-top: 1em;
	font-size:80%;
	color:#878787;
}

form.formMmaga td textarea{
    width: 350px;
	font-size:100.1%;
}


p.mmagaConfBt input#nextbtn,
p.mmagaConfBt input#backbtn{
	border: none;
	overflow: hidden;
	cursor: pointer;
	padding: 0px;
	*padding-top:100px;
	margin:0;
	text-indent: -9999px;
	text-align: left;
	display: block;
}
p.mmagaConfBt{ *margin:0 -20px 0; *padding:0px;}	


dl.compText{
    margin: 0 20px;
}
dl.compText dd{
    margin-top: 15px;
    font-size: 0.9em;
}
ul.compLink{
    margin: 15px 20px;
}
ul.compLink li{
    padding: 0 0 3px 20px;
    background: url(/common/images/mailmagazine/mmaga_arrowcomp.gif) no-repeat 0 3px;
}

.error{ background: #FFECEC;}
p.errormess{
	color:#FF0000;
	font-size:80%;
}
p.caution{
	background:#FFDDDC;
    margin: 0 20px 10px;
	padding:5px 10px 5px 10px;
	color:#333;
	font-weight:bold;
}

/* 110728 */

ul.flow li{
	float:left;
}
ul.formBtn li{
	float:right;
	margin-left:15px;
}
p.compText{
	margin-left:20px;
	margin-right:20px;
}
.infoList{ 
	color:#F00;
	text-indent:-1em;
	padding-left:1em;
}


/* 1110813 */

div.mmagaText ul li{
	text-indent:-1em;
	padding-left:1em;
}
div#MmagaBox ul.menuLink{
margin-top:15px;
float:right;
}
div#MmagaBox ul.menuLink li{
margin-right:20px;
}
ul.compLink2{
    margin-top:15px;
    float:left;
}
ul.compLink2 li{
	margin-left:20px;
    padding: 0 0 3px 20px;
    background: url(/common/images/mailmagazine/mmaga_arrowcomp.gif) no-repeat 0 3px;
}


/*---------------------------------------------------------------------
111001page renewal
------------------------------------------------------------------------*/
div#MmagaBox2{
    position: relative;
    background:#fff url(/common/images/mailmagazine/bk_main_top.gif) repeat-y;
	padding-top:20px;
}
div#MmagaBoxIn2{
    margin: 0 27px;
}

.innner_nav li{
	float:left;
}

#spe_contents_wrap{
	border-left:1px solid #F2416B;
	border-right:1px solid #F2416B;
	border-bottom:1px solid #F2416B;
	padding:0 0 15px 15px;	
	margin-bottom:10px;
}

.tit_spe{
	position:relative;	
	height:80px;	
	background:url(../images/mailmagazine/bg_main_kikan.gif) repeat-x;
	text-align:center;
	margin-left:-15px;
	margin-bottom:15px;
}
.tit_spe h2{
	padding:8px 	0 10px 0;
}
.tit_spe_kikan{
	position:absolute;
	left: 10px;
	top: 0px;
}

.tit_spe2{
	border-bottom:1px solid #000;
	padding-bottom:5px;
	margin-bottom:15px;
	margin-right:15px;
}

.tb_pickup{
	border-collapse:collapse;
}

div#MmagaBox2 .tb_pickup th h4{
	padding:0 0 5px 0;
	margin:0;
}

.tb_pickup th,
.tb_pickup td{
	width:160px;
	text-align:left;
}

.tb_pickup td{
	padding:15px;
}	
.tb_pickup .shin{
	background:#FAE6FF  url(../images/mailmagazine/bg_main_sample1line.gif)  repeat-x bottom;
	border-right:4px solid #FFF;
}
.tb_pickup .ike{
	background:#FFEFD7  url(../images/mailmagazine/bg_main_sample2line.gif)  repeat-x bottom;;
	border-right:4px solid #FFF;	
}
.tb_pickup .ni{
	background:#E3F7FF  url(../images/mailmagazine/bg_main_sample3line.gif)  repeat-x bottom;;
	border-right:4px solid #FFF;
}

.tb_pickup .last td{
	background-image:none;
}

.tb_pickup .shin dl{
	background:url(../images/mailmagazine/bg_main_sample1.gif) no-repeat;
}
.tb_pickup .ike dl{
	background:url(../images/mailmagazine/bg_main_sample2.gif) no-repeat;
}
.tb_pickup .ni dl{
	background:url(../images/mailmagazine/bg_main_sample3.gif) no-repeat;
}

.tb_pickup{
	line-height:1.2;
}

.tb_pickup dt{
	font-weight:bold;
	font-size:123.1%;
	padding-bottom:15px;
}


#form_wrap h2{
	background:#F2416B;
	text-align:center;
	padding:7px 0;
	margin-bottom:15px;
}


/*area_list*/
.ul_inner{
	padding-left:20px;
}
.ul_inner li{
	display:inline;
	padding-right:1.5em;
}
.ul_inner li input{
margin-right: 0.5em;
}
/*area_list end*/

.mailComment2{
    color: #878787;
    font-size: 80%;
}


/* 120108 */

#firstBox{
	display:none;
	}
#secondBox{
	display:none;
	}
#thirdBox{
	display:none;
	}