/* CSS Document */


/*header ==================================*/


/*access_cont ==================================*/

#access_cont{
	width: 738px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	float: right;
}
#access_cont h1 {
	background-repeat: no-repeat;
	text-indent: -100000px;
	display: block;
	height: 101px;
	width: 711px;
}
h1.cont_title_access {
	background-image: url(../img/h1_title_023.gif);
}
#access-map {
	width: 700px;
	padding-left: 10px;
	padding-top: 20px;
}
#access-map p {
	padding-left: 10px;
}



#access_menu_left{
	width: 190px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color:#ffffff;
}




/* ここからmenu部分
____________________________*/
#access_menu { margin: 0px; padding: 0px; text-align: left; float: left; width:190px;}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
____________________________*/
#access_menu ul 
{
margin: 0px; padding: 0px; 
background-position: 0 0;
position:relative;
width:190px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
____________________________*/
#access_menu li 
{
font-size: 9px;
margin: 0px; padding: 0px; 
width:190px;
list-style-type:none;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
____________________________*/
#access_menu li a 
{
font-size: 9px;
margin: 0px; padding: 0px; 
display: block;
width:190px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
} 

	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは60pxです
____________________________*/
#access_menu #left_access
{
background-image: url(../img/access_menu_001.gif);
height: 60px;
}
#access_menu #left_access a 
{
background-image: url(../img/access_menu_001.gif);
height: 60px;
}


/* マウスオンすると重なった67px下の画像が出てきます
____________________________*/
#access_menu li
{
background-position: -190px 0;
}
#access_menu li a:hover 
{
background-position: -190px 0;
}
/* ここまでmenu部分
____________________________*/











/* ここからmenu部分
____________________________*/
#common_menu { margin: 0px; padding: 0px; text-align: left; float: left; width:190px;}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
____________________________*/
#common_menu ul 
{
margin: 0px; padding: 0px; 
background-position: 0 0;
position:relative;
width:190px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
____________________________*/
#common_menu li 
{
font-size: 9px;
margin: 0px; padding: 0px; 
width:190px;
list-style-type:none;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
____________________________*/
#common_menu li a 
{
font-size: 9px;
margin: 0px; padding: 0px; 
display: block;
width:190px;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
} 

	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは60pxです
____________________________*/
#common_menu #left_tickets
{
background-image: url(../img/tickets_menu_001.gif);
height: 60px;
}
#common_menu #left_tickets a 
{
background-image: url(../img/tickets_menu_001.gif);
height: 60px;
}


/* マウスオンすると重なった67px下の画像が出てきます
____________________________*/
#common_menu li
{
background-position: -190px 0;
}
#common_menu li a:hover 
{
background-position: -190px 0;
}
/* ここまでmenu部分
____________________________*/









/*title ==================================*/

.access_title{
	font-size: 13px;
	width: 700px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 20px;
}






.access_section_title{
	font-size: 13px;
	width: 700px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	border-left: 1px solid #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.access_detail_dname{
	font-size: 13px;
	padding: 0px 0px 20px 10px;
	margin: 00px 0px 0px 10px;
	width: 250px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	border-left: 1px solid #000000;
	float:left;
	display:block;
}


.access_detail_dname_d{
	font-size: 13px;
	padding: 0px 0px 20px 10px;
	margin: 0px 0px 0px 10px;
	width: 300px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
	border-left: 1px solid #000000;
	text-decoration: none;
	line-height:1.5;
	display: block;
}


.access_property {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	text-align: right;
	width: 710px;
	font-size: 12px;
	float: right;
}

.access_property li {
	display: inline;
	margin-left: 0px;
	border-right: 1px solid #000000;
	padding: 0px 10px 0px 10px;
	color: #000000;
}

/*p ==================================*/
#access_cont p {
	/*padding: 3px 0px 20px 10px;*/
	font-size: 12px;
	line-height: 1.3;
	color: #000000;
	margin: 0px;
}



/*for left contents ==================================*/


/*title ==================================*/
#cont_title{
	width: 730px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.cont_title_access{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/access_access_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}








/*access_cont ==================================*/

.access_cont_main{
	padding: 0px 0px 20px 0px;
	margin:  20px 0px 40px 20px;
	width: 710px;
	display: block;
	text-align: left;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
}
.access_cont_main_l{
	padding: 0px 0px 0px 10px;
	margin:  0px 0px 20px 20px;
	width: 700px;
	display: block;
	text-align: left;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
}

.access_cont_main_nl{
	padding: 0px;
	width: 700px;
	display: block;
	text-align: left;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


#access_cont_main001{
	padding: 0px 0px 55px 0px;
	margin:  20px 0px 0px 20px;
	width: 710px;
	display: block;
	text-align: left;
}


#access_cont_main002{
	padding: 0px 0px 55px 0px;
	margin:  20px 0px 0px 20px;
	width: 710px;
	display: block;
	text-align: left;
}



/*==================================*/


.access_hall{
	margin: 0px 0px 10px 10px;
	padding: 0px;
	list-style:none;
}


.hall_name{
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin:  0px;
	display: block;
	font-weight:bold;
}

.hall_add{
	font-size: 12px;
	font-weight:normal;
	padding: 10px 0px 0px 0px;
	margin:  0px;
}

#access-map .cont_left {
	width: 340px;
	margin:0;
	padding:0;
	float:left;
}
#access-map .cont_right {
	margin:0;
	padding:0;
	float:right;
}
#access-map .cont_right iframe {
	margin:0;
	padding:0;
	border:1px solid #999;
}
.last {
	padding-bottom: 60px;
}


/* =========================================*/
.access_cont_main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7*/

.access_cont_main{display:inline-block;} /*IE7*/

/*Hides from IE-mac¥*/
* html .access_cont_main{height:1%;}
.access_cont_main{display:block;}
/*End hide from IE-mac*/ /*IE6*/

/* =========================================*/
.access_cont_main_nl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7*/

.access_cont_main_nl{display:inline-block;} /*IE7*/

/*Hides from IE-mac¥*/
* html .access_cont_main_nl{height:1%;}
.access_cont_main_nl{display:block;}
/*End hide from IE-mac*/ /*IE6*/


.access_title{display:inline-block;} /*IE7*/

/*Hides from IE-mac¥*/
* html .access_title{height:1%;}
.access_title{display:block;}
/*End hide from IE-mac*/ /*IE6*/

.access_cont_main_l:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7*/

.access_cont_main_l{display:inline-block;} /*IE7*/

/*Hides from IE-mac¥*/
* html .access_cont_main_l{height:1%;}
.access_cont_main_l{display:block;}
/*End hide from IE-mac*/ /*IE6*/