@charset "utf-8";

/*----------------------------------------------
共通
-----------------------------------------------*/
#wrapper {
  margin: 0 auto;
  width: 900px;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background: #fff;
}
.red {
  color: #ff0000;
}
.content {
  margin-bottom: 20px;
}
input ,select {
  position: relative;
  top: 1px;
}
table {
  width: 100%;
  border-collapse: collapse;
}
td {
  padding: 5px;
  border-bottom: dotted 1px #ccc;
  vertical-align: top;
}
.head {
  padding-left: 15px;
  width: 80px;
  background: url(../images/point.gif) no-repeat 2px 10px;
}

/*----------------------------------------------
ヘッダー
-----------------------------------------------*/
#header {
  position: relative;
  width: 100%;
  height: 87px;
}
#header_skin, #header_skin_search {
  width: 100%;
  height: 87px;
  overflow: hidden;
}
#logo {
  position: relative;
  width: 100%;
  height: 47px;
  overflow: hidden;
}
#header_skin h1, #header_skin_search h1 {
  width: 604px;
  height: 30px;
  font-size: 12px;
  text-indent: 15px;
  line-height: 3em;
  font-weight: normal;
  overflow: hidden;
}
#btn_favorite,#btn_sitemap,#btn_inquiry {
  position: absolute;
  top: 5px;
  width: 110px;
  height: 24px;
  text-indent: -9999px;
  _overflow: hidden;
}
/*
#btn_favorite {
  right: 234px;
}
#btn_sitemap {
  right: 122px;
}
#btn_inquiry {
  right: 10px;
}
*/
#btn_favorite a,#btn_sitemap a,#btn_inquiry a {
  display: block;
  width: 110px;
  height: 24px;
  _height: 48px;
  overflow: hidden;
  _cursor: pointer;
}
#btn_inquiry a:hover {
  background-position: 0px -24px;
}
#btn_sitemap a:hover {
  background-position: 0px -24px;
}
#btn_favorite a:hover {
  background-position: 0px -24px;
}

/*----------------------------------------------
メニュー
-----------------------------------------------*/
#menu {
  float: right;
  width: 199px;
  border-left: solid 1px #ccc;
  background: url(../images/2column/bg_menu.gif);
  overflow: hidden;
}
#menu ul {
  margin: 20px 9px;
  width: 180px;
}
#menu li {
  margin-bottom: 5px;
  width: 180px;
  height: 54px;
  font-weight: bold;
  line-height: 4.6em;
  text-indent: 22px;
  overflow: hidden;
}
#menu li a {
  display: block;
  width: 180px;
  height: 54px;
  _height: 108px;
  cursor: pointer;
}
#menu li a:hover {
  background-position: 0px -54px;
}
#menu .menu_edit {
  width: 176px;
  min-height:65px;
  margin:20px 9px;
  position:relative;
  overflow: hidden;
}

/*----------------------------------------------
メイン
-----------------------------------------------*/
#main {
  float: left;
  margin: 20px 20px 40px 20px;
  _margin: 20px 20px 40px 10px;
  width: 660px;
  overflow: hidden;
}
#main_long {
  margin: 20px 0 40px 20px;
  width: 95%;
}
.title {
  margin-bottom: 10px;
  width: 660px;
  height: 34px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  line-height: 2.3em;
  overflow: hidden;
}
.title span {
  display: inline-block;
  padding-left: 10px;
  width: 100%;
  height: 34px;
}
.title_special {
  margin-bottom: 10px;
  width: 660px;
  height: 34px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  line-height: 2.3em;
  overflow: hidden;
  display: inline-block;
  padding-left: 10px;
  width: 100%;
  height: 34px;
}

/*----------------------------------------------
フッター
-----------------------------------------------*/
#footer {
  clear: both;
  position: relative;
  width: 100%;
  height: 42px;
  background: url(../images/bg_footer.gif) repeat-x;
}
#pagetop {
  position: absolute;
  top: -28px;
  right: 20px;
  width: 109px;
  height: 28px;
  cursor: pointer;
}
#copyright {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 800px;
  text-align: right;
  color: #666;
}