@charset "utf-8";

/*=====================================================
 * Style Name: MailElements
 * Style URL: ./css/site/mail.css
 * Description: MailStylesheet
 * Version: 1.0
 * Last Up Date: 2012/08/31
 * Author: Neos Corporation.
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/
/*=====================================================
	mail css
=====================================================*/
body {
	line-height: 1.5;
	font-size: 14px;
}

input[type="text"] {
	border: none;
	font-size: 16px;
	background: url(../../../img/site/bg/input_top.png) left top no-repeat,
				url(../../../img/site/bg/input_bottom.png) left bottom no-repeat,
				url(../../../img/site/bg/input_side.png) left top repeat-y;
	background-size: 100%, 100%, 100%;
}
h3.mailmagazine_title {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 6;
	padding-left: 64%;
	color: #000000 !important;
	font-size: 70%;
	font-weight: 700;
	text-align: left;
	background: url(../../../img/site/mail/mailmagazine_title.png) 3.4% center no-repeat,
				url(../../../img/site/pc/line_long.png) left bottom no-repeat !important;
	background-size: 60.5%, 100% !important;
}
.mail_background{
}

.mailTxt {
	font-size: 13px;
    text-align:left;
    margin-bottom: 0.5em;
}
.mailTxt strong {
	color: #ff0000;
}
.mail_form {
	margin-top: 2em;
	padding: 2em 5%;
	background: url(../../../img/site/pc/category_header_frame_top.png) left top no-repeat,
				url(../../../img/site/pc/category_header_frame_bottom.png) left bottom no-repeat,
				url(../../../img/site/pc/category_header_frame_side.png) left top repeat-y;
	background-size: 100%, 100%, 100%;
}
.mail_form input[type="text"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 72%;
	line-height: 1;
	padding: 0.5em 0.75em;
}
.mail_form_input img {
	height: 2em;
	max-height: 62px;
}
.mail_form_error {
	color: #ff0000;
}

/*=====================================================
	mail space
=====================================================*/
#mailSpace {
	height:22px;
	margin:0 0 0 5px;
}
#mailSpace2 {
	height:10px;
	margin:0 0 0 5px;
}

/*=====================================================
	mail footer
=====================================================*/
div.mlBtn {
	width: 94%;
	margin: 0 auto;
	text-align: center;
}
div.mlBtn input {
	width: 100%;
	display: block;
	padding: 7% 0;
	border: none;
	border-radius: 14px;
	color: #735735;
	font-weight: bold;
	font-size: larger;
	text-align: center;
	background: url(../../img/site/btn/btn_regist_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;
}
div.mlBtn2 input {
	background: url(../../img/site/btn/btn_login_bg.png);	
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;		
}

@media only screen and (min-width: 641px) {
	.mailmagazine_inner {
		padding: 3%;
	}
}
@media only screen and (min-width: 821px) {
	h3.mailmagazine_title {
		line-height: 6;
		padding-left: 40%;
		background: url(../../../img/site/mail/mailmagazine_title.png) 0 center no-repeat,
					url(../../../img/site/pc/line_long.png) left bottom no-repeat !important;
		background-size: 38.2%, 100% !important;
	}
	.mail_form {
		padding: 2em 10%;
	}
	.mail_form_input img {
		height: 2.5em;
	}
	.mailmagazine_inner {
		padding: 3% 7.5%;
	}
}