/*######################################
メッセウイング常設展示スペース
■レイアウト用■
layout.css
CSS Version 2.0
LastModefied:2007.3.29 By yoshida
######################################*/

/*########################
Global
	border: 1px solid orange;
########################*/
*{
	padding: 0px;
	margin: 0px;
}

img{ border: 0px; }

body{
	background-color: white;
}

.blue{
	background-color: #0860A5;
	text-align: center;
}

.lightblue{
	text-align: center;
	margin-bottom: 20px;
}

strong a{
	color: #dc143c;
}

strong a:hover{
	color: white;
	background-color: #dc143c;
}

/*########################
メイン
########################*/
#main{
	text-align: center;
	clear: both;
}

/*########################
ヘッダー
########################*/
#head{
	border-top: 4px solid black;
	text-align: center;
}

#head h1{
	width: 760px;
	height: 68px;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
	text-align: right;
	background-image: url('grf/head.gif');
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*########################
メニュー
########################*/
#menu{
	width: 760px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}

#menu ul{
	list-style: none;
	height: 20px;
}

#menu li{
	list-style: none;
	width: 125px;
	float: left;
	height: 20px;
	font-size: 9pt;
	border-left: 1px solid white;
}

#menu li.long{/*メニュータイトルが長い場合*/
	width: 128px;
}

#menu li.last{/*右端メニュー*/
	border-right: 1px solid white;
}

#menu a{
	display: block;
	width: 125px;
	height: 20px;
	color: white;
	text-decoration: none;
	line-height: 160%;
}

#menu a:hover{
	background-color: #003366;
}

#menu a.on{/*現ページ*/
	background-color: #003366;
}
#menu-y{
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}
#menu-y ul{
	list-style: none;
	height: 10px;
}

#menu-y li{
	list-style: none;
	float: left;
	height: 10px;
	font-size: 11pt;
	border-left: 1px solid white;
}
#menu-y a{
	color: #FFFFFF;
	width: 125px;
	background-color: #4169e1;
}
#menu-y a:hover{
	color: #ffff00;
	background-color: #003366;
}
#menu-y a.on{
	color: #ffff00;
	background-color: #003366;
}

/*########################
フッター
########################*/
#foot{
	width: 760px;
	height: 80px;
	text-align: left;
	color: white;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
}

/*=======================
メッセウイング問合せ先
=======================*/
#foot #mark{
	float: left;
	margin-right: 46px;
}

#foot #messe{
	float: left;
	width: 350px;
}

#foot #messe p{
	margin-top: 3px;
	font-size: 8pt;
	line-height: 120%;
	padding-left: 6px;
}
/*=======================
エムテック問合せ先
=======================*/
#foot #mtec{
	width: 270px;
	float: left;
}

#foot #mtec h4{
	font-size: 11pt;
}

#foot #mtec p{
	margin-top: 5px;
	font-size: 8pt;
	line-height: 120%;
	padding-left: 6px;
}
