@charset "utf-8";
@import url('../../common/css/tmpl.css');

/* mail_magazine.html 用 */
body{
/* background: url(../../info/img/info_back.gif) top left repeat-x #f8b600; */
}


img#thispage_mail_magazine{
float: right;
margin-right: 4px;
width: 156px;
height: 25px;
}

/* メインコンテンツ */

/* 先のコンテンツ */
.mail_magazine_top_content{
	float: left;
	margin: 0;
	width: 400px;
}

/* mail_magazine タイトル */
h2{
float: left;
width: 256px;
height: 54px;
margin: 25px auto 0 21px;
display: inline;
}

/* mail_magazine_message */
.mail_magazine_message{
	float: left;
	width: 324px;
	margin: 28px auto auto 30px;
}


/* form 関連 */
form{
float: left;
width: 570px;
margin: 15px auto auto 0;
padding: 60px 0 60px 0;
border: solid #cccccc 1px;
background-color: #FFFFFF;
}

/* 1 行 */
form div{
	float:left;
	width:570px;
	margin: 0 0 22px 0;
}

/* 文字関係 */
form p,
label{
	float: left;
	width: 116px;
	margin: 0 auto 0 86px;
	padding: 0 0 0 11px;
	background-image:url(../img/icon_form_item.gif);
	background-repeat: no-repeat;
	display: inline;
	background-position: center left ;
	line-height: 22px;
}

form div.check{
	float:left;
	height: 44px;
	width: 570px;
}

form div.check div{
	float: none;
	margin: 0 auto;
	width: 179px;
}

form div.check p{
	width: 570px;
	margin: 0;
	background-image: none;
	text-align: center;
}

p#age,
p#random,
label.gender{
	margin:0;
	padding:0;
	background-image:none;
	width:40px;
}

/* input box 関連 */
input{
	border: solid #cccccc 1px;
	margin: 0 auto auto 29px;
	float: left;
	width: 240px;
	height: 20px;
	font-size: 16px;
}

input#input_age{
	width: 40px;
	margin-right: 10px;
}

input#post_code_first{
	margin-right: 10px;
	width: 37px;
}

input#post_code_last{
	margin-right: 10px;
	margin-left:0;
	width: 80px;
}

form div.check input{
	margin: auto 10px auto 20px;
}

#zip_center{
	background: none;
	margin:0;
	padding:0;
	margin-right: 10px;
	width: 5px;
}

/* select_box 関連 */
.select_female{
margin: auto auto auto 10px;
}

input.select_male,
input.select_female,
input.select_yes,
input.select_no{
height: 25px;
width: 15px;
border: none;
margin-right: 10px;
}

/* JavaScriptOn時の設定 */
#l1{
margin: 0 10px auto 29px;
width: 30px;
cursor: pointer;
padding-left: 20px;
}

#l2{
margin: auto 10px auto 10px;
width: 30px;
cursor: pointer;
padding-left: 20px;
}

#c1{
margin: 0 0 auto 29px;
width: 30px;
cursor: pointer;
padding-left: 20px;
}

#c2{
margin: auto 10px auto 10px;
width: 40px;
cursor: pointer;
padding-left: 20px;
}

/* JavaScriptOff 時の設定 */
label.default#l1,
label.default#l2,
label.default#c1,
label.default#c2{
background: none;
margin: 0;
padding: 0;
width: 40px;
}

/* JavaScriptOn ，選択されていない時の設定 */
label.normal{
background-image:url(../../common/img/icon_form_select_off.gif);
}

/* JavaScriptOn ，選択時の設定 */
label.p1{
background-image:url(../../common/img/icon_form_select_on.gif);
}

label.p2{
background-image:url(../../common/img/icon_form_select_on.gif);
}

label.c1{
background-image:url(../../common/img/icon_form_select_on.gif);
}

label.c2{
background-image:url(../../common/img/icon_form_select_on.gif);
}

/* 個人情報について */
#about_personal a,
#about_personal
{
width: 100%;
margin: 0;
padding: 0;
background: none;
text-align: center;
color: #0099ff;
}

#about_personal
{
margin-bottom: 26px;
}

/* ボタン */
div.btns{
float:none;
width: 192px;
margin: 0 auto;
}

#back,
#post{
width:88px;
height: 25px;
border: none;
margin: 0;
padding: 0;
}

#post{
	margin-left: 16px;
	}