@charset "utf-8";

/* BASIC SETTING */
body{ font-size:12px;
	font-family: Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
	color:#444;
	background-color:#fff;
	line-height:1.4em; text-decoration:none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}



.popup{
	background:transparent https://cdn.autoc-one.jp/static/common2/images/common/common_ico_popup.gif) no-repeat left top;
	padding-left:17px;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,
th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {	font-weight:normal; font-size:12px;}

abbr,acronym {
	border:0;
	font-variant:normal;
}


input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,textarea,select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}




/* === Page Layout === */

#wrapper{
	width:100%;
}

#wrapper .wrapperinner{
	width:950px;
	margin:0 auto;
	padding:10px;
	background:#fff;
}

#areaContent{
	float:left;
	width:635px;
	overflow:hidden;
}

#areaContentFull{
}

#areaRight{
	float:right;
	width:300px;
}

.disp_none{
	display:none;
}

.disp_block{
	display:block;
}
.new_sideArea{
	float:right;
	width:300px;
	display:block;
}

/*line-height
----------------------------------------------------------- */
.lh20{line-height:2.0em;}
.lh15{line-height:1.5em;}
.lh10{line-height:1.0em;}

/*min-height
----------------------------------------------------------- */
.mh85{min-height:85px;}
.mh100{min-height:100px;}
.mh120{min-height:120px;}

/*font-size
----------------------------------------------------------- */
.fsize12{ font-size:12px;}
.fsize11{ font-size:11px;}
.fsize10{ font-size:10px;}


/*color
----------------------------------------------------------- */
.ctgray{ color:#555;}

/*box
----------------------------------------------------------- */
.graybox{display:block; padding:5px; border:solid 1px #CCCCCC; margin-top:10px;}
.box-628{border:solid 1px #CCCCCC; float:left; padding-left:5px; width:628px; margin-top:10px;}




/* === superBanner ===
div.superBanner {
	width:950px;
	margin: 0 auto;
	text-align: center;
	padding:10px 10px 0;
	background:#fff;
}
*/

/* 豎守畑繧ｯ繝ｩ繧ｹ
----------------------------------------------------------- */

/* font-weight
----------------------------------------------------------- */

.fwb{font-weight:bold !important ;}
.fwn{font-weight:normal !important ;}


/* text-align
----------------------------------------------------------- */

.tal{text-align:left !important ;}
.tac{text-align:center !important ;}
.tar{text-align:right !important ;}


/* vertical-align
----------------------------------------------------------- */

.vat{vertical-align:top !important ;}
.vam{vertical-align:middle !important ;}
.vab{vertical-align:bottom !important ;}
.vatt{vertical-align:text-top !important ;}
.vatb{vertical-align:text-bottom !important ;}


/* float
----------------------------------------------------------- */

.fll{float:left !important ;}
.flr{float:right !important ;}
.clear{clear:both !important ;}


/* width (pixels)
----------------------------------------------------------- */

.w5{width:5px !important ;}
.w7{width:7px !important ;}
.w10{width:10px !important ;}
.w12{width:12px !important ;}
.w15{width:15px !important ;}
.w20{width:20px !important ;}
.w25{width:25px !important ;}
.w30{width:30px !important ;}
.w35{width:35px !important ;}
.w40{width:40px !important ;}
.w45{width:45px !important ;}
.w50{width:50px !important ;}
.w100{width:100px !important ;}
.w110{width:100px !important ;}
.w120{width:120px !important ;}
.w144{width:144px !important ;}
.w150{width:150px !important ;}
.w160{width:160px !important ;}
.w180{width:180px !important ;}
.w200{width:200px !important ;}
.w220{width:220px !important ;}
.w225{width:225px !important ;}
.w240{width:240px !important ;}
.w250{width:250px !important ;}
.w300{width:300px !important ;}
.w310{width:310px !important ;}
.w315{width:315px !important ;}
.w320{width:320px !important ;}
.w350{width:350px !important ;}
.w400{width:400px !important ;}
.w440{width:440px !important ;}
.w450{width:450px !important ;}
.w485{width:485px !important ;}
.w500{width:500px !important ;}
.w600{width:600px !important ;}
.w630{width:630px !important ;}
.w635{width:635px !important ;}
.w640{width:640px !important ;}
.w700{width:700px !important ;}
.w800{width:800px !important ;}
.w900{width:900px !important ;}
.w950{width:950px !important ;}
.w970{width:970px !important ;}


/* width (percentage)
----------------------------------------------------------- */

.w5p{width:5% !important ;}
.w10p{width:10% !important ;}
.w12p{width:12.5% !important ;}
.w15p{width:15% !important ;}
.w20p{width:20% !important ;}
.w25p{width:25% !important ;}
.w27p{width:27.5% !important ;}
.w30p{width:30% !important ;}
.w33p{width:33.3% !important ;}
.w35p{width:35% !important ;}
.w40p{width:40% !important ;}
.w45p{width:45% !important ;}
.w50p{width:50% !important ;}
.w60p{width:60% !important ;}
.w66p{width:66.7% !important ;}
.w70p{width:70% !important ;}
.w75p{width:75% !important ;}
.w80p{width:80% !important ;}
.w90p{width:90% !important ;}
.w100p{width:100% !important ;}

/* margin
----------------------------------------------------------- */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m7{margin:7px !important;}
.m8{margin:8px !important;}
.m10{margin:10px !important;}
.m12{margin:12px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m22{margin:22px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}

/* margin-top
----------------------------------------------------------- */

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt22{margin-top:22px !important;}
.mt25{margin-top:25px !important;}
.mt-25{margin-top:-25px !important;}
.mt30{margin-top:30px !important;}

/* margin-bottom
----------------------------------------------------------- */

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb22{margin-bottom:22px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

/* margin-right
----------------------------------------------------------- */

.ml0{margin-right:0 !important;}
.ml5{margin-right:5px !important;}
.ml7{margin-right:7px !important;}
.ml8{margin-right:8px !important;}
.ml10{margin-right:10px !important;}
.ml12{margin-right:12px !important;}
.ml15{margin-right:15px !important;}
.ml20{margin-right:20px !important;}
.ml22{margin-right:22px !important;}
.ml25{margin-right:25px !important;}
.ml30{margin-right:30px !important;}

/* margin-left
----------------------------------------------------------- */

.mr0{margin-left:0 !important;}
.mr5{margin-left:5px !important;}
.mr7{margin-left:7px !important;}
.mr8{margin-left:8px !important;}
.mr10{margin-left:10px !important;}
.mr12{margin-left:12px !important;}
.mr15{margin-left:15px !important;}
.mr20{margin-left:20px !important;}
.mr22{margin-left:22px !important;}
.mr25{margin-left:25px !important;}
.mr30{margin-left:30px !important;}

/* padding
----------------------------------------------------------- */

.p0{padding:0 !important;}
.p3{padding:3px !important;}
.p5{padding:5px !important;}
.p7{padding:7px !important;}
.p8{padding:8px !important;}
.p10{padding:10px !important;}
.p12{padding:12px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p22{padding:22px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}

/* padding-top
----------------------------------------------------------- */

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt7{padding-top:7px !important;}
.pt8{padding-top:8px !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt22{padding-top:22px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

/* padding-bottom
----------------------------------------------------------- */

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb7{padding-bottom:7px !important;}
.pb8{padding-bottom:8px !important;}
.pb10{padding-bottom:10px !important;}
.pb12{padding-bottom:12px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb22{padding-bottom:22px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

/* padding-right
----------------------------------------------------------- */

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr7{padding-right:7px !important;}
.pr8{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr12{padding-right:12px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr22{padding-right:22px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

/* padding-left
----------------------------------------------------------- */

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl10{padding-left:10px !important;}
.pl12{padding-left:12px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl22{padding-left:22px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

/* Header */

.new_header {
	width: 950px;
	height: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	margin: 0px auto;
}
.logo {
	float: left;
	display: block;
}
.search {
	float: left;
	margin-top: 20px;
	margin-left: 30px;
	display: block;
}
.login {
	float: right;
	margin-top: 23px;
	margin-right: 10px;
	display: block;
	width: 210px;
}
.search_input {
	width: 353px;
	height: 28px;
	border: solid 1px #CCCCCC;
}

.superBanner{
	margin: 5px 0;
}

.tboxdet{background-color:#222323;}
.tboxdetcenter{ width:920px; margin:0px auto; padding:15px; line-height:20px;}

.tboxdet ul{ width:150px; border-right:solid 1px #333333;}

.tboxdet li { color:#ddd; font-weight: bold; font-size:12px; padding:5px; margin-left:10px;}
.tboxdet li span:before {
	content: url(../images/icon01.png);

	margin-right:5px;
}
.tboxdet li a{ color:#666;}


/* Navigation */
.nav, .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;

}

.nav {

  z-index: 100;
  position: relative;
}
.nav img{ height:37px;
}
.nav li {
  border-left: 1px solid #444;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display: block;
  padding: 0px;
  text-decoration: none;

}

.nav li a:hover {
background: #1a1a19;
color: #000;
display:block;


}
#nav-one li:hover a,
#nav-one li.sfHover a {
  background: #1a1a19;

}
#nav-one li:hover ul a,
#nav-one li.sfHover ul a {
 text-align:left; border-bottom:dotted 1px #555; line-height:20px;
  color: #959595;

}
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover {
  background: #1a1a19;
  color: #ccc;
}

.nav ul {
  list-style: none;
  margin: 0;
  position: absolute; padding:20px;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,

.nav li.sfHover ul {
  background: #1a1a19;
  top: 45px;
}
.nav ul li {
  border: 0;
  float: none; margin:10px;
}
.nav ul a { font-size:12px;

  border-bottom: 0;
  padding-right: 20px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}


.sub_w200{
width:200px;
opacity: 0.9999;
display: block;
}

.sub_w350{
width:425px;
opacity: 0.9999;
display: block;
}

strong {
	font-weight: bold;
	color: #C00;
}

b strong {
	font-weight: normal;
	color: black;
}

p.photo img{
	border: 1px solid #ccc;
}

.w970margin{
	width: 970px;
	margin: 0 auto;
}

.line20{
	line-height: 20px;
}

.border_notop{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.no_border{
	border: none !important;
}