#title{
margin:10px 25px;
width:850px;
height:125px;
background-image: url("/m_magazine/image/title.jpg");
float:left;
}

#title img{
position : relative ;top:10px; left:476px ;
}

#title p{
position:relative; top :-25px;
margin-left:60px;
width:400px;
margin-botto:5px;
font-size:12px;
}

#contents{
width:540px;
margin:0 auto;
text-align:center;
fleat:left;
}

h1,h2{
font-size:15px;
text-align:left;
font-weight:normal;
}

h2{
margin-bottom:
}

.form01,.form02{
width:540px;
float:left;
margin:10px 0px;
}

.f01,.f02,.f03,.f04,.f05,.f06,.f07,
.f08,.f09,.f10,.f11
{
width:100%;
float:left;
background-color:#D2CBB0;
text-align:left;
}

.f01,.f02,.f03,.f04,.f05,.f06,.f07,
.f08,.f10{
border-bottom:solid 1px #fff;
}

.f09,.f11{
margin-bottom:10px;
}

p.left,p.right{
float:left;
}

p.left{
width:200px;
padding:6px 5px 5px 5px;

}
p.right{
width:319px;
background-color:#F2F0D9;
padding:5px 5px 5px 5px;
border-left:solid 1px #fff;
}

.attention{
text-align:left;
clear:both;
}

span{
color:red;
}

hr{
margin:10px 0px;
}

.attention a:link,
.attention a:visited,
.attention a:active {
color:#CC0000;
}

.attention a:hover{
text-decoration:underline;
}

.form_box {
	margin: auto;
font-size:100%;
}
.form_box td {
	padding: 6px;
}


.form-title {
	color: #5F5F5F;
	text-align: left;

}
.form-err-l {
	background-color: #D2CBB0;
	width: 170px;
	height: 25px;
	color: #5F5F5F;
	text-align: left;
}
.form-err-r {
	background-color: #F2F0D9;
	width: 340px;
	height: 25px;
	color: #dd0000;
	text-align: left;
}
.form-conf-l {
	background-color: #D2CBB0;
	width: 170px;
	height: 25px;
	color: #5F5F5F;
	text-align: left;
}
.form-conf-r {
	background-color: #F2F0D9;
	width: 340px;
	height: 25px;
	color: #5F5F5F;
	text-align: left;
}
td {
	color: #5F5F5F;
}
span {
	color: #dd0000;
}