/* @charaset "UTF-8"; */
/* DCT-Company Site Style Sheet 2004 */

/***********************************/
/* 全体制御                        */
/***********************************/

body { 
  color : #333333 ; 
  text-align : center ;
  background-color : #E5E5E5 ; 
  background-repeat: repeat-y;
  background-position: center;
}

body {

}

/* ベースフォント */
.base-font {
  font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', '丸ゴシック-M' , 'ＭＳ Ｐゴシック', Osaka, sans-serif;
  font-size : small ;
  line-height : 140% ;
}

/* ページ全体制御 */
.base {
  width : 820px ;
  padding : 0px ; 
  background-image: url("/joycal/images/bg01.gif");
  margin-left : auto ;
  margin-right : auto ; 
}

.base-formcolor {
  background-color : #ffffff ;
}

/* 本文コンテンツ用 */
.contents {
  text-align : left ; 
  padding : 15px 20px 25px 20px ;
}


/* リード文用 */
.lead {

}


.summary {

}



/* 本文 */
p {
  margin : 0px ;
}


/* リンク */
a {
  color : #2087EF ;
}
a:hover {
  color : #cc6600 ;
}
a:visited {
  color : #B76BB4 ;
}

/* イメージ */
img {
  border : none ;
}

/***********************************/
/* 見出し                          */
/***********************************/

/* ページタイトル */
h1{
  margin : 0px ;
  padding : 0px ;
 }

h2{
  margin : 0px 0px 10px 0px ;
  padding : 0px ;
 }
 
h3 {
  margin : 0px ;
  padding : 0px ;
 }


h4 {
  margin : 0px ;
  padding : 0px ;
 }



/***********************************/
/* 本文    　                      */
/***********************************/


/* 本文ブロック */
.section {
  text-align : left ;
  padding-bottom : 10px ;
}

.section p {
  padding : 0px 0px 10px 20px ;
  text-align : left ;
}

/* 本文ブロック・枠あり */
.section-box {
  border : solid 1px #CCCCCC ;
  padding : 5px 5px 5px 5px ;
  margin : 0px 0px 10px 0px ;
}

.section-box p {
  padding : 10px ;
  text-align : left ;
}

.news-list {
  border-bottom : solid 1px #DDDDDD ;
  padding : 5px 0px 3px 10px ;
  text-align : left ;
}



/* 本文ブロック・特選車用枠あり */
.section-box-recommend {
  border : solid 5px #FFDF00 ;
  padding : 5px 5px 5px 5px ;
  margin : 0px 0px 10px 0px ;
}


/* 本文ブロック・右側メニュー */
.section-right {
  background-color : #FFFAE0 ; 
  margin : 7px 7px 10px 7px ;
  text-align : left ;
}

.section-right p {
  font-size : 12px ;
  padding : 5px 0px 10px 5px ;
}

.side-reco {
  text-align : center ;
}

.side-reco img{
  border : solid 3px #339900 ;
}


/* 本文ブロック・よくある質問 */
.section-faq {
  text-align : left ;
  padding-bottom : 10px ;
}

.table-faq {
  border-bottom : solid 1px #DDDDDD ;
  margin : 0px 0px 20px 0px ;
}



/* 本文ブロック・AC紹介 */
p.ac-about {
  background-image: url("/contents/ac/images/memo_bg.gif");
  text-align : left ;
}


/* 配置制御用 */
.position-center {
  text-align : center ;
}

.position-right {
  text-align : right ;
}

.position-left {
  text-align : left ;
}


/* リスト制御用 */
li {
  padding : 0px 0px 10px 0px ;
}



/* 文字装飾 価格 */
.price-normal{
  font-size : 85% ;
  text-align : right ;
}

.price{
  color : #FF3333 ; 
  font-weight : bold ;
}

.price-big {
  font-size : 120% ;
  color : #FF3333 ; 
  font-weight : bold ;
}

.price-small {
  font-size : 90% ;
}

.car-name {
  color : #33FF33 ;
}

.stock {
  text-align : right ;
}

.catch{
  color : #EE5400 ; 
}


/* 文字装飾用 汎用*/
.offline {
  color : #888888 ;
}

.offline-mini {
  color : #555555 ;
  font-size : 85% ;
}

.caution {
  color : #ff0000 ;
}

.caution-mini {
  color : #ff0000 ;
  font-size : 85% ;
}

.font-plain {
  font-weight : normal ;
}

.name {
  font-weight : bold ;
}

.point {
  color : #CC3300 ; 
 }
 
 .point-mini {
  color : #CC3300 ;
  font-size : 85% ;
 }

.white {
  color : #FFFFFF ; 
 }

.shokunin {
  color : #0066CC ; 
 }
 
.font-small {
  font-size : 85% ;
}

.new {
  color : #ff0000 ;
  font-size : 85% ;
  font-weight : bold ;
}

p.holiday {
  margin-top : 5px ;
  text-align : center ;
  color : #ee0000;
 }
 
a.holiday {
  color : #ee0000;
}

.fsize10 {
	font-size : 10px ;
}

.fsize12 {
	font-size : 12px ;
}

/* section中のレイアウト */
.box-point {
   margin : 0px 0px 10px 20px ;
}

.box-point p {
  padding : 0px 0px 0px 0px ;
   margin : 0px 0px 10px 0px ;
}


/* パラグラフ中の画像配置 */

.inline-left {
   float : left ;
   margin : 0px 0px 0px 0px ;
}

.inline-right {
   float : right ;
   margin : 0px 0px 0px 0px ;
}

.inline-top {
   margin : 0px 0px 15px 0px ;
}

.inline-bottom {
   margin : 15px 0px 0px 0px ;
}


.inline-left20 {
   float : left ;
   margin : 0px 20px 20px 0px ;
}

.inline-right20 {
   float : right ;
   margin : 0px 0px 20px 20px ;
}

/* float解除用 */
.clear-right {
  clear : right ;
}

.clear-left {
   clear : left ;
}

.float-none {
   float : none ;
}


/* ベリサインシール */
.ssl {
   float : right ;
   text-align : left ;
   /*margin : 10px ;*/
}




/***********************************/
/* テーブル      　　　　　        */
/***********************************/

/* レイアウト用 */
.table-layout td{
  font-size : 100% ;
/*  line-height : 140% ;*/
  vertical-align : top ;
 }


/* レイアウト用　セクションの中で使用 */
.table-layout-section {
   margin : 0px 0px 10px 20px ;
 }

.table-layout-section td{
  font-size : 100% ;
  line-height : 140% ;
  vertical-align : top ;
 }

.table-layout-section p{
  padding : 0px 0px 0px 0px ;
 }


/* 各ページ共通 カラーオレンジ*/
.table-color01 {
  font-size : 100% ;
  line-height : 140% ;
  background-color : #CF7800 ;
 }

.table-color01 th{
  text-align : center ;
  background-color : #FFF7D7 ;
  padding : 10px 0px 10px 0px ;
  text-align : center ;
 }

.table-color01 td{
  vertical-align : top ;
  background-color : #ffffff ;
  padding : 10px 10px 10px 20px ;
  text-align : left ;
 }


/* 各ページ共通 カラーグリーン*/
.table-color02 {
  font-size : 100% ;
  line-height : 140% ;
  background-color:#ADC892;
 }

.table-color02 th{
  text-align : center ;
  background-color:#EAF1E0;
  padding : 10px 0px 10px 0px ;
 }

.table-color02 td{
  vertical-align : top ;
  background-color : #ffffff ;
  padding : 10px 10px 10px 20px ;
  text-align : left ;
 }

/* リンクの頭用　*/
.table-link-head th{
  font-size : 12px ;
  text-align : left ;
  padding : 0px 0px 0px 0px ;
}

.table-link-head td{
  font-size : 12px ;
  text-align : left ;
  padding : 0px 0px 0px 0px ;
}



/* おすすめ特選車 */

.table-recommend {
  margin-top : 5px ;
}

.table-recommend p{
  font-size : 12px ;
  line-height : 130% ;
  padding : 5px 0px 10px 120px ;
  text-align : left ;
}

.recommend-name {
	color : #003300;
	font-size : 12px;
	font-weight : bold;
	border-bottom : solid 1px #CCCCCC;
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 1px 5px;
}


/* 新着情報 */
.table-news p{
  font-size : 12px ;
  line-height : 130% ;
  padding : 5px 0px 10px 10px ;
  text-align : left ;
}

.cell-news {
  border-left : solid 1px #CCCCCC ;
  border-right : solid 1px #CCCCCC ;
  border-bottom : solid 1px #CCCCCC ;
}

/* 検索用 */
.table-search-list {
	width : 150px;
	margin : 3px;
}

.table-search-list td {
	font-size : 12px ;
	text-align : left ;
}


/* 福祉車両 */
.table-shopguide  td{
  vertical-align : top ;
}

.table-shopguide h4 {
  padding : 0px;
  margin : 5px 0px 5px 0px;
}

.table-shopguide p {
  padding : 0px;
  margin : 0px 0px 5px 0px;
}


/***********************************/
/* ヘッダ−　                      */
/***********************************/

.head-keyword {
  width : 820px ;
  height : 58px ;
  background-image: url("/joycal/images/head.gif");
}

.head-keyword p {
  color : #FFFFFF ;
  font-weight : bold ;
  text-align : left ;
  padding : 36px 0px 0px 40px ;
}



.table-head p {
  font-size : 10px ;
  text-align : left ;
}


/***********************************/
/* フッタ−　                      */
/***********************************/

/* 全ページ共通フッター */

.footer {
  text-align : center ;
  background-color : #E5E5E5 ; 
  padding : 3px 0px 3px 0px ;
}


.footer a {
  color : #333300 ;
}

.footer a:hover {
  color : #FFFF99 ;
}


address {
   font-style : normal ;
   margin  : 0px 
}

address p {
   margin  : 0px 
}



/***********************************/
/* ナビゲーション                  */
/***********************************/

/* メインナビゲーションバー */

.main-navi {

}

/* パンくず 上　*/
.navi-route {
  color : #555555 ;
  font-size : 11px ;
  text-align : left ;
  padding : 0px 0px 5px 0px ;
}

.navi-route a:visited {
  color : #2087EF
}


/* パンくず 右　*/
.navi-route-info {
  color : #555555 ;
  font-size : 11px ;
  text-align : right ;
  padding : 0px 0px 5px 0px ;
}

.navi-route-info a:visited {
  color : #2087EF
}



/* 次のページへ */
.navi-pagenext {
  color : #555555 ;
  font-size : 85% ;
  text-align : center;
  background-repeat: repeat-x ;
  padding  : 10px 0px 10px 0px ;
  margin : 0px 0px 0px 0px ;
}


/* ページトップへ */
.navi-pagetop {
   font-size : 85% ;
   text-align : right ;
   padding  : 10px 0px 20px 0px ;
}

.navi-pagetop a:visited {
  color : #2087EF ;
}


/* テキストリンクの頭 */
.link-head {
  line-height : 200% ;
}

.link-head img {
   vertical-align : middle ;
}


/* コンテンツジャンプ用（音声ブラウザ対応）非表示 */
.skip-link {
   display : none ;
   padding : 0px ;
   margin  : 0px ;
   border : none ;
}


/***********************************/
/* その内わける予定                */
/***********************************/

p.talk01 {
  color : #CC0000 ;
  font-weight : bold ;
  text-align : right ;
  padding : 10px 0px 0px 0px ;
}


p.talk02 {
  color : #996633 ;
  font-weight : bold ;
  padding : 10px 0px 0px 0px ;
}




/***********************************/
/* 個人情報保護方針                */
/***********************************/

.privacy dt {
  font-weight : bold ;
  padding : 20px 0px 5px 0px ;
}


/***********************************/
/* キャンペーン　　                */
/***********************************/

.camp-summary {
  color : #004299 ;
  width : 280px ;
  border-top : solid 1px #004299 ;
  border-bottom : solid 1px #004299 ;
  padding : 10px ;
  margin : 10px 0px 10px 0px ;
  text-align : left ;
}



/***********************************/
/* Form用（変更不可）              */
/***********************************/

#_ErrorTable {
   width : 600px ;
}

#_ErrorTable caption {
   font-size : 100% ;
   text-align : left ;
   color : #663300 ; 
   font-weight : bold ;
}

#_ErrorTable td {
   font-size : 100% ;
   text-align : left ;
}