/* Reset css
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align:top;
    font-weight:normal;   
}

ul{ list-style:none; line-height:normal; text-align:left; }

body {
    line-height: 1;
    font-family: "ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho","メイリオ",Meiryo,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
}

.clear_both {
    clear: both;
}

a:link,a:visited,a:hover,a:active {
    text-decoration: none; 
}

a {
    outline: none; 
}

a:link {
    color: #a6a5a2;
}

a:visited {
    color: #a6a5a2;
}

a:hover {
    color: #222222;
}

.blockW900pxh50px {

    width: 900px;
    height: 50px;
}

/* common
-------------------------------------------------------------- */
p {
    font-size: 10.5px;
}

.box1 {
    
    width: 800px;
    
    border: 1px solid #a6a5a2;
    margin: 0 auto;
    
    -moz-box-shadow	: 2px 2px 2px #888; /* Firefox */
    -webkit-box-shadow	: 2px 2px 2px #888; /* Safari, Chrome */	   
}

.box1 p {
    line-height: 4;
    letter-spacing: 5px;

    font-size: 10.5px;
    text-align: center;
  
}

.box1 h3 {
    text-align: center;
  
}

.box1 img.boxImage {
    width: 100%;
}

.box1 h4 {
	margin-top: 50px;

    letter-spacing: 5px;
    text-align: center;
}

.box1 p {
	margin-top: 25px;
	margin-bottom: 50px;

    line-height: 1.5em;            
    text-align: center;
}

.bgcolor1 {
    background-color: #000;
    color: #fff;
}

.bgcolor2 {
    background-color: #fff;
    color: #000;
}


html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
}

#content {
    overflow:auto;
	padding-bottom: 150px;
}

#footer {
    position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* header
-------------------------------------------------------------- */
#header {
    margin: 0 auto;
    width: 900px;
    height: 150px;
    
    }
    #header h1 {
        margin-top: 50px;

        font-size: 26px;
        color: #777;
        
        float: left;
    }
    #header img.headBtn {
        margin-top: 50px;
        margin-left: 50px;
        float:right; 
            
    }
        
/* navi
-------------------------------------------------------------- */
ul#navimenu {
    
        margin-top: 50px;
        float: right;    
    }
    ul#navimenu li
    {
        float: left;

        width: 100px;
        height: 15px;
        overflow: hidden;

        border-left:1px #000 solid;
    }
    ul#navimenu li.menuLast
    {
        border-right:1px #000 solid;
    }
    ul#navimenu li img
    {
    }

    
/* content
-------------------------------------------------------------- */

.shadowArea {

    width: 100%;
    background-color: gray;
}

.shadowArea .topShadow {
    background-image: url("image/shadow_sl.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 5px;
    width: 100%;
}

.shadowArea .topShadowBottom {
    background-image: url("image/shadow_sl_bottom.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 5px;
    width: 100%;

}

.landing {

  margin: 0 auto;
  margin-top: 100px;
  width: 800px;
  height: 610px;
}

.landing img {

    border: 1px solid #ddd;
    width: 800px;
    height: 533px;
}

#aboutus, #exhibition, #portfolio, #link {

    width: 900px;
    margin: 0 auto;
    margin-bottom:40px;
    
    border: 0px solid #888;
}

#portfolio h3, #exhibition h3, #aboutus h3, #link h3 {

    font-size: 18px;
    
    padding-left: 18px;

    font-weight: bold;

    background-image: url("./image/listicon.png"); 
    background-position-y: 5px;
    background-repeat: no-repeat;
}

#aboutus img.profile {

    display: block; 
    margin: 0 auto;
    margin-bottom: 20px;

    width: 800px;
    height: 598px;            
    width: 400px;
    height: 298px;            
}

#aboutus table { width: 800px; }

#aboutus .textbox {
 
	margin-left: 20px;
	font-size: 11.5px;
	line-height: 1.3em; 
}

#aboutus p { 

	font-size: 11.5px;
	line-height: 1.6em; 
}

#aboutus img.profileImg { 

	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;

	width: 400px;
	height: 300px;
}

.exhibitionName {
	margin-left: 20px;
	margin-top: 30px;	
	margin-bottom: 40px;	

 	font-size: 11.5px;
 	line-height: 1.5em;
}

.exhibitionArea {

	margin: 20px 0px 50px 0px;
}


.exhibitionLine {
    margin: 20px 0px;
    height: 1px;

    border-bottom: dotted #aaa 1px;
}

.imageSet {
	margin-left: 20px;
	width: 900px;
}

.imageSet img {
    margin-right: 5px;
	width: 280px;
}

#link .linkBlock {
    margin-top: 20px;
	margin-left: 20px;
}

#link .linkBlock span {
	line-height: 2em;

	font-weight: bold;
	font-size: 12px;
}

#link .linkBlock a {

	line-height: 2em;

	margin-left: 10px;

	padding-left: 10px;
	padding-right: 10px;

	color: #ffffff;
	background-color: #00AEAE;
	
	
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */

}

#link .linkBlock img {
    
    margin: 30px 0px 40px 0px;
}

.linkLine {
    margin: 20px 0px;
    height: 1px;

    border-bottom: dotted #aaa 1px;
}



/* slider
-------------------------------------------------------------- */
#menu-slide {
    border-left: 1px solid #000;
    width: 800px;
}


/* footer
-------------------------------------------------------------- */
#footer {
    background-color: #000;
}

#footer p.footCopy {

    padding: 10px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 10.5px;
}


/* css3
-------------------------------------------------------------- */

.radius-shadow {
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	
	border: 0px fff solid;
	background-color: #000;
	
	width: 200px;
	height: 350px;

	-moz-box-shadow		: 2px 2px 3px #000; /* Firefox */
 	-webkit-box-shadow	: 2px 2px 3px #000; /* Safari, Chrome */	
}

.shadow {
	background-color: #000;
	-moz-box-shadow		: 2px 2px 3px #000; /* Firefox */
 	-webkit-box-shadow	: 2px 2px 3px #000; /* Safari, Chrome */	
}


.twinkle {
}