@charset "utf-8";
/*====================================================================
  このファイルはutf-8です
====================================================================*/
/*====================================================================
    container
====================================================================*/
#container
{
	width           :100%;
	margin          :0px auto;
}

body
{

}
/*====================================================================
    Header
====================================================================*/
#header
{
	position            :relative;
	width               :100%;
	height              :10px;
	margin              :0px auto;
	background-color:#000000; 
}
#header-logo        { position :absolute; left :  10px; top : 30px; }
#header-msg         { position :absolute; left : 535px; top : 10px; font-weight:bold; font-size:12px; text-align:left; z-index:2;}
#header-bookmark    { position :absolute; left : 720px; top : -2px; color:#FFFFFF;}
#header-tel         { position :absolute; left : 665px; top : 55px; text-align:left;}
#header-navi        { position :absolute; left : 545px; top :108px; text-align:left; font-size:12px; font-weight:bold; color:#49B838;}
#header-navi a          { color:#49B838;}
#header-navi a:hover    { color:#7BC528;}



/*====================================================================
    Main
====================================================================*/
#frame
{
	width               :1002px;
	margin              :0px auto;
}
#main
{
	width               :1000px;
	margin              :0px auto;
	min-height          :780px;
	_height             :780px;
	padding-top         :0px;
}

img.photo{ border:1px solid #CCCCCC; padding:2px; }


/*====================================================================
    
====================================================================*/
#content
{
	width               :1000px;
	min-height          :780px;
	_height             :780px;
	float               :right;
}


#content img.l      {float:left;  margin :0 1.5em 1.5em 0;     border :1px solid #CCCCCC; padding:3px;}
#content img.r      {float:right; margin :0 0     1.5em 1.5em; border :1px solid #CCCCCC; padding:3px;}
#content img.p      {border :1px solid #CCCCCC; padding:3px;}


/*====================================================================
    
====================================================================*/
#navi-g
{
	background      :url(../img/navi_g.jpg) no-repeat;
	position        :absolute;
	left            :85px;
	top             :0px;
	width           :915px;
	height          :128px;
}
#navi-g   a.btn { display:block; position:absolute;}
#navi-g   a.btn:hover
{
	background  :#FFFFFF;
	filter      :alpha(opacity=50);
	-moz-opacity:0.50;
	opacity     :0.50;
}
#navi-g #btnVermeer     { left:  0px; top:43px; width:190px; height: 32px; } #navi-g #btnVermeer:hover   { background  :#FFFFFF; }
#navi-g #btnRembrandt   { left:200px; top:43px; width:190px; height: 32px; } #navi-g #btnRembrandt:hover { background  :#FFFFFF; }
#navi-g #btnArt         { left:400px; top:43px; width:190px; height: 32px; } #navi-g #btnArt:hover       { background  :#FFFFFF; }
#navi-g #btnExhibition  { left:600px; top:43px; width:190px; height: 32px; } #navi-g #btnExhibition:hover{ background  :#FFFFFF; }
#navi-g #btnTop         { left:800px; top: 0px; width:115px; height:128px; } #navi-g #btnTop:hover       { background  :#FFFFFF; }

/*====================================================================
    
====================================================================*/
ul#navi-content
{
	position        :absolute;
	left            :100px;
	top             :185px;
	width           :130px;
	height          :405px;
	z-index         :30;
}

/*====================================================================
    
====================================================================*/
#topics
{
	position        :absolute;
	left            :90px;
	top             :90px;
	width           :720px;
	text-align      :left;
	text-indent     :1em;
	z-index         :10;
}
#topics a           { color:#049deb; font-weight:normal; margin:0px; }
#topics a:hover     { color:#82CCE8; text-decoration:under-line;}
#topics span        { background:url(../img/ico_topics_ar.gif) no-repeat -2px -2px; width:14px; height:16px; }
/*====================================================================
    
====================================================================*/



/*====================================================================
    Footer
====================================================================*/
#footer
{
	width               :100%;
	height              :340px;
}

#footer-line
{
	background-color    :#000000;
	height              :10px;
	width               :100%;
}



#footer-navi
{
	position            :relative;
	width               :1000px;
	margin              :0px auto;
}


#footer-navi a         { text-decoration :underline; }
#footer-navi a:link,
#footer-navi a:visited {color:#000000; }
#footer-navi a:hover,
#footer-navi a:active  {color:#D0161B; }

#footer-navi ul
{
	padding-top         :5px;
	margin-left         :10px;
}
#footer-navi ul li
{
	margin-right        :10px;
	text-align          :left
}

#footer-navi ul li.th{ font-weight:bold; margin-bottom:10px;}

#footer-navi-vermeer        { position :absolute; left :   0px; top : 10px; font-size:12px; }
#footer-navi-rembrandt      { position :absolute; left : 220px; top : 10px; font-size:12px; }
#footer-navi-art            { position :absolute; left : 455px; top : 10px; font-size:12px; }
#footer-navi-exhibition     { position :absolute; left : 690px; top : 10px; font-size:12px; }
#footer-copyright           { position :absolute; left :   0px; top :200px; width:1000px; text-align:center; width:100%;}
/*====================================================================
    
====================================================================*/
.comment { font-size:10px; text-align:left;}

/*====================================================================
    
====================================================================*/
h2#title
{
	position        :absolute;
	left            :105px;
	top             :115px;
	z-index         :20;
}

h3.title
{
	background      :url(../img/h3_bg.jpg) no-repeat;
	width           :360px;
	height          :22px;
	text-indent     :5px;
	text-align      :left;
	color           :#FFCC00;
	font-size       :14px;
	font-weight     :bold;
	padding-top     :1px;
	margin-bottom   :5px;
}

#content-main
{
	position        :absolute;
	left            :230px;
	top             :185px;
	width           :800px;
	height          :405px;
	z-index         :31;
}
.content-art
{
	left    :100px !important;
	width   :920px !important;
}
/*====================================================================
    
====================================================================*/
#content-main{}
#content-main p                 { font-size:14px; text-align:left; }
#content-main p.msgLead         { margin-left:10px;  }
#content-main div.profile       { position:relative; margin-left:10px; margin-top:5px; text-align:left;}
#content-main div.profile img   { position:absolute; left:  0px; top:0px; }
#content-main div.profile p     { position:absolute; left:210px; top:0px; width:510px; margin-left:10px; }

#content-main div.layout01      {}
#content-main div.layout01L     { float:left; width :370px; text-align:left;}
#content-main div.layout01R     { float:left; width :370px; text-align:left;}
#content-main table.photo       { font-size:14px; }
#content-main table.photo td    { padding:2px; text-align:center;}
#content-main table.photo img   { border :1px solid #CCCCCC;}

#content-main div.layout_art    {}
#content-main div.layout_artL   { float:left; width :530px; }
#content-main div.layout_artR   { float:left; width :370px; }

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