@charset "utf-8";

/* =======================================

	Structure CSS

========================================== */
html { 
	/*background: #f7f4f2;*/
	height:100%;
	
}

body {
	color: #284179;
	height:100%;
	font-size:13px;
	font-family: "メイリオ",Meiryo,Helvetica,"Helvetica Neue",Arial,sans-serif,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;!important;
}

body#admin {
	/*background: #f7f4f2;*/
}

#wrapper {
}

#header {
}

#contents {
	color:#A0937D;
	
}

#footer {
	clear: both;
}

ul#globalnavi {
}

/*---------------------------------------------------
                 [clearfix]
-----------------------------------------------------
              クリアフィックス
-----------------------------------------------------*/
/* clearfix */
/*div{
    zoom: 1;for IE 5.5-7
}
*/
.clearfix:after{
/*for modern browser*/
    content: ".";
	font-size: 0px;
	line-height: 0px;
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
} 
/* Hides from IE-mac \*/ 
* html 
.clearfix {
	height: 1%;
} 
.clearfix {
	display: block;
} 
/*ここまで　clearfix*/

#wrapper #contents #leftcolumn {
	float: left;
	width: 230px;
}

#wrapper #contents #main {
	float: right;
	width: 710px;
}

/*--------------------------------
	global navi
----------------------------------*/
a.current {
color:#D54A32 !important;
text-decoration:underline !important;
}


/*--------------------------------
	管理画面
----------------------------------*/
* html div#container{
    height:100%;
}



#container {
    position:relative;
    min-height: 100%;
	height:100%;
}

#container #wrapper {
padding:25px;
}


#menu {
 float:left;
 width:230px;
 height:100%;
 min-height:100%;
 background: #eeeada;
 border-right: #8A8053 solid 1px;
 position:fixed;
 margin-top:-35px;
 font-size:107.8%;
}

#menu p {
 background:#333;
 height:25px;
 color:#fff;
 font-size:18px;
 padding:5px;
}

#container > #menu { 
    height:auto; 
}


#menu ul {
padding:20px;
}

#menu ul li {
margin-bottom:10px;
}

#contents {
 width:680px;
 padding:20px;
 margin: 0 auto;
 padding-left:280px;
}

#admin #contents {
 width:auto;
 padding:20px;
 margin: 0 auto;
 padding-left:280px;
}


#contents h1 {
font-size:220%;
margin-bottom:20px;
}


#header {
 background:#fff;
 overflow:auto;
 /overflow: inherit;
 min-height:35px;
 height:auto !important;
 height:35px;
}
*:first-child+html #header {
	z-index:1000000;
	position:absolute;
}

* html #header {
	z-index:1000000;
	position:absolute;
}


#admin #header {
 background:#333;
 min-height:35px;
 overflow:auto;
}


#header #link_admin {
display:block;
width:30px;
height:30px;
text-indent:-9999px;
background:url(../../images/base/gear.gif) no-repeat;
float:right;
padding:0 10px 0 0;
margin-top:3px;
}

#header #logo {
text-decoration:none;
float:left;
margin-right:100px;
background:url(../../images/base/logo.gif) no-repeat;
width:300px;
height:25px;
margin:7px 30px 0 0;
text-indent:-9999px;
}

#header #globalnavi {
float:left;
/*width:590px;*/
}


.win .fb-like {
 width:100px;
 float:right;
padding:10px 0px;
}

.twitter-share-button {
width:100px;
float:right;
padding:10px 0px;
}

#header #globalnavi li {
float:left;
/*width:100px;*/
padding:10px 15px;
}

#header #globalnavi li a {
/*font-size:16px;*/
font-size:115%;
/*color:#95743E;*/
color:#284179;
text-decoration:none;
}

#header #globalnavi li a:hover {
text-decoration:underline;
}

#header #globalnavi li .detail{
	padding-bottom:15px; 
}

#header #globalnavi li .detail li {
	float:none;
}

#header #globalnavi li.listnavi {
 padding:0;
}

#header #globalnavi li.listnavi li {
 padding:10px 15px 2px 15px;
}

#header #globalnavi li.listnavi .morelist {
padding: 0 15px;
}

#admin #container #contents table tbody tr th,
#admin #container #contents table tbody tr td {
padding:10px;
}

#footer {
height:50px;
clear:both;
}

#admin #container #contents ul li {
width:187px;
float:left;
margin-right:3px;
margin-bottom:3px;
}

#admin #container #contents ul li a {
display:block;
text-indent:-9999px;
height:187px;

}

#admin #container #contents ul .bt001 a { background: url(../../images/admin/bt_category.gif) no-repeat;}
#admin #container #contents ul .bt002 a { background: url(../../images/admin/bt_works.gif) no-repeat;}
#admin #container #contents ul .bt003 a { background: url(../../images/admin/bt_drawings_cate.gif) no-repeat;}
#admin #container #contents ul .bt004 a { background: url(../../images/admin/bt_drawings.gif) no-repeat;}
#admin #container #contents ul .bt005 a { background: url(../../images/admin/bt_profile.gif) no-repeat;}
#admin #container #contents ul .bt006 a { background: url(../../images/admin/bt_news.gif) no-repeat;}
#admin #container #contents ul .bt007 a { background: url(../../images/admin/bt_exhibition.gif) no-repeat;}
#admin #container #contents ul .bt008 a { background: url(../../images/admin/bt_exhibition_image.gif) no-repeat;}
#admin #container #contents ul .bt009 a { background: url(../../images/admin/bt_topimage.gif) no-repeat;}


#admin #container #contents ul .bt001 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt002 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt003 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt004 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt005 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt006 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt007 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt008 a:hover { background-position: 0 -187px;}
#admin #container #contents ul .bt009 a:hover { background-position: 0 -187px;}


div#header.clearfix div#topbutton {
	width:150px;
	float:right;
	padding:8px 5px 0 0;
}

div#header.clearfix div#topbutton a {
	color:#284179;
	text-decoration:none;
	line-height:1.8em;
}

div#header.clearfix div#topbutton a:hover {
	text-decoration:underline;
}
/*--------------------------------
	WORKS
----------------------------------*/
.works #container ul {
	margin-bottom:10px;
}


.works #container ul li {
	min-width:50px;
	height:100px;
	float:left;
	margin-right:5px;
}

.works h1 {
font-size:200%;
margin-bottom:20px;
font-weight:100;
}

html body.works div#container div#wrapper #slider-id {
overflow:auto;
width:98%;
}

html body.works div#container div#wrapper ul#inner {
width:25000px;
position:relative;
}

/*--------------------------------
	WORKS
----------------------------------*/

.works_detail h1 {
font-size:200%;
margin-bottom:20px;
}

html body.works div#container div#wrapper h2 {
	/*font-style:italic;*/
	font-size:90%;
}

/*html body.works_detail div#container div#wrapper h2{
	font-style:italic;
}*/

html body.works_detail div#container div#wrapper div.navi {
	color:#333;
	font-size:88%;
	padding:5px;
}

html body.works_detail div#container div#wrapper #back_link {
	font-size:88%;
	color:#45718C;
}

html body.works_detail div#container div#wrapper ul li.log p#disp {
	color:#333;
}

html body.works_detail div#container div#wrapper div.fb-like {
	padding:10px 0;
	z-index:30;
}

html body.win div#header.clearfix div#topbutton div.fb-like span.fb_edge_comment_widget {
	z-index:30;
}

#header.clearfix div#topbutton iframe {
	padding:10px 0;
	float:right;
}

html body.win div#header.clearfix div#topbutton iframe.twitter-share-button {
width:100px!important;
}


html body.works_detail div#container div#wrapper ul li.log td{
	position:relative;
	display:block;
}

html body.works_detail div#container div#wrapper ul li.log td a#nextlink {
	display:block;
	text-indent:-9999px;
	background:url(../../images/base/next_link2.png) no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	overflow:hidden;
}

html body.works_detail div#container div#wrapper ul li.log td a#backlink {
	display:block;
	text-indent:-9999px;
	background:url(../../images/base/prev_link2.png) no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	overflow:hidden;
}

#header.clearfix ul#globalnavi.clearfix li#navicolor a {
	color:#D54A32;
	text-decoration:underline;
}

html body.works_detail div#container div#wrapper div.navi a {
padding:3px;
}

#detail_worksimage,
#detail_drawingsimage {
	filter:alpha(opacity=0);
}
/*--------------------------------
	exhibition
----------------------------------*/
.exhibition h1 {
font-size:200%;
margin-bottom:20px;
}

.exhibition #container ul li {
margin-bottom:10px;
}

.exhibition #container ul li {
	min-width:50px;
	height:100px;
	float:left;
	margin-right:5px;
} 

.exhibition #container #wrapper h2 {
	/*font-style:italic;*/
	font-size:85%;
}

/*--------------------------------
	exhibition_detail
----------------------------------*/
.exhibition_detail h1 {
font-size:200%;
margin-bottom:20px;
}

html body.exhibition_detail div#container div#wrapper div#exhibition_box p {
	color:#333;
}

html body.exhibition_detail div#container div#wrapper div.navi {
	color:#333;
}

html body.exhibition_detail div#container div#wrapper div.fb-like{
	padding:10px 0;
}

html body.exhibition_detail div#container div#wrapper ul li.log table tbody tr td#wrapper_image {
	position:relative;
	display:block;
}

html body.exhibition_detail div#container div#wrapper ul li.log table tbody tr td#wrapper_image a#nextlink {
	display:block;
	text-indent:-9999px;
	background:url(../../images/base/next_link2.png) no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	overflow:hidden;
}

html body.exhibition_detail div#container div#wrapper ul li.log table tbody tr td#wrapper_image a#backlink {
	display:block;
	text-indent:-9999px;
	background:url(../../images/base/prev_link2.png) no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	overflow:hidden;
}

html body.exhibition_detail div#container div#wrapper div#exhibition_box h2 {
	/*font-style:italic;*/
	font-size:85%;
}

html body.exhibition_detail div#container div#wrapper div.navi {
	color:#D54A32;
	font-size:88%;
	padding:5px;
}

html body.exhibition_detail div#container div#wrapper div.navi a {
	padding:3px;
	color:#45718C;
}

html body.exhibition_detail div#container div#wrapper #back_link {
	font-size:88%;
	color:#45718C;
}

/*--------------------------------
	NEWS
----------------------------------*/
#news.archive h1 {
font-size:200%;
margin-bottom:20px;
}

#news.archive  #news_list {
	border-top:#CCC solid 1px;
}

#news.archive  #news_list li {
	border-bottom:#CCC solid 1px;
	position:relative;
}

#news.archive  #news_list li a {
	display:block;
	min-height:50px;
	width:98.3%;
	padding:30px 10px;
	color:#666;
	text-decoration:none;
}

#news.archive  #news_list li a:hover {
	background-color:#eee;
}

#news.archive  #news_list li a:hover > h2 {
	text-decoration:underline;
}


#news.archive  #news_list li span {
	font-weight:bold;
	display:block;
	width:120px;
	position:absolute;
	top:10px;
	left:20px;
}

#news.archive  #news_list li h2 {
	display:block;
	position:absolute;
	top:10px;
	left:160px;
	font-weight:bold;
}

#news.archive  #news_list li p {
	padding: 20px 0 0 150px;
}

html body#news.news_detail div#container div#wrapper div#section div#news_area p,
html body#news.index div#container div#wrapper div#section div#news_area p {
	color:#666;
}

/*--------------------------------
	NEWS detail
----------------------------------*/
#news.news_detail h1,
#news.index h1 {
font-size:200%;
margin-bottom:20px;
}

#news.news_detail h2,
#news.index h2 {
	font-size:123.1%;
	font-weight:bold;
	padding:10px;
}

#news.news_detail #section,
#news.index #section {
	border-top:#CCC solid 1px;
	padding:10px;
}

#news.news_detail p,
#news.index p {
	padding:10px;
}

#news.news_detail img,
#news.index img {
	margin-bottom:10px;
}

#news.news_detail .fb-like,
#news.index .fb-like {
	display:block;
}

/*--------------------------------
	NEWS detail
----------------------------------*/

/*--------------------------------
	profile
----------------------------------*/

.profile h1 {
font-size:200%;
margin-bottom:20px;
}

.profile #wrapper {
	position:relative;
}

.profile #wrapper ul {
	margin-bottom:30px;
}

.profile #wrapper #biography,
.profile #wrapper #cv,
.profile #wrapper #cv_english {
	padding:20px;
}

.profile #wrapper #biography ul .date,
.profile #wrapper #cv ul .date,
.profile #wrapper #cv_english ul .date {
	font-weight:bold;
}

.profile #wrapper #biography ul .body,
.profile #wrapper #cv ul .body,
.profile #wrapper #cv_english ul .body {
	margin-bottom:1em;
}

#wrapper #group {
	/*width:400px;*/
	position:absolute;
	top:40px;
	left:200px;
}

#wrapper #group a {
	/*color:#95743E;*/
	color:#45718C;
	text-decoration:none;
	padding:0 5px;
}

.profile #wrapper #group a:hover {
	text-decoration:underline;
}

.profile #wrapper h3 {
	font-size:138.5%;
	margin-bottom:30px;
}

.profile #wrapper #words {
	display:block;
	position:absolute;
	top:65px;
	right:50px;
}

html body.profile div#container div#wrapper div#cv span {
	color:#666;
}
/*--------------------------------
	profile
----------------------------------*/
.contact h1 {
font-size:200%;
margin-bottom:20px;
}

/*--------------------------------
	topimage
----------------------------------*/
.topimage h1 {
font-size:200%;
margin-bottom:20px;
}

html body.topimage div#container div#wrapper li {
	float:left;
	border:#ddd 1px solid;
	margin: 0 5px 5px 0;
	color:#666;
}

html body.topimage div#container p#discription,
html body.topimage div#container p#discription_english {
	padding:10px;
}

html body.topimage div#container div#wrapper form p#inputbutton {
	clear:both;
}

html body.topimage div#container div#wrapper p#discription{
	color:#284179;
	font-size:96%;
}
/*--------------------------------
	loginform
----------------------------------*/
#loginform {
	width:400px;
	margin:200px auto;
	border:#333 solid 1px;
	padding:10px;
	text-align:center;
}
#loginform input {
	margin:10px;
}

#loginform #button {
}

/*--------------------------------
	profile
----------------------------------*/
html body.contact div#container div#wrapper form#mailform {
	color:#666;
}

html body.profile div#container div#wrapper div#cv_english span {
	color:#666;
}