@charset "Shift_JIS";


/* 全体構造 **********************************************************************************************/

body{
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  margin-bottom: 20px;
  margin-top: 15px;
  color: #555555;
  text-align: center;
  background: url(../img/body_bg2.jpg) 20px 0 repeat-x #660000;
}

#wrapper{
  margin: 0 auto;
  width: 762px;
  background: #FFFFFF;
  text-align: left;
}
.clear{
  clear: both;
}
img{
  border: none;
  }
/*グローバルナビ**********************************************************************************************/

#global {
	background: #990F0C;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 762px;
}
#global ul {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 286px;
}
#global li {
     display:inline;
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: xx-small;
	list-style: none;
}
#global li a{
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#global #g01 {
	background: url(../img/navi_japan.jpg) no-repeat;
	width: 106px;
	height: 17px;
}
#global #g02 a{
	background: url(../img/navi_english.jpg) no-repeat;
	width: 92px;
	height: 17px;
}
#global #g03 a{
	background: url(../img/navi_usa.jpg) no-repeat;
	width: 94px;
	height: 17px;
}

#global em {
    visibility: hidden;
	color: #FFFFFF;
}


/* ヘッダ ************************************************************************************************/
  
#header{
  margin: 0;
  width: 762px;
  height: 54px;
  background: url(../img/header_bg.jpg) top repeat-x;
}


h1{
  margin-top: 0px;
  padding-top: 0px;
  width: 193px;
  height:39px;
  float:left;
  font-size: small;
}
  
h1 img{
  vertical-align: top;
}

.txt_header{
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 10px;
  color: #555555;
  letter-spacing: 0.1em;
 }
 
/* ナビゲーション ****************************************************************************************/
 
#navi{
  float: right;
  top: 22px;
  right: 5px;
  position: relative;
  width: 300px;
  height: 13px;
}

#navi ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#navi li{
  margin: 0px;
  padding: 0px;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
  font-size: 10px;
  color: #666666;
  letter-spacing: 0.1em;
  height: 13px;
}
  
#navi li a{
  display: block;
  padding: 0 0 0 12px;
  text-decoration: none;
  text-align: left;
  color: #666666;
  height: 13px;
  background: url(../img/navi_icon.gif) left no-repeat;
}

#navi li a:hover{
  background: url(../img/navi_icon_f2.gif) left no-repeat;
}
  

#navi li#aboutus{
  float:right;
  width: 58px; !important;
  width/**/:70px;
}

#navi li#recruit{
  float:right;
  width: 58px; !important;
  width/**/:70px;
  }
  
#navi li#sitemap{
  float:right;
  width: 58px; !important;
  width/**/:70px;
  }
  
#navi li#home{
  float:right;
  width: 42px; !important;
  width/**/:54px;
  }
  
/* メニューボタン *****************************************************************************************/

#menuerea{
   margin: 0;
   padding: 0;
   }
   
#menu h2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 54px;
	width: 127px;
	text-indent: -9999px;
}
#menu {
    margin: 0px;
	padding: 0px;
    width: 762px;
	height: 54px;
	background: url(../img/menu.jpg) left top no-repeat;
}
#menu a {
	font-size: 5px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 54px;
	width: 127px;
}
  
#menu01 a:hover {
	background: url(../img/menu.jpg) 0px -167px;
}
#menu02 a:hover {
	background: url(../img/menu.jpg) -127px -167px;
}
#menu03 a:hover {
	background: url(../img/menu.jpg) -254px -167px;
}
#menu04 a:hover {
	background: url(../img/menu.jpg) -381px -167px;
}
#menu05 a:hover {
	background: url(../img/menu.jpg) -508px -167px;
}
#menu06 a:hover {
	background: url(../img/menu.jpg) -635px -167px;
}

#menu011 a {
	background: url(../img/menu.jpg) 0px -85px;
}
#menu021 a {
	background: url(../img/menu.jpg) -127px -85px;
}
#menu031 a {
	background: url(../img/menu.jpg) -254px -85px;
}
#menu041 a {
	background: url(../img/menu.jpg) -381px -85px;
}
#menu051 a {
	background: url(../img/menu.jpg) -508px -85px;
}
#menu061 a {
	background: url(../img/menu.jpg) -635px -85px;
}

   

/* 階層 ***************************************************************************************************/

#kaiso {
	font-size: 11px;
	color: #555555;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	height: 28px;
	text-align: right;
	font-weight: normal;
	margin-bottom: 0px;
	background: url(../img/bg_kaiso.jpg) repeat-x top;
	width: 762px;
}
.p_kaiso {
	margin: 0px;
	padding: 10px 17px 0px 0px;
}

#kaiso a{
  color: #666666;
  text-decoration: none;
  }
  
#kaiso a:hover{
  color: #666666;
  text-decoration: underline;
  }

.txt_11px{
  font-size: 11px;
  line-height: 120%;
  }
  
.text_11px_2{
  font-size:  11px;
  line-height: 140%;
  }
  
.kaijyo{ clear:both}

.bg_kaiso_title{
  background: url(../img/bg_kaiso_title.jpg) top left no-repeat;
  }
  
.bg_kaiso_title2{
  background: url(../img/bg_title.jpg) top left repeat-x;
  }
  
.bg_sidenavi{
  background: url(../img/bg_sidenavi.jpg) right repeat-y;
  }
  
.bg_sidebottom{
  background: url(../img/bg_sidenavi_bottom.jpg) left bottom no-repeat;
  }
  
.bg_side_gray{
  background: url(../lineup/sustec/img/bg_side.jpg) repeat-y;
  }
  
.bg_side_grayshadow{
  background: url(../img/bg_side_grayshadow.jpg) left bottom no-repeat;
  }
  
/* コンテンツ **************************************************************************************/ 
#content {
	margin: 0px;
	padding: 0px;
	width: 762px;
	height: auto;
}
  
/* ページトップ **************************************************************************************/
#pagetop{
  padding-top: 0px;
  margin-bottom: 0px;
  width: 762px;
  height: 28px;
  text-align: right;
  background: #FFFFFF;
  }



/* フッタ ********************************************************************************************/

#footer{
  clear: both;
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 762px;
  height: 37px;
  background: url(../img/footer_bg.jpg) bottom repeat-x;
}

#footer p{
  margin: 0px;
  padding: 14px 20px 0px 0px;
  text-align: right;
  font-size: 11px;
}

#footer ul{
  margin: 0px;
  list-style: none;
  width: 130px;
}

#footer li{
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  color: #555555;
  letter-spacing: 0.1em;
  height: 13px;
  position: absolute;
}
  
#footer li a{
  display: block;
  padding: 0 0 0 14px;
  text-decoration: none;
  text-align: left;
  color: #555555;
  height: 13px;
  background: url(../img/navi_icon.gif) left no-repeat;
}

#footer li a:hover{
  background: url(../img/navi_icon_f2.gif) left no-repeat;
}

#footer li#aboutsite{
  top: 14px;
  right: 610px;
  width: 116px; !important;
  width/**/:130px;
  }
  
/* 画像配置 ***************************************************************************************************/
.img-right{
  float: right;
  margin: 0px 0px 0.5em 12px;
  padding: 0px;
}
.img-left{
  float: left;
  margin: 0px 12px 0.5em 0px;
  padding: 0px;
}
 
/* テキスト ***************************************************************************************************/

.copy{
  margin: 0px 0px 0.8em;
  padding: 0px;
  color: #555555;
  font-size: 12px;
  line-height: 150%;
  text-align: left;
  }
  
.copy p{
  margin: 0px 0px 10px;
  padding: 0px;
}
  
.copy-indent{
  margin: 0px 0px 0.8em;
  padding: 0px;
  color: #555555;
  font-size: 12px;
  line-height: 150%;
  text-align: left;
  text-indent: 1em;
  }
  
.txt_red{
  color:#CC0000;
  font-size: 11px;
  line-height: 120%;
  font-size: 11px;
  line-height: 120%;
  } 
.txt_arrow{
  padding-left: 20px;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 130%;
  background: url(../lineup/img/arrow_frame.gif) left 0.2em no-repeat;
  }
  
a{
  color: #555555;
  text-decoration:none;
  }
  
a:hover{
  color: #CC0000;
  text-decoration:underline;
  }
  
.txt_arrow2{
  padding-left: 22px;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 130%;
  background:url(../lineup/img/arrow.gif) 10px 0.2em no-repeat;
  }
  
.txt_arrow3{
  padding-left: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  background:url(../lineup/img/arrow.gif) left 0.2em no-repeat;
  }
    
.txt_arrow_down{
  padding-left: 20px;
  font-size: 10px;
  letter-spacing: 1px;
  background: url(../lineup/img/arrow_frame_down.gif) left 0.2em no-repeat;
  }
  
.white_12px{
  font-size: 12px;
  color: #FFFFFF;
  }
  
.txt_14px{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #444444;
  }
  
.recruit td{
  padding: 4px;
}

/* 在庫確認 ************************************************************************************************/
h5.blandname{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0.3em 20px 0.3em 0px;
  padding: 2px 2px 2px 22px;
  background: #EBEBEB url(../img/arrow_down_gray.jpg) 3px 0.4em no-repeat;
}

/*サイトマップ**********************************************************************************************/
td.site-line{
  background: url(../img/dot_line.gif) bottom no-repeat;
  font-size:  11px;
  line-height: 140%;
}


.btn_spec{
margin:0 0 0 45px;
text-align:left;
}



