@charset "utf-8";
/* CSS Document */

#direction_area {
	clear:both;
	width:960px;
	height:244px;
	background:url(../images/access/bg_kyowa.png) no-repeat 40px 10px;
	background-size: 160px 138px;
	border-bottom:#999 1px dotted;
}
#direction_area #address{
	margin-top:10px;
}

#direction_area #address p {
	font-size:11px;
	padding-top:150px;
	padding-left:3px;
	line-height:1.5;
}


#direction_area #official-address p {
	font-size:11px;
	padding-top:160px;
	padding-left:3px;
	line-height:1.5;
}



#direction_area #direction {
	margin-left:30px;
	width:450px;
	height:204px;
}

#direction_area #direction p {
	font-size:11px;
	line-height:1.4;
}

#direction_area #direction p.bold_nvy {
	font-size:13px;
	font-weight:bold;
	color:#000B1F;
}

#direction_area #direction p.bold_brn {
	font-size:13px;
	font-weight:bold;
	color:#120A00;
}

#direction_area #direction .by_car{
	padding-top:35px;
	height:64px;
	border-bottom:#333 1px solid;
}

#direction_area #direction .by_train{
	padding-top:10px;
	height:64px;
}

#direction_area #btns {
	height:140px;
	padding-top:35px;
	padding-right:20px;
}

#direction_area #btns .btn_mail a{
	width:188px;
	height:55px;
	border:1px solid #CCC;
	background:url(../images/access/btn_mail.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	display:block;
}

#direction_area #btns .btn_mail a:hover{
	background:url(../images/access/btn_mail_over.png) no-repeat;
}


#direction_area #btns .btn_print a{
	width:188px;
	height:55px;
	border:1px solid #CCC;
	background:url(../images/access/btn_print.png) no-repeat;
	text-indent:-9999px;
	display:block;
}

#direction_area #btns .btn_print a:hover{
	background:url(../images/access/btn_print_over.png) no-repeat;
}

/**マップエリア*/

#map_area {
	width:960px;
	margin-top:15px;
}

#map_area ul.tab {
	height:34px;
	_margin-bottom:-12px; /*IE6*/
}

#map_area ul.tab li {
	float:left;
}
#map_area ul.tab li a {
	background:url(../images/access/bg_tab_off.png) no-repeat;
	width:238px;
	height:34px;
	display:block;
	margin-right:5px;
	color:#999;
	text-align:center;
	text-indent:-10px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding-top:12px;
}


#map_area ul.tab li a.selected{
	background:url(../images/access/bg_tab_on.png) no-repeat;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

#map_area ul.tab li a:hover {
	background:url(../images/access/bg_tab_on.png) no-repeat;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

	
	
#map_area ul.panel {
	border-top:1px solid #999;
	background:url(../images/access/bg_map_area.png) repeat-x left top;
	padding-top:20px;
}



/* ルート検索入力パネル*/

#input_area {
	background:url(../images/access/img_01.gif) no-repeat left 10px;
	border:1px solid #ccc;
	width:320px;
	height:270px;
}


#input_area p.help_btn a {
	float:right;
	width:66px;
	height:27px;
	border:1px solid #CCC;
	margin:9px 14px 0 0;
	_margin-right:7px;
	background:url(../images/access/btn_help.png) no-repeat;
	text-indent:-9999px;
	display:block;
}

#input_area p.help_btn a:hover{
	background:url(../images/access/btn_help_over.png) no-repeat;
}

#form {
	margin-left:10px;
	height:160px;
	width:277px;
}

.start {
	width:266px;
	height:20px;
	text-indent:5px;
	padding-top:7px\9;/*IE8*/
	*padding-top:7px;/*IE6&7*/
}

.transportation {
	*height:21px;
	width:120px;
	padding-left:5px;
	
}

#input_table {
	margin-top:50px;
	*margin-top:12px;/*IE6&7*/
	height:150px;
	width:296px;
}


#input_table td {
	vertical-align:middle;
}
#input_table td.m30 {
	padding:5px 0 15px 0;
}

#input_table td.td_a {
	width:30px;
}
	
#input_table td.bg_gry {
	background:url(../images/access/bg_mesh.png) repeat-x left top;
}

#input_table td#highwayZone {
	width:296px;
	padding-left:15px;
	height:31px;
}

#input_table p.txt01 {
	margin-top:4px;
	margin-top/*\**/:3px\9; /*IE*/
	padding-left:55px;
	font-weight:bold;
}

#input_table p.txt02 {
	line-height:31px;
	padding-left:35px;
}


	
.btn_send {
	margin:20px 0 10px 52px;
	*margin:20px 0 10px 42px; /*IE6*/
	width:200px;
	height:30px;
}

/* ルート検索 結果表示*/

#result_area {
	background:url(../images/access/img_02.gif) no-repeat left 10px;
	margin-top:20px;
	border:1px solid #ccc;
/*	width:320px; */
	width: 300px;
	height:465px;
	padding: 0 10px;
}

#result_area #scroll_area {
	margin-top:40px;
	height:420px;
	overflow: auto;
}

#result_area #scroll_area .jScrollbar_mask {
	width: 200px;
}

#map {
	padding-top:5px;
	text-align:center;
	float:right;
	width:615px;
	height:752px;
	border:1px solid #ccc;
	margin-bottom:50px;
	margin-left:21px;
}

#goal {
	background:url(../images/access/bg_mesh.png) repeat-x left top;
	width:277px;
	height:31px;
	margin-left:10px;
	margin-top:20px;
	
}

#goal p {
	background:url(../images/access/arrow_a.png) left no-repeat;
	background-position:left 2px;
	float:left;
	padding:12px 0 0 13px;
	margin-left:5px;
	text-indent:10px;
	height:27px;
	font-size:11px;
}
#result_area table {
	width:277px;
	height: 31px;
	margin:10px 0 20px 10px;
	padding:10px 0;
	line-height:1.3;
	font-size:11px;
	border: 1px solid #fff;
}

#result_area #direction td {

	padding:12px 0 12px 0;
}

#result_area td.td_01 {
	width:20px;
}

#result_area td.td_02 {
	width:238px;
}

#result_area td.td_03 {
	width:19px;
	*width:30px; /*IE6&7*/
	text-align:right;
	color:#23493D;
}




.tab2 {
	width:960px;
	
}

.tab2_map {
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:50px;
}

/*--------------------------------------------------------
  GoogleMapAPI Element
---------------------------------------------------------*/
.adp-placemark {
	background: url("../images/access/bg_mesh.png") repeat-x left top;
}

.adp-placemark tr {
    
    height: 31px;
    margin-left: 10px;
    margin-top: 20px;
    width: 277px;
	zoom: 1;
}
.adp-placemark img {
	width: 17px;
	height: 27px;
	padding: 2px;
}

.adp-placemark .adp-text {
	vertical-align: middle;
	padding-left: 5px;
}

#scroll_area table b {
	font-weight: normal;
}

/* 不要エレメントを隠す */
#scroll_area .adp-summary,
div.adp-warnbox {
	display: none;
}
#scroll_area {
	margin: 0 -10px 0 0;
}
#scroll_area table {
	width: 270px;
}

#gmap-summary {
	background:url(../images/access/bg_mesh.png) repeat-x left top;
	width:270px;
	height:31px;
	margin-left:10px;
	margin-top:10px;
	font-size:12px;
	font-family: MS-PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}


#gmap-summary div {
	padding: 10px;
	font-weight:bold;
}

#adp-placemark .adp-text {
	vertical-align: middle;
}