@charset "utf-8";

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

#wrap {
  width:1020px;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0 auto -200px auto;
}

/****************************************************************************
ヘッダ
****************************************************************************/

#header {
  width:960px;
  height:80px;
  margin:0 auto;
}

#home #header { height:500px; }

#header #logo {
  position:absolute;
  top:0;
  left:auto;
  width:279px;
  height:39px;
  text-indent:-9999px;
  overflow:hidden;
  margin:25px auto auto 6px;
}

#header #logo a {
  display:block;
  width:279px;
  height:39px;
  background:url(img/header_logo.png) no-repeat left top;
}

#header ul {
  position:absolute;
  top:0;
  left:auto;
  margin-left:652px;
  z-index:10;
  width:308px;
  height:25px;
}

#header ul li,
#header ul li a{
  position:relative;
  z-index:100;
}

#header #flash {
  z-index:1;
  width:960px;
  height:500px;
}

#header li {
  float:left;
  height:25px;
}

#header li a {
  display:block;
  height:25px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left top;
}

#header #hl01 a { background-image:url(img/hl01.png); width:63px;}
#header #hl02 a { background-image:url(img/hl02.png); width:90px;}
#header #hl03 a { background-image:url(img/hl03.png); width:70px;}
#header #hl04 a { background-image:url(img/hl04.png); width:85px;}

/****************************************************************************
ヘッドメニュー
****************************************************************************/

ul#headmenu {
  width:960px;
  height:40px;
  margin:0 auto;
}

#headmenu li {
  float:left;
  height:40px;
}

#headmenu li a {
  display:block;
  height:40px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left bottom;
}

#headmenu li a:hover { background-position:left top; }

#headmenu #hm01 a { background-image:url(img/hm01.gif); width:100px;}
#headmenu #hm02 a { background-image:url(img/hm02.gif); width:102px;}
#headmenu #hm03 a { background-image:url(img/hm03.gif); width:103px;}
#headmenu #hm04 a { background-image:url(img/hm04.gif); width:77px;}
#headmenu #hm05 a { background-image:url(img/hm05.gif); width:177px;}
#headmenu #hm06 a { background-image:url(img/hm06.gif); width:133px;}
#headmenu #hm07 a { background-image:url(img/hm07.gif); width:178px;}
#headmenu #hm08 a { background-image:url(img/hm08.gif); width:90px;}

#headmenu #hm01n a { background-image:url(img/hm01n.gif); width:117px;}
#headmenu #hm02n a { background-image:url(img/hm02n.gif); width:118px;}
#headmenu #hm03n a { background-image:url(img/hm03n.gif); width:90px;}
#headmenu #hm04n a { background-image:url(img/hm04n.gif); width:192px;}
#headmenu #hm05n a { background-image:url(img/hm05n.gif); width:145px;}
#headmenu #hm06n a { background-image:url(img/hm06n.gif); width:195px;}
#headmenu #hm07n a { background-image:url(img/hm07n.gif); width:103px;}

/****************************************************************************
コンテナ
****************************************************************************/

#container {
  width:1020px;
  margin:0 auto;
}

#container:after {
  content:"";
  display:block;
  clear:both;
}

*+html #container { display:inline-block; }
* html #container { display:inline-block; }

/*パスリスト*/
#container #pathlist {
  width:960px;
  height:26px;
  padding:0 30px 40px 30px;
}

#pathlist li {
  float:left;
  line-height:26px;
}

/*メインコンテンツ*/
#main {
  float:left;
  width:720px;
  padding:240px 0 0 30px;
  background:no-repeat 30px top;
}

/*リード*/
#lead {
  width:680px;
  height:108px;
  background:url(img/line.gif) repeat-x left bottom;
}

  #lead h1,
  #lead p.pagetitle {
    float:left;
    padding:38px 0;
  }
  
  #lead p {
    float:right;
    padding:38px 0;
  }

  /*ページ切り替え　上下*/
  .pageswitch {
    position:relative; /*gotopにかかる*/
    width:100%;
    height:30px;
    padding-top:10px;
  }
  
  .pageswitch li {
    float:left;
    width:128px;
    height:30px;
    padding-right:10px;
  }
  
  .pageswitch li a {
    display:block;
    width:128px;
    height:30px;
    text-indent:-9999px;
    overflow:hidden;
    background:no-repeat left bottom;
  }
  
  .pageswitch li a:hover{ background-position:top; }

/*サイド*/
#side {
  float:right;
  width:270px;
  margin-bottom:30px;
}

  /*ページ切り替え サイド*/
  #pagemenu { padding-bottom:30px; }
  
  #pagemenu li {
    width:240px;
    height:40px;
    margin-bottom:10px;
  }
  
  #pagemenu li a {
    display:block;
    width:240px;
    height:40px;
    background:no-repeat left bottom;
    text-indent:-9999px;
    overflow:hidden;
  }
  
  #pagemenu li a:hover { background-position:top; }

/****************************************************************************
ボトム
****************************************************************************/

#bottom {
  clear:both;
  width:1020px;
  height:125px;
  padding:50px 0 40px 0;
  background:url(img/bottom.gif) no-repeat left top;
}

/****************************************************************************
資料請求・お問い合わせ
****************************************************************************/

/*資料請求*/
#side .contactbox {
  width:255px;
  height:125px;
  padding-top:10px;
  padding-left:15px;
  margin-bottom:20px;
  background:url(img/side_contactbox.gif) no-repeat left top;
}

#side .contactbox h2 {
  float:left;
  clear:both;
  padding:10px 0 8px 0;
  width:110px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left top;
}

#side #cc h2 { padding-right:5px; }

#side .contactbox h2 a {
  display:block;
  width:110px;
  height:25px;
  text-indent:-9999px;
  overflow:hidden;
}

#side .contactbox p {
  float:left;
  clear:both;
  width:110px;
  font-size:11px;
  line-height:18px;
  letter-spacing:normal;
}

#ct .catalog,
#cc .model {
  display:block;
  height:120px;
  text-indent:-9999px;
  overflow:hidden;
}

#ct h2 a { background:url(img/side_ct_h2.png) no-repeat left top; }

#cc h2 a { background:url(img/side_cc_h2.png) no-repeat left top; }

#ct .catalog {
  background:url(img/side_ct.png) no-repeat left bottom;
  width:142px;
  height:122px;
}

#cc .model {
  background:url(img/side_cc.png) no-repeat left bottom;
  width:100px;
  height:122px;
}
#ct .catalog:hover,
#cc .model:hover{
  background-position:top;
 }

#bottom .contactbox { float:left; }

#bottom .contactbox h2 {
  float:right;
  clear:both;
  width:155px;
  height:40px;
}

#bottom .contactbox h2 a {
  display:block;
  width:155px;
  height:40px;
  text-indent:-9999px;
  overflow:hidden;
}

#bottom .contactbox p {
  float:right;
  clear:both;
  width:155px;
  font-size:11px;
  line-height:18px;
  letter-spacing:normal;
}

#bl .catalog,
#bc .model {
  display:block;
  height:115px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left bottom;
}

#bottom #bl {
  width:325px;
  padding-right:40px;
}

#bl h2 a { background:url(img/bottom_bl_h2.png) no-repeat left top; }

#bl .catalog {
  background-image:url(img/bottom_bl.png);
  width:160px;
  height:116px;
}

#bottom #bc {
  width:285px;
  padding-right:35px;
}

#bc h2 a { background:url(img/bottom_bc_h2.png) no-repeat left top; }

#bc .model {
  background-image:url(img/bottom_bc.png);
  width:120px;
  height:115px;
}
#bl .catalog:hover,
#bc .model:hover{
  background-position:top;
  }

/*お問い合わせ*/

.inquirybox {
  float:left;
  width:230px;
  height:100px;
}

.inquirybox h2 {
  height:18px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/inquiry_h2.png) no-repeat left top;
}

.inquirybox p {
  width:220px;
  height:30px;
  text-indent:-9999px;
  overflow:hidden;
}

.inquirybox .tel {
  margin:7px 0px 15px 0px;
  background:url(img/inquiry_tel.png) no-repeat left top;
}

.inquirybox .mail a {
  width:220px;
  height:30px;
  display:block;
  background:url(img/inquiry_mail.png) no-repeat left bottom;
}

.inquirybox .mail a:hover { background-position:left top; }

#side #cb {
  width:220px;
  height:101px;
  padding:20px 10px;
  background:url(img/side_cb.gif) repeat-x left top;
}

#bottom #br {
  padding:8px 0 15px 40px;
  background:url(img/bottom_br.png) no-repeat left top;
}

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

#footer {
  clear:both;
  width:100%;
  height:180px;
  padding-top:20px;
  background:url(img/footer.gif) repeat-x left top #f3f3f3;
}

.push { height:200px; }

#footer ul {
  width:994px;
  height:1em;
  margin:auto;
}

#footer li {
  float:left;
  line-height:1.2em;
  letter-spacing:normal;
  padding:0 17px;
  border-right:1px solid #a0a0a0;
}

#footer .last { border:none; }

#footer div {
  width:960px;
  padding-top:30px;
  margin:auto;
}

#footer div p { letter-spacing:normal; }

#footer div #president {
  float:right;
  width:175px;
  height:92px;
}

#president a {
  display:block;
  height:92px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/footer_president.png) no-repeat left bottom;
}
#president a:hover{
  background-position:top;
  }
  
#footer address {
  display:block;
  letter-spacing:normal;
  padding:35px 0 20px 0;
  background:url(img/footer_logo.gif) no-repeat left top;
}

#footer div #copyright {
  font-size:10px;
  letter-spacing:normal;
}

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

p.gotop {
  float:right;
  width:960px;
  height:20px;
  margin-top:-20px;
  padding:0 30px;
}

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

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

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

.sage {
  padding-top:1em;
}

a.alpha:hover{
filter:Alpha(opacity=50);
opacity:0.5;
}

  .clear:after {
  content:"";
  display:block;
  clear:both;
  }
  *+html .clear { display:inline-block; }
	* html .clear { display:inline-block; }