/* ページ全体定義 */

/*.start.ver1.6 2012/12/04 修正 */
html {
	position: relaive;
	overflow-x: hidden;
}

body {
	width: 1009px;
	height: 759px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", monospace;
	font-weight: bold;
	margin-left: 0;
	margin-top: 0;
	overflow-x: hidden;
}
/*.end.ver1.6 2012/12/04 修正 */

img {
	vertical-align: bottom;
	border:none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

/*.start.ver1.6 2012/12/04 修正 */
div#errMsg {
	position: absolute;
	top:300px;
	left: 210px;
	width: 600px;
	height: 50px;
	z-index: 10;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: center;
	line-height:50px;
	font-size: 1.5em;
}
/*.end.ver1.6 2012/12/04 修正 */

/* キャプチャ画像親ボックス定義 */
div#capImage {	
	float: left;
	position: absolute;
	top: 0px;
	left: 50px;
	width: 544px;
	height: 408px;
	border: none;
	background-color: #FFFFFF;
}

/* キャプチャ画像スタイル定義 */
img#photo_l{
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 544px;
	height: 408px;
	border: none;
}

/* 拡大用キャプチャ画像スタイル定義 */
img#photo_ll {
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    border: none;
    width: 800px;
    height: 600px;
}

/* ロゴマーク画像スタイル定義 */
img#ais{
	vertical-align: middle;
	position: absolute;
	top: 4px;
	left: 8px;
	width: 35px;
	height: 35px;
}

/*.start.ver1.6 2012/12/04 修正 */
/* 印刷ボタン画像スタイル定義 */
img#print {
	vertical-align: middle;
	position: absolute;
	top: 11px;
	right: 100px;
	cursor: pointer;
}

/* 閉じるボタンスタイル定義 */
img#close {
	position: absolute;
	top: 11px;
	right: 12px;	
	cursor: pointer;
}
/*.end.ver1.6 2012/12/04 修正 */

/* 拡大ボタン画像スタイル定義 */
img#btn_zoom {
	float :left;
	position: absolute;
	top: 415px;
	right: 2px;
	width: 45px;
	height: 45px;
	border: none;
	cursor: pointer;
	display: block;
}

/* 拡大解除ボタン画像スタイル定義 */
img#btn_undo {
	float :left;
	position: absolute;
	top: 415px;
	right: 2px;
	width: 45px;
	height: 45px;
	border: none;
	cursor: pointer;
	display: none;
}

/* 戻るボタン画像スタイル定義 */
img#prevButtom {
	width: 50px;
	height: 408px;
	float: left;	
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	cursor: pointer;
}

/* 進むボタン画像スタイル定義 */
img#nextButtom {
	width: 50px;
	height: 408px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	cursor: pointer;
}

/*.start.ver1.6 2012/12/04 修正 */
/* キャプチャ情報部、展開図情報部(サムネイル表示以外)の親エリア定義 */
div#main {
	width: 1009px;
	height: 528px;
	font-weight:bold;
	background-color: #CCFFFF;
}

/* 車両情報部スタイル定義 */
div#banner{
	width: 1009px;
	height: 45px;
	float: left;
	position: relative;
	top: 0px;
	background-color: #000080;
	margin: 0px 0px 0px 0px;
}

div#banner img#header{
	width: 1009px;
}
/*.start.ver1.6 2012/12/04 修正 */

/* 車情報表示エリア */
div#carinf {
	float:left;
	width: 800px;
	height: 30px;
	position: absolute;
	top:8px;
	left: 60px;
	color: #F5F5F5;
	text-align: left;
	padding-top:0px;
	margin: 0px 0px 0px 0px;
}

#carinf p#title {
	font-size: 15em;
}

/* キャプチャ画像表示エリア 親定義*/

/*.start.ver1.6 2012/12/04 修正 */
div#imagetotal {
	float:left;
	width: 644px;
	height: 468px;
	position: relative;
	left: 1px;
	top : 7px;
	background-color: #000080;
	border: none;
}
/*.end.ver1.6 2012/12/04 修正 */

/* キャプチャ画像表示下部の部位表示エリア */
div#partname {
	float:left;
	width: 540px;
	height: 40px;
	position: absolute;
	top: 415px;
	left: 50px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	margin: 0px;
	border: 2px #A9A9A9 solid;
	/*.start 2012/11/29 区画メモフォントサイズ変更 */
	font-size: 14px;
	/*.end   2012/11/29 区画メモフォントサイズ変更 */
}

/*******************************
 * 展開図情報部スタイル定義
 *******************************/

/*.start.ver1.6 2012/12/04 修正 */
/* タブ部分 親定義 */
div#containertotal{
	width: 359px;
	height: 468px;
	position: absolute;
	left: 648px;
	top: 47px;
	bottom: 1px;
	margin: 5px auto;
	float: right;
	background-color:#000080;
}
/*.end.ver1.6 2012/12/04 修正 */

div#container {
	width: 345px;
	height: 454px;
	position: absolute;
	top: 5px;
	left: 6px;
	margin: 1px auto;
	border: none;
 	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

ul.tab {
	padding: 0;
	margin-top: 0;
}

ul.tab li {
	list-style-type: none;
	width: 113px;
	height: 30px;
	float: left;
	border: 1px 1px 1px 0px solid #000000;
	
}

ul.tab li a {
	outline: none;
	display: block;
	color: #F5F5F5;
	line-height: 27px;
	text-align: center;
	text-decoration: none;
	margin: 1px 0px 0px 2px;
	border-top: 3px solid #A9A9A9;
	border-bottom: 3px solid #A9A9A9;
	border-left: 3px solid #A9A9A9;
	border-right: 3px solid #A9A9A9;
	background-color: #000080;
	width: 110px;
	height: 29px;
}

/* 選択時のタブ部分のスタイル定義 */
ul.tab li a.selected {
	text-decoration: none;
	color: #000000;
	cursor: default;
	background-color:#FFFFFF;
	border-bottom: none;
	border-left: 3px solid #A9A9A9;
	border-right: 3px solid #A9A9A9;
	position: absolute;
	height: 29px;
	z-index: 1;
}

ul.tab li a.selected div{
	width: 90px;
	height: 28px;
	margin-left: 11px;
	border-bottom: 3px solid #0A11EF;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 2;
}

/* 非活性化時のスタイル定義 */
ul.tab li a.disable {
	text-decoration: none;
	color: #949494;
	cursor: default;
	background-color:#cccccc;
}

/* 選択タブの情報表示リスト */
ul.panel {
	clear: both;
	height: 408px;
	border-top: none;
	padding: 0;
}

ul.panel li{
	height: 417px;
	width: 336px;
	list-style-type: none;
	text-indent: 0em;
	text-align: center;
	font-size: 1.5em;
	line-height:2.5em;
	color: #008000;
	background-color: #FFFFFF;
	position: absolute;
	left:2px;
	border-top: 3px solid #A9A9A9;
	border-bottom: 3px solid #A9A9A9;
	border-left: 3px solid #A9A9A9;
	border-right: 3px solid #A9A9A9;
}

ul.panel li img {
	margin-top: 10px;
	width: 210px;
	height: 400px;
}

#tab1 a.selected {
	color: #ff0033;
}

/**********************************
 * サムネイル画像表示部スタイル定義
 **********************************/

/*.start.ver1.6 2012/12/04 修正 */
/* サムネイルバックグラウンドエリア */
div#thumbBackground {
	background-color: #CCFFFF;
	width: 1009px;
	height: 230px;
}

/* サムネイル表示親エリア */
div#thumbTotal {
	width: 1002px;
	height: 216px;
	border-top: 2px solid #000080;
	border-bottom: 2px solid #000080;
	border-left: 2px solid #000080;
	border-right: 2px solid #000080;
	background-color: #FFFFFF;
	margin-left: 1px;
}

/* サムネイル表示メインエリア */
div#thumbmain {
	width: 805px;
	height: 208px;
	font-size: 15px;
	color: #000000;
	font-weight:bold;
	background-color: #FFFFFF;
	border-top: 2px #A9A9A9 solid;
	border-bottom: 2px #A9A9A9 solid;
	border-left: none;
	border-right: 2px #A9A9A9 solid;
	overflow: hidden;
	margin-top: 2px;
}
/*.end.ver1.6 2012/12/04 修正 */

/* サムネイルタイトル エリア */
div#thumbtittle {
	float:left;
	width: 190px;
	height: 208px;
	font-size: 17px;
	font-weight:bolder;
	color: #000000;
	border-top: 2px #A9A9A9 solid;
	border-bottom: 2px #A9A9A9 solid;
	border-left: 2px #A9A9A9 solid;
	border-right: none;
	background-color: #FFFFFF;
	margin-left: 2px;
	margin-top: 2px;
}

/*.start.ver1.6 2012/12/04 修正 */
div#thumbtittle img {
	position: absolute;
	top: 550px;
	left: 10px;
	width: 180px;
}
/*.end.ver1.6 2012/12/04 修正 */

/*.start.ver1.6 2012/12/04 修正 */
/* サムネイルカテゴリボタン */
div.categoryArea {
	float: left;
	width: 120px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	background-color: #191970;
	border-top: 2px #191970 solid;
	border-bottom: 2px #191970 solid;
	border-left: 2px #191970 solid;
	margin-top: 4px;
	margin-left: 1px;
}
/*.end.ver1.6 2012/12/04 修正 */

div.categoryArea img {
	margin-top: 13px;
	margin-left: 2px;
	width: 110px;
	height: 30px;
	cursor: pointer;
	border: none;
}

div.categoryArea p {
	z-index: 5;
	text-align: left;
	width: 110px;
	height:30px;
	size: 1em;
	color: #FFFFFF;
	margin-top: -23px;
	margin-left: 29px;
	cursor: pointer;
}

div.categoryArea p.disable {
	color: #A9A9A9;
}

/***** 展開図のスタイル定義 *****/
#tab2bg img {
	/*.start.ver1.1 2012/11/30 修正 */
	height: 370px;
	width: 267px;
	/*.end.ver1.1 2012/11/30 修正 */
	padding: 15px;
	cursor: default;
}

/*.start.ver1.1 2012/11/30 修正 */
#tab3bg img {
	height: 380px;
	width: 184px;
}
/*.end.ver1.1 2012/11/30 修正 */

/***********************************
 * サムネイルスライダー用スタイル定義
 ***********************************/
.sliderkit{
	display:none;
	position:relative;
	overflow:hidden;
	text-align:left;
}

.sliderkit a, .sliderkit a:hover{
	text-decoration:none;
}

.sliderkit a:focus{
	outline:1px dotted #000;
}

.sliderkit img{
	border:none;
}

.sliderkit .sliderkit-nav{
	z-index:10;
	position:absolute;
	text-align:center;
}

.sliderkit .sliderkit-nav-clip{
	position:relative;
	overflow:hidden;
	margin-left: 25px;
}

.sliderkit .sliderkit-nav-clip ul{
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
}

.sliderkit .sliderkit-nav-clip ul li{
	float:left;
}

.sliderkit .sliderkit-nav-clip ul li a{
	display:block;
	overflow:hidden;
}

.sliderkit .sliderkit-btn{
	z-index:10;
}

.sliderkit .sliderkit-panel{
	z-index:1;
	position:absolute;
	overflow:hidden;
}

.sliderkit .sliderkit-panel-active{
	z-index:5;
}

.sliderkit .sliderkit-panel-old{
	z-index:4;
}

.sliderkit .sliderkit-panel .sliderkit-panel-textbox{
	position:absolute;
	z-index:1;
}

.sliderkit .sliderkit-panel .sliderkit-panel-text{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}

.sliderkit .sliderkit-count{
	position:absolute;
	top:5px;
	right:5px;
	z-index:10;
	padding:5px;
	color:#fff;
	background:#000;
}

.sliderkit .sliderkit-timer{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	height:3px;
	background:#ccc;
}

/* サムネイルエリアスタイル定義 */
.thumbArea{
	width:677px;
	height:60px;
	margin-top: 4px;
	border-top: 2px #191970 solid;
	border-bottom: 2px #191970 solid;
	border-left: none;
	border-right: 2px #191970 solid;
}
/* Navbar */
.thumbArea .sliderkit-nav{
	width:677px;
	height:60px;
	background: #A9A9A9;
}

/* リスト（スライダー）内のリストスタイル */
.thumbArea .sliderkit-nav-clip ul li {
	padding-top: 3px;
	width: 78px;
	height: 58px;
	float:left;
}

/* リスト（スライダー）内のリンクスタイル */
.thumbArea .sliderkit-nav-clip ul li a {
	display:block;
	overflow:hidden;
	opacity:0.8;
}

/* サムネイル画像のスタイル */
.thumbArea .sliderkit-nav-clip ul li img {
	width: 70px;
	height: 48px;
	border-top: 3px solid #A9A9A9;
	border-bottom: 3px solid #A9A9A9;
	border-left: 3px solid #A9A9A9;
	border-right: 3px solid #A9A9A9;
}

.thumbArea .sliderkit-nav-clip ul li a:hover{
	opacity:1; /* 透明度0(不透明) */
}

/* Buttons */
.thumbArea .sliderkit-nav .sliderkit-nav-btn{
	position:absolute;
	top:0;
}

.thumbArea .sliderkit-nav .sliderkit-nav-btn span{
	display:none;
}

.thumbArea .sliderkit-nav .sliderkit-nav-btn a{
	display:block;
	width:20px;
	height:60px;
}

.thumbArea .sliderkit-nav .sliderkit-nav-prev{
	left:0px;
	background-color: #353535;
}

.thumbArea .sliderkit-nav .sliderkit-nav-prev img{
	background-color: #353535;
	margin-top: 15px;
	border: none;
}

.thumbArea .sliderkit-nav .sliderkit-nav-prev a:hover,
.thumbArea .sliderkit-nav .sliderkit-nav-prev a:focus {
	
}

.thumbArea .sliderkit-nav .sliderkit-nav-next{
	right: 0px;
	background-color: #353535;
}

.thumbArea .sliderkit-nav .sliderkit-nav-next img{
	margin-top: 15px;
	background-color: #353535;
	border: none;
}
.thumbArea .sliderkit-nav .sliderkit-nav-next a:hover,
.thumbArea .sliderkit-nav .sliderkit-nav-next a:focus {
	
}
.thumbArea .sliderkit-btn-disable{
	
}
/* 選択サムネイル画像のスタイル定義 */
.thumbArea .sliderkit-nav-clip ul li img.selected {
	border-top: 3px solid #FF00FF;
	border-bottom: 3px solid #FF00FF;
	border-left: 3px solid #FF00FF;
	border-right: 3px solid #FF00FF;
}