/* CSS Document */

/* CSS Information ==============================================

File name: header_logout.css
Description: header area
Editors: aoi takahashi
Date: 2010.03.31
Table of Contents: 
  *header
  
================================================================*/
@charset "utf-8";

/*header*/
#area1 {
  background:#FFFFFF none repeat scroll 0 50%;
  height:auto;
  text-align:center;
  width:100%;
}

a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#header {
  width:920px;
  height:100px;
  margin:0 auto;
  position:relative;
}

#header h1 {
  left:0;
  position:absolute;
  top:10px;
}

#header h2 {
  left:237px;
  position:absolute;
  top:25px;
}

#logout_box{
  width:293px;
  height:84px;
  background:url(/img/common/header/logout_bg_image.jpg) no-repeat;
  position:absolute;
  top:11px;
  left:625px;
}

#logout_box_inner{
  width:254px;
  height:64px;
  margin:9px 18px 10px 21px;
  overflow:hidden;
}

.logout_left{
  width:178px;
  float:left;
  margin-top:27px;
  margin-right:15px;
  height:auto;
}

/*ie6ハック*/
* html .logout_left{
  width:178px;
  float:left;
  margin-top:29px;
  margin-right:15px;
  height:auto;
}

/*ie7ハック*/
*:first-child+html .logout_left{
  width:178px;
  float:left;
  margin-top:29px;
  margin-right:15px;
  height:auto;
}


.logout_right_box{
  width:61px;
  height:auto;
  float:right;
  margin-top:1px;
}

.btn_mypage{
  width:61px;
  margin-bottom:6px;
}

.btn_logout{
  width:61px;
}



.logout_left_text{
  width:98px;
  margin:0 20px 0 60px;
  text-align:left;
}
/*ie6ハック*/
* html .logout_left_text{
  display:inline;
  zoom:1;
  width:98px;
  margin:0 20px 0 60px;
  text-align:left;
}
/*ie7ハック*/
*:first-child+html .logout_left_text{
  display:inline;
  zoom:1;
  width:98px;
  margin:0 20px 0 60px;
  text-align:left;
}

.logout_left_text a:link    {color:#ff0066; text-decoration:underline;}
.logout_left_text a:visited	{color:#ff0066; text-decoration:underline;}
.logout_left_text a:hover   {color:#ff0066; text-decoration:none;}
.logout_left_text a:active	{color:#ff0066; text-decoration:none;}



.logout_left_id{
  float:left;
  padding:4px 0 0 22px;
}

.logout_left_pw{
  float:left;
  padding:3px 0 0 4px;
}

/*ie6ハック*/
* html .logout_left_pw{
  display:inline;
  zoom:1;
  float:left;
  padding:3px 0 0 4px;
}

.logout_left_input{
  float:right;
}