@charset 'UTF-8';


/*コンテンツ部分
--------------------------------------*/
/*h3*/
h3{
	clear:both;
	width:930px;
	height:;
	margin:24px 0 0;
	padding:5px 10px;
	background:#e5e5e5;
	border-left:solid 10px #7c3;
}
* html body .timetableH{width:960px;}


#kensakuPanel{
	overflow:hidden;
	width:960px;
	/*height:htmlで設定*/
	margin:0 0 6px 0;
	background:#7c3;
}
#panelLeft{
	overflow:hidden;
	float:left;
	width:348px;
	/*height:htmlで設定*/
	margin:4px 0 4px 4px;
	padding:0;
	background:#fff url(../common_image/box1_top.gif) repeat-x;
}
* html body #panelLeft{
	margin:4px 0 4px 2px;
}
#panelRight{
	overflow:hidden;
	float:right;
	width:600px;
	/*height:htmlで設定*/
	margin:4px 4px 4px 0;
	padding:0;
	background:#fff url(../common_image/box1_top.gif) repeat-x;
}
* html body #panelRight{
	margin:4px 2px 4px 0;
}



/*パネル下凡例
--------------------------------------*/
#panelHanrei{
	overflow:visible;
	margin:0 0 16px 0;
	padding:0;
	min-height:24px;
}
* html body #panelHanrei{
	height:24px;
}
.panelHanreiKomokuLeft{
	float:left;
}
.panelHanreiKomokuRight{
	float:right;
}
.panelHanreiKomokuLeft img,
.panelHanreiKomokuRight img{
	vertical-align:middle;
	margin:0 3px;
}
/*初期一覧表示画面
--------------------------------------*/
.panelString{
	height:55px;
	padding:5px 5px 0 5px;
}
* html body .panelString{
	height:50px;
}

#parkingList,
#parkingRinjiList{
	overflow:auto;
	width:338px;height:267px;
	padding:5px;
	background:#fff;
}
* html body #parkingList,
* html body #parkingRinjiList{
	width:348px;height:277px;
}
#parkingRinjiList{
	background:#fed;
}
#rinjiNotice{
	margin-left:8px;
	padding:1px 2px;
	background:#f54;
	color:#fff;
}
#rinjiNashi{
	text-align:center;
	padding:20px 0 0
}
.parkingCell{
	overflow:visible;
	min-height:20px;
	clear:right;
}
* html body .parkingCell {min-height:;height:20px;}
.parkingCell .pName      {overflow:hidden;}
.parkingCell img.pNum    {margin-right:5px;}
.parkingCell .pInfo      {float:right;overflow:hidden;}

/*空車台数一覧画面
--------------------------------------*/
#simpleListDataArea{
}
/*注釈*/
#simpleListNotice{
	border:1px #eee solid;
	padding:6px;
	margin:8px 16px 0;
}
/*表ヘッダ*/
#simpleListHeader{
	margin:16px 16px 0;
	padding:2px 0 3px 8px;
	border-bottom:2px solid #7c3;
}
.pHName                     {overflow:hidden;}
.pHAdmission,
.pHParkingCount             {border-left:1px #ddd solid;padding:0 12px;width:80px;float:right;overflow:hidden;}
* html body .pHAdmission,
* html body .pHParkingCount {width:105px;}
/*表ボディ*/
#simpleListData{
	margin:0 16px 16px;
}
.parkingCellSimpleList0,
.parkingCellSimpleList1{
	overflow:visible;
	min-height:22px;
	padding:6px 0 0 8px;
}
* html body .parkingCellSimpleList0,
* html body .parkingCellSimpleList1{
	min-height:;
	height:28px;
}
.parkingCellSimpleList0    {background:#eee;}/*白地セル*/
.parkingCellSimpleList1    {background:#fff;}/*グレー地セル*/
.pName                     {overflow:hidden;}
.pNameInner                {padding-right:5px;}
img.pNum                   {margin-right:8px;}
.pInfo                     {float:right;overflow:hidden;padding-left:10px;}
.pInfo img                 {margin-right:8px;}

.pAdmission,
.pParkingCount             {color:#888;border-left:1px #ddd solid;padding:0 12px;width:80px;float:right;overflow:hidden;}
* html body .pAdmission,
* html body .pParkingCount {width:105px;}
.pAdmissionClass1          {color:;}/*満空ステータス満車の場合は色変更*/
.pAdmissionClass2          {color:;}/*満空ステータス混雑の場合は色変更*/
.pAdmissionClass3          {color:;}/*満空ステータス空車の場合は色変更*/
.pParkingCountClass1       {color:#f00;}/*満空ステータス満車の場合は色変更*/
.pParkingCountClass2       {color:#f90;}/*満空ステータス混雑の場合は色変更*/
.pParkingCountClass3       {color:#00f;}/*満空ステータス空車の場合は色変更*/




/*ふきだし表示
--------------------------------------*/
#balloonArea{
	width:240px;
}
#balloonAreaNameOnly{
}
#balloonArea p.komoku{
	margin:4px 0 0;
}
#balloonName{

}
#balloonName img{
	margin:0 0 0 5px;
}
#balloonLinkDetail{
	margin:10px 0 0;
}
#balloonButton{
	margin:10px 0 0;
}
#parkingDataBalloon{
	position:absolute;
	background:#fff;
	margin:3px 0 0 3px;
	padding:5px;
	border:1px #ccc solid;
}

/*詳細情報表示画面
--------------------------------------*/
#detailDataArea{
	float:left;
	width:344px;
	margin:0 16px 0 0;
}
#detailData{padding:6px;}
#detailData .komokuMidashi{
	margin:5px 0 0;padding:2px 3px;
	background:#eee;
	color:#888
}
#detailData #komokuName{}
#detailData #komokuIcon{margin:5px 0 0;}
#detailData #komokuIcon img{
	vertical-align:middle;
	margin:0 5px 0 0;
	}
#detailData #komokuAdd{margin:5px 0 0;}
#detailData .komokuData{margin:3px 0 0;}

#detailData #komokuQr{
	margin-top:10px;
	padding:3px 4px;
	border:1px solid #ddd;
}
#detailData #komokuQr img{
	dispaly:block;
	float:right;
	margin:0 0 0 4px;
}
#detailButton{
	margin:10px 0 0;
}
#detailMapArea{
	float:left;
	width:600px;
}
#detailMap{
	width:600px;height:390px;
}
#printButtonArea{
	clear:both;
	text-align:center;
}


/*パーク＆ライド独自
***********************************************************/

/*h4*/
h4{
	clear:both;
	margin:24px 0 0;
	padding:0;
	color:#0a0;
}

/*h5*/
h5{
	margin:16px 0 0;
	padding:0;
	color:#66e000;
}

#parkRideAroundStation{
	overflow:auto;
	width:338px;;
	padding:5px;
	background:#fff;
}
* html body #parkRideAroundStation{
	width:348px;
}

#parkRideList
	overflow:auto;
	width:338px;;
	padding:5px;
	background:#fff;
}
* html body #parkRideList{
	width:348px;
}

/*表の路線名見出し*/
p.staListRouteName{
	margin:8px 0 8px 16px;
}
/*表*/
table.staListTable{
	width:;
	padding:0;
	margin:0 0 0 16px;
	border-collapse:collapse;
	empty-cells:show;
	text-align:left;
}
th.sltCellStaHead,
th.sltCellTsukiHead,
th.sltCellHiHead{
	margin:0;
	padding:0;
	border-bottom:2px solid #ccc;
	background:#eee;
	font-weight:normal;
}
th.sltCellStaHead{
	width:130px;
}
th.sltCellTsukiHead{
	width:90px;
}
th.sltCellHiHead{
	width:90px;
}
td.sltCellSta,
td.sltCellTsuki,
td.sltCellHi{
	margin:0;
	padding:0;
	border-width:5px;
}
td.sltCellSta{
	width:130px;
}
td.sltCellTsuki{
	width:90px;
}
td.sltCellHi{
	width:90px;
}

.parkingDivision{
	margin:16px 16px 0;
	padding:3px 4px;
	border:1px solid #ccc;
}

.parkingDivision p.parkingDivisionMidashi{

}


/*人身事故多発交差点独自
***********************************************************/

table#kosatenTable{
	
}
.cellKosatenNum{
	
}
.cellKosatenNumHead{
	
}
.cellKosatenName{
	
}
.cellKosatenNameHead{
	
}
.kosatenFuki{
	width:180px;
}
p.kosatenFukiName{
	margin-bottom:8px;
	padding-bottom:2px;
	border-bottom:1px solid #fc0;
}
ul.kosatenFukiUl{
	
}
li.kosatenFukiLi{
	
}