?/* 函館 */

#header{
	text-align: center;
	width : 800px;
	height : 290px;
	float : none;
}

body{
	width : 800px;
	height : 290px;
	line-height : 130%;
	letter-spacing : 1px;
	text-align: center;
	margin-top : auto;
	background-color : #EADFC0;
	margin-left: auto;
	margin-right: auto;
}
#main{
	width : 740px;
	bottom : auto;
}

/* 右上ボックス */
#m_right{
	width : 530px;
	float : right;
	text-align : left;
	height : 100%;
	margin: 0;
}
/* Fiafoxのみ有効 */
:root #m_right{
	width : 510px;
	float : right;
	text-align : left;
	height : 100%;
}

#mein_right_img{
	padding-top : 0px;
	baseline-align: top;
}

/*マップ*/
.map{
	width: 180px;
	float: right;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 35px;
}

/* 左メニュー */	
#m_left{
	width : 200px;
	height : 100%;
	float : left;
	bottom : auto;
	text-align : left;
}

/* firefoxのみ有効 */
:root #m_left{
	margin-left: 10px;
	width : 200px;
	height : 100%;
	float : left;
	bottom : auto;
	text-align : left;
} 

/* フッター */
#footer{
	width : 766px;
	font-size : 13px;
	padding-top : 4px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 4px;
}

/* 右下領域？ */
#pr{
	background-color : #fedeb8;
	width : 200px;
	height : 200px;
	clear : right;
	bottom : auto;
}

/* 右下PRボックス大 */
.prbox{
	background : url(../img/right_prbox01.png) no-repeat;
	width : 510px;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 5px;
	margin-bottom : 0px;
	padding-top : 5px;
	padding-left : 10px;
	padding-right : 5px;
	padding-bottom : 5px;
	height : 180px;
	color : #321211;
}

/* 右下PRボックス内画像 */
.primg{
	margin-top : 10px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 10px;
	text-align : center;
	height : 130px;
	float : left;
}

/* 右下PRボックス文字配置 */
.prtx{
	margin-top : 3px;
	margin-left : 3px;
	margin-right : 3px;
	margin-bottom : 3px;
	color : #321211;
}

.prtx a{
	color: #e9546b;
}

.prtx a:hover{
	color: #3366cc;
}

.prmain{
	bottom : auto;
	height : 100px;
}

/* 右下PRボックス大 */
.prbox2{
	width : 510px;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 5px;
	margin-bottom : 0px;
	padding-top : 0px;
	padding-left : 10px;
	padding-right : 5px;
	padding-bottom : 0px;
	height : 180px;
	color : #321211;
}

/* 右下PRボックス内画像 */
.primg2{
	margin-top : 0px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 5px;
	text-align : center;
	height : 180px;
	float : left;
}

/* 右下PRボックス文字配置 */
.prtx2{
	hight : 180px;
	margin-top : 0px;
	margin-left : 3px;
	margin-right : 3px;
	margin-bottom : 3px;
	font-size: 10pt;
}

.pxtx2 a{
	color: #e9546b;
}

.prtx2 a:hover{
	color: #3366cc;
}

#titles{
	padding-top : 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom : 0px;
	color : #666666;
	margin-top : 0px;
	text-align: center;
	float; right;
}

#titles2{
	text-align :right;
	padding-top : 60px;
	padding-right : 7px;
	padding-bottom :7px;
}
	
/* サイトマップ・お問い合わせ */
#upmenu{
	text-align : right;
	margin-right : 10px;
	margin-bottom : 5px;
	padding-top : 10px;
}

/* 左ボックスメニュー */
.midashi{
	height : 22px;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #540000;
	background : url(../img/menu03.gif) repeat-x;
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 4px;
	padding-bottom : 2px;
	font-size : 13.5px;
	text-align : center;
	border-top-width : 0px;
	border-top-style : solid;
	border-top-color : #540000;
	border-bottom-width : 0px;
	border-bottom-style : solid;
	border-bottom-color : #540000;
	margin-top : 5px;
}

/* 右ボックスメニュー */
.midashi_right{
	width : 490px;
	height : 22px;
	font-weight : bold;
	color : #ffffff;
	background : url(../img/menu03.gif) repeat-x;
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 4px;
	padding-bottom : 2px;
	font-size : 13.5px;
	text-align : center;
	border-top-width : 0px;
	border-top-style : solid;
	border-top-color : #DCD6D9;
	border-bottom-width : 0px;
	border-bottom-style : solid;
	border-bottom-color : #DCD6D9;
	margin-top : 5px;
	margin-left: 5px;
	margin-right: 10px;
}

* firefoxのみ有効 */
:root .midashi_right{
	width : 490px;
	height : 22px;
	font-weight : bold;
	color : #ffffff;
	background : url(../img/menu03.gif) repeat-x;
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 4px;
	padding-bottom : 2px;
	font-size : 13.5px;
	text-align : center;
	border-top-width : 0px;
	border-top-style : solid;
	border-top-color : #DCD6D9;
	border-bottom-width : 0px;
	border-bottom-style : solid;
	border-bottom-color : #DCD6D9;
	margin-top : 10px;
	margin-left: 5px;
}

/* 左ボックス内容 */
.sidemenu{
	padding-left: 5px; /* 文字サイズ変更の為誤差 */
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	line-height: 150%;
	font-weight: bold;
}

/* 左ボックス内容リンク用 */
.sidemenu li a{
	padding-left: 0;
	text-decoration: none;
	color: #540000;
	line-height: 150%;
}
.sidemenu li a:hover{
	color: #E9546B;
}
.sidemenu li{
	list-style-type: none;
}

.sidemenu ul{
	padding: 0;
	margin: 0;
}

.sidemenu ul li ul a{
	color: #335f3f;
	line-height: 120%;
	padding-left: 20px;
}

.sidemenu ul li ul a:hover{
	color: #66BF7F;
}
#top{
	font-size : 11px;
	width : 740px;
	text-align : left;
}

* 左下ボックス内容 */
.l_txt{
	padding-left : 5px; /* 文字サイズ変更の為誤差 */
	padding-top : 3px;
	padding-right : 0px;
	padding-bottom : 3px;
	line-height : 130%;
	font-weight: bold;
	color: #540000;
}

/* 左ボックス内容リンク用 */
.l_txt a{
	text-decoration: none;
	color: #335f3f;
}

.l_txt a:hover{
	text-decoration: none;
	color: #66bf7f;
}

#top{
	font-size : 11px;
	width : 740px;
	text-align : left;
}
/* 横のメニューバー */
#mein_menu{
	width : 766px;
	height: 22px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}

#mein_menu ul{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#mein_menu ul ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

#mein_menu ul ul ul{
	top: 0;
	left: 100%;
	height: 30px;
}

#mein_menu li{
	float: left;
	line-height: 1.6em;
	text-align: center;
	background: #540000;
	background : url(../img/menu03.gif) repeat-x;
}

#mein_menu li li{
	clear: both;
	text-align: left;
}

#mein_menu li a{
	display: block;
	width: 99px;
	text-decoration: none;
	color: #ffffff;
	padding: 0 5px;
}

#mein_menu li:hover{
	position: relative;
	background: #EADFC0;
}

#mein_menu li:hover a{
	color: #E9546B;
}


#mein_menu li:hover > ul{
	display: block;
	color: #ffffff;
}

#mein_menu li:hover > ul a{
	display: block;
	color: #ffffff;
}

#mein_menu li:hover > ul a:hover{
	color: #E9546B;	
}

/* 古紙背景(パンくずの場所から) */
#background{
	width : 766px;
	height : 830px;
	background : url(../img/background05.png) no-repeat;
	margin-top: 0px;
}	

/* パンくずリスト */
#navi{
	font-weight : bold;
	width : 740px;
	text-align : left;
	text-indent : 10pt;
	color : #ffffff;
	vertical-align : bottom;
	margin : 3px 0;
	padding-top: 2px;
	padding-left: 15px;
}
#navi a{
	color : #DCDDDD;
}

/* 文字サイズ */
.mojisize{
	width : 300px;
	text-align : right;
	text-indent : 10pt;
	padding-top: 0;
	margin-top: 0;
	float : right;
}

/* 右上ボックス内容 */
.r_txt{
	margin-top: 0;
	margin-bottom: 0;
	color : #321211;
	padding-top : 0px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 3px;
}

.r_txt a{
	color : #E9546B;
}

.r_txt a:hover{
	color : #3366cc;
}

/* 右下ボックス内容(index以外) */
.r_txt2{
	color : #321211;
	padding-top : 3px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 3px;
	line-height: 140%;
	margin-top: 0;
	margin-bottom: 5px;
}

.r_txt2 a{
	color: #E9546B;
}

.r_txt2 a:hover{
	color: #3366cc;
}

/* 右下ボックス内容(accseesページ使用) */
.r_txt3{
	widht: 180px;
	color : #321211;
	margin-right: 0px;
	padding-top : 3px;
	padding-left : 10px;
	padding-right : 0px;
	padding-bottom : 3px;
}

.r_txt3 a{
	color: #E9546B;
}

.r_txt3 a:hover{
	color: #3366cc;
}

/* 右下ボックス内容(link使用) */
.r_txt4{
	width: 230px;
	color : #321211;
	padding-top : 3px;
	padding-left : 10px;
	padding-right : 0px;
	padding-bottom : 3px;
	float:left;
	line-height: 140%;
}

.r_txt4 a{
	color: #E9546B;
}

.r_txt4 a:hover{
	color: #3366cc;
}

/* firefoxのみ有効 */
:root .r_txt4{
	width: 230px;
	color : #321211;
	padding-top : 3px;
	padding-left : 10px;
	padding-right : 0px;
	padding-bottom : 3px;
	float:left;
	margin: 0;
	line-height: 140%;
} 
		
/* 右下ボックス内容(link使用) */
html > body .r_txt5{
	width: 240px;
	color : #321211;
	padding-top : 3px;
	padding-left : 20px;
	padding-right : 0px;
	padding-bottom : 3px;
	margin: 0;
	line-height: 140%;
}

.r_txt5 a{
	color: #E9546B;
}

.r_txt5 a:hover{
	color: #3366cc;
}

/* firefoxのみ有効 */
:root .r_txt5{
	width: 210px;
	hight: 100%
	color : #FFFFFF;
	padding-top : 3px;
	padding-left : 250px;
	padding-right : 0px;
	padding-bottom : 3px;
	margin: 0;
	line-height: 140%;
}

/* 平面図有効 */
.r_txt6{
	color : #321211;
	padding-top : 3px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 3px;
	position: relative;
	line-height: 140%;
}

.r_txt6 a{
	color: #E9546B;
}

.r_txt6 a:hover{
	color: #3366cc;
}

#button a{
	color: #E9546B;
}

#button a:hover{
	color: #3366cc;
}
/* イベント有効 */
#event{
	width: 490px;
	height: 240px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.event_txt{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
	

.event_area{
	float: left;
	width: 150px;
	height: 210px;
	overflow: auto;
	font-size: 11pt;
	margin-top: 5px;
	margin-bottom: 0;
}

#event_a{
	background: #f2f2b0;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 5px;		
}

#event_b{
	background: #f2f2b0;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 5px;
}

#event_c{
	background: #f2f2b0;
	text-align: center;
	margin-bottom: 5px;
}

#event2{
	width: 490px;
	height: 500px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#event2 a{
	color: #E9546B;
}

#event2 a:hover{
	color: #3366cc;
}


	
/* 古紙とフッターの間 */
.high{
	height : 20px;
	clear : both;
}

#copyright{
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 4px;
	padding-bottom : 2px;
	border-top-width : 1px;
	border-bottom-width : 1px;
	border-top-style : solid;
	border-bottom-style : solid;
	border-top-color : #540000;
	border-bottom-color : #540000;
	width : 766px;
	font-size : 10px;
	color : #321211;
}

/* フリースペース */
.midashi2{
	font-size : 13px;
	ont-weight : bold;
	color : #FFFFFF;
	background-color : #510e10;
	border-top-width : 1px;
	border-bottom-width : 1px;
	border-top-style : solid;
	border-bottom-style : solid;
	border-top-color : #510e10;
	border-bottom-color : #510e10;
	padding-top : 4px;
	text-align : center;
	padding-left : 4px;
	padding-right : 4px;
	padding-bottom : 4px;
	margin-left : 3px;
	margin-right : 3px;
	margin-bottom : 5px;
	width : 510px;
}

table.gaiyou1 {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
	width: 490px;
	height: 200px;
	border: 1px #6b5a24 solid;
	border-collapse: collapse;
	color: #321211;
}

table.gaiyou1 a{
	color: #e9546B;
}

table.gaiyou1 a:hover{
	color: #3366cc;
}

table.gaiyou1 td, th {
	border: 1px #6b5a24 solid;
	padding: 2px;
}

#alphacube p{
	color: #ffffff;
}

table.event_table {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
	width: 460px;
	height: 100px;
	border: 1px #6b5a24 solid;
	border-collapse: collapse;
	color: #321211;
	padding: 0;
}

table.event_table td, th {
	border: 1px #6b5a24 solid;
	padding: 1px;
}	
.top_imfo_right{
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 7px;
  padding-bottom : 5px;border-spacing : 5px;
  color : #321211;
}

.top_imfo_right a{
	color: #e9546b;
}

.top_imfo_right a:hover{
	color: #3366cc;
}