@charset "utf-8";

/* index
-------------------------------------------------- */
/* mailMagazine
-------------------------- */
#mailMagazine{
	margin: 10px 0 16px 0;
}

#mailMagazine h2{
	margin: 0 0 15px 0;
}


/* mailMagazineBox
-------------------------- */
#mailMagazine .mailMagazineBox{
	width: 617px;
	margin: 0 auto 20px auto;
	padding: 32px 0 0 0;
	background:url(../../magazine/img/bg_mail_magazine.jpg) no-repeat right top;
}


#mailMagazine .mailMagazineBox h3{
	margin: 0 0 30px 0;
}
#mailMagazine .mailMagazineBox p{
	font-size: 80%;
	line-height: 130%;
}
#mailMagazine .mailMagazineBox p.caption{
	margin: 0 0 15px 0;
}
#mailMagazine .mailMagazineBox h4{
	margin: 0 0 5px 0;
	font-size: 80%;
	font-weight: normal;
	line-height: 130%;
}

#mailMagazine .mailMagazineBox ul{
	margin: 0 0 20px 10px;
	font-size: 80%;
}
#mailMagazine .mailMagazineBox ul li{
	line-height: 130%;
	font-family:"ＭＳ Ｐゴシック";
}


#mailMagazine .mailMagazineBox p.deliver{
	margin: 0 0 80px 0;
}
#mailMagazine .mailMagazineBox ul.btnMailmagazine{
	width: 400px;
	margin: 0 auto 15px auto;
}
#mailMagazine .mailMagazineBox ul.btnMailmagazine li{
	margin: 0 0 0 15px;
	float: left;
}
#mailMagazine .mailMagazineBox ul.btnMailmagazine li.top{
	margin: 0;
}



/* mm_back_number
-------------------------------------------------- */
/* backNumber
-------------------------- */
#backNumber{
	margin: 10px 0 16px 0;
}

#backNumber h2{
	margin: 0 0 15px 0;
}


/* bnList
-------------------------- */
#backNumber #bnList{
	width: 620px;
	margin: 0 auto 20px auto;
}

#backNumber #bnList .top{
	margin: 0 0 15px 0;
}

#backNumber #bnList ul{
	padding: 0 0 40px 0;
	font-size: 75%;
}
#backNumber #bnList ul li{
	margin: 0 15px 10px 15px;
	padding: 0 0 0 15px;
	font-family: "ＭＳ Ｐゴシック";
	line-height: 130%;
	background: url(../../common/img/icon_02.gif) no-repeat 0 5px;
}

#backNumber p.btnMailmagazine{
	text-align: center;
}


/* mm_registration
-------------------------------------------------- */
#registration{
	margin: 10px 0 16px 0;
}

#registration h2{
	margin: 0 0 15px 0;
}

/* registrationForm
-----------------------------------*/
#registration #registrationForm{
	width: 620px;
	margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
}

#registration #registrationForm .top{
	margin: 0 0 15px 0;
}


/* registrationForm table
-----------------------------------*/
#registration #registrationForm table{
	width: 564px;
	margin: 0 auto 10px auto;
}

#registration #registrationForm table tr.hr{
	background:url(../img/btn_dotted02.gif) repeat-x left bottom;
}

#registration #registrationForm table tr.bottom{
	background: none;
}

#registration #registrationForm table th{
	padding: 0.8em 5px 0.8em 5px;
	width: 25%;
	font-size: 80%;
	font-weight: normal;
	line-height: 130%;
	vertical-align: top;
	white-space: nowrap;
}

#registration #registrationForm table td{
	padding: 0.8em 10px 0.8em 0;
	line-height: 130%;
	font-size: 80%;
	font-family:"ＭＳ Ｐゴシック";
	vertical-align: top;
}

#registration #registrationForm td p.radioBtn{
	margin: 0 0 20px 0;
}

/* textbox width
-----------------------------------*/
#registration #registrationForm table td.text{
	padding: 5px;
	background: #e5d1d1;
}
#registration #registrationForm table td .text,
#registration #registrationForm table td .mail{
	width: 278px;
}
#registration #registrationForm table td .age{
	width: 20px;
}


/* privacy
-----------------------------------*/
#registration #registrationForm table td #privacy{
	width: 380px;
	height:110px;
	margin: 10px 0;
	padding: 0px 15px 0 15px;
	overflow: scroll;
	border: 1px solid #97b1c7;
}

#registration #registrationForm table td #privacy h3{
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: 160%;
	font-size: 100%;
}
*:first-child+html #registration #registrationForm table td #privacy h3{ /*-- IE7 --*/
	font-size: 90%;
}
* html #registration #registrationForm table td #privacy h3{ /*-- IE6 --*/
	font-size: 90%;
} 

#registration #registrationForm table td #privacy h4{
	font-weight: normal;
	line-height: 160%;
}

*:first-child+html #registration #registrationForm table td #privacy h4{ /*-- IE7 --*/
	font-size: 90%;
}
* html #registration #registrationForm table td #privacy h4{ /*-- IE6 --*/
	font-size: 90%;
} 

#registration #registrationForm table td #privacy p{
	margin: 0 0 5px 0;
	line-height: 160%;
}

#registration #registrationForm table td #privacy ul{
	margin: 0 0 10px 15px;
	font-weight: normal;
	list-style-type: disc;
}

#registration #registrationForm table td #privacy ul li{
	margin: 0;
	padding: 0;
	line-height: 160%;
}

#registration #registrationForm p.attention{
	margin: 10px 0 0 0;
	font-size: 80%;
}

#registration #registrationForm p.caption{	
	font-size: 80%;
	margin: 0 0 0 30px;
}

#registration p.btnMailmagazine{
	margin: 0 0 10px 0;
	text-align: center;
}