@charset "utf-8";

/*
===== CONTENTS ===========================================

  0: CONTAINER 
  1: HEADER
  2: PAPER
  3: FORM
  4: FOOTER

==========================================================
*/

/*
===== 0: CONTAINER =========================================
*/

#container{
  height:100%;
  width:900px;
  background-color: rgb(255,255,255);　/* 背景の色 */
  position:relative;
  margin: 0px auto; 
  padding:0px;
  text-align: center; 
}


/*
===== 1: HEADER ==========================================
*/

#header3 {
  width:900px;
  height:160px;
  margin: 0px 0px 0px 0px ;
  position:relative;
  background: url(../img/mail/mail_header.gif) no-repeat;

}

#url_mail {
 position:absolute;
  margin: 120px 0px 0px 50px;
  color: rgb(80,80,80); /* 日付の色 */
  z-index:1;
  zoom:1;
}

 #index_mail{
 width:800px;
 height:15px;
 margin:120px 0px 0px 130px;
 position:absolute;
}

li.index_content_mail{
margin: 15px 10px 0px 10px;
position:relative;
display: inline;}



/*
===== 2:PAPER =========================================
*/

#paper{
  height:100%;
  width:900px;
  position:relative;
  margin: 0px; 
  padding:0px;
  text-align: left; 
  background: url(../img/back-img.gif) repeat-y;
}

#top_space {
  width:900px;
  height:30px;
  margin: 0px ;
 background: url(../img/back-img.gif) repeat-y;
}

#nav_area{
width:800px;
height:150px;
margin:0px auto auto 75px;
}

#mail_index{
width:800px;
height:150px;
 position:absolute;
}

#mail_index img{
 position:absolute;
}

#ul1{
margin:30px 0px 0px 40px;
}

#ul2{
margin:15px 0px 0px 40px;
}

#nav_area li{
margin:0px 40px 0px 0px;
font-size:110%;
position:relative;
display: inline;
}

.infocontent{
margin-left:25px;
}


.infomation{
width:630px;
margin:22px auto auto 150px;
}

span.large_font{font-size:large;
text-align:center;}

/*
===== FORM=========================================
*/

#post{
position:absolute;
margin:120px auto auto 160px;
z-index:2;
text-align:cente;
}

#form_area{
margin:0px 0px 0px 120px;
width:780px;
height:500px;
position:relative;
}

#postcard{
position:absolute;
margin:0px;

}

#frm{
margin:0px;
}

#form1{
margin:190px auto 0px 400px;
position:absolute;
*margin:195px auto 0px 400px;/* IE7 and below */

}

#form2{
margin:248px auto auto 0px;
position:absolute;
}

#formname{
margin:0px auto 0px 0px;
z-index:5;
}

#formmail{
margin:8px auto 0px 0px;
z-index:5;
}

#formmessage{
margin:15px auto auto 115px;
width:470px;
height:100px;
display: inline;
z-index:5;
}

#txtName, #txtMail{
width:180px;
height:15px;
border-style : dotted;
background-color:transparent;
background-color:rgb(247,238,232)\9; /* IE8 and below */
_background-color:transparent;/* IE6 */
color:#555555;
border-width: 0px;
font-size: 12px;
z-index:5;
outline: none;
}

#txtYobi4{
width:465px;
height:99px;
border-style : dotted;
background-color:transparent;
background-color:rgb(247,238,232)\9; /* IE8 and below */
_background-color:transparent;/* IE6 */
color:#555555;
border-width:0px;
font-size: 12px;
overflow: auto;
z-index:5;
outline: none;
}


.sendbtn{
width:42px;
margin:380px auto auto 560px;;
height: 18px;
cursor:pointer; 
position:absolute;
}
				
/*
===== FORM=========================================
*/

/*
===== 4: FOOTER ==========================================
*/


 #footer{
  width: 900px;
  height:100px;
  clear:both;
  margin: 0 auto 50px auto;
  padding: 0;
  background: url(../img/footer.gif) no-repeat;
}

#bottom_space {
  width:900px;
  height:120px;
  margin: 0px auto 0px auto ;
  position:relative;
 background: url(../img/back-img.gif) repeat-y;
}

 #gototop{
 margin:0px 0px 0px 750px;
  position:relative;
}

/*
===== 5:under_construction =========================================
*/

#u_c{
text-align:center;
height:500px;
margin:0px 0px 0px 0px;
background: url(../img/spacer.gif) repeat-y;
}

#uc_paper{
  width:900px;
  position:relative;
  margin: 0px auto; 
  text-align:center; 
  background: url(../img/back-img.gif) repeat-y;
}