@charset "utf-8";

.center{
	text-align	: center;
}
.right{
	text-align	: right;
}
.mark{
    padding-left: 15px;
    background	: url("/img/admin/mark.jpg") no-repeat 0 0.3em;
}
.clear{
	clear		: both;
	height		: 9px;
	width		: 75%;
	margin		: 0;
	padding		: 0;
}
.ttl{
	background	: url("/img/admin/ttl_background.jpg") repeat-x;
	border		: 1px solid #DDDDDD;
	border-left : 3px solid #DEDEDE;
	width		: 95%;
	height		: 35px;
	padding		: 0 0 0 10px;
	margin		: 0 0 10px 0;
	line-height	: 35px;
	font-size	: 16px;
	font-weight : bold;
}
.red{
	color		: red;
}
.error-message {
	background	: url(/img/admin/alert.gif) no-repeat left;
	padding		: 0 0 0 20px;
	margin		: 5px 0 0 0;
	color		: #FF0000;
	font-weight	: bold;
}

/* clearfix
------------------------------------ */
.clearfix:after{
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}
.clearfix{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }

/* tab
------------------------------------ */
#tab{
	width:100%;
	height:30px;
	background: url("/img/admin/tab_back.jpg") repeat-x;
	/*margin-bottom: 15px;*/
}
#tab li{
	float		: left;
	padding		: 0 0 0 5px;
	list-style	: none;
}
#tab a{
	height		: 30px;
	display		: block;
	float		: left;
	padding-left: 13px;
	text-decoration:none;
	color		: #000;
	font-weight	: bold;
}
#tab a:hover{
	color		: #FF0000;
}
#tab a span{
	display		: block;
	padding		: 5px 13px 0 0;
	display		: block;
	height		: 30px;
	float		: left;
}
#tab .off a{
	background	: url(/img/admin/tab_left.jpg) no-repeat left top;
}
#tab .off a span{
	background	: url(/img/admin/tab_right.jpg) no-repeat right top;
}
#tab .on a{
	background	: url(/img/admin/tab_left_off.jpg) no-repeat left top;
}
#tab .on a span{
	background	: url(/img/admin/tab_right_off.jpg) no-repeat right top;
}

/* pagination
------------------------------------ */
#pagination{
	text-align	: center;
}
#pagination .current{
	font-weight	: bold;
}
#pagination a{
	text-decoration: none;
}

/* list
------------------------------------ */
#list table{
	width		: 100%;
	border-bottom	: solid 1px #AAA9A9;
}
#list th{
	background-color:#133768;
	border		: solid 1px #AAA9A9;
	padding		: 5px;
	color		: #FFFFFF;
	text-align	: center;
}
#list td{
	border-left	: solid 1px #AAA9A9;
	border-right: solid 1px #AAA9A9;
	padding		: 5px;
}
#list a{
	color		: #4069A6;
}
#list a:hover{
	color		: #FF0000;
	text-decoration: underline;
}
#list .checkbox{
	margin		: 2px 0 5px 0;
}
#list tr.row0 td {
  background-color:#ffffff;
}
#list tr.row1 td {
  background-color:#f8f8f8;
}

/* listControl
------------------------------------ */
#listControl .box{
	float		: left;
	margin		: 0 20px 0 0;
	width		: auto;
	text-align	: center;
}
#listControl .box p{
	float		: left;
	margin		: 0 10px 0 0;
}
#listControl .txt_field{
	height		: 25px;
	background	: #F7F7F7;
	border		: 1px solid #DAD9D9;
}
#listControl select{
	height		: 25px;
	background	: #F7F7F7;
	border		: 1px solid #DAD9D9;
}
#listControl input:focus,#listControl select:focus{
	color		: #333333;
	background-color: #FFFFF4;
}
#listControl .submit input{
	background-color: #133768;
	border-top	: 2px solid #205BAC;
	border-left	: 2px solid #205BAC;
	border-bottom : 2px solid #0B203E;
	border-right: 2px solid #0B203E;
	color		: #FFFFFF;
	font-family	: "ＭＳ Ｐゴシック", "平成角ゴシック", verdana, arial, sans-serif;
	font-size	: 15px;
	margin		: 0;
	padding		: 2px 10px;
	width		: auto;
	height		: auto;
}
#listControl .submit input:hover {
	color: #990000;
}

/* input_t
------------------------------------ */
table#input_t{
	width: 100%;
}
table#input_t th{
	width		: 180px;
	padding		: 8px 10px;
	background-color : #D5E3F9;
	border-top	: solid #ffffff 3px;
	text-align	: left;
	vertical-align : top;
}
table#input_t td{
	padding		: 8px 10px;
}

/* inputForm
------------------------------------ */
#inputForm .txt_field{
	height		: 20px;
	background	: #EAE9E9;
	border		: 1px solid #DAD9D9;
}
#inputForm select{
	height		: 20px;
	background	: #EAE9E9;
	border		: 1px solid #DAD9D9;
}
#inputForm textarea {
	background-color: #F5F5F5;
	border: 1px solid #DAD9D9;
	/*width: 500px;*/
}
#inputForm .textarea {
	background-color: #EAE9E9;
	border: 1px solid #DAD9D9;
	width: 500px;
}
#inputForm .news-textarea{
	width		: 100%;
	height		: 150px;
}
#inputForm input:focus,
#inputForm select:focus,
#inputForm .textarea:focus,
#inputForm textarea:focus {
	color: #333333;
	background-color: #FFFFF4;
}
#inputForm .submit{
	text-align	: center;
	margin		: 10px 0 20px 0;
}
#inputForm .submit input{
	background-color: #133768;
	border-top	: 2px solid #205BAC;
	border-left	: 2px solid #205BAC;
	border-bottom : 2px solid #0B203E;
	border-right: 2px solid #0B203E;
	color		: #FFFFFF;
	font-family	: "ＭＳ Ｐゴシック", "平成角ゴシック", verdana, arial, sans-serif;
	font-size	: 15px;
	margin		: 0;
	padding		: 2px 10px;
	width		: auto;
	height		: auto;
}
#inputForm label{
	margin: 0 10px 0 3px;
}
#inputForm .submit input:hover {
	color: #990000;
}
#inputForm .checkbox{
	float		: left;
	width		: 170px;
	padding		: 5px;
	margin		: 0 0 5px 0;
	text-align	: left;
}

/* carDetail
------------------------------------ */
#carDetail h4{
	font-size	: 108%;
	font-weight	: bold;
	line-height	: 1.4;
	margin		: 0;
	padding		: 0;
	text-align	: left;
}
#carDetail .price{
	font-weight	: bold;
	line-height	: 1.4;
}
#carDetail .price em{
	color		: #CC2200;
	font-size	: 183%;
	font-weight	: bold;
	font-style	: normal;
	line-height	: 1.4;
	padding		: 0 5px;
}
#carDetail .remark{
	margin		: 10px auto;
	line-height	: 1.4;
	border-bottom : 1px dotted #ccc;
}
#carDetail #imageArea{
	margin-top	: 10px;
	border-bottom : 1px dotted #ccc;
}
#carDetail #imageArea .imageMain{
	float		: left;
	width		: 205px;
	text-align	: center;
}
#carDetail #imageArea .imageMain a{
	padding-bottom : 5px;
}
#carDetail #imageArea .imageList{
	float		: left;
	width		: 540px;
}
#carDetail #imageArea .imageList li{
	list-style-type : none;
	float		: left;
	width		: 80px;
	margin		: 0 10px 10px 0;
	text-align	: center;
}
#carDetail #imageArea .imageList li img{
	border		: 2px solid #888;
}
#carDetail #zoom{
	width		: 180px;
}
#carDetail #zoom img{
	border		: 2px solid #888;
}
#carDetail .data{
	margin-top	: 10px;
	border-bottom : 1px dotted #ccc;
}
#carDetail .data table{
	margin-bottom : 10px;
	width		: 100%;
}
#carDetail .data table th{
	background	: none repeat scroll 0 0 #D5E3F9;
	font-weight	: bold;
	padding		: 5px;
	text-align	: left;
}
#carDetail .data table td{
	background	: none repeat scroll 0 0 #F0F5FD;
	padding		: 5px;
	text-align	: left;
}
#carDetail .option{
	width		: 100%;
}
#carDetail .option li{
	list-style-type : none;
	float		: left;
	width		: 150px;
	padding		: 5px;
	margin		: 0 0 10px 0;
	text-align	: left;
}
#carDetail .option li .name{
	float		: left;
	width		: 130px;
	text-align	: left;
}
#carDetail .option li .value{
	float		: left;
	width		: 20px;
	text-align	: center;
}
#carDetail .option .row0{
	background-color : #EFEFE9;
}
#carDetail .option .row1{
	background-color : #F7F6F3;
}
#carDetail .radarChart{
	margin		: 10px auto;
}
#carDetail .radarChart .chart{
	float		: left;
	width		: 300px;
}
#carDetail .radarChart .item{
	float		: left;
}
#carDetail .radarChart .item dl{
	width		: 190px;
	margin-top	: 20px;
}
#carDetail .radarChart .item dt{
	float		: left;
	width		: 110px;
	padding		: 5px 0 5px 10px;
	clear		: both;
	font-weight : bold;
}
#carDetail .radarChart .item dd{
	width		: 50px;
	margin-left	: 110px;
	padding		: 5px 5px 5px 10px;
}
#carDetail .radarChart .item .row{
	background-color : #EEEBCC;
}