@charset "utf-8";

/* ----------------------------------------------

	ザックザック / MAILMAGAZINE STYLE
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("./common/base.css");
@import url("./common/layout.css");
@import url("./common/module.css");


/* section
---------------------------------------------- */

div.section div.sectionL {
	width:320px;
	float:left;
}


div.section div.sectionL h3 {
	margin:0 0 20px;
}

div.section div.sectionL  p {
	margin:0 0 20px;
}

/* groupFrom
---------------------------------------------- */
div.groupForm {
	width:335px;
	padding:20px 0 0;
	float:right;
	background:#FDE800;
}

div.groupForm h3 {
	width:295px;
	text-align:left;
	margin:0 20px 15px;
}

div.groupForm h4 {
	width:295px;
	text-align:left;
	margin:0 20px 15px;
}

#main div.groupForm p {
	margin:0 20px 20px;
	font-size:93%;
}

div.groupForm form {
	text-align:center;
}

div.groupForm input {
	margin:0 17px 15px;
}

div.groupForm #inputForm1 {
	width:295px;
	height:45px;
	margin:0 20px 15px;
	border:solid 3px #000000;
}

div.groupForm #inputForm2 {
	width:295px;
	height:45px;
	margin:0 20px 25px;
	border:solid 3px #000000;
}

div.groupForm #inputForm1Error {
	width:295px;
	height:45px;
	margin:0 20px 15px;
	border:solid 3px #FF0000;
	background:#FF9C9C;
}

div.groupForm #inputForm2Error {
	width:295px;
	height:45px;
	margin:0 20px 25px;
	border:solid 3px #FF0000;
	background:#FF9C9C;
}





/* ----------------------------------------------

		hacks

---------------------------------------------- */

/* Clearfix
---------------------------------------------- */

div.sectionL,
div.groupForm {
		zoom: 1;/*for IE 5.5-7*/
}

div.sectionL:after,
div.groupForm:after {/*for modern browser*/
		display: block;
		clear: both;
		visibility: hidden;
		content: ".";
		height: 0px;
}

* html div.sectionL,
* html div.groupForm {
	display: inline-table;
	/*\*/display: block;/**/
}