body{
	margin:0;
	padding:0;
	background-color:#efc;
	font-size:12px;
}
img{
	max-width: 100%;
	height: auto;
	border:none;
}

h1{
	margin:0;
	padding:0;
}
h2{
	font-size:1.2rem;
	color:#030;
	padding:0 0 0 1.8rem;
	margin:0;
	background-image:url(../images/h2_bg.png);
	background-repeat:no-repeat;
}
h3{
	font-size:1rem;
	font-weight:bold;
	color:#030;
	margin-bottom:0px;
	background-image:url(../images/h3_bg.png);
	background-repeat:no-repeat;
	padding:0 0 0 1.8rem;
	clear:both;
}
p{
	margin-left:1rem;
}
dl{
	font-size:0.9rem;
	margin-left:1rem;
}
dt{
	font-weight:bold;
}
dd{
	margin-bottom:10px;
}
a img{
	border:0px;
}
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color:#999;
}

p{
	font-size:0.9rem;
	margin-top:5px;
	line-height:130%;
}
strong{
	color:#c00;
}
img.rightside{
	clear:both;
	display:block;
	padding:5px;
}
img.leftside{
	clear:both;
	display:block;
	padding:5px;
}
blockquote{
	font-size:95%;
	color:#030;
}

ul,ol{
	font-size:0.9rem;
}
ul li{
	margin-bottom:10px;
	line-height:130%;
}

#content{
	margin: 0 auto;
	width: 90%;
	background-color:#9c9;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

#ci{
	width:100%;
	background-color:#fff;
	background-image:url(../images/line.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-top:solid 5px #363;
	border-bottom:solid 2px #363;
}
#left_block,#topleft{
	padding:0px;
	clear:both;
}
#left_block #banner_block{
	display:none;
}
#banner_block {
	margin:5px;
	padding:0px;
	text-align:center;
}
#banner_block a img{
	border:0;
	padding:5px 0px;
}

#submenu {
	margin:0px;
	padding:0;
}
#submenu ul{
	margin:0px;
	padding:0px;
}
#submenu li{
	list-style-type:none;
	margin:0;
	padding:0px;
	font-size:100%;
	border-bottom:solid 1px #fff;
}
#submenu li span{
	font-weight:bold;
	color:#063;
	padding:40px;
}

#submenu li a{
	text-decoration:none;
	display:block;
	color:#000;
	background-color:#9c9;
	padding:5px 5px;
}
#submenu li a:hover,#text li a:hover{
	background-color:#696;
	color:#fff;
	padding:5px 5px;
}
#submenu li a.on{
	color:#fff;
	background-color:#363;
}

#right_block{
	background-color:#fff;
	padding:0;
}

div.container{
	padding:0.5rem;
	overflow:hidden;
}

#footer{
	clear:both;
	color:#fff;
	background-color:#363;
	margin-bottom:10px;
	border-bottom:solid 1px #999;
}
.gotop{
	text-align:right;
	margin:1rem;
}

.bothclear{
	clear:both;
}
address{
	padding:5px 10px;
	font-size:0.8rem;
	font-style:normal;
}

ul.dllist li a {
	color: #00c;
}
ul.dllist li a:hover {
	color: #66f;
}

/* all A tags whose HREF attribute ends in .pdf */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute equals pdf */
a[rel='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/
a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */
a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* all A tags whose HREF attribute starts with mailto: */
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(icon_mailto.gif) no-repeat center right;
   
}

/* all A tags whose CLASS attribute is popup */
a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(icon_popup.gif) no-repeat center right;
}


a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(icon_xls.gif) no-repeat center right;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(icon_external.gif) no-repeat center right;
}


/*----------------- 768px ------------------*/
@media screen and (min-width:768px){
	img.rightside{
		float:right;
		padding:5px;
	}
	img.leftside{
		float:left;
		padding:5px;
	}

	#left_block,#topleft{
		width:25%;
		float:left;
	}
	#left_block #banner_block{
		display:block;
	}
	#navi ul li{
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
	}
	#text{
		display:none;
	}

	#right_block{
		float:right;
		width:75%;
	}
	dl.detail dt{
		font-weight:normal;
		clear:both;
		width:7rem;
		float:left;
	}
	dl.detail dd{
		margin-left:7rem;
		padding:0;
	}
	
	#exhibition{
		width:35%;
		margin:5px 0px;
		float:right;
	}
	#photoimage{
		display:block;
	}
	#work img{
		width:12%;
	}

}