@charset "utf-8";

/* footer */
/* -------------------------------------------------------- */

.co2 {
	color: #fc961e;
}

body.ameba-hiromi {width:100%; text-align:center; background:none; border-top:5px solid #76c3b6;}

.ameba-hiromi #header {width:640px; text-align:left; margin:0 auto 28px auto; padding:297px 0 0 0; background:none; position:relative;}


.ameba-hiromi #hLogo {width:454px; position:absolute; top:7px; left:0;}
.ameba-hiromi #hBtn {width:155px; position:absolute; top:0; right:0;}

.ameba-hiromi #contents {width:640px; text-align:left; margin:0 auto 82px auto; z-index:1;}


.ameba-hiromi #footer {width:100%; background-color:#76c3b6;}
.ameba-hiromi #fTxtBlock {width:640px; color:#ffffff; text-align:right; margin:0 auto; padding:25px 0;position:relative;}


.ameba-hiromi .img-01-box {width:640px; height:615px; overflow:hidden;}

.ameba-hiromi .mailmagazineBlock2 .bg2 {background:url(../../mailmagazine/img/bg_mail_02.png) repeat-y left top;}
.ameba-hiromi .mailmagazineBlock2 .bg2 .inr {background:url(../../mailmagazine/img/bg_mail_01.png) no-repeat left top;}
.ameba-hiromi .mailmagazineBlock2 .bg2 .inr .inr {background:url(../../mailmagazine/img/bg_mail_03.png) no-repeat left bottom;}

.ameba-hiromi .mailmagazineBlock2 .ttl {margin-bottom:0;}

.ameba-hiromi .mailmagazineBlock5 .bg5 {background:url(../../request/img/bg_mail_02.png) repeat-y left top;}
.ameba-hiromi .mailmagazineBlock5 .bg5 .inr {background:url(../../request/img/bg_mail_01.png) no-repeat left top;}
.ameba-hiromi .mailmagazineBlock5 .bg5 .inr .inr {background:url(../../request/img/bg_mail_03.png) no-repeat left bottom; padding: 0 0 20px 0;}

.ameba-hiromi .mailmagazineBlock5 .ttl {margin-bottom:0;}

.ameba-hiromi .mailmagazineBlock5 .txt5 {margin:0 18px 5px 18px; padding:20px 0 25px 0; background:#ffffff;}
/*
.ameba-hiromi .mailmagazineBlock5 .txt5 .box-request {width:594px;}
.ameba-hiromi .mailmagazineBlock5 .txt5 table {border-collapse:collapse; border-spacing:0; empty-cells:show;}
.ameba-hiromi .mailmagazineBlock5 .txt5 th {width:140px; font-weight:normal; text-align:right; vertical-align:middle; padding:0 0 10px 0;}
.ameba-hiromi .mailmagazineBlock5 .txt5 td {text-align:left; vertical-align:middle; padding:0 0 10px 6px;}
.ameba-hiromi .mailmagazineBlock5 .txt5 td input {height:1.6em; line-height:1.5em; background:#fff url(../../request/img/bg_form_text.png) repeat-x left top; border:solid 1px #a8acad;}
.ameba-hiromi .mailmagazineBlock5 .txt5 .btn {margin:0 0 0 146px; padding:10px 0 0 0;}
*/

.ameba-hiromi .box-product ul {
	width: 640px;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.ameba-hiromi .box-product li {
	float: left;
	width: 198px;
	height: 229px;
	margin-right:23px;
	margin-bottom:10px;
}

.ameba-hiromi .box-product li.box3,
.ameba-hiromi .box-product li.box6 {
	margin-right:0;
}

.ameba-hiromi .box-product li.box4,
.ameba-hiromi .box-product li.box5,
.ameba-hiromi .box-product li.box6 {
	margin-bottom:0;
}

.ameba-hiromi .box-request {
	width: 584px;
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px
}

.ameba-hiromi .box-request table {
	width: 584px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0 0 10px 0;
}
.ameba-hiromi .box-request th,
.ameba-hiromi .box-request td {
	font-size: 12px;
	color: #664c1f;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #78694e;
}
.ameba-hiromi .box-request th {
	width: 170px;
	padding: 10px 0;
	background: #f7f5ed;
}
.ameba-hiromi .box-request th p {
	font-weight: normal;
	margin: 0 10px;
}
.ameba-hiromi .box-request td {
	padding: 10px 15px;
	background: #ffffff;
}

.block-01 .ttl_form {
	font-size: 18px;
	font-weight: normal;
	color: #f29437;
	margin-bottom: 15px;
}

p.submit_error {
	color: #cf3333;
	display: none;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
}

.submit_error_bg {
	background-color: #ffcccc !important;
	background-image: none !important;
}

.submit_msg {
	color: #709300;
	font-weight: bold;
	font-size:125% !important;
}

.submit_msg2 {
	color: #ff6c96;
	font-weight: bold;
	font-size:125% !important;
}

body.mailmagazinePage #container .ttl2 {
	display: none;
}

body.mailmagazinePageTop #container2 {
	display: none;
}


@media screen and (max-width: 899px) {

/*
	body.mailmagazinePage #header {
		width: 500px;

	}
	#hLogo {
		display: none;
	}

	#contents {
		width: 500px;
	}
	body.mailmagazinePage #container .ttl1 {
		display: none;
	}
	body.mailmagazinePage #container .ttl2 {
		display: block;
	}
	body.mailmagazinePage #container .mailmagazineBlock4 {
		width: 500px;
	}
	#fTxtBlock {
		width: 500px;
	}
	.btnpad {
		display: none;
	}


	body.mailmagazinePageTop #container {
		display: none;
	}

	html #container2 {-webkit-text-size-adjust: 100%;}

	body.mailmagazinePage {
		background-image: none;
	}

	body.mailmagazinePageTop #container2 {
		display: block;
		width:500px;
		margin: 10px auto 0;
		color: #000000;
	}

	#container2 a:link {
		color: #0000ff;
	}

	#container2 a:link,
	#container2 a:visited,
	#container2 a:active {
		color: #800080;
	}

	#container2 p {
		font-size:18px;
		line-height:26px;
	}

	#container2 h2 {
		background:#000;
		color:#F2F2F2;
		padding:7px 7px 7px 12px;
		font-size:18px;
		text-align:left;
		margin-bottom:10px;
	}

	#container2 * { margin:0; }

	#container2 img { border:0; }

	#container2 .botan_left {
		background:#FFF;
		border:1px #999 solid;
		width:210px;
		float:left;
		padding:10px;
	}

	#container2 .botan_right {
		background:#FFF;
		border:1px #999 solid;
		width:210px;
		float:right;
		padding:10px;
	}

	#container2 table {
		width: 100%;
		margin: 0 auto;
		border-bottom: 1px dotted #999;
		background: #FFF;
		color:#333;
		font-weight:bold;
	}
	#container2 table em {
		color: #f24097;
		font-weight:bold;
	}

	#container2 th {
		background: left top;
		vertical-align: top;
		text-align: left;
		padding: 12px 7px 7px 7px;
		width: 130px;
		border-top: 1px dotted #999;
		font-weight:bold;
		font-size:16px;
	}

	#container2 td {
		vertical-align: top;
		padding: 10px 7px 7px 7px;
		border-top: 1px dotted #999;
	}
	#container2 form img {
		vertical-align: middle;
	}
	#container2 textarea {
		width: 95%;
	}

	#container2 input[type="text"],
	#container2 input[type="email"],
	#container2 textarea {
		padding:3px!important;
		border:1px solid #999;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#container2 .red1 {
	    color: #FF0000;
	    font-weight: bold;
	}

	#container2 .qa {
		background:#FDEDD0;
		padding:5px 10px;
		margin-bottom:10px;
	}

	#footer_hero {
		position:static;
		text-align: right;
		margin-top: 10px;
	}
*/

}

.mailmagazineBlock2p,
.mailmagazineBlock4p {
	text-align: center;
}
.mailmagazineBlock2p .mailmagazineBlock2,
.mailmagazineBlock4p .mailmagazineBlock4 {
	text-align: left;
}

.mailmagazineBlock2a {
	margin: 0 20px 25px 20px;
}
.mailmagazineBlock2a .ttl_01 {
	margin-bottom: 30px;
}
.mailmagazineBlock2a .msg_01 {
	margin-bottom: 30px;
}
.mailmagazineBlock2a .msg_01 p {
	margin-bottom: 15px;
}
.mailmagazineBlock2a .ttl_02 {
	margin-bottom: 20px;
}
.mailmagazineBlock2a .img_movie {
	margin-bottom: 30px;
}
.mailmagazineBlock2a .ttl_03 {
	margin-bottom: 50px;
}
.mailmagazineBlock2a .img_01 {
	margin-bottom: 20px;
	text-align: center;
/*	width: 100%;*/
}
.mailmagazineBlock2a .img_02 {
	text-align: center;
/*	width: 100%;*/
}
.mailmagazineBlock2a .img_01 img,
.mailmagazineBlock2a .img_02 img {
	display: inline;
}

.frmMailmagazine04 {
}
.frmMailmagazine04 .box01 {
	width: 170px;
}
.frmMailmagazine04 .box02 {
	width: 250px;
}