﻿/* ------------------------------------------------------------
  Common
------------------------------------------------------------- */
* {
    margin:0;
    padding:0;
}

/* IE用 */
html {
    overflow-y:scroll;
}

body {
    margin:0;
    padding:0;
}

img {
    border:0;
    vertical-align:top;
}

em {
    color:#c00;
    font-style:normal;
}

strong {
	color:#369;
    font-weight:bold;
    font-style:normal;
}

fieldset {
    border:0;
}

a:      {outline:0;}
a:hover {color:#c00;}

address{font-style:normal;}

blockquote {
	margin-left:2em;
	padding:0.5em;
	background:#fafafa;
	border:solid 1px #ccc;
}

/* ------------------------------------------------------------
  Container
------------------------------------------------------------- */
#container {
    position:relative;
    width:100%;
}

/* ------------------------------------------------------------
  Header
------------------------------------------------------------- */
#header {
    position:relative;
    width:100%;
    height:95px;
}


/* ------------------------------------------------------------
  Main
------------------------------------------------------------- */
#main {
    position:relative;
    width:100%;
}

/* ------------------------------------------------------------
  Footer
------------------------------------------------------------- */
#footer {
    clear:both;
    position:relative;
    left:-15px;
    padding-top:10px;
    width:830px;
    height:60px;
    text-align:center;
    background:url(../../images/bg_bottom.gif) no-repeat;
}

#footer address {
    margin-top:10px;
    color:#555;
    font-style:normal;
    font-size:0.8em;
	border-top:solid 1px #555;
}

/* Title Area
------------------------------------------------------------- */
#titleArea {
	width:860px;
	margin:1em 0;
	font-size:200%;

/*
	height:40px;
	color:#369;
	line-height:130px;
    font-size:130%;
	border-top:solid 1px #369;
	border-bottom:solid 1px #369;
	zoom: 1;
*/
}

/* ------------------------------------------------------------
  Section
------------------------------------------------------------- */

.section {
    padding:15px 0 0 0;
    line-height:1.5;
}

.section h2 {
    clear:both;
    margin:1em 0;
	padding-left:5px;
    width:100%;
	color:#369;
    font-size:110%;
    font-weight:bold;
	background:#E0E8F0;
	border-top:solid 1px #369;
	border-left:solid 5px #369;
	border-bottom:solid 1px #369;
}

.section h3 {
    clear:both;
    margin:1em 5px;
	padding-left:5px;
    width:105%;
	color:#69c;
    font-size:110%;
	background:#E0E8F0;
	border-left:solid 5px #369;
	border-bottom:dotted 1px #369;
}

.section p {
	padding:0.8em 0;
}

.section ul, .section ol {
    margin:10px 0 10px 30px;
}

.section dl {
    margin:10px 0;
}

.section dt {
    clear:both;
    color:#369;
	font-size:105%;
    font-weight:bold;
}

.section dd {
    padding:0.5em;
	margin-bottom:10px;
}

.section dd dl{margin:0 0 0 20px;}
.section dd dl dt{color:#69c;}
.section dd dl dd{background:none;}

/* ------------------------------------------------------------
  整備振興会の紹介
------------------------------------------------------------- */
#contact dt {
    position:absolute;
    padding:9px 1em;
    width:5em;
    color:#369;
    font-weight:bold;
    line-height:120%;
    background:url(../../images/glue.gif) no-repeat left center;
}

#contact dd {
    margin:0;
    line-height:120%;
    padding:10px 0pt 10px 6.5em;
    background:transparent url(../../images/bg_uLine.gif) repeat-x scroll 0pt 100%;
}

/* ------------------------------------------------------------
  あなたの街の整備工場
------------------------------------------------------------- */
#wordSearch {
	height:40px;
	text-align:center;
	line-height:40px;
	border:solid 1px #ccc;
	background:#E0E8F0;
}

#wordSearch input[type="text"] {
	margin-bottom:5px;
}

.dispFactory {
	float: left;
	width: 50%;
}
.dispIcon {
	float: left;
	width: 50%;
}

.dispIcon li {
    display: inline;
    margin-right: 3px;
    padding-left: 7px;
    list-style: none;
}

.dispIcon li a[target="_blank"] {
	padding-right: 0px !important;
	background: none !important;
}

.pageCtl {
	background:#E0E8F0;
	border:solid 1px #ccc;
}
.pageCtl span {
	padding:5px 0;
	float:left;
	width:24%;
	text-align:center;
	border-left:solid 1px #fff;
	border-right:solid 1px #ccc;
}

.pageCtl span.prev{border-left:none;}
.pageCtl span.next{border-right:none;}

.iconList li {
    display:inline;
    margin-right:3px;
    padding-left:7px;
    list-style:none;
}

.iconList li a[target="_blank"] {
	padding-right:0px !important;
	background:none !important;
}

/* ------------------------------------------------------------
  整備工場の紹介
------------------------------------------------------------- */
.areaList li {
    list-style:none;
    background:transparent url(../../images/bg_uLine.gif) repeat-x scroll 0pt 100%;
}

.areaList li ul {
    margin:-25px 0 0 6em;
}

.areaList li ul li {
    display:inline;
    margin-right:3px;
    padding-left:7px;
    border-left:solid 1px #808080;
    list-style-type:none;
    background:none;
}

#map a[target="_blank"] {
    padding-right:0 !important;
    background:none !important;
}

/* ------------------------------------------------------------
  マイカーハンドブック
------------------------------------------------------------- */
.imgLeft li {
    float:left;
    margin:10px;
    width:270px;
    border:solid 1px #ccc;
}

.mame dt {
    position:absolute;
    padding:9px 0pt;
    width:12em;
    color:#369;
    font-weight:bold;
    line-height:120%;
    background:none;
}

.mame dd {
    margin:0;
    line-height:120%;
    padding:10px 0pt 10px 12em;
    background:url(../../images/bg_uLine.gif) repeat-x 0pt 100%;
}

.hbookNumList dt {
	float:left;
	width:25%;
	font-size:130%;
	text-align:center;
}

.hbookNumList dd {
	float:left;
	width:70%;
	color:#369;
	border-left:solid 5px #E0E8F0;
}

.hbookNav {
	margin:1em 10px;
	padding:0.5em 0;
	width:590px;
	list-style:none;
    background:url(../../images/bg_hLine.gif) repeat-x 0 0;
}

.hbookNav li {
	float:left;
	width:50%;
}

.hbookNav li.r{text-align:right;}

/* ------------------------------------------------------------
  じどうがギャラリー
------------------------------------------------------------- */
#indexNav {
	width:100%;
	list-style:none;
}

#indexNav li {
	float:left;
	margin:0.5em;
	width:8em;
	text-align:center;
    background:url(../../images/bg_uLine.gif) repeat-x 0pt 100%;
}

#picList dt {
    clear:both;
    margin:30px 0 10px 0;
    padding-left:25px;
    width:100%;
    height:30px;
    color:#3F6F9F;
    font-size:105%;
    line-height:30px;
    background:url(../../images/header3.gif) no-repeat top left;
}

#picList dd {
	float:left;
	margin:0 0 20px 10px;
	padding:20px 2px 0 2px;
	width:120px;
	list-style:none;
	text-align:center;
	border:solid 1px #ccc;
	background-image:url(../../images/icon_pin.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#picList dd a {
	display:block;
	width:100%;
}


.picNameList li {
	float:left;
	margin:0.5em;
	width:9em;
    background:transparent url(../../images/bg_uLine.gif) repeat-x scroll 0pt 100%;
	list-style:none;
}

/* ------------------------------------------------------------
  SD応援の店
------------------------------------------------------------- */
.tblMemberList {
    margin:20px 0;
    width:100%;
    vertical-align:middle;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

.tblMemberList th.area {
    height:40px;
    text-align:left;
}

.tblMemberList th {
    padding-left:10px;
    height:30px;
    color:#369;
    font-weight:bold;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    background:#E0E8F0;
}

.tblMemberList td {
    padding-left:10px;
    height:30px;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
}

.tblMemberList th.name	{width:40%}
.tblMemberList th.tel {
	width:20%;
	text-align:center;
}
.tblMemberList th.adr	{width:40%}

/* ------------------------------------------------------------
  リンク
------------------------------------------------------------- */
.pa {
    float:left;
    width:280px;
}

.ca {
    float:right;
    width:270px;
}

.linkList li {
    padding:5px 0;
    list-style:none;
    background:transparent url(../../images/bg_uLine.gif) repeat-x scroll 0pt 100%;
}

.linkList li ul {
    margin:-25px 0 0 15em;
}

.linkList li ul li {
    padding:0 0 0 20px;
    background:url(../../images/glue.gif) no-repeat left center !important;
}

/* ------------------------------------------------------------
  サードナンバー
------------------------------------------------------------- */
.sNumPrice {
	color:#c00;
	font-size:200%;
	font-weight:bold;
}

/* ------------------------------------------------------------
  希望ナンバー
------------------------------------------------------------- */
.itemList dt {
    position:absolute;
    padding:9px 10px;
    width:6em;
    color:#369;
    font-weight:bold;
    line-height:120%;
    background:none;
}

.itemList dd {
    margin:0;
    line-height:120%;
    padding:10px 0pt 10px 7em;
	border-bottom:dotted 1px #555;
}

.numList li {
	float:left;
	margin:5px 0.5em;
	width:5em;
	text-align:center;
	border-bottom:dotted 1px #555;
}

.plateList		{list-style: none;}
.plateList li	{float: left;}

/* ------------------------------------------------------------
  サイトマップ
------------------------------------------------------------- */
.sitemap {
    margin-left:20px;
}

.sitemap li {
    width:180px;
    margin-bottom:10px;
    list-style:none;
}

.sitemap li a {
    display:block;
    padding:10px 0 0 5px;
    width:175px;
    height:30px;
    background:url(../../common/images/bg_sitemap.gif) no-repeat top left;
}

.sitemap ul.sub {
    margin:-40px 0 10px 180px;
    padding:1px 0 0 20px;
    width:200px;
    background:url(../../common/images/bg_sitemapConn.gif) no-repeat top left;
    list-style:none;
}

.sitemap ul.sub li {
    margin-bottom:0;
}

.sitemap ul.sub li a {
    display:block;
    width:175px;
    height:30px;
    background:url(../../common/images/bg_sitemapSub.gif) no-repeat top left;
}

/* ------------------------------------------------------------
  「すぐに使える販促チラシ」
------------------------------------------------------------- */
#photoList li {
    display:block;
    margin:3px;
    padding:3px 3px 0 3px;
    float:left;
    width:100px;
    border:solid 1px #ccc;
}

/* FAQ Icon
------------------------------------------------------------- */
dt[class="q"] {
    margin-bottom:5px;
    padding-bottom:5px;
    background-color:#F2F5F9;
	border-bottom:solid 1px #ccc;
	/* 背景表示用 */
	display: list-item;
	list-style-image: url(../../images/iconQ.gif);
	list-style-position: inside;
}

dd[class="a"] {
    margin-bottom:5px;
    padding-bottom:5px;
	border-bottom:solid 1px #ccc;
	/* 背景表示用 */
	display: list-item;
	list-style-image: url(../../images/iconA.gif);
	list-style-position: inside;
}

.faqList li {
    padding:5px 0;
	color:#369;
	border-bottom:dotted 1px #555;
}
/* Caution Area
------------------------------------------------------------- */
*[class="caution1"] {
	clear:both;
    margin-bottom:5px;
    padding:5px !important;
	color:#c00;
    border:double 1px #c00;
	/* 背景表示用 */
	display: list-item;
	list-style-image: url(../../images/iconCaution_01.gif);
	list-style-position: inside;
}

/* Help Area
------------------------------------------------------------- */
*[class="help"] {
	clear:both;
	display:block;
    margin:0.5em auto;
	padding:1em;
    width:95%;
    background:#E0E8F0;
    border:dotted 1px #369;
}


/* Plug-In Button Area
------------------------------------------------------------- */
div[class="plginArea"] {
	clear:both;
	margin-top:1em;
    padding:10px;
	border-top:dotted 1px #555;
}

div[class="plginArea"] img {
    float:left;
    padding-right:20px;
    width:120px;
}

div[class="plginArea"] p {
    float:left;
    padding:0 !important;
    width:430px;
}

/* 「このページのトップへ」
------------------------------------------------------------- */
.toTop {
    clear:both;
    padding:0.5em;
    text-align:right;
}

.toTop a {
    padding-left:15px;
    background:url(../../images/icon_toTop.gif) no-repeat 0 center;
}

/* Block
------------------------------------------------------------- */
.blkHalf {
    float:left;
    padding:0 1%;
    width:48%;
}

.blkHalfBdr {
    float:left;
    padding:0 1%;
    width:48%;
    border:solid 1px #ccc;
}

.blk3Half {
    float:left;
    width:33%;
}

.blkLrg {
    float:left;
    padding:0 1%;
    width:68%;
}

.blkSml {
    float:left;
    padding:0 1%;
    width:28%;
}

.blkSmlMdl {
    float:left;
    padding:1% 1%;
    width:28%;
    text-align:center;
}

.blkSmlBdr {
    float:left;
    padding:1% 1%;
    width:28%;
    border:solid 1px #ccc;
    text-align:center;
}

/* Update List
------------------------------------------------------------- */
.updateList dt {
    position:absolute;
    padding:9px 0pt;
    width:9em;
    color:#369;
    font-weight:bold;
    line-height:120%;
    background:none;
}

.updateList dd {
    margin:0;
    line-height:120%;
    padding:10px 0pt 10px 9.5em;
	border-bottom:dotted 1px #555;
}

/* Form Layout
------------------------------------------------------------- */
.userform {
    width:100%;
    border-bottom:solid 1px #ccc;
}

.userform th {
    width:30%;
    height:50px;
    text-align:center;
    font-weight:normal;
    color:#369;
    border-top:solid 1px #ccc;
    border-left:solid 5px #eee;
    background:#F2F5F9;
}

.userform td {
    padding-left:10px;
    width:70%;
    height:50px;
    border-top:solid 1px #ccc;
}

.btn {
    width:100%;
    text-align:right;
}

/* Table Layout
------------------------------------------------------------- */
table{
    margin:1em 0 1em 20px;
    vertical-align:middle;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

table caption{
    margin-bottom:5px;
    padding-left:20px;
    height:30px;
    color:#3F6F9F;
    text-align:left;
    font-weight:bold;
    line-height:30px;
    background: url(../../images/boxglue.gif) no-repeat center left;
}

table th{
    padding:5px;
    font-weight:normal;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
    background-color:#F2F5F9;
}

table td{
    padding:5px;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
}

table tfoot td{
    padding:5px;
    text-align:right;
    border:none;
}

table.light th {width:150px;}
table.light td {width:410px;}

.tblVertical {
    margin:1em 0 1em 0;
    width:100%;
    vertical-align:middle;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

.tblVertical caption {
    margin-bottom:10px;
    padding-left:25px;
    height:30px;
    color:#3F6F9F;
    text-align:left;
    font-weight:bold;
    line-height:30px;
    background:url(../../images/header3.gif) no-repeat top left;
}

.tblVertical th {
    padding:0 5px;
    height:30px;
	text-align:center;
    font-weight:normal;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
    background-color:#E0E8F0;
}

.tblVertical td {
    padding-left:10px;
    height:50px;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
}

.tblVertical tfoot td {
    padding-left:10px;
    height:20px;
    text-align:right;
    border:none;
}

/* text-align
------------------------------------------------------------- */
.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}

.mame02 dt{
    position:absolute;
    padding:9px 0pt;
    width:5em;
    color:#369;
    font-weight:bold;
    line-height:120%;
    background:none;
}


.mame02 dd {
    margin:0;
    line-height:120%;
    padding:10px 0pt 10px 5.5em;
}

/* ネスト内<li>タグを線ではさんで横並び
------------------------------------------------------------- */
.subList li {
    display:inline;
    margin-right:3px;
    padding-left:7px;
    border-left:solid 1px #808080;
    list-style:none;
}

.subList li.fst{border:none;}

.subList02 li {
	float:left;
	margin:0.5em;
	width:9em;
	border-bottom:dotted 1px #555;
	list-style:none;
}

.subList03 li {
	float:left;
	margin:0.5em;
	width:9em;
	color:#369;
	list-style:none;
}

.subList04 li {
	float:left;
	margin:0.5em;
	width:10em;
	text-align:center;
	border-bottom:dotted 1px #555;
	list-style:none;
}

/* アンダーライン入りリスト
------------------------------------------------------------- */
ul.uLineList li {
    list-style:url(../../images/glue.gif);
}

.uLineList li {
    padding:5px 0;
	color:#369;
	border-bottom:dotted 1px #555;
}

.uLineList dd dl{margin-left:20px;}
.uLineList dd dl dt{color:#69c;}
.uLineList dd dl dd{background:none;}

/* 「終了しました」スタンプ
------------------------------------------------------------- */
.endStamp01 {
    position:absolute;
    top:100px;
    width:100%;
    text-align:center;
}

/* ------------------------------------------------------------
	CMギャラリー
------------------------------------------------------------- */
.tvcmNav {
	list-style: none !important;
}

.tvcmNav li {
	float: left;
	margin: 5px;
	width: 220px;
	text-align: center;
}
#fontNav, #search, #subNav, #topicPath, .plginArea, .faqList, #tabIndex, .toTop, #globalNav, #footer ul{display:none;}
