@charset "UTF-8";

body {
	/* background-color: #ccc; */
}

#container {
	width: 800px;
	/* background-color: #ddd; */
}

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

	HEADER

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

#header {
	height: 89px;
	color: #fff;
}

#header .inner { 
	padding-top: 39px;
	padding-bottom: 20px;
 }

#header .inner h1 { text-align: center; }

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

	MENU

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

div#menu {
	height: 37px;
	padding: 0 26px;
	text-indent: -9999px;
	 }

div#menu ul {
	height: 37px;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	list-style-type: none;
	}

div#menu ul li { 
	float: left;
	height: 37px;
	margin: 0;
 }

div#menu ul li a { 
	display: block;
	height: 37px;
	text-decoration: none;
	border: none;
 }


div#menu ul li a.menuProjects {
	width: 123px;
	background: url(/_img/menu.gif) 0 0 no-repeat;
}

div#menu ul li a.menuProjects:hover {
	width: 123px;
	background: url(/_img/menu.gif) 0 -37px no-repeat;
}

div#menu ul li a.menuVision {
	width: 108px;
	background: url(/_img/menu.gif) -123px 0 no-repeat;
}

div#menu ul li a.menuVision:hover {
	width: 108px;
	background: url(/_img/menu.gif) -123px -37px no-repeat;
}

div#menu ul li a.menuNews {
	width: 98px;
	background: url(/_img/menu.gif) -231px 0 no-repeat;
}

div#menu ul li a.menuNews:hover {
	width: 98px;
	background: url(/_img/menu.gif) -231px -37px no-repeat;
}

div#menu ul li a.menuAbout {
	width: 185px;
	background: url(/_img/menu.gif) -329px 0 no-repeat;
}

div#menu ul li a.menuAbout:hover {
	width: 185px;
	background: url(/_img/menu.gif) -329px -37px no-repeat;
}

div#menu ul li a.menuContact {
	width: 123px;
	background: url(/_img/menu.gif) -514px 0 no-repeat;
}

div#menu ul li a.menuContact:hover {
	width: 123px;
	background: url(/_img/menu.gif) -514px -37px no-repeat;
}

div#menu ul li a.menuJoinus {
	width: 111px;
	background: url(/_img/menu.gif) -637px 0 no-repeat;
}

div#menu ul li a.menuJoinus:hover {
	width: 111px;
	background: url(/_img/menu.gif) -637px -37px no-repeat;
}

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

	CONTENTS

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

#contents {
	clear: both;
	width: 800px;
	/* background-color: #008800; */
}

#main {
	/* background-color: #444fff; */
	padding: 0 26px;
}

#main .inner { 
	/* background: #44ffef; */
	padding: 0 32px 45px 32px;
 }

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

	FOOTER

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

#footer {
	width: 800px;
	height: 9px;
	background-color: #fff;
	line-height: 9px;
	font-size: 9px;
	font-family: 'Lucida Sans Regular','Verdana','メイリオ','Meiryo','ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
	color: #666666;
}

.gt { color: #000000 !important; }

#footer .inner #bread {
	position: absolute;
	left: 0;
	bottom: 8px;
}

#footer .inner #linkIcons {
	position: absolute;
	right: 0;
	bottom: 8px;
}

#footer .inner #linkIcons table td { padding-left: 8px; }

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

	TEXT

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

h1 { font-size: 100% !important; }

h2 { 
	font-size: 15px;
	line-height: 18pt;
 }

h3 { font-size: 100% !important; }

.trajan { font-family: 'TrajanProRegular','Times New Roman','S明朝体ソフトW4','HGS明朝E','ＭＳ Ｐ明朝',serif; }

p { margin-top: 0; }

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

	Vision

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

div#vision { 
	height: 400px;
	margin-top: 30px;
	background: url(/vision/images/vision.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

#en div#vision { 
	background: url(/vision/images/vision_en.gif) 0 0 no-repeat;
 }

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

	Home.php

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

div.twoColumn .siteTopimg { 
	float: left;
 }

div.twoColumn .siteToptxt { 
	float: right;
 }

#en div.projectTitle { 
	font-family : 'SabonLTStd-Roman',serif;
	line-height: 21px;
 }

div.projectTonewstxt a { 
	line-height: 20px;
	font-size: 12px;
	color: #666666 !important;
 }

#en div.projectExcerpt { 
	font-family : 'SabonLTStd-Roman',serif;
	line-height: 19px;
	font-size: 12px;
 }

div.projectTodetailtxt a { color: #666666 !important; }

#en div.projectTodetailtxt a { font-family : 'SabonLTStd-Roman',serif; }

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

	Projects

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

/* Year List */

div#yearList { 
	width: 684px;
	height: 31px;
	padding:0 58px;
 }


/* プロジェクトのトップ */

#workThumbnail { 
	position: absolute;
	bottom: 40px;
 }

#workThumbnail ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
    	overflow: hidden;
 }

#workThumbnail ul li { 
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
 }

#workThumbnail ul li.last { 
	margin-right: 0;
 }

#workThumbnail img { 
	border: 1px #c7cbd4 solid;
	vertical-align: bottom;
 }

/* Detail */

#entry { 
	width: 684px;
	margin-top: 30px;
	text-align: center !important;
	font-family: 'Osaka','メイリオ','Meiryo','MS UI Gothic','ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
 }

#entry table {
	margin: 0 auto 60px auto;
 }


#entry table td {
	text-align: center;
	vertical-align: middle !important;
}

td.img { padding-bottom: 0.5em; }

td.caption { 
	padding-bottom: 5px;
	text-align:right !important;
	font-size: 90%;
	color: #666666;
 }

td.title { 
	text-align: left !important;
	padding-bottom: 7px;
 }

span.projectYear { padding-left: 1em; }

span.subTitle { display: block; }

td.prjName span.subTitle { display: none; }

td.info { 
	text-align: left !important;
	font-size: 90%;
	}

td.txt {text-align: left !important;}

td.excerpt {
	padding-top: 40px;
	text-align: left !important;
	}

#entry table div { 
	margin-bottom: 2em;
 }

#entry .bold { font-weight: bold; }

#entry .center { text-align: center; }

#entry .left { text-align: left; }

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

	News

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

#newsEntry {
	margin-top:30px;
	text-align:center !important;
	width:684px;
}

#newsEntry .article { margin-bottom: 45px; }

#newsEntry .article table { margin: 0 0 15px 0 !important; }

td.mainImgcaption {
	font-size: 90%;
	color: #666666;
	text-align: left;
}

div.newsTitle { 
	margin-bottom: 3px;
	font-size: 14px;
 }

div.newsTitle { 
	font-family: 'SabonLTStd-Roman','Times New Roman','S明朝体ソフトW4','HGS明朝E','ＭＳ Ｐ明朝',serif;
 }

#en div.newsTitle { 
	font-family: 'SabonLTStd-Roman','Times New Roman',serif;
 }

div.newsSubTitle {
	color: #666666;
	margin-bottom: 12px;
}

#en div.newsSubTitle {
	font-family: 'SabonLTStd-Roman','Times New Roman',serif;
}


div.newsEntryBody {
	line-height: 20px;
	font-size: 12px;
	font-family: 'SabonLTStd-Roman','Times New Roman','S明朝体ソフトW4','HGS明朝E','ＭＳ Ｐ明朝',serif;
}

#en div.newsEntryBody { 
	font-family: 'SabonLTStd-Roman','Times New Roman',serif;
 }

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

	About

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

#aboutMenu { margin-bottom: 20px; }

#aboutMenu div { 
	float: right;
 }

#aboutMenu div a { border: none; }

#aboutMenu ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
 }

#aboutMenu ul li {
	height: 17px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#aboutMenu ul li a img { vertical-align: bottom; }

div#biography { 
	background: url(/about/_img/biography.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

#en div#biography { 
	background: url(/about/_img/biography_en.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

div#exhibition { 
	background: url(/about/_img/exhibition.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

#en div#exhibition { 
	background: url(/about/_img/exhibition_en.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

div#bibliography { 
	background: url(/about/_img/bibliography.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

#en div#bibliography { 
	background: url(/about/_img/bibliography_en.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

div#N_studio { 
	background: url(/about/_img/n_studio.gif) 0 0 no-repeat;
	text-indent: -9999px;
 }

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

	Contact

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

#contact { 
	margin-top : 42px;
	background: #fff;
	letter-spacing: 1px;
	color: #1c2951;
 }

#address, #mailAddress { 
	margin-bottom: 113px;
 }

#address img.address { 
	display: block;
	margin-bottom: 11px;
 }

#address img.addressJa { 
	display: block;
	margin-bottom: 25px;
 }

#mailAddress img.logo { 
	display: block;
	margin-bottom: 22px;
	margin-left: -1px;
 }

#mailAddress img.contactUs { 
	display: block;
	margin-bottom: 10px;
 }

#mailAddress table a { border: none !important; }

#contactForm img.please { display: block; }

#contactForm form { margin-top: 43px !important; }

#contactForm div.inputWrapper {
	width: 528px;
	margin-bottom: 30px;
}

#contactForm input#inputName {
	float: left;
	width: 337px !important;
	padding: 0 0 2px 48px;
	background-color: transparent !important;
	background-image: url(/contact/images/nameBg_0.gif) ;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	border: none;
	outline: none;
}

#contactForm input#inputMail {
	float: left;
	width: 337px !important;
	padding: 0 0 2px 48px;
	background-color: transparent !important;
	background-image: url(/contact/images/mailBg_0.gif) ;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	border: none;
	outline: none;
}

#contactForm input#inputURL {
	float: left;
	width: 337px !important;
	padding: 0 0 2px 48px;
	background-color: transparent !important;
	background-image: url(/contact/images/urlBg_0.gif) ;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	border: none;
	outline: none;
}

#contactForm .messageWrapper {
	width: 518px !important;
	height: 97px !important;
	padding: 17px 0px 17px 10px;
	background-color: transparent !important;
	background-image: url(/contact/images/messageBg_0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#contactForm textarea#inputMessage {
	float: left;
	width: 364px !important;
	height: 96px !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	outline: none;
	overflow: hidden;
}

span.mfp_err { 
	display: block;
	float: right;
	height: 14px !important;
 }

.mfp_err { 
	padding-left: 10px;
	color: #ff0000;
	vertical-align: bottom;
 }

#twex, #confirmWindow, #confirmBody { display: none; }

/* buttons */

.buttons { 
	width: 384px;
	margin-top: 14px;
	text-align: right;
 }

#contact .buttons input.submit {
	width: 59px;
	height: 17px;
	background: transparent url(/_img/submit_en.gif) 0 0 no-repeat !important;
	border: none;

}

.buttons input.reset {
	width: 59px;
	height: 17px;
	background: transparent url(/_img/reset.gif) 0 0 no-repeat !important;
	border: none;
}

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

	Join Us

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

#joinUs { padding-top: 75px; }

#joinUs .directionWord { margin-bottom: 8px; }

#joinUs .please { margin-bottom: 30px; }

#joinUs fieldset { 
	padding: 0;
	border: none;
 }

#joinUs input.inputMail {
	width: 337px !important;
	padding: 0 0 2px 48px;
	background-color: transparent !important;
	background-image: url(/contact/images/mailBg_0.gif) ;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	border: none;
	outline: none;
}

#joinUs #buttons { width: 388px; }

.registration {
	width: 59px;
	height: 17px;
	background: transparent url(/_img/joinUs.gif) 0 0 no-repeat !important;
	border: none;
}

#joinUs .messageWrapper {
	width: 518px !important;
	height: 97px !important;
	padding: 17px 0px 17px 10px;
	background-color: transparent !important;
	background-image: url(/contact/images/messageBg_0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#joinUs textarea#inputMessage {
	float: left;
	width: 364px !important;
	height: 96px !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	outline: none;
	overflow: hidden;
}

/* 登録解除 */

.unsubscribe .buttons { margin-bottom: 24px; }

.termination {
	width: 59px;
	height: 17px;
	background: transparent url(/_img/submit.gif) 0 0 no-repeat !important;
	border: none;
}

#en .termination { background: transparent url(/_img/submit_en.gif) 0 0 no-repeat !important; }

/* フッターを画面下部に貼り付かせる。
---------------------------------------------------------------------------
*/


body, html {
	height: 100%;
	}

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

#main {
	padding-bottom: 40px;
}

#footer {
	position: fixed;
	bottom: 0;
	height: 40px !important;
}