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

@import "reset.css";

body {
	background-color:#ffffff;
	color: #333333;
	font-family:'Roboto Condensed','Noto Sans Japanese','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, 'メイリオ', sans-serif;
	font-size: 1em;
	letter-spacing: 0.1em;
	line-height:1.8;
 	margin: 0;
 	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

li {
	list-style:none;
}

.fw_b{
	font-weight: bold;
}

header {
	margin:30px auto 0 auto;
	width: 980px;
	height: 50px;
	position: relative;
	display:block;
	z-index:99;
}
	
header h1 {
	float:left;
	margin:0 0 0 10px;
	width:420px;
	font-family: 'Roboto Condensed','Noto Sans Japanese', sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight:bold;
	overflow: hidden;
}

header h1 a:link,
header h1 a:hover,
header h1 a:active,
header h1 a:visited{
	background: none;
	border: none;
	text-decoration: none;
	color: #333333;
}

.cl-wh a:link,
.cl-wh a:hover,
.cl-wh a:active,
.cl-wh a:visited{
	background: none;
	border: none;
	text-decoration: none;
	color: #ffffff !important;
	font-weight:bold;
}

nav {
	float:right;
	width:540px;
	padding-right: 5px;
}

nav li {
	float:left;
	margin:0 ;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight:bold;
	overflow: hidden;
}

nav li a:link,
nav li a:hover,
nav li a:active,
nav li a:visited{
	background: none;
	border: none;
	text-decoration:none;
	color: #333333;
}

#n-news,
#n-works,
#n-order_product,
#n-movie,
#n-publication,
#n-about,
#n-link,
#n-contact{
	overflow: hidden;
	text-align: right;
}

#n-news{
	width: 47px;
}
#n-works{
	width: 56px;
}
#n-order_product{
	width: 119px;
}
#n-movie{
	width:  52px;
}
#n-publication{
	width: 96px;
}
#n-about{
	width: 54px;
}
#n-link{
	width: 40px;
}
#n-contact{
	width: 70px;
}

a:link,
a:active,
a:visited {
	background: none;
	border: none;
	text-decoration: none;
	color: #0000ff;
}

.contents a:hover {
	background: none;
	border-bottom: 1px solid #FFFFFF;
	color: #0000ff;
}

.news-contents a:link,
.news-contents a:active,
.news-contents a:visited,
.order_product a:link,
.order_product a:active,
.order_product a:visited,
.publication a:link,
.publication a:active,
.publication a:visited,
.album a:link,
.album a:active,
.album a:visited,
.about a:link,
.about a:active,
.about a:visited,
.contact a:link,
.contact a:active,
.contact a:visited {
	background: none;
	border: none;
	text-decoration: none;
	color:  #0000ff;
}

.news-contents a:hover,
.order_product a:hover,
.publication a:hover,
.album a:hover,
.about a:hover,
.contact a:hover {
	background: none;
	border-bottom: 1px solid #0000ff;
	color: #0000ff;
}


.n-about a {
	display: block;
	width: 44px;
	height: 12px;
}

.n-about a:hover {
	background-position: 0 bottom;
}

.contents {
	width: 980px;
	margin:10px auto 0 auto;
	position: relative;
}

#works-root {
	position: relative;
}

#work-detail-root {
	z-index: 2;
}

#work-detail-root div.contents {
	position: relative;
	z-index: 99;
}

#works-list {
	z-index: 99;
}

#works-tool-button img,
#news-tool-button img {
	cursor: pointer;
}

.contents p,
.contents li {
	font-size:0.8em;
	line-height:1.6;
}

.contents li {
	margin-bottom:5px;
}

.contents h1 {
	font-size:0.9em;
}

.contents h2 {
	font-size:0.9em;
	margin-bottom:10px;
}

.contents .page-title {
	margin:10px 0 20px 10px;
}

.contents .page-title a:link,
.contents .page-title a:hover,
.contents .page-title a:active,
.contents .page-title a:visited{
	color:#333333;
}

.contents .search p {
	margin-left:10px;
	margin-bottom:20px;
}

.search-tools {
	position: absolute;
	left: 0px;
	top: 0px;
}

.contents .date h1 {
	margin:10px 0 0 10px;
}

.contents .date {
	width: 170px;
	float:left;
}

.contents .news-contents {
	margin:10px 0 30px 0;
	width: 800px;
	float:left;
}

.contents .news-contents h1 {
	font-size:1em;
	margin-bottom:10px;
}

.contents .news-contents p {
	font-size:0.9em;
	line-height:2;
	margin-bottom:5px;
}

.news-contents p a {
	color:#0000ff;
}

.w-list li {
	font-weight: bold;
	float:left;
}


li a.wl-match {
	color:#0000ff;
	background-color:#ffffff;
}

#div.side-bar {
	margin:10px 0 0 0;
	width: 200px;
	float:left;
}

.side-bar ul {
	margin:10px 0 10px 0;
}

.class {
	position:relative;
	top:-80px;
	width:100%;
	float:left;
	z-index:1;
}

#v-up {
	position:fixed;
	left:0;
	top:0;
	margin:0 auto;
	z-index:2;
	text-align:center;
}

.publication,
.contact{
	margin-bottom:25px;
}

.contact p{
	margin-bottom:10px;}

.order_product p,
.publication p{
	line-height:1.8;
}

.order_product li,
.publication li{
	font-size:1em;
}

.column-jp {
	width:460px;
	float:left;
	margin:0 20px 7px 10px;
}

.column-en {
	width:460px;
	float:left;
	margin:0 20px 7px 10px;
}

.clear {
	clear:both;
}

.clear hr {
	display:none;
}

article h1 {
	margin:0 0 10px 10px;
}

.a-photo-index {
	display:table-cell;
	width:300px;
	height:300px;
	float:left;
	margin:0 20px 20px 0;
	text-align:center;
	vertical-align:middle
}

#cform {
	margin:0px 0 10px 10px;
}

#cform > div {
	margin:0 0 20px 0;
}

.comment p{
	margin: 0 0 10px 0;
}

#ga-detail,
#house-detail {
	display: none;
}

#sel-use li{
	float: left;
	margin: 5px 10px 15px 0px;
}

#house-detail label {
	display: block;
}

#house-detail select.cf {
	width: 250px;
	font-size: 1.0em;
}

#house-detail input.cf {
	width:238px;
}

.cf {
	padding:5px;
	font-size:0.8em;
	color:#333333;
	border:solid 1px #333333;
	width:900px;
	margin-bottom:15px;
}

.cfe {
	padding:5px;
	font-size:0.8em;
	color:#FF0000;
	border:solid 1px #333333;
	width:900px;
	margin-bottom:15px;
}

div.confirm .ct {
	margin-bottom:5px;
}


.cfb {
	border:solid 1px #333333;
	padding:5px 7px 5px 7px;
	margin-bottom:15px;
	font-size:0.8em;
	letter-spacing:0.2em;
	color:#FFFFFF;
	background-color:#333333;
	cursor:pointer;
}

#cform textarea {
	width: 910px;
	height: 15em;
	border:solid 1px #333333;
}

input.cf,
.text-input {
	font-size:1em;
	font-family:sans-serif;
}

label.error {
	color: red;
}

#confirm-btns .cfb {
	float: left;
	margin: 0 10px 0 0;
}

.ct {
	margin-bottom: 15px;
}

.cte {

}

#g-map {
	margin-bottom:30px;
}

#g-map iframe {
	margin-left:10px;
}

#g-map small {
	margin-left:10px;
}

#captions {
	font-size: 0.8em;
}

.img-caption {
	margin: 0 auto;
	position: absolute;
	display: none;
	bottom: 0px;
	right: 0px;
	text-align:right;
	padding: 4px 10px;
	color: white;
	z-index: 99;
	background-image: url(../img/material/mesh-b.png);
	font-weight: bold;
}

.img-caption p{
	font-weight: bold !important;
}

.img-caption img {
	cursor:pointer;
	vertical-align:text-bottom;
	margin-right:15px;
	margin-left:7px;
}

.img-current-caption {
	display: block;
}

.img-current-caption-c {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 50px;
	margin: -25px 0 0 -300px;
	color: #FFFFFF;
	text-align: center;
	background-image: none;
	font-size: 1.4em;
	font-weight:normal;
	letter-spacing: 0.12em;
	cursor: pointer;
}

.album li {
	float:left;
}

.mesh {
	position: absolute;
	left: 0px;
	top: 0px;
}

.blk .mesh {
	background-image: url(../img/material/mesh-b.png);
}

.wht .mesh {
	background-image: url(../img/material/mesh-w.png);
}

.blk a,
.blk h1,
.blk h2,
.blk li {
	color: #FFFFFF;
}

.wht a,
.wht h1,
.wht h2,
.wht li {
	color: #000000;
}

#comingsoon{
	text-align:center;
	margin:100px 0 100px 0;}

/* tk add*/
.clfx:before,
.clfx:after {
    content: " ";
    display: table;
}

.clfx:after {
    clear: both;
}

.clfx {
    *zoom: 1;
}

.contents dl.chronological dt,
.contents dl.chronological dd {
	font-size: 0.8em;
	line-height:1.6;
	margin-bottom:8px;
 }

.w-list{
	 margin-bottom:50px;
	}
	
.w-list li a:hover{
	color:#0000FF;
	background:#FFFFFF;
	}
	
.border{
	border:1px #000 solid;
}

.name{
	font-size:1.2em;
	line-height:2.0;
	}

footer{
	margin-top:150px;
	margin-bottom:50px;
	text-align:center;
	font-size:0.5em;
}
.red{
	color:#ff0000;
	}

.em_90{
	font-size: 0.9em !important;
}

#books,
#special_issues,
#pub_year{
	margin-bottom:60px;
}

.order_product h1,
.order_product h2{
	margin-left: 10px;
	margin-bottom: 20px;
}

.order_product img{
	margin-left: 10px;
	margin-bottom: 20px;
}

.order_product p{
	line-height: 1.8;
}

.order_product .column-jp{
	padding-bottom: 15px;
}
.order_product .column-en{
	padding-bottom: 15px;
}

#movie ul li{
	font-size: 1em
}

#movie article{
	margin: 12px 10px 42px 10px;
}

#movie article h1{
	margin: 9px 0 0 0
}

#movie h1{
	line-height: 1.5em;
}

#movie .column-jp {
	width:450px;
	float:left;
	margin:0 20px 7px 0;
}

#movie .column-en {
	width:450px;
	float:left;
	margin:0 20px 7px 0;
}

.t_bold{
	font-weight: bold !important;
}

.cap{
	font-size: 0.7em !important;
	vertical-align : top !important; 
}

.tar{
	text-align: right;
}


.btm_12{
	margin-bottom: 12px;
}

.btm20{
	margin-bottom: 30px;
}

/* --YouTubeサイズ調整-- */
.video {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}