@charset "utf-8";

/* ----------------------------------------
 * このスタイルは、supportersディレクトリ専用
 * ---------------------------------------- */



/* ----------------------------------------
 * SAMPLE（プロパティはこの順番で記述）
 * ---------------------------------------- */
/*
div.section_base {
	margin: 0 0 15px 0;
	padding: 8px 10px;
	border: 1px solid #f00;	    width > style > color 
	display: block;
	position: absolute;
	top :0;
	right: 0;
	bottom: 0;
	left: 0;
	float: none;
	clear: both;
	z-index: 1;
	width: 600px;
	min-width: 400px;
	max-width: 600px;
	height: 300px;
	min-height: 100px;
	max-height: 300px;
	line-height: 1.5;
	vertical-align: middle;
	overflow: auto;
	clip: auto;
	visibility: visible;
	list-style: disc outside;      type > position > image 
	color: #000;
	background: #fff url(/images/bg.png) repeat-y fixed top left;	    color > image > repeat > attachment > position 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%;
	line-height:1.5; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-indent: 1em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-transform: lowercase;
	cursor: pointer;
	}
*/





/* ----------------------------------------
 * BASE
 * ---------------------------------------- */
 #mailmag_cont {/*　他ページの#cont_inにあたる　*/
	margin:0 auto;
	padding:30px 0;
	width:700px;
	text-align:left;
}
#mailmag_cont h2{
	margin:0 0 50px 0;
	padding:0;
}

/* TITLE */

#main_contents h2{
	margin:0px 0 0 35px;
	padding:0;
}
#cont_in h3 {
	margin:15px 20px 40px 20px;
	padding:0;
}






/* #cont_in h3 */

h3.copy{
	clear:both;
	margin:30px 0px 30px 40px;
	display: block;
	width:620px;
	height:82px;
	overflow: hidden;
	background: url(../../images/front/mailmag/img_01.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}


	/* 完了画面のh3　*/
h3.kanryou{
	clear:both;
	margin:30px 0px 30px 40px;
	display: block;
	width:620px;
	height:82px;
	overflow: hidden;
	background: url(../../images/front/mailmag/img_02.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
	/* 完了画面のh3　*/
h3.kanryou2{
	clear:both;
	margin:30px 0px 30px 40px;
	padding:35px 0 0 180px;
	display: block;
	width:440px;
	height:47px;
	overflow: hidden;
	background: url(../../images/front/mailmag/img_03.gif) no-repeat 0px 0px;
	font-size:127%;
}




/* EXPLANATION */

ul.explanation {
	margin:0 0 15px 40px;
	padding:0;
	width:532px;
}
ul.explanation li {
	margin:0 0 8px 0;
	padding:0;
}
ul.explanation li.right {
	margin:0 0 8px 0;
	padding:0;
	text-align:right;
}
ul.explanation li.end {
	margin:0 0 0 0;
	padding:0;
}
ul.explanation li span {
	color:#f00;
}



/* form_space */
 #form_space{
	margin:0;
	padding:0 0 0 50px;
	width:532px;
	text-align:left;
}


/* form*/
div#form_box {
	margin:15px 10px 0px 40px;
	width:532px;
}

div#form_box ul.form01 {
	float:left;
	margin:0;
	padding:0;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/front/form/form_bg01.gif) repeat-y;


}
div#form_box ul.form02 {
	float:left;
	margin:0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/front/form/form_bg01.gif) repeat-y;
}
div#form_box ul.form03 {
	margin:0 0 20px 0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/front/form/form_bg01.gif) repeat-y;
}

div#form_box ul.form01 li {
	border-bottom:solid 1px #ccc;
}
div#form_box ul.form02 li {
	border-bottom:solid 1px #ccc;
}
div#form_box ul.form03 li {
	border-bottom:solid 1px #ccc;
}
div#form_box ul.form01 li li {
	border:none;
}
div#form_box ul.form02 li li {
	border:none;
}
div#form_box ul.form03 li li {
	border:none;
}
div#form_box ul.form01 dl{
	/margin:-15px 0 0 0;
}
div#form_box ul.form02 dl{
	/margin:-15px 0 0 0;
}
div#form_box ul.form03 dl{
	/margin:-15px 0 0 0;
}

div#form_box ul.form01 dl dt {
	margin:0;
	padding:8px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;

}
div#form_box ul.form02 dl dt{
	margin:0;
	padding:5px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;
}
div#form_box ul.form03 dl dt{
	margin:0;
	padding:5px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;
}

div#form_box ul.form02 dl dt div.mailaddress{
	/height:70px;
}
div#form_box ul.form01 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
div#form_box ul.form02 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
div#form_box ul.form03 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
div#form_box ul.form02 li dl dd ul li.back p{
	margin-top:8px;
	line-height:150%;

}
div#form_box ul.form03 li dl dd ul li.back p{
	margin-top:8px;
	line-height:150%;

}


div#form_box div.form_public{
	margin:20px 0 0 80px;
	line-height:150%;

}
div#form_box div.form_public ul li{
	margin-bottom:6px;

}
div#form_box div.form_public ul li input{
	vertical-align: middle;

}
div#form_box div.form_public ul li span{
	padding-left:20px;
	color:#cc0000;
	font-size:11px;
}






/* BUTTOM */
.form_btn_in{
	float:left;

}


/* 2カラムで、確認ボタンひとつの時 */
.form_btn_in ul.form_button01_625{
	margin:20px 0 30px 0;
	padding-left:185px;
	float:left;
	width:401px
}
/*入力内容を確認するボタン*/
input.entry_check_btn{
	background:url(../../images/form/entry_check_btn.gif) no-repeat 0 0;
	width:184px;
	height:36px;
	border:0;
	cursor:pointer;
}

/* 2カラムで、 作成ボタンと戻るボタンの時 */
.form_btn_in ul.form_button02_625{
	margin:20px 0 30px 100px;
	width:455px;
	padding:0;
}
.form_btn_in ul.form_button02_625 li{
	margin:0;
	display:inline;
	width:180px;
	padding:15px;
}

/*上記内容に変更するボタン*/
input.form_btns_18{
	background:url(../../images/form/form_btns_18.gif) no-repeat 0 0;
	width:148px;
	height:36px;
	border:0;
	cursor:pointer;
}
input.form_btns_18:hover{
	background:url(../../images/form/form_btns_18_02.gif) no-repeat 0 0;
}
/*戻って修正するボタン*/
input.back_btn{
	background:url(../../images/form/back_btn.gif) no-repeat 0 0;
	width:113px;
	height:36px;
	border:0;
	cursor:pointer;
}
input.back_btn:hover{
	background:url(../../images/form/back_btn_02.gif) no-repeat 0 0;
}




	/* mailmag_02.html（入力確認画面） */
div#form_space p.text01{
	margin:20px 0 0 10px;
}

div#form_space div#form_box div.form_ul02 {
	margin:0 auto;
	padding:20px 0 0px 0px;
	width:100%;
	clear:both;
	text-align:center;
}
div#form_space div#form_box div.form_ul02 ul{
	margin:0 auto;
	padding:0px 0 0px 130px;
}
* html div#form_space div#form_box div.form_ul02 ul{/* for IE6 */
	padding:0px 0 0px 80px;
}

div#form_space div#form_box div.form_ul02  ul li{
	float:left;
	width:55px;
}
div#form_space div#form_box div.form_ul02 ul li.form_button01{
	margin-right:60px;
}


/* 必須の※ */
.hisuu_red {
	margin-left:5px;
	color:#f00;
	font-size:90%;
}



/* トップへ戻る */

div.form_ul03 {
	margin:30px 0 0 0;
	padding:0;
}
div.form_ul03 p {
	text-align:center;
	margin:0 0 50px 0;
	padding:0;
}



/* 登録解除ページ（mailmag_04.html) */
#main_contents #cont_in #form_space_04{
	margin:0 0 0 40px;
	width:532px;
}

div#form_space_04 p.text02{
	margin-bottom:15px;
	font-weight:bold;
}

div#form_space_04 form{
	margin:30px 0;
	text-align:center;
}
div#form_space_04 form input#kaijyo_btn{
	margin-left:10px;
}



/* メンテのアナウンス */
p.announce{
	color:#F00;
	margin-bottom:30px;
}