@charset "utf-8";

/****************************************************************************
ラップ
****************************************************************************/

#wrap {
  width:970px;
  padding-left:10px;
  margin:0 auto;
}

#logo {
  float:left;
  width:200px;
  height:190px;
  background:url(../img/logo.gif) no-repeat left top;
  text-indent:-9999px;
  overflow:hidden;
}

#logo a {
  display:block;
  width:200px;
  height:190px;
}

ul#menu {
  margin-left:220px;
  width:750px;
  height:50px;
  padding:15px 0;
  _margin-left:217px;
  _padding:0;
  _margin-top:15px;
  _margin-bottom:15px;
}

ul#menu li {
  float:left;
  width:120px;
  height:40px;
  padding:5px 0;
  margin-right:10px;
  _display:inline;
  background:no-repeat left bottom;
}

ul#menu li:hover { background-position:top; }

ul#menu li#m01 {
  width:210px;
  margin-right:20px;
  background-image:url(../img/m01.gif);
}

ul#menu li#m02 { background-image:url(../img/m02.gif); }

ul#menu li#m03 { background-image:url(../img/m03.gif); }

ul#menu li#m04 { background-image:url(../img/m04.gif); }

ul#menu li#m05 { background-image:url(../img/m05.gif); }

ul#menu li a {
  display:block;
  height:40px;
  text-indent:-9999px;
  overflow:hidden;
}

/****************************************************************************
コンテンツ
****************************************************************************/

div#contents {
  float:right;
  width:740px;
  padding-right:10px;
}

#home #contents,
#guide #contents {
  width:750px;
  padding-right:0;
}

/*パンクズ*/

ul#pathlist { line-height:1em; }

ul#pathlist li {
  display:inline;
  line-height:1em;
}

.pages h1,
.pagetitle {
  width:740px;
  height:28px;
  padding:30px 0 1px 0;
  margin-bottom:20px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

* html .pages h1 img,
* html .pagetitle img { float:left; }

.pages p.copy { margin-top:-5px; }

/****************************************************************************
サイド
****************************************************************************/

div#side {
  float:left;
  width:200px;
}

/*検索*/	

div#searchbox {
  display:none;
  width:200px;
  height:26px;
  padding-bottom:20px;
  background:url(../img/side_searchbox.gif) no-repeat left top;
}

#searchbox #search {
  float: left;
  padding: 0;
  margin: 6px 0 0 10px;
  border: 0;
  width: 115px;
  background: none;
  color:#B3B3B3;
}

*+html #searchbox #search { margin-top:0; }

* html #searchbox #search { margin-top:0; }

#searchbox button {
  float:right;
  width:60px;
  height:26px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/btn_search.gif) no-repeat left bottom;
}

#searchbox button:hover { background-position:top; }

/*キャンペーン*/

div#campaignbox {
  padding-bottom:10px;
  margin-bottom:20px;
  background:url(../img/side_campaignbox.gif) no-repeat left bottom;
  cursor:pointer;
}

#campaignbox h2 {
  width:200px;
  height:56px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/side_campaignbox_h2.gif) no-repeat left top;
}

#campaignbox div {
  width:180px;
  padding:0 10px;
  background:#FEEEDC;
}

#campaignbox div h3 {
  padding-top:0.5em;
  font-size:1em;
  color:#C9664C;
}

/*サイドメニュー*/

ul#smenu { padding-bottom:10px; }

ul#smenu li {
  width:200px;
  height:60px;
  margin-bottom:10px;
  background:no-repeat left bottom;
}

ul#smenu li:hover { background-position:top; }

ul#smenu li#sm01 { background-image:url(../img/sm01.gif); }
ul#smenu li#sm02 { background-image:url(../img/sm02.gif); }
ul#smenu li#sm03 { background-image:url(../img/sm03.gif); }
ul#smenu li#sm04 { background-image:url(../img/sm04.gif); }

ul#smenu li a {
  display:block;
  height:60px;
  text-indent:-9999px;
  overflow:hidden;
}

ul#smenu li#sm03box,
ul#smenu li#sm04box {
  width:180px;
  height:220px;
  padding:0 10px;
  background-image:url(../img/sm03box.gif);
  cursor:pointer;
}

ul#smenu li#sm04box {
  height:275px;
  background-image:url(../img/sm04box.gif);
}

ul#smenu li h3 {
  padding-top:0.5em;
  font-size:1em;
  color:#C9664C;
  width:180px;
  overflow:hidden;
  height:20px;
}

#sm04box img{
  -ms-interpolation-mode: bicubic;
}

div.seal { /*シール*/
padding-bottom:20px;
}


/****************************************************************************
フッタ
****************************************************************************/

div#footer {
  clear:both;
  width:960px;
  height:180px;
  margin:0 auto;
  padding-top:40px;
}

#footer ul {
  width:960px;
  height:12px;
  margin:0 auto 12px auto;
  padding:14px 0;
  background:url(../img/footer_ul.gif) no-repeat left top;
  text-align:center;
}

#footer li {
  font-size:0.917em;
  letter-spacing:normal;
  display:inline;
  text-align:center;
  padding:0 1.5em;
  border-right:1px solid #4d4d4d;
  line-height:1em;
}

#footer li.last { border:none; }

#footer li a { color:#4d4d4d; }

#footer p#sh {
  float:left;
  height:30px;
  padding-left:40px;
  background:url(../img/footer_sh.gif) no-repeat left top;
  font-size:0.917em;
  line-height:30px;
}

#footer p#copy {
  float:right;
  text-align:right;
  font-size:0.834em;
}

/****************************************************************************
共通クラス
****************************************************************************/

p.gotop {
  clear:both;
  width:130px;
  height:20px;
  padding-left:830px;
  margin:0 auto;
}

.gotop a {
  float:right;
  display:block;
  width:130px;
  height:20px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/gotop.gif) no-repeat right bottom;
}

.gotop a:hover { background-position:right top; }

/*インデント*/

.kome {
  text-indent:-1em;
  margin-left:1em;
}

/*一行下げ*/

.sage { margin-top:1.5em; }

/*クリアフィックス*/

.clear:after,
#main:after,
#wrap:after,
#container:after {
  content:"";
  display:block;
  clear:both;
}

*+html body .clear,
*+html body #wrap,
*+html body #main,
*+html body #container { display:inline-block; }

* html body .clear,
* html body #wrap,
* html body #main,
* html body #container { height:1px; }

/****************************************************************************
jQuery用
****************************************************************************/

.bl { cursor:pointer; }

img.over {
  filter: Alpha(opacity=50);
  opacity:0.5;
}