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

* {
	padding:0;
	margin:0;
}

html{
	width:100%;
	height:100%;
	overflow-y:scroll;
	display:table;	
}

a:link{
	color:#999999;
	text-decoration:none;
}

a:visited{
	color:#999999;
	text-decoration:none;
}

a:hover{
	color:#666666;
	text-decoration:none;
}

a:focus{
	outline:none;
}

h1{
	font-size:18px;
	font-family:sans-serif;
	color:#999999;
}

h2{
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:normal;
	color:#999999;
}

h3{
	font-size:13px;
	font-weight:normal;
	color:#999999;
}

h4{
	font-size:12px;
	color:#999999;
	font-weight:normal;
}

h5{
	font-size:12px;
	color:#999999;
	font-weight:normal;
}

ul{
	list-style-type:none;
}

img{
    border-style:none;
}

a img{
    border-style:none;
}

.gradation{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	/*border:solid 1px #0000ff;*/
}

.gradation_top{
	position:fixed;
	margin-left:auto;
	margin-right:auto;
    top:0;
	/*border:solid 1px #0000ff;*/
}

.gradation_bottom{
	position:fixed;
	margin-left:auto;
	margin-right:auto;
    bottom: 0;
	/*border:solid 1px #0000ff;*/
}


/*margin*/

.mart10 {
	margin-top:10px;
}

.mart20 {
	margin-top:20px;
}

.mart30 {
	margin-top:30px;
}

.mart40 {
	margin-top:40px;
}

.mart50 {
	margin-top:50px;
}

.mart60 {
	margin-top:60px;
}

.mart70 {
	margin-top:70px;
}

.mart80 {
	margin-top:80px;
}

.mart90 {
	margin-top:90px;
}

.mart100 {
	margin-top:100px;
}

.mart110 {
	margin-top:110px;
}

.mart120 {
	margin-top:120px;
}

.mart130 {
	margin-top:130px;
}

.mart140 {
	margin-top:140px;
}

.mart150 {
	margin-top:150px;
}

.mart160 {
	margin-top:160px;
}

.mart170 {
	margin-top:170px;
}

.mart180 {
	margin-top:180px;
}

.mart190 {
	margin-top:190px;
}

.mart200 {
	margin-top:200px;
}

/*line height*/

.lh15{
	line-height:1.5em;
}

.lh16{
	line-height:1.6em;
}

.lh17{
	line-height:1.7em;
}

.lh18{
	line-height:1.8em;
}

.lh19{
	line-height:1.9em;
}

.lh20{
	line-height:2.0em;
}

.lh21{
	line-height:2.1em;
}
.lh22{
	line-height:2.2em;
}

.lh23{
	line-height:2.3em;
}

.lh24{
	line-height:2.4em;
}

.lh25{
	line-height:2.5em;
}

/*wrapper*/

#wrapper{
	width:900px;
	height:500px;
	position:absolute;  
    top:50%;
    left:50%;
	margin-top:-250px;
	margin-left:-450px;
	/*border:solid 1px #0000ff;*/
}

/*left*/

#left{
	width:200px;
	height:100%;
	float:left;
	position:fixed !important;
	position:absolute;
	/*border:solid 1px #0000ff;*/
}

/*title*/
#title{
	width:200px;
	margin-top:160px;
	text-align:left;
	/*border:solid 1px #0000ff;*/
}

/*menu*/
#menu{
	width:200px;
	float:left;
	margin-top:140px;
	position:fixed !important;
	position:absolute;
	/*border: solid 1px #0000ff;*/
}

li.menu{
	text-align:left;
	padding-bottom:7px;
}

/*main*/
#main{
	width:700px;
	float:right;
	text-align:center;
	/*border:solid 1px #000000;*/
}

/*index*/
#index{
	width:300px;  
    height:200px;  
    position:absolute;  
    top:50%;
    left:50%;
	margin-top:-100px;
	margin-left:-150px;
	text-align:center;
}

/*top*/
#top{
	text-align:left;
	margin-left:20px;
}

#top_info{
	margin-top:20px;
	font-size:12px;
	border-bottom:solid 1px #CCCCCC;
	
}

dl.top_info{
	margin-top:10px;
	font-size:12px;
}

dl.top_info dt{
	float:left;
	margin-right:20px;
	font-size:12px;
	color:#999999;
}

dl.top_info dd{
	margin-bottom:10px;
	font-size:12px;
	color:#666666;
}

/*information*/

#information{
	width:630px;
	margin-left:auto;
	text-align:left;
}

.information{
	width:650px;
	float:left; 
	padding-top:20px;
	padding-bottom:70px;
	margin-bottom:50px;
	border-bottom:solid 1px #999999;
}

#info_group{
	width:650px;
	padding-left:480px;
}

.info_group{
	float:left;
	margin-left:30px;
}

.information_text{
	width:250px;
	margin-left:15px;
	float:left;
}

.information_title_g03{
	font-size:19px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
}

.information_title_g01{
	font-size:19px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	letter-spacing:0.1em;
	line-height:50px;
}

.information_title14{
	font-size:20px;
	font-weight:300;
	color:#999999;
	text-align:left;
	letter-spacing:0.1em;
	margin-top:10px;
}

.information_title13{
	font-size:25px;
	font-weight:300;
	color:#999999;
	text-align:left;
	letter-spacing:0.5em;
}

.information_title12{
	font-size:19px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	letter-spacing:0.1em;
}

.information_title11{
	font-size:19px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	letter-spacing:0.1em;
}

.information_title{
	font-size:19px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	margin-top:30px;
	letter-spacing:0.1em;
}

.info_title{
	font-size:19px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	letter-spacing:0.1em;
}

.information_title_sub{
	font-size:12px;
	color:#999999;
	text-align:left;
	margin-top:5px;
	letter-spacing:0.3em;
}

.information_dm{
	width:380px;
	float:right;
	text-align:center;
	margin-right:5px;
	font-size:11px;
	color:#999999;
	line-height:3em;
}

.information_dm13{
	width:380px;
	float:right;
	margin-top:10px;
	text-align:center;
	margin-right:5px;
	font-size:11px;
	color:#999999;
	line-height:3em;
}

.information_dm12{
	width:380px;
	float:right;
	margin-top:60px;
	text-align:center;
	margin-right:5px;
}

.information_dm11{
	width:380px;
	float:right;
	margin-top:60px;
	text-align:center;
	margin-right:5px;
}

.information_dm_right{
	width:350px;
	float:right;
	text-align:right;
	margin-right:30px;
	font-size:11px;
	color:#999999;
	line-height:3em;
}

.information_dm_left{
	width:340px;
	margin-left:40px;
	float:right;
	text-align:left;
	font-size:11px;
	color:#999999;
	line-height:3em;
}

.information_date{
	font-size:9px;
	color:#999999;
	text-align:right;
	margin-top:10px;
	margin-right:30px;
}

.information_schedule{
	font-size:13px;
	color:#999999;
	text-align:left;
	margin-top:30px;
}

.information_gallery{
	clear:both;
	font-size:15px;
	color:#999999;
	text-align:left;
	padding-top:30px;
	letter-spacing:0.1em;
}

.information_place{
	font-size:12px;
	color:#999999;
	text-align:left;
	padding-top:10px;
	letter-spacing:0.1em;
}

.information_url{
	font-size:11px;
	color:#999999;
	text-align:left;
	padding-top:10px;
	letter-spacing:0.1em;
}

.information_address{
	font-size:11px;
	color:#999999;
	text-align:left;
	padding-top:15px;
	letter-spacing:0.1em;
}

.information_comment{
	text-align:left;
	margin-top:100px;
	font-size:11px;
	color:#999999;
	line-height:2em;
	clear:both;
}

.information_comment13{
	text-align:left;
	margin-top:50px;
	font-size:11px;
	color:#999999;
	line-height:1.8em;
	clear:both;
}

.information_comment15{
	text-align:left;
	margin-top:60px;
	font-size:11px;
	color:#999999;
	line-height:1.8em;
	clear:both;
}

.info_comment{
	text-align:left;
	font-size:11px;
	color:#999999;
	clear:both;
}

.information_comment_g01{
	text-align:left;
	margin-top:40px;
	font-size:11px;
	color:#999999;
	line-height:2.1em;
	clear:both;
}

.information_comment_right{
	margin-top:10px;
	text-align:right;
	font-size:11px;
	color:#999999;
	clear:both;
}

.information_comment_bm{
	width:645px;
	padding-top:30px;
	margin-left:15px;
	font-size:11px;
	color:#999999;
	line-height:1.8em;
	clear:both;
}

.information_map{
	padding-top:30px;
	margin-left:15px;
	font-size:13px;
	font-weight:bolder;
	clear:both;
}

.information_access{
	font-size:12px;
	margin-left:15px;
	color:#999999;
	text-align:left;
	padding-top:10px;
	letter-spacing:0.1em;
}

/*works*/
.works_top{
	width:600px;
	margin-left:100px;
	margin-right:0;
	text-align:center;
	margin-top:175px;
	margin-bottom:200px;
}

.works_top li{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#DCDCDC;
	vertical-align:middle;
	margin-left:30px;
	margin-bottom:50px;
}

#main_works{
	width:700px;
	float:right;
	text-align:center;
	margin-left:50px;
	/*border:solid 1px #000000;*/
}

.works_right0{
	margin-right:-20px;
	padding-left:20px;
}

.works_years{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:50px;
	margin-bottom:200px;
}

.works_years li{
	float:left;
	margin-left:40px;
	margin-bottom:20px;
}

.works_years li a{
	color:#CCCCCC;
	text-decoration:none;
} 

.works_years li a:hover{
	color:#999999;
	text-decoration:none;
}

#personal_exhibition{
	width:300px;
	margin-left:200px;
	margin-left:200px;
	/*border:solid 1px #00ff00;*/
}

#group_exhibition{
	width:300px;
	margin-left:200px;
	margin-left:200px;
	/*border:solid 1px #00ff00;*/
}

#picture{
	width:136px;
	height:136px;
	/*border:solid 1px #00ff00;*/
}

.works{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align:right;
	/*border:solid 1px #00ff00;*/
}

.frame{
	width:140px;
	height:230px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	position:relative;
	/*border:solid 1px #00ff00;*/
}

.frame a{
	color:#FFFFFF;
	text-decoration:none;
}

/*.frame a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	color:#666666;
	text-decoration:none;
}*/

.frame_02{
	width:280px;
	height:230px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	position:relative;
	/*border:solid 1px #00ff00;*/
}

.picture_title{
	width:140px;
	height:30px;
	color:#999999;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	/*border:solid 1px #000000;*/
}

.sml{
	font-size:11px;
	color:#666666;
}

span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../image/noimage.gif);
}

/*profile*/
div.profile_wrapper{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	/*border:solid 1px #00ff00;*/
}

div.profile_name{
	font-size:14px;
	color:#999999;
	text-align:left;
	margin-bottom:30px;
}

div.profile{
	font-size:12px;
	color:#999999;
	text-align:left;
	margin-bottom:30px;
}

.profile_years{
	width:50px;
	font-size:11px;
	color:#999999;
	float:left;
	margin-bottom:5px;
}

.profile_title{
	width:350px;
	font-size:11px;
	color:#999999;
	float:left;
	margin-bottom:5px;
}

div.photo{
	width:110px;
	height:140px;
	position:absolute;
	right:120px;
	background-image:url(../image/profile_photo.jpg);
	/*border:solid 1px #00ff00;*/
}

.exhibition_group{
	font-size:12px;
	color:#999999;
	padding-top:20px;
	margin-bottom:10px;
	clear:left;
	/*border:solid 1px #00ff00;*/
}

#exhibition{
	width:400px;
	margin-left :auto;
	margin-right:auto;
	clear:left;
	text-align:left;
	font-size:11px;
	color:#999999;
	padding-bottom:50px;
}

.exhibition_years{
	width:50px;
	font-size:12px;
	color:#999999;
	float:left;
	margin-bottom:5px;
}

.exhibition_title{
	width:350px;
	font-size:11px;
	color:#999999;
	float:left;
	margin-bottom:5px;
}

li.exhibition_title{
	width:350px;
	font-size:11px;
	color:#999999;
	float:left;
	margin-bottom:10px;
}

/*contact*/
div.contact{
	margin-top:160px;
	font-size:14px;
	color:#999999;
	/*border:solid 1px #0000ff;*/
}

/*link*/
#link{
	margin-top:160px;
	/*border:solid 1px #0000ff;*/
}

.address{
	font-size:14px;
	color:#999999;
	margin-top:50px;
}

.address a{
	font-size:14px;
	color:#999999;
	text-align:left;
	margin-left:50px;
	text-decoration:none;
}

.address a:hover{
	font-size:14px;
	color:#666666;
	text-align:left;
	margin-left:50px;
	text-decoration:none;
}

/*copyright*/
#copyright_fix{
	text-align:right;
	padding-top:10px;
	bottom:0;
	right:0;
	margin-bottom:20px;
	position:absolute;
}

#copyright{
	text-align:right;
	padding-top:10px;
	bottom:0;
	right:0;
	margin-bottom:20px;
}