@charset "UTF-8";

/***************************************************
共通部分
****************************************************/
*{
    margin:0px;
    padding:0px;
}

html {
    height: 100%;
}

body {
    height: 100%;
    overflow-y:visible;
    _overflow-y:scroll;
    width:768px;
    margin-left:auto;
    margin-right:auto;
    /* _width:expression((body.clientWidth)+"px"); */
    _margin-left:expression((body.clientWidth-768)/2+"px");
    _margin-right:expression((body.clientWidth-768)/2+"px");
    font-size:12px;
    color:#474747;
    background-image: url("../images/bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka;
}

img {
    border:0px;
    margin:none;
    margin:0px;
}

div#container {
    position:relative;
    width;768px;
    height:100%;
    _height:expression((body.clientHeight)+"px");
    padding:0;
    min-height: 100%;
}

body > #container {
    height: auto;
}

div#main {
    padding-bottom:75px;
    /* overflow:auto; */
    overflow:visible;
}

div#main .inner {
  width:100%;
  margin-bottom:15px;
}

/***************************************************
ヘッダー部分
****************************************************/

#header {
  margin-bottom:10px;
  width:100%;
  height:197px;
}

#header .top   {
  width:768px;
  height:131px
}

#header .top .left {
  float:left;
  height:131px;
  width:188px;
  position:relative;
  left:35px;
  top:0px;
}

#header .top .right {
  float:left;
  height:131px;
}

#header .top .right .top {
  height:48px;width:580px;
}

/* ナビゲーション１ */
#header .top .right .top .navigation {
  width:474px;
  height:27px;
  position:relative;
  left:106px;
  top:0px
}
#header .top .right .top .navigation .corner_left {
  float:left;
  height:27px;
  width:9px;
}
#header .top .right .top .navigation .middle {
  float:left;
  height:22px;
  _height:27px;
  width:455px;
  background:#317ED6;
  color:#fff;
  text-align:center;
  padding-top:5px;
}
#header .top .right .top .navigation .middle a{
  color:#FFF;
}

#header .top .right .top .navigation .corner_right {
  float:left;
  height:27px;
  width:10px;
}

#header .top .right .bottom {
  height:83px;
  width:580px;
}

/* 見出し */
#header .top .right .bottom .caption {
  float:left;
  width:206px;
  font-size:10px;
  text-align:center;
  color:#6C6C6C;
  line-height:150%;
  letter-spacing:1px;
}

/* メールマガジン登録 */
#header .top .right .bottom .mailmagazine {
  float:left;
  width:245px;
  text-align:center;
  padding-right:5px;
}
#header .top .right .bottom .mailmagazine .corner_left {
  float:left;
  height:73px;
  width:9px;
}
#header .top .right .bottom .mailmagazine .middle {
  float:left;
  height:73px;
  width:222px;
  background:#317ED6;
  text-align:center;
  font-size:10px;
  color:#fff;
}
#header .top .right .bottom .mailmagazine .middle .content {
  position:relative;
  top:8px;
}
#header .top .right .bottom .mailmagazine .corner_right {
  float:left;
  height:73px;
  width:9px;
}

/* クーポンパスポート */
#header .top .right .bottom .couponpassport {
  float:left;
  width:124px;
}

/* ナビゲーション２ */
#header .navigation {
  width: 768px;
  height: 27px;
  text-align:center;
}

/* 検索バー */
#header .search {
  width:768px;
  height:39px;
}
#header .search .corner_left {
  float:left;
  height:39px;
  width:9px;
}

#header .search .middle {
  float:left;
  height:39px;
  width:750px;
  background-image:url(../images/bar_03_bg.jpg);
}

#header .search .middle .form {
  float:right;
  padding-top:9px;
  margin-right:5px;
}

#header .search .middle .form .select_category {
  vertical-align:middle;
  height:18px;
  width:150px;
}

#header .search .middle .form .input_keyword {
  vertical-align:middle;
  height:16px;
  _height:20px;
  width:150px;
}

#header .search .middle .form .button_submit {
  vertical-align:middle;
}

#header .search .middle .image_tenant {
  float:right;
  margin-right:10px;
}

#header .search .corner_right {
  float:left;
  height:39px;
  width:9px;
}

/***************************************************
フッター部分
****************************************************/

#footer {
  height:75px;
  width:748px;
  _width:768px;
  background: #F4F4F4;
  /* position:absolute; */
  position:relative;
  bottom:0px;
  padding:10px;
}

#footer .left {
  width:410px;
  float:left;
}

#footer .left .bottom {
  margin-top:7px;
  font-size:10px;
  color:#595959;
}

#footer .right {
  width:338px;
  float:left;
}

#footer .right .geotrust {
  width:115px;
  float:left;
}

#footer .right .text {
  width:200px;
  float:left;
  padding:10px;
  font-size:10px;
}