@charset "utf-8";

/*
	Site Name: 神奈川県立近代美術館 
	Description: initial setting
	Version: 1.0 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: CONTAINER
	2: SEARCH
	3: HEADER
	4: FOOTER
	5: CONTENTS
	6: NAVIGATION
	7: MAIN CONTENT
	8: FONT COLOR(#search #footer)
	
==========================================================
*/

/*
===== 1: CONTAINER ==========================================
*/
#container {
	width:750px;
	margin:0 auto;
	text-align:left;
}

/*
===== 2: SEARCH ==========================================
*/
#search {
	zoom:1;/*for IE 5.5-7*/
	margin:5px 0 10px 0;
	font-size:.8em;
}

#search:after {/*for modern browser*/
	font-size:1%;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#search form {
	text-align:right;
}

#search input {
	margin-right:3px;
	color:#5f5f5f;
}

#search input#searchtextbox {
	padding:2px 0 0 2px;
}

/*
===== 3: HEADER ==========================================
*/
#header{
	zoom:1;/*for IE 5.5-7*/
}

#header:after {/*for modern browser*/
	font-size:1%;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#siteid,
#globalNavi,
#museumNavi {
	float:left;
	height:90px;
	border-bottom:solid 1px #9e9e9e ;
}

#siteid {
	width:160px;
	margin-right:10px;
}

#siteid img {
	width:149px;
	height:44px;
	margin:22px 0 24px 0;
}

/*共通menu*/
#globalNavi {
	width:288px;
	margin-right:10px;
	border-left:solid 1px #9e9e9e;
	font-size:.8em;
}

#globalNavi ul.gnaviLeft  {
	display:inline;
	float:left;
	width:130px;
	height:70px;
	margin:20px 0 0 15px;
}

#globalNavi ul.gnaviRight  {
	display:inline;
	float:left;
	width:142px;
	height:70px;
	margin:20px 0 0 0;
}

#globalNavi ul.gnaviLeft li,
#globalNavi ul.gnaviRight li  {
	list-style-position:outside;
}

#globalNavi a {
	line-height:1.5em;
	padding-left:15px;
	color:#444444; 
	text-decoration:none;
}

#globalNavi a:hover,
#globalNavi ul li a.gNaviCurrent {
	padding-left:10px;
	border-left:solid 5px #35459c ;
}

/*各館menu*/
#museumNavi {
	width:280px;
	border-left:solid 1px #9e9e9e ;
}

#museumNavi ul{
	list-style-type: none;
}

#museumNavi ul li{
	float:left;
}

#museumNavi ul li a{
	display: block;
	position: relative;
	line-height:normal; /*for IE*/
	width:80px;
	height:80px;
	margin:0 0 10px 10px;
	font-size:.8em;
}
#museumNavi ul li a:hover {
	background-color:transparent;
}
#museumNavi ul li a span{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../img/museumnavi.gif) no-repeat;
}
body.en #museumNavi ul li a span{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../img/museumnavi_en.gif) no-repeat;
}

#museumNavi ul li#hayama a span{
	background-position: 0px 0px;
	background-color:transparent;
}

#museumNavi ul li#kamakura a span{
	background-position: -80px 0px;
}

#museumNavi ul li#annex a span{
	background-position: -160px 0px;
}

/*over state*/
#museumNavi ul li#hayama a:hover span{
	background-position: 0px -80px;
}

#museumNavi ul li#kamakura a:hover span{
	background-position: -80px -80px;
}

#museumNavi ul li#annex a:hover span{
	background-position: -160px -80px;
}

/*on state*/
#museumNavi ul li#hayamaCurrent a, 
#museumNavi ul li#kamakuraCurrent a,
#museumNavi ul li#annexCurrent a {
	position: relative;
	top:11px;
}

#museumNavi ul li#hayamaCurrent a span {
	background-position: 0px -80px;
}

#museumNavi ul li#kamakuraCurrent a span {
	background-position: -80px -80px;
}

#museumNavi ul li#annexCurrent a span {
	background-position: -160px -80px;
}



/*
===== 4: FOOTER ==========================================
*/
#footer{
	margin:10px 0 0 0;
	border-top:solid 1px #9e9e9e ;
	color:#828282;
	font-size:.8em;
}

#footer ul li{
	float:left;
	padding:10px 12px 10px 15px;
	background:url(../img/arrow_s.gif) no-repeat left center;
}

address {
	margin-bottom:10px;
	font-style:normal;
	font-size:.9em;
	text-align:right;
}


/*
===== 5: CONTENTS ======================================
*/

#contents { zoom:1;/*for IE 5.5-7*/}

#contents:after {/*for modern browser*/
	font-size:1%;
	content:".";
 	display: block;
	height:0px;
	background-color:#FF3300;
	clear:both;
	visibility:hidden;
}

#contents {
	display:inline-table;
	/*\*/display:block;/**/
}

/*
===== 6: NAVIGATION ======================================
*/
body.two-column #nav{
	float:left;
	width:160px;
	margin-top:20px;
}

body.two-column #nav ul li ul {
	margin:10px 0;
}

body.two-column #nav ul li ul li a{
	line-height:1.8em;
	padding-left:11px;
	font-size:.8em;
	text-decoration:none;
}

body.two-column #nav ul li ul li a:hover{
	text-decoration:underline;
}

body.two-column #nav ul li ul li a.naviCurrent {
	color:#444444; 
	font-weight:bold;
}

body.two-column #nav ul li ul li a:hover.naviCurrent {
	color:#5d5d5d;
	text-decoration:underline;
}

body.two-column #nav ul.le {
	width:138px;
	margin:10px 0;
	border:solid 1px #9e9e9e;
}

body.two-column #nav ul.le li{
	text-align:center;
}

body.two-column #nav ul.le li ul li a{
	padding-left:0;
	color:#444444; 
}

body.two-column #nav ul.le li ul li a:hover{
	color:#5d5d5d;
	text-decoration:underline;
}

#contents #main a.soldout{
	padding-left:0;
	color:#333333;
}

#contents #main a.soldout:hover{
	padding-left:0;
	color:#666666;
}

/*
===== 7: MAIN CONTENT ====================================
*/
body.two-column #main{
	float:right;
	width:580px;
}

/*
===== 8: FONT COLOR (#search, #footer) ======================================
*/

#search a:visited, #footer a:visited{
	color: #5f5f5f;
	text-decoration:none;
}

#search a:link, #footer a:link{
	color: #5f5f5f;
	text-decoration:none;
}

#search a:hover, #footer a:hover{
	color: #5f5f5f;
	text-decoration:underline;
}

#search a:active, #footer a:active{
	color: #5f5f5f;
	text-decoration:none;
}