@charset "utf-8";

/*-----------------------------------------------------
　基本設定
-----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:100%;
	background : transparent;
	font-weight: normal;
	font-style: normal;
	}

/*==========* デフォルト指定の初期化 *==========*/

html {margin-bottom:1px; height:100%;}
body {margin: 0; padding: 0;}

img, table { border: none; margin: 0px; }
p { margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px; list-style: none; }
li { margin: 0px; padding: 0px; }
dl { margin: 0px; padding: 0px; }
dt { margin: 0px; padding: 0px; }
dd { margin: 0px; padding: 0px; }

div, p, dl, dt, dd, ul, ol, li,
address, form, input, th, td {
    margin: 0;
    padding: 0;
	}
h1, h2, h3, h4, h5, h6, address {
	font-weight: normal;
	font-style: normal;
	font-size:100%;
	margin: 0;
	padding: 0;
	}

/*==========* 基本・背景 *==========*/
body {
	margin:0px auto;
	text-align:center;
	background-color:#fff;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 0.75em;
	color: #555555;
	line-height:140%;	
	}


#wrap {
	margin: 0px auto;
	padding: 0px;
	width: 860px;
	background:url("../img/common/bg_all.gif") repeat-y top;
	text-align:left;
	}

#wrap2 {
	margin: 0px 50px;
	padding: 0px;
	width: 760px;
	background:#fff;
	text-align:left;
	}



/*==========* 見出し *==========*/

h2 {
	display:block; 
	margin:30px 0px 5px 0px;
	padding:5px 9px 5px;
	border-bottom:1px dotted #4C3117;
	font-size:1.2em;
	font-weight:bold;
	}

/*==========* リンク *==========*/
a:link {color: #4C3117; text-decoration:none;}
a:visited { color:#4C3117; text-decoration:none;}
a:hover { color:#cc9966; text-decoration:none;}
a:active { color:#cc9966; text-decoration:none;}


/*==========* テキスト *==========*/
p{margin-bottom:1.6em;}

.bld{font-weight:bold;}
.bld10{font-weight:bold; margin:10px 0px;}
.ita{font-style:italic;}
.txt_end{text-align:justify; margin-right:30px;}

.fs85{font-size:85%;}
.fs90{font-size:90%;}

.new{color:#cc0000;}


/*==========* その他 *==========*/
.clear{clear:both;}
.clear10{clear:both; margin:10px 0px;}
.clear20{clear:both; margin:20px 0px;}
/*.clear2{clear:both; margin:10px;}*/


.to-top{text-align:right; font-size:90%;}


/*==========* clearfix *==========*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear7{font-size:0; clear:both;}



/*-----------------------------------------------------
　ヘッダー
-----------------------------------------------------*/

#header{
	margin:0px;
	padding:15px 0px 0px;
	width:760px;
	height:58px;
	border-bottom:1px solid #a5988b;
	position: relative;
	}


.nav_insta { position: absolute; right: 5px; bottom: 5px; }

/*====* gloval navi *====*/
#navi {
	width: 750px;
	height:21px;
	}
	#navi li { float: left; height:21px; }
	#navi span { visibility: hidden; display:none; }

/*---* news *---*/
li#btn_news a {
	width:49px;
	height:21px;
	background: url("../img/common/news.gif") no-repeat ;
	display:block;
	}
	li#btn_news a:hover  { background-position:0px -21px; display:block; }

	li#btn_news_on a {
		width:49px;
		height:21px;
		background: url("../img/common/news.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}
		
/*---* project *---*/
li#btn_project a {
	width:82px;
	height:21px;
	background: url("../img/common/project.gif") no-repeat ;
	display:block;
	}
	li#btn_project a:hover  { background-position:0px -21px; display:block; }

	li#btn_project_on a {
		width:82px;
		height:21px;
		background: url("../img/common/project.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}
/*---* sculptures *---*/
li#btn_sculptures a {
	width:99px;
	height:21px;
	background: url("../img/common/sculptures.gif") no-repeat ;
	display:block;
	}
	li#btn_sculptures a:hover  { background-position:0px -21px; display:block; }

	li#btn_sculptures_on a {
		width:99px;
		height:21px;
		background: url("../img/common/sculptures.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}


/*---* paintings *---*/
li#btn_paintings a {
	width:92px;
	height:21px;
	background: url("../img/common/paintings.gif") no-repeat ;
	display:block;
	}
	li#btn_paintings a:hover  { background-position:0px -21px; display:block; }

	li#btn_paintings_on a {
		width:92px;
		height:21px;
		background: url("../img/common/paintings.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}


/*---* performance *---*/
li#btn_performance a {
	width:107px;
	height:21px;
	background: url("../img/common/performance.gif") no-repeat ;
	display:block;
	}
	li#btn_performance a:hover  { background-position:0px -21px; display:block; }

	li#btn_performance_on a {
		width:107px;
		height:21px;
		background: url("../img/common/performance.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}

/*---* cv *---*/
li#btn_cv a {
	width:38px;
	height:21px;
	background: url("../img/common/cv.gif") no-repeat ;
	display:block;
	}
	li#btn_cv a:hover  { background-position:0px -21px; display:block; }

	li#btn_cv_on a {
		width:38px;
		height:21px;
		background: url("../img/common/cv.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}
		
/*---* biography *---*/
li#btn_biography a {
	width:91px;
	height:21px;
	background: url("../img/common/biography.gif") no-repeat ;
	display:block;
	}
	li#btn_biography a:hover  { background-position:0px -21px; display:block; }

	li#btn_biography_on a {
		width:91px;
		height:21px;
		background: url("../img/common/biography.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
		}


/*---* contact *---*/
li#btn_contact a {
	width:77px;
	height:21px;
	background: url("../img/common/contact.gif") no-repeat ;
	display:block;
	}
	li#btn_contact a:hover  { background-position:0px -21px; display:block; }

	li#btn_contact_on a {
		width:77px;
		height:21px;
		background: url("../img/common/contact.gif") no-repeat ;
		background-position:0px -42px;
		display:block;
}




/*-----------------------------------------------------
　コンテンツの共通設定
-----------------------------------------------------*/
.txt_main{
	display:block;
	padding-left:30px;
}



/*-----------------------------------------------------
　フッター
-----------------------------------------------------*/
#footer {
	clear:both;
	width:800px;
	margin:10px 30px 0px;
	border-top:1px solid #a5988b;
	border-bottom :3px solid #553c23;
}
#footer address{
	text-align:center;
	margin:7px 0px 7px 0px;
	color:#553c23;
	font-size:0.8em;
	font-style:normal;
}


/*==========* clearfix *==========*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear7{font-size:0; clear:both;}