@charset "UTF-8";

/* reset -----------------------------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,fieldset,input { margin: 0; padding: 0;}
address,caption,cite,code,em { font-size:100%; font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
fieldset,img { border: none; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }

/* layout ----------------------------------------------------------------------------------------------------------*/
body {
	text-align: center;/* bg */
	font: normal 100%/120% verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif;
	margin: 0;
	padding: 0;
	background: #666666;
	color: #333333;
}
*:first-child + html body { font-family: verdana, Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif; }

.wrap { width: 1008px; display:block; margin: 0 auto; background: #666 url(../images/bg.gif) 0 0 repeat-y; position: relative; }
.inner { width: 1000px; margin: 0 4px; text-align: left; }

a:link { color: #0066CC; text-decoration: underline; }
a:visited { color: #3C5C00; text-decoration: underline;}
a:hover { color: #80C100; text-decoration: underline; }
a:active { color: #80C100; text-decoration: none; }

.marginT { margin-top: 10px; }
.marginR { margin-right: 10px; }
.marginL { margin-left: 10px; }
.marginB { margin-bottom: 10px; }

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textWeight { font-weight: bold; }
.textLarge { font-size: 110%; line-height: 110%; }
.textSmall { font-size: 80%; line-height: 80%; }

.clearfix { clear: both; }
.clearfix { zoom:1; }/* IE7 */
div:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/* header ----------------------------------------------------------------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
}
#header .breadNavi {
	width: 980px;
	padding: 4px 10px 6px;
	font-size: 80%;
	line-height: 80%;
	background: url(../images/bg_header.gif) 0 0 repeat-x;
}
.breadNavi a:link { color: #0066CC; text-decoration: underline; }
.breadNavi a:visited { color: #0066CC; text-decoration: underline;}
.breadNavi a:hover { color: #FFFFFF; text-decoration: underline;}
.breadNavi a:active { color: #FFFFFF; text-decoration: none;
}

/* contents --------------------------------------------------------------------------------------------------------*/
#contents { width: 980px; padding: 0 10px; }

.language {
	margin: 10px 0 10px 230px;
	padding: 2px 0 2px 30px;
	background: url(../images/icon_arrow.gif) 0 2px no-repeat;
}
.areaForm { width: 140px; }

h1 { font-size: 120%; margin: 10px 0; }
h2 { font-size: 110%; margin: 10px 0; }

/* index */
.indexH1 {
	font-size: 150%;
	line-height: 100%;
	text-align: center;
	margin: 30px 0 0;
}
.indexRead {
	font-size: 120%;
	margin: 20px 0 30px;
	text-align: center;
}
.indexImg {
	margin: 30px;
}
.btnWrap { float: left; display: inline; }
.btnBoxTop {
	width: 250px;
	height: 10px;
	overflow:hidden;
	background: url(../images/bg_btnTop.gif) top left no-repeat;
}
.btnBoxBtm {
	width: 250px;
	background: url(../images/bg_btnBtm.gif) bottom left no-repeat;
}
.btnText {
	width: 210px;
	padding: 10px 20px 20px 20px;
	text-align: center;
	font-size: 120%;
	line-height: 100%;
	font-weight: bold;
}
.BtnMargin { margin-left: 230px; }
.BtnSpace { margin-left: 20px; }
.btnWrap a:link { color: #0066CC; text-decoration: none; }
.btnWrap a:visited { color: #0066CC; text-decoration: none; }
.btnWrap a:hover { color: #80C100; text-decoration: underline; }
.btnWrap a:active { color: #80C100; text-decoration: none; }


/* v_Search */
.vSearch {
	width: 960px;
	padding: 20px 10px;
	font-size: 90%;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	background-color: #F3F5D9;
}
.vSearch select { border: 1px solid #C7C9AD; }
.vName1 { white-space: nowrap; font-weight: bold; }
.vName2 { white-space: nowrap; font-weight: bold; }
.vSelect1 { width: 280px; margin: 4px 12px 4px 2px; }
.vSelect2 { width: 280px; margin: 4px 2px; }


/* c_Search */
.searchWrap {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	background-color: #F3F5D9;
	padding: 20px 10px;
}
.compSearch {
	float: left;
	width: 470px;
	padding-bottom: 20px;
	font-size: 90%;
}
.clutchSearch {
	float: right;
	width: 470px;
	margin-left: 10px;
	padding-bottom: 20px;
	font-size: 90%;
	display: inline;/* IE6 */
}
.compSearch table, .clutchSearch table {
	margin-left: 20px;
}
h2.cTitle {
	color: #6F7341;
	margin: 0 0 10px;
	padding-left: 20px;
	border-bottom: 2px solid #CCCFA6;
	background: url(../images/icon_title.gif) left center no-repeat;
}
.compSearch select, .compSearch input,
.clutchSearch select, .clutchSearch input {
	border: 1px solid #C7C9AD;
	margin-left: 5px;
}
.cSelect1 { width: 250px; margin: 4px 12px 4px 2px; }


/* v_Search c_Search 共通 */
.searchBtn { width: 80px; font-size: 90%; margin-left: 10px; }

.ResultText { font-size: 110%; font-weight: bold; color: #34546C; margin: 20px 10px 0 0; }
.Result img { cursor: pointer; vertical-align: middle;}

.Result table {
	width: 980px;
	background-color: #F3F5F6;
	border: 1px solid #A7B7BF;
}
.Result th {
	font-size: 85%;
	line-height: 100%;
	text-align: center;
	border-right: 1px solid #A7B7BF;
	background: #A7B7BF url(../images/table_headerbg1.gif) top left repeat-x;
	padding: 4px;
}
.Result th span { font-size: 80%; }
.Result td {
	border-right: 1px solid #A7B7BF;
	border-bottom: 1px solid #A7B7BF;
	font-size: 80%;
	line-height: 100%;
	padding: 4px;
	vertical-align: middle;
}
.ResultOdd { background-color: #E2EBEE; }

/* page navi */
.pagenavi { width: 980px; margin: 5px 0; text-align: right; }
.pagenavi a:link { color: #80C100; text-decoration: none; }
.pagenavi a:visited { color: #80C100; text-decoration: none; }
.pagenavi a:hover { color: #FFF; background: #80C100; text-decoration:none; }
.pagenavi a:active { color: #FFF; background: #80C100; text-decoration: none; }


/*　v_Detail　*/
.carinfoTable table {
	width: 980px;
	margin: 0 auto 40px;
	background-color: #F3F4F6;
	border: 1px solid #A9B1C1;
	vertical-align: top;
}
.carinfoTable th {
	font-size: 85%;
	background: #A9B1C1 url(../images/table_headerbg3.gif) top left repeat-x;
	padding: 4px;
}
.carinfoTable td {
	border-right: 1px solid #A9B1C1;
	border-bottom: 1px solid #A9B1C1;
	font-size: 80%;
	line-height: 100%;
	padding: 4px;
	vertical-align: top;
}
.carinfoTableOdd { background-color: #E2E7EE; }

/* v_Detail c_Detail 共通 */
.detailTable table {
	width: 980px;
	margin: 0 auto 20px;
	background-color: #F3F6F4;
	border: 1px solid #A9C1B9;
}
.detailTable th {
	font-size: 85%;
	background: #A9C1B9 url(../images/table_headerbg2.gif) top left repeat-x;
	padding: 4px;
}
.detailTable td {
	border-right: 1px solid #A9C1B9;
	border-bottom: 1px solid #A9C1B9;
	font-size: 80%;
	line-height: 100%;
	padding: 4px;
	vertical-align: top;
}
.detailTableOdd { background-color: #E2EEE8; }
.detail1 { width: 190px; }
.detail2 { width: 281px; }

/* backPage */
.backPage {
	float: right;
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(../images/icon_back.gif) center left no-repeat;
}

/* error */
.error {
	width: 800px;
	margin: 40px auto;
	padding: 100px 50px;
	border: 1px solid #98BA55;
	text-align: center;
	}

/* footer ----------------------------------------------------------------------------------------------------------*/
#footer {
	font-size: 80%;
	line-height: 80%;
	padding: 0 10px;
	background: #78A321 url(../images/bg_footer.gif) top left repeat-x;
	width: 980px;
	height: 30px;
}
.copyright {
	padding-top: 10px;
	text-align: center;
}