@charset "Shift_JIS";

/* SΜ\’ **********************************************************************************************/

body{
  font-family: "lr oSVbN", "qMmpS 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;
}

/*O[oir**********************************************************************************************/
#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;
}


/* wb_ ************************************************************************************************/
  
#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;
 }
 
/* irQ[V ****************************************************************************************/
 
#navi{
  float: right;
  top: 22px;
  right: 5px;
  position: relative;
  width: 300px;
  height: 13px;
}

#navi ul{
  margin: 0;
  padding: 0px;
  list-style: none;
}

#navi li{
  margin: 0px;
  padding: 0px;
  font-family: "lr oSVbN", "qMmpS 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;
  }
  
/* j[{^ *****************************************************************************************/

#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;
}

 
/* FLASHC[W **********************************************************************************/

#cover{
	margin: 0px;
	width: 762px;
	text-align: center;
	background:url(../img/cover_bg.jpg) bottom no-repeat;
	padding: 24px 0px 36px;
}

/* Cy[W ***********************************************************************************/
#contents {
	margin: 30px 0px 0px;
	padding: 0px 0px 15px;
	width: 762px;
}
#contents #main {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 510px;
	text-align: left;
}
#contents #suv {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 222px;
}

/* Vξρ ***************************************************************************************/ 
#contents #main #ssf {
	width: 481px;
	padding: 0px;
	position: relative;
	height: 90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 22px;
}
#contents #main #new {
	background: url(../img/title_bg.jpg) no-repeat top;
	width: 481px;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	position: relative;
	height: 123px;
}
#contents #main  h3 {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 165px;
	visibility: hidden;
}
#new p,#event p {
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 0px 166px;
	padding: 0px;
	height: 17px;
	width: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#new p a,#event p a {
	display: block;
	width: 80px;
	height: 17px;
	background: url(../img/b_backnumber.jpg) no-repeat;
	font-size: 10px;
	text-indent: -9999px;
}
#new p a:hover,#event p a:hover {
	background: url(../img/b_backnumber2.jpg) no-repeat;
}

/* Cxgξρ *************************************************************************************/
#contents #main #event {
	padding: 0px;
	width: 481px;
	background: url(../img/title_bg2.jpg) no-repeat left top;
	position: relative;
	margin: 40px 0px 0px 22px;
}
.bg_topic01{
  background: url(../img/new_bg01.jpg) left bottom no-repeat;
  }
.bg_topic02{
  background: url(../img/new_bg02.jpg) left bottom no-repeat;
  }
  
.bg_topic03{
  background: url(../img/event_bg01.jpg) left bottom no-repeat;
  }
  
.bg_topic04{
  background: url(../img/event_bg02.jpg) left bottom no-repeat;
  } 

  
#flash {
  margin: 30px 0px 0px 22px;
  width: 481px;
  }
  
#flash p{
  margin: 0px;
  padding: 0px;
  font-size:11px;
  line-height: 120%;
  }  
  
#flash img{
  float: left;
  margin-right: 12px;
  }
  
/* Tuy[W *************************************************************************************/
  
#suv h4#search {
    margin: 0px 0px 20px;
	padding: 0px;
    width: 200px;
    height: 50px;
    background: url(../img/banner_item.jpg) no-repeat;
}
#suv h4#stock {
    margin: 0px 0px 30px;
	padding: 0px;
    width: 200px;
    height: 50px;
    background: url(../img/banner_stock.jpg) no-repeat;
}
#suv #search a,#suv #stock a{
    text-decoration: none;
    display: block;
    width: 200px;
    height: 50px;
}
#suv #search a:hover{
    width: 200px;
    height: 50px;
    background: url(../img/banner_item_2.jpg)  no-repeat;
}
#suv #stock a:hover{
    width: 200px;
    height: 50px;
    background: url(../img/banner_stock_2.jpg)  no-repeat;
}
#suv h4#b-recruit{
    margin: 30px 0px 15px;
	padding: 0px;
    width: 200px;
	height: 63px;
	background: url(../img/b_recruit.jpg) left top no-repeat;
}
#suv h4#b-recruit a{
    display: block;
    width: 200px;
	height: 63px;
	text-decoration: none;
}
#suv h4#b-recruit a:hover{
	text-decoration: none;
	background: url(../img/b_recruit.jpg) -202px top no-repeat;
}
  
/*V»iΠξ ***************************************************************************************/

#suv #release{
    margin: 0px;
	padding: 0px;
}
#suv #release h5 {
	font-size: 12px;
	color: #FFFFFF;
	background: url(../img/title_release.jpg) no-repeat left;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 16px;
	width: 200px;
}
#release ul{
    margin: 0px;
	padding: 0px;
	list-style: none;
}
#release li{
    display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	width: 200px;
	height: 52px;
}
#release li a{
    display: block;
	width: 200px;
	height: 52px;
	text-decoration: none;
}
#release #re01{
    background: url(../img/banner_release01.jpg) left top no-repeat;
}
#release #re01 a:hover{
    background: url(../img/banner_release01.jpg) -216px top no-repeat;
}
#release #re02{
    background: url(../img/banner_release02.jpg) left top no-repeat;
}
#release #re02 a:hover{
    background: url(../img/banner_release02.jpg) -216px top no-repeat;
}
#release #re03{
    background: url(../img/banner_release03.jpg) left top no-repeat;
}
#release #re03 a:hover{
    background: url(../img/banner_release03.jpg) -216px top no-repeat;
}
  
  
/* eLXg ********************************************************************************************/  

.bg_title{
  background: #F2F2F2 url(../img/title_bg.gif) left top repeat-x;
}

.bg_title2{
  background: #F2F2F2 url(../img/title_bg2.gif) left repeat-y;
}

.bg_title3{
  background: #E3E3E3 url(../img/title_bg3.gif) left repeat-y;
}

.txt_new{
  font-family: "lr oSVbN", "qMmpS Pro W3", Osaka;
  font-size: 10px;
  line-height: 135%;
  color: #555555;
  letter-spacing: 1px;
}

.red{
  color: #993300;
}

.kaijyo{ clear:both}

a{
  color: #555555;
  text-decoration:none;
}
  
a:hover{
  color: #CC0000;
  text-decoration:underline;
}
em{
  visibility: hidden;
  color: #FFF;
}


/* tb^ ********************************************************************************************/

#footer{
	margin: 0px;
	padding: 0px;
	width: 762px;
	height: 37px;
	background: url(../img/footer_bg.jpg) bottom repeat-x;
	clear: both;
}
#footer ul{
    float: left;
    margin: 0px 0px 0px 0px;
	padding: 0px;
    list-style: none;
    width: 150px;
}

#footer li{
  margin: 13px 0px 0px 20px;
  padding: 0px;
  font-size: 10px;
  color: #555555;
  letter-spacing: 0.1em;
  height: 13px;
}
  
#footer li a{
  display: block;
  margin: 0px;
  padding: 0 0 0 14px;
  text-decoration: none;
  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;
}
.p1{
    margin: 0px;
    padding: 15px 20px 0px 0px;
    text-align: right;
    font-size: 11px;
}








#contents #main #newitem {
	width: 481px;
	margin: 0px 0px 40px 22px;
	padding: 0px;
	position: relative;
	background:url(../img/newitem_bg.gif) repeat-y 0 0;

}

#contents #main #newitem h3{
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 481px;
	height: 34px;
	visibility:visible;
}

#contents #main #newitem ul{
margin:-10px 0 0 0;
padding:0 14px;
width:468px;
font-size: 11px;
}

#contents #main #newitem ul li{
width:234px;
height:61px;
float:left;
border-bottom:1px dotted #d4d4d4;
list-style:none;
padding-top:10px;
}

#contents #main #newitem ul li img.nwimg{
width:47px;
height:45px;
float:left;
padding:2px;
border:1px solid #d4d4d4;
margin:0;
}

#contents #main #newitem ul li dl{
float:right;
width:171px;
font-size:10px;
margin:0;
padding:0;
}

#contents #main #newitem ul li dl dt{
background:url(../img/linkmark.gif) no-repeat left center;
padding:0 0 0 21px;
margin:0 0 3px 0;
}

#contents #main #newitem ul li dl dd{
background:url(../img/arrow01.gif) no-repeat left center;
padding:0 0 0 10px;
margin:0 0 3px 0;
}

#contents #main #newitem ul li a{
color:#993300;
}

#contents #main #newitem .clear{
clear:both;
height:10px;
}

