@charset "UTF-8";
/* CSS Document */


body, h1, h2, h3, p, ul, li, form, img, hr{
	border: 0;
	margin: 0px;
	padding: 0px;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
}


/* -------------------------------------------------------------------

                          =1 body

------------------------------------------------------------------- */


body{
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W6", serif;
	font-size:12px;
	letter-spacing:0px;
	line-height:1.0;
	color:#A57A43;
    background-color:#DDDDCE;  
    -webkit-text-size-adjust: 100%;		/* adjust font size of smartphone. */
    background-image: url("/exhibit14/images//exhibit14/css/circle_bg.png");
	background-position:center top;
	background-repeat: no-repeat
	}


#wrapper{
	width: 600px;
	margin: 0 auto;
	}	

	
a:link{
    color:#A57A43;
	text-decoration:underline;
	overflow:hidden;
	}

	
a:visited{
    color:#A57A43;
	text-decoration:underline;
	overflow:hidden;
	}

	
a:hover{
    color:#A57A43;
	text-decoration:underline;
	overflow:hidden;
	}	
	
	
img{
	border:0;
	}


li{
	list-style-type:none;
	}
	

a.nav:visited,a.nav:link {text-decoration:none;color:#FFFFFF;}
a.nav:hover,a.nav:active {text-decoration:underline;}

	
/* -------------------------------------------------------------------

                          =2 Contents

------------------------------------------------------------------- */

	
#sns {
	margin-top: 456px;
}

#sns li {
	padding-right: 2px;
	display: inline-block;
}

#ringbg 
{
	width: 800px;
	height: 1000px;
	background-image: url("/exhibit14/css/circle_bg.png");
	background-repeat:no-repeat;
}

#iamastitle 
{
	width: 667px;
	height: 271px;
	background-image: url("/exhibit14/images/title.png");
	background-position:center top;
	background-repeat: no-repeat
	padding-top:175px;
	margin-left:auto;
	margin-right:auto;
}

#navibar
{
	width: 800px;
	height: 50px;
    background-color:#A67D46;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	position:absolute;
	vertical-align: middle;
}

.navtext
{
    font-family: 'メイリオ', Meiryo;
    font-size:14px;
    color:#FFFFFF;
    text-align: center;
}

#contenttable
{
	width: 800px;
	height: 11500px;
	background-image: url("/exhibit14/images/content_bg.png");
    /*background-color:#F5F5F2;*/
	margin-left:auto;
	margin-right:auto;
    /* These three lines are for transparency in all browsers. */
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity:.75;*/
}

#intro_box
{
	width: 640px;
	height: 550px;
	margin-left:auto;
	margin-right:auto;

}

#intro_title 
{
	width: 640px;
	height: 85px;
	background-image: url("/exhibit14/images/head_intro.png");
	background-position:center top;
	background-repeat: no-repeat
	margin-left:auto;
	margin-right:auto;
}


#event_box
{
	width: 640px;
	height: 4400px;
	margin-left:auto;
	margin-right:auto;
}

#event_title 
{
	width: 640px;
	height: 85px;
	background-image: url("/exhibit14/images/head_event.png");
	background-position:center top;
	background-repeat: no-repeat
	margin-left:auto;
	margin-right:auto;
}

#work_box
{
	width: 640px;
	height: 1800px;
	margin-left:auto;
	margin-right:auto;
}

#work_title 
{
	width: 640px;
	height: 85px;
	background-image: url("/exhibit14/images/head_work.png");
	background-position:center top;
	background-repeat: no-repeat
	margin-left:auto;
	margin-right:auto;
}

#project_box
{
	width: 640px;
	height: 1500px;
	margin-left:auto;
	margin-right:auto;
}

#project_title 
{
	width: 640px;
	height: 85px;
	background-image: url("/exhibit14/images/head_project.png");
	background-position:center top;
	background-repeat: no-repeat
	margin-left:auto;
	margin-right:auto;
}

#access_box
{
	width: 640px;
	height: 780px;
	margin-left:auto;
	margin-right:auto;
}

#access_title 
{
	width: 640px;
	height: 85px;
	background-image: url("/exhibit14/images/head_access.png");
	background-position:center top;
	background-repeat: no-repeat
	margin-left:auto;
	margin-right:auto;
}

#contact_box
{
	width: 640px;
	height: 350px;
	margin-left:auto;
	margin-right:auto;
}

#contact_title 
{
	width: 640px;
	height: 85px;
	background-image: url("/exhibit14/images/head_contact.png");
	background-position:center top;
	background-repeat: no-repeat
	margin-left:auto;
	margin-right:auto;
}



#access_map
{
	width: 640px;
	height: 362px;
	background-image: url("/exhibit14/images/access_map.jpg");
	background-position:center top;
	background-repeat: no-repeat
}

.timetabletext
{
    /*font-family: 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Pro W3;*/
    font-size:12px;
    color:#58595B;
    /*font-weight:600;*/
}

.timetabletextlight
{
    /*font-family: 'メイリオ', Meiryo;*/
    font-size:12px;
    color:#58595B;
}

.workthumb
{
	width: 200px;
	height: 197px;
	float: left;
	text-align:center;

}

.workxspace
{
	width: 20px;
	height: 197px;
	float: left;
}

.talkbox
{
	width: 640px;
	height: 150px;
	float: none;
}

.talkboxpic
{
	width: 150px;
	height: 150px;
	float: left;
}

.talkboxspace
{
	width: 25px;
	height: 150px;
	float: left;
}

.talkboxcontent
{
	width: 465px;
	height: 150px;
	float: left;
}


.talkboxbig
{
	width: 640px;
	height: 550px;
	float: none;
}

.talkboxpicbig
{
	width: 150px;
	height: 550px;
	float: left;
}

.talkboxspacebig
{
	width: 25px;
	height: 550px;
	float: left;
}

.talkboxcontentbig
{
	width: 465px;
	height: 550px;
	float: left;
}


.projectbox
{
	width: 640px;
	height: 150px;
	float: none;
}

.projectboxbig
{
	width: 640px;
	height: 170px;
	float: none;
}

.projectboxpic
{
	width: 200px;
	height: 150px;
	float: left;
}

.projectboxpicbig
{
	width: 200px;
	height: 170px;
	float: left;
}

.projectboxspace
{
	width: 20px;
	height: 150px;
	float: left;
}

.projectboxspacebig
{
	width: 20px;
	height: 170px;
	float: left;
}

.projectboxcontent
{
	width: 420px;
	height: 150px;
	float: left;
}

.projectboxcontentbig
{
	width: 420px;
	height: 170px;
	float: left;
}

.workdetailbox
{
	width: 480px;
	height: 895px;
    background-color:#F3F3F0;
	margin-left:auto;
	margin-right:auto;
    /* These three lines are for transparency in all browsers. */
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity:.75;*/
        display: none; 
        position: relative; 
        z-index:1002;
        overflow: auto;  
  
}

.detailcontent
{
	width: 400px;
	height: 850px;
    background-color:#F3F3F0;
	margin-left:auto;
	margin-right:auto;

}

.detailpicture
{
	width: 400px;
	height: 300px;
	margin-left:auto;
	margin-right:auto;

}

    .black_overlay{
        display: none;
       position: absolute; 
        top: 0%;
        left: 0%; 
        width: 100%;
        height: 10650px;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
/*    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid orange;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }*/

/* -------------------------------------------------------------------

                             =6 hack

-------------------------------------------------------------------- */

html{
    overflow-y:scroll;
	}