/*
	CAR TOTAL ADVISER NEXT CSS
*/
@charset "utf8";


/*
	タグ総称の汎用スタイル
*/
form {
	margin:      0;
	padding:     0;
}
img {
	border:      none;
}
p, table, tr, td, th, h1, h2, h3, h4, h5, h6 {
	font-size:   100%;
	margin:      0;
	padding:     0;
}
hr {
	height:      1px;
	padding:     0;
	border:      0px none;
	background:  rgb( 128, 128, 64 );
	color:       rgb( 128, 128, 64 );
}
a {
	color:       rgb(  50,  50, 128 );
}
a:visited {
	color:       rgb(  50,  50, 128 );
}
a:hover {
	color:       rgb(  50,  50, 255 );
}
a:active {
	color:       rgb( 255,  50,   0 );
}




/*
	ページ共通スタイル
*/
.site-content h2 {
	margin:      0 5% 1em 5%;
	padding:     4px 2em;
	border:      3px double gray;
	background-image:    url(/images/site_h2_blue.jpg);
	background-repeat:   no-repeat;
	background-position: left center;
	color:       rgb(  16,  64, 128 );
	font-size:   150%;
	vertical-align:      centerline;
}
.site-content h2.page-title-red {
	color:       rgb(  96,  16,  64 );
	border:      3px double rgb(  96,  16,  64 );
	background-image: url(/images/site_h2_red.jpg);
}
.site-content h2.page-title-green {
	color:       rgb(  16,  96,  64 );
	border:      3px double rgb(  16,  96,  64 );
	background-image: url(/images/site_h2_green.jpg);
}
.site-content h2.page-title-blue {
	color:       rgb(  16,  64,  96 );
	border:      3px double rgb(  16,  64,  96 );
	background-image:    url(/images/site_h2_blue.jpg);
}
.site-content h2.page-title-yellow {
	color:       rgb(  80,  80,  16 );
	border:      3px double rgb(  80,  80,  16 );
	background-image: url(/images/site_h2_yellow.jpg);
}
.site-content h3 {
	margin:      1em 25% 1em 6%;
	padding:     3px 0 3px 2em;
	border-top:    1px solid red;
	border-right:  1px solid red;
	border-bottom: 1px solid red;
	border-left:   3px solid red;
	background-image:    url(/images/site_h3.jpg);
	background-repeat:   no-repeat;
	background-position: left center;
	color:       black;
	font-size:   110%;
}
.site-content h4 {
	margin:      1.5em 30% 1em 7%;
	padding:     2px 0 2px 2em;
	border-top:    1px dashed rgb( 224, 96, 96 );
	border-right:  1px dashed rgb( 224, 96, 96 );
	border-bottom: 1px dashed rgb( 224, 96, 96 );
	border-left:   3px solid  red;
	background:  rgb( 248, 248, 248 );
	color:       black;
	font-size:   100%;
}



/*
	テキスト装飾 汎用系
*/
.grayout {
	color:       rgb( 160, 160, 160 );
}
.small {
	font-size:   small;
}
.center {
	text-align:  center;
}
.align-center {
	text-align:  center;
}
.align-right {
	text-align:  right;
}
.align-middle {
	vertical-align: middle;
}



/*
	メッセージリスト
*/
ul.message-list {
	width:      90%;
	margin:     1em auto;
	padding:    0.5em;
	border:     1px solid green;
	background: rgb( 240, 255, 240 );
	list-style: none;
	color:      green;
}
ul.message-list li {
}

/*
	エラーメッセージリスト
*/
ul.error-list {
	width:      90%;
	margin:     1em auto;
	padding:    0.5em;
	border:     1px solid red;
	background: rgb( 255, 240, 240 );
	list-style: none;
	color:      red;
}
ul.error-list li {
}

/*
	フォーム別エラーフィールド
*/
.form_error {
	margin:     0 auto 0 1em;
	padding:    0;
	background: rgb( 255, 240, 240 );
	color:      red;
}



/*
	汎用ページ 1 （左右のどちらかに絵が来るタイプ）
*/
.generic-page-content {
	min-height:  360px;
	_height:     360px;
	padding:     5px 10%;
	background-repeat: no-repeat;
	background-position: top;
}
/*
	汎用ページ 2 （左右に適度にブランクを置くタイプ）
*/
.generic-page-content-2 {
}

/*
	ページフッタ標準型
*/
.generic-page-footer {
	padding:     5px 0;
	border-top:  1px dashed rgb( 160, 160,  64 );
	font-size:   0.8em;
}
.generic-page-footer p.caption {
	font-weight: bold;
}
.generic-page-footer ul.relpages {
	margin:      0;
	padding:     0;
}
.generic-page-footer ul.relpages li {
	margin:      4px 0 4px 2em;
	padding:     0;
}


/*
	何にでも使えそうなテーブル
*/
table.generic-table {
	width:       90%;
	margin:      1em auto;
	border-collapse: collapse;
}
table.generic-table th {
	padding:     3px;
	background:  rgb( 248, 248, 224 );
	border:      1px solid rgb( 128, 128,  64 );
	font-weight: normal;
}
table.generic-table td {
	padding:     3px;
	border:      1px solid rgb( 128, 128,  64 );
}
table.generic-table th.left-header {
	width:       20%;
}


/*
	AJAX インジケータ
*/
div#indicator
{
  position:   fixed;
  width:      100px;
  height:     40px;
  left:       10px;
  top:        10px;
  z-index:    900;
  background: url(/images/indicator.gif) no-repeat 0 0;
}