/*
Theme Name: Carlift
Theme URI: http://i-carlift.com/
Description: Carlift Co.
Author: Sachi Kobayashi
Author URI: http://soul.rash.jp
Version: 1.0
*/

/*全体幅と色　中央寄せ*/
body {
	font-family: "ＭＳ Ｐゴシック","Osaka－等幅","Osaka-Mono",sans-serif;
	padding: 2px 0px 0px 0px;
	margin-top: 0px;margin-bottom: 0px;
	margin-right: auto; margin-left: auto;
	width: 780px;
	line-height: 120%;
}
/*paddingではなく、なるべくmarginを使うこと*/


/*サイズ　全体*/
#body {
	background-color: #fffff0;
	border-top-color: #358;
	border-top-width: 3px;
	border-top-style: solid;
}

/*サイズ　ヘッダー*/
#head {
	margin-top: 0px;
	margin-bottom: 5px;
}

/*メインコンテナ*/
#contain {float: left;}

/*サイズ　メインコンテンツ　幅600*/
#main {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 580px;
	float: right;
}

/*サイズ　左メニュー　幅180*/
#left {
	float: left;
	width: 180px;
	margin: 0px;
}


/*ベース幅　フッター*/
#foot {
	clear: both;
	padding: 5px 0px 5px 0px;
	border-top: #358 3px double;
	border-bottom: #358 3px solid;
}

/*****************************************/
/*一般タグ*/
td {font-family: "ＭＳ Ｐゴシック","Osaka－等幅","Osaka-Mono",sans-serif;}
th{
	font-weight: normal;
	text-align: left;
}
img {border-style: none;}
p {margin: 0px;}
ul { margin: 10px;}

/* h1 ヘッダ先頭*/
h1 {
	padding: 3px;
	margin: 0px;
	font-weight: normal;line-height: normal;
	color: #444;
}

/* h3,h4 コンテンツ見出し*/
h2,h3,h4 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;line-height: normal;
}
/* h2 パンくず*/
#head h2 {
	padding: 2px;
	margin: 0px;
	font-weight: normal;line-height: normal;
	background-color: #def;
	color: #358;
	text-align: right;
}


/*　汎用指定　*/
.center {text-align: center;}
.block_center {
	margin-right: auto;
	margin-left: auto;
}
.right { text-align: right;}
.left { text-align: left;}
.pa10 { padding: 10px;}
.pa5 { padding: 5px;}
.ma5 { margin: 5px;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left;}


/* 文字色 */
.white { color: white;}
.blu { color: navy;}
.gry { color: #777;}
.grn { color: #070;}
.red { color: red;}
.orn { color: firebrick;}

/* リンクの指定 */

a { text-decoration: none;}
a:link { color: orangered;}
a:visited { color: orangered;}
a:active { color: steelblue;}
a:hover { color: steelblue;}

.main a { text-decoration: underline;}

/****************************************ヘッダ*/
/* ヘッダ 背景余白*/
.head_top {
	 background-image: url(img/bg_head.gif);
	 background-repeat: no-repeat;
	 padding: 2px 5px 2px 5px;
	 border-top: #abf 1px solid;
}

.topbar {
	 background-color: #ffd700;
	 border-bottom: #78b 1px solid;
	 padding: 2px 5px 2px 5px;
	 color: white;
}

.resize { color: #483d8b;}
.resize a {
	 padding: 2px;
	 background-color: white;
	 color: #483d8b;
	 border: #ddd 1px solid;
}

.resize a:visited {color: #483d8b;}

/****************************************サイドメニュー*/
.menubar { margin: 0px;}
.menubar table { margin: 0px;width: 180px;}
.menubar td {
	padding: 5px 0px 0px 0px;
	background-image: url(img/menu/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

/*セルの大きさ w170 h40 */
.menubar a 
{
 text-decoration: none;
 display: block;
 width: 140px;
 height: 43px;
 padding-top: 4px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 35px;
 cursor: hand;
 background-image: url(img/menu/icon.gif);
 background-repeat: no-repeat;
 background-position: 5px 7px;
 color: #667;
 line-height: 90%;
}

.menubar a:visited { color: navy;}
.menubar a:active { color: navy;}
.menubar a:hover {
 color: orangered;
 background-image: url(img/menu/icon_on.gif);
}

/****************************************トップページ*/
.topmenu50 table {width: 580px;}
.topmenu33 table { width: 580px;}
.topmenu50 td, .topmenu33 td {
	 padding-top: 5px;
	 padding-right: 0px;
	 padding-bottom: 5px;
	 padding-left: 0px;
	 background-repeat: no-repeat;
}
.topmenu50 a, .topmenu33 a {
	 text-decoration: none;
	 display: block;
	 border-color: #ddd;
	 border-width: 1px;
	 border-style: solid;
	 cursor: hand;
	 background-image: url(img/arrow.gif);
	 background-repeat: no-repeat;
	 color: black;
}

.topmenu50 a:visited, .topmenu33 a:visited {
	 color: black;
}
.topmenu50 a {
	 background-position: 8px 13px;
	 width: 255px;
	 height: 45px;
	 padding-top: 50px;
	 padding-right: 10px;
	 padding-bottom: 10px;
	 padding-left: 10px;
}

.topmenu33 a {
	 background-position: 3px 5px;
	 width: 159px;
	 height: 19px;
	 padding: 36px 10px 10px 10px;
}

.topmenu50 a strong { font-weight: normal;}
.topmenu50 a:hover strong {background-color: white;}
.topmenu33 a strong { font-weight: normal;}
.topmenu33 a:hover strong { background-color: white;}
.topmenu50 a:hover, .topmenu33 a:hover {
	 background-image: url(img/arrow_on.gif);
	 border: #ffa500 1px solid;
}

.oil { background-image: url(img/top/oil.gif);}
.shaken { background-image: url(img/top/shaken.gif);}
.han { background-image: url(img/top/hanbai.gif);}
.shuri { background-image: url(img/top/shuri.gif);}
.tire { background-image: url(img/top/tire.gif);}
.coat { background-image: url(img/top/coat.gif);}
.nenpi { background-image: url(img/top/nenpi.gif);}
.navi { background-image: url(img/top/navi.gif);}
.lift { background-image: url(img/top/lift.gif);}
.oil,.shaken,.han,.shuri,.tire,.coat,.nenpi,.navi,.lift {
	 background-position: 0px 5px;
}

/*新着情報*/
.news 
{
 border-color: #ddd;
 border-width: 1px;
 border-style: solid;
 width: 570px;
 padding: 0px;
}

.news div 
{
 color: #666;
 background-color: #ffa;
 padding: 5px;
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-left: 10px;
}

.news li 
{
 list-style-type: none;
 border-bottom-color: #ffa;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 0px;
 margin-left: 10px;
}

/*****************************************/
/* ページ見出し */
.pagetitle {
	 background-image: url(img/bg_title.gif);
	 padding: 10px;
	 color: navy;
	 border-top: #9ac 1px solid;
	 border-bottom: #9ac 1px solid;
	 margin-bottom: 5px;
}

/* 記事見出し */
.headline {
	 background-image: url(img/point_r.gif);
	 background-position: 3px center;
	 background-repeat: no-repeat;
	 padding: 5px 5px 5px 22px;
	 background-color: #ffc;
	 border-bottom: #ffa500 1px dotted;
	 margin: 7px 0px 7px 0px;
}
/*コーティング　トピックタイトル*/
.columntitle {
	 padding: 3px;
	 color: navy;
	 background-color: white;
	 border-top: #9ac 3px double;
	 border-bottom: #9ac 3px double;
	 margin-bottom: 5px;
}

/* トップに戻る */
.gotop {
	 background-color: #ffc;
	 margin-top: 10px;
	 margin-bottom: 7px;
}
.gotop table { width: 550px;}
.gotop td { width: 50%;}

.marker{ background-color: #ffc;}
/****************************************会社概要ほか*/
/*表組記事の余白部分など*/
.column {
	 margin-top: 0px;
	 margin-right: 10px;
	 margin-bottom: 10px;
	 margin-left: 10px;
}

.column table { width: 550px;}
.column td,th {
	 height: 30px;
	 padding: 5px;
	 border: #bcd 1px solid;
}
.column li {
	 list-style-type: decimal;
	 list-style-position: inside;
}

/*表組記事の項目部分の色*/
.topic { background-color: #bcd;}
.fee { background-color: #ff9;}

/*会社概要　セルの幅指定*/
.cmp { width: 120px;}

/*サイトマップ*/
.sitemap {
	 border: #bcd 1px solid;
	 padding: 20px;
	 color: darkcyan;
}
.sitemap table { width: 570px;}
.sitemap td { width: 50%;}
.sitemap li {
	 line-height: 140%;
	 list-style-image: url(img/ico_mini.gif);
}

/*車検*/
.shaken2 {
	 width: 550px;
	 table-layout: fixed;
}
.shaken2 td { border: #ddd 1px solid;}

/*リフト*/
.lift_fee {
	 width: 300px;
}
.lift_fee td { border: #ddd 1px solid;text-align: center;}



/*オイルキープ*/
.oil1 {
	 background-color: #eee;
	 width: 450px;
	 border: #666 3px dotted;
}
.oil2 {
	 width: 450px;
	 background-color: #dfd;
	color: #006400;
}
.oil3 ul{
	list-style-position: outside;
	background-color: #ffc;
	margin: 5px 5px 5px 0px;
	padding: 5px 5px 5px 0px;
	}
.oil3 li{
	padding-bottom: 3px;
	margin-left: 35px;
	padding-left: 5px;
	text-indent: -10px;
}


/*ポリシー*/
.poli{padding: 10px;line-height: 130%;}

/*燃費*/
.bd1{border: 1px solid #ddd;}
.bd2{border: 1px solid #ddd; border-style: solid solid none solid;width:"33%"}
.bd3{border: 1px solid #ddd; border-style: dotted solid solid solid;}

/*コーティング*/
.sgc{
	background-color: #eef;
	margin: 10px 5px 5px 0px;
	padding: 10px;
	float:left;
	width:230px;
	line-height: 120%;
}
/*タイヤ*/
.tire_old{
	border: green 1px solid;
	color: green;
}
.tire_new{
	border: orange 1px solid;
	color: orange;
}
/*アイテム取り付け価格表*/
.itemlist td{border: 1px solid #ddd;}

/*リフト*/
.lift_kensa {
	 border: #bcd 1px solid;
	 color: darkcyan;
}
/*クーポン*/
.cp_print1{border: #333 3px double;}


/*****************************************/
/*フッタ*/
#foot .h5 {
	font-weight: normal;line-height: normal;
	padding: 8px;
	margin: 0px;
	background-color: #def;
	color: #666;
}

.copyright 
{
 text-align: center;
 margin-top: 10px;
}

/*****************************************/
.bd_dt_or { border: orange 3px dotted;}
.bd_dt_bl { border: navy 1px dotted;}
.uline_dt_gr{border-bottom: #080 1px dotted;}

.bg_gry { background-color: #eee;}


/*  */