@charset "UTF-8";

/* MAILMAGAZINE
##################################### */



h2.h2-mailmagazine {
	width: 675px; height: 40px;
	background: url(../mailmagazine/img/h2_mailmagazine.gif) no-repeat;
	text-indent: -9999px;
}

div.box-mailmagazine {
	width: 635px;
	background: #fff;
	padding: 20px;
	height: auto;
}

div.box-mailmagazine-L {
	width: 237px;
	overflow: hidden;
	float: left;
}

div.box-mailmagazine-R {
	width: 368px;
	overflow: hidden;
	float: right;
}

	div#box-caution {
	padding: 20px;
	width: auto;
	border: 1px solid #ddd;
	color: #555;
	margin-top: 20px;
		}
			div#box-caution h4 {
				margin-bottom: 10px;
				color: #ad1818;
			}
			div#box-caution hr {
				margin: 10px 0;
				height: 1px;
				background: #fff url(../mailmagazine/img/hr.gif) repeat-x;
				border: 0px none;
				color: #ddd;
			}
			div#box-caution ul {
				line-height: 1.4;
			}
				div#box-caution ul li {
					padding-left: 13px;
					background: url(../mailmagazine/img/icon_caution.gif) 0 5px no-repeat;
				}
			div#box-join {
				padding: 20px 0;
				background: url(../mailmagazine/img/bg_join.gif) repeat;
			}
				a#btn-join {
					display: block;
					margin: 0 auto;
					width: 220px; height: 50px;
					background: url(../mailmagazine/img/btn_join.gif) left no-repeat;
					text-indent: -9999px
				}
				a:hover#btn-join {
					background-position: right;
				}
				a#btn-change {
	display: block;
	width: 200px;
	height: 26px;
	background: url(../mailmagazine/img/btn_change.gif) left no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
				}
				a:hover#btn-change {
					background-position: right;
				}
				a#btn-stop {
					display: block;
					margin: 0 auto;
					width: 200px; height: 26px;
					background: url(../mailmagazine/img/btn_stop.gif) left no-repeat;
					text-indent: -9999px
				}
				a:hover#btn-stop {
					background-position: right;
				}
			div#box-mailmagazine-left span {
				display: block;
				margin-bottom: 20px;
				padding-top: 5px;
				color: #555;
				font-size: 93%;
			}
	div#box-mailmagazine-right {
		float: right;
		margin-right: 20px;
		width: 233px;
	}
		div#box-mailmagazine-right img {
			margin-bottom: 20px;
		}
			div#box-mailmagazine-right form select {
				width: 233px;
				color: #555;
			}
	div#box-mailmagazine-bottom {
		width: 675px;
		clear: both;
	}


/* clearfix
------------------------------------------------*/
.box-mailmagazine:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.box-mailmagazine {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .box-mailmagazine {height: 1%;}
.box-mailmagazine {display: block;}
/* End hide from IE-Mac */