/* 二階堂美術館 */

/* 全体定義 */
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
 margin: 0;
 padding: 0;
}

fieldset, img{
 border: 0;
}

abbr, acronym{
 border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var{
 font-style: normal;
 font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
 font-size: 62.5%;
 font-weight: normal;
}

.clear{
 clear: both;
}

.bold{
 font-weight: bold;
}

/* clearfix hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
	line-height:0; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*
.clearfix {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	min-height: 1%;
}
*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* bodyの定義 */

body{
 font-size: 62.5%;
 color:#4D4726;
 text-align:left;
}

/* メインdivの定義 */

#wrapper{
 margin:0 auto;
 padding:0 0 0 114px;
 float:left;
 width:947px;
 background:url(img/main_bg.jpg) repeat-y left;
 position:relative;
}

h1{
 margin:0;
 padding:0;
 position:absolute;
 top:17px;
 left:77px;
}

#scroll{
 margin:0;
 padding:0;
 float: left;
 width:157px;
 border-left:1px #ECE9D8 solid;
 border-right:1px #ECE9D8 solid;
 position:relative;
}

#scroll #menu{
 margin:0;
 padding:0;
 position:absolute;
 top:0;
 left:1px;
}

#scroll #menu ul{
 margin:0;
 padding:0;
 list-style-type:none;
}

#scroll #menu ul li.button{
 margin:27px 1px 15px 1px;
 padding:0;
}

#scroll #menu ul li.button_end{
 margin:1px 1px 15px 1px;
 padding:0;
}

#scroll #menu ul li.line{
 width:134px;
 margin:0 11px 0 12px;
 padding:0;
 border-bottom:1px #ECE9D8 dotted;
}

#header{
 width: inherit;
 height:90px;
 background:url(img/home_top.gif) no-repeat 465px 0;
 font-size:1.1em;
 color:#C2C0B5;
 margin: 0 auto;
 padding:0;
}

#header_information{
 background: url(img/information_top.gif) no-repeat 441px 0;
 width: inherit;
 height:70px;
 margin: 0 auto;
 padding:0;
}

#header_exhibition{
 background: url(img/exhibition_top.gif) no-repeat 441px 0;
 width: inherit;
 height:70px;
 margin: 0 auto;
 padding:0;
}

#header_collection{
 background: url(img/collection_top.gif) no-repeat 441px 0;
 width: inherit;
 height:70px;
 margin: 0 auto;
 padding:0;
}

#header_access{
 background: url(img/access_top.gif) no-repeat 441px 0;
 width: inherit;
 height:70px;
 margin: 0 auto;
 padding:0;
}

#header p{
 width:430px;
 padding:10px 0 0 0;
}

/* ホーム */

#main{
 margin:0;
 padding:0;
 width:616px;
 position:absolute;
 left:305px;
 top:0;
}

#box.news{
 width:616px;
 background: url(img/icon_news.gif) no-repeat 0 0;
 border-bottom:1px #CCCCCC dotted;
 padding:0 0 20px 0;
 margin:40px 0 0 0;
 font-size:1.2em;
}

#box.news ul{
 margin:0 0 10px 100px;
 padding:0 0 0 0;
 list-style-type:none;
 clear:left;
}

#box.news ul li{
 margin:0;
 padding:0;
 float: left;
 line-height:150%;
}

#box.news ul li.right{
 margin-left:10px;
 width:400px;
}

#home_img{
 margin:20px 10px 0 10px;
 padding:0;
 width:596px;
}

#home_img_left{
 float:left;
 margin:0;
 padding:0;
}

#home_img_right{
 float:right;
 margin:0;
 padding:0;
}

/* information */

#body{
 width:592px;
 position:absolute;
 left:326px;
 top:0;
 margin:0;
 padding:0;
 font-size:1.2em;
}

#body a:link, #body a:visited{
 color:#006FE8;
 text-decoration: none;
}
#body a:hover, #body a:active{
 color:#006FE8;
 text-decoration: underline;
}

#infomation1{
 margin:57px 0 0 0;
 border-bottom:1px #CCCCCC dotted;
 width:592px;
 padding-bottom:32px;
}

#infomation2{
 margin:43px 0 0 0;
 width:592px;
}

#infomation3{
 margin:43px 0;
 width:592px;
}

/* exhibition */

.red{
 color:#CC0000;
}

.white{
 color:#FFFFFF;
}

#line{
 background:url(img/line.gif) no-repeat bottom left;
 width:330px;
 height:16px;
 margin:30px 0;
 padding:4px 0 2px 0;
}

#line.access{
 margin-top:50px;
}

#home_img.exhibition{
 margin:40px 10px 0 10px;
 padding:0;
 width:572px;
}

/* collection */

#collection{
 margin:57px 10px 0 10px;
 padding:0;
 width:572px;
}

/* access */

h2.access{
 margin-bottom:57px;
}

#map{
 padding:0;
 margin:50px 0 0 0;
}

#g_map{
 padding:0;
 margin:50px 0 0 0;
 width:592px;
 height:489px;
}

#access{
 width:592px;
 margin:50px 0 0 0;
 padding:0;
}