@charset "utf-8";

#pop_bg{
position:fixed;
width:100%;
height:100%;
display:none;
top:0px;
left:0px;
background-color:#EEE;
}

/*mail*/
#mail{
position:absolute;
left:0px;
top:0px;
width:100%;
top:100px;
display:block;
text-align:center;
display:none;
}

#mail h1{
font-size:1.2em;
}

#mail_content{
width:320px;
margin:0px auto;
}

#mail_inner{
overflow:auto;
text-align:left;
border:5px solid #F90;
padding:10px;
background-color:#FFF;
width:300px;
}


#mail_form dt{
float:left;
display:block;
clear:left;
width:60px;
text-align:right;
margin-right:10px;
color:#333;

}

#mail_form dd .error{
color:#C00;
display:block;
text-align:center;
}

#mail_form input,textarea{
border:1px solid #F90;
}

.mail_item{
margin:5px 0px;
}

.submit_row{
margin:0px auto;
text-align:center;
}

#mail_form .submit_row input{
padding:2px;
border:1px solid #FC0;
background-color:#F90;
color:#FFF;
}

#mail_form .submit_row input:hover{
color:#333;
background-color:#FC0;
}


input.submit{
cursor:pointer;
margin:5px;
width:210px;
}


input.reset,input.close{
cursor:pointer;
margin:5px;
}


/*method*/
#method{
position:absolute;
left:0px;
top:0px;
width:100%;
top:100px;
display:block;
text-align:center;
display:none;
}

#method h1{
font-size:1.4em;
color:#C00;
}

#method h2{
font-size:1.2em;
}

#method .text{
margin-left:20px;
}




#method_content{
width:900px;
margin:0px auto;

}

#method_inner{
border:5px solid #F90;
overflow:auto;
text-align:left;
padding:10px;
background-color:#FFF;
}

.pop_toolbar{
width:100%;
height:34px;
margin-bottom:-5px;

}

.btn_close a{
position:absolute;
right:0px;
background:url('ui/btn_close.png') left top no-repeat;
display:block;
width:34px;
height:34px;
}

.btn_close a span{
position:absolute;
overflow:hidden;
width:0px;
height:0px;
}