/*
Theme Name: 1024px
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: A light and extremely simple theme with 2 columns. It is based on Andreas' <a href="http://andreasviklund.com/templates/1024px/">1024px CSS template</a>. Updated to support tags, category descriptions, gravatars and more. Validates as XHTML 1.0 Strict. Public domain.
Version: 2.7
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Tags: fixed width, two columns, white, blue, widgets, 1024px, andreas, valid CSS, valid XHTML
*/

/* Body */
html,div,p{
	letter-spacing: 1px;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}

html{
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background:#fff;
	color:#404040;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3em;
	margin: 0;
	padding: 0;
}

*{margin:0; padding:0;}

/* Main wrap */
#wrap {
 color:#000;
 margin:0 auto;
 width:100%;
 text-align: center;
 padding-top:100px;
}

body.single #wrap{
	padding-top: 100px;
}

#toplinks {padding:5px 2px 2px 3px; text-align:right;}

a{color: #000;}
a:hover{color: #656565;}

/* Headers */
#contact {position: fixed;
	      top: 20px;
	      left:20px;
	      z-index: 1004;
	      width:100px;
}
h1 {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	margin:-192px auto 0;
	width: 100%;
	z-index: 1001;
	height: 385px;
	overflow: hidden
}

h1 a {
 color: #000;
}

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

h2, table#wp-calendar caption {
 text-align:left;
 font-weight:bold;
 color:#000;
 font-size:2em;
 margin: 0;
 padding: 20px 0;
}

.single h2{
	line-height:1.4;
}

h3 {
 font-size: 1.5em;
 line-height: 2em;
 font-weight: normal;
 margin: 0;
 padding: 0;
}
h4 {
 font-weight: normal;
 margin: 0;
 padding: 0;
}

/* Sidebar */


/* Content */
#content {
 line-height:1.5em;
 margin:0 auto;
 padding: 0;
 text-align: center;
}

#content ul,#content ol {margin:0; poadding: 0; list-style-type: none;}
#content ul li,#content ol li {margin:0; poadding: 0; list-style-type: none;}}
#content ul ul,#content ol ol {margin:0; poadding: 0; list-style-type: none;}}
#content img {margin:0;}
#content p {margin: 5px 0;}
#content p.timestamp {font-size:1.2em; margin:0;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {line-height:1.8em;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}

/* Footer */
#footer {
 clear: both;
 color: #000;
 padding: 60px 0 0 0;
 z-index:1003;
}

#footer p {margin:0; padding:0;}

/* Comments */
#content div.comment {margin-bottom:20px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:330px;}
#respond textarea#comment {width:700px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}
#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}

/* Tags */
blockquote {font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {margin:0;}
ul ul,ol ol {margin:0;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}

/* Links */
#header a{
 color: #000;
 text-decoration: none;
 font-style: normal;
}
#content a, #footer a{
 color:#000;
 text-decoration:underline;
 font-style:italic;
}

#content a:hover,
#footer a:hover {
 text-decoration:none;
 color: #656565;
}

a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:visible; width:100%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

/* Various classes */
.post {margin:0 0 15px;}
.textright, align_right {text-align:right;}
.textcenter, align_center {text-align:center;}
.align_left{text-align:left;}
.hide, .hidden {display:none;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}


/* add PingPlan */
/* common */
.single #content,
.archive #content{
	padding-top: 35px;
}

.home #content h2 a,
.archive #content h2 a
{
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}

.page h2, .single h2, .archive h2{
 text-align: center;
 font-weight: normal;
}

.clear{
 clear: both;
}

#content .index_thumb img{
 width: 100%;
 height: auto;
 line-height: 0;
 vertical-align: bottom;
}

.page #content img{
 width: auto;
 height: auto;
}

/* header */

#header{
 background: #fff;
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 z-index:1004;
 padding-top: 75px;
}

#header.header_fixed{
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color:#FFF;
	border-bottom: 1px dotted #dddddd;
}

#main_menu{
	width: 100%;
	background-color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}


#main_menu li{
 display: inline-block;
}

#main_menu a{
 display: inline-block;
 margin: 10px 25px 10px 25px;
 border-bottom: 3px solid #fff;
}

#main_menu a img{
 height: 17px;
}


#main_menu li a:hover{
 border-bottom: 3px solid #000;
}

/* index */

#index_container{
	width: 100%;
}

.index_thumb_wrap{
 margin-bottom: 30px;
 position: relative;
 overflow: hidden;
}

.index_thumb{
 overflow:hidden;
}

.home .index_title{
 position: absolute;
 left: 5%;
 bottom: 0;
 padding: 20px 75px 20px 25px;
 background: #fff;
 text-align: left;
}

.home .index_title h3{
	line-height: 1.4;
	margin-bottom: 0.2em
}

#content .index_underline{
 width:  40%;
 border-bottom: 1px solid #000;
 margin: 20px 0 15px 0;
}


/* Works */

#commentary_wrap{
 width: 900px;
 margin: 0 auto;
 padding: 120px 0;
 text-align: left;
}

#summary_list{
 float: left;
 padding-left: 2%;
 width: 38%;
}

#summary_list h3{
 font-size: 2em;
 color: #000;
 font-weight: normal;
 line-height: 1.5em;
}

#summary_list li{
 padding: 2px 0;
}

#commentary_area{
 line-height: 2;
 float: right;
 padding-right: 2%;
 width: 58%;
}

.single #content .index_underline{
 width:  15%;
 border-bottom: 1px solid #000;
 margin: 20px 0 15px 0;
}

.single #content h2{
 position: relative;
}

.single #content h2 .detail_area{
 position: absolute;
 right: 2%;
 top: 20px;
}


/* page */
.page #content{
 width: 1200px;
 text-align: left;
 padding: 60px 0;
}

#publication_list{
}


#content #publication_list li{
 float: left;
 text-align: center;
 height: 340px;
 width: 300px;
 margin: 15px 45px;
}

body.single #content .contenttext p{
 margin: 0;
 padding: 0;
 line-height: 100%;
}


/* footer */

#footer{
 position: relative;
}

#footer_inner_wrap{
 margin: 20px auto;
 padding-top: 40px;
 background: #e5e5da;
}

#footer_inner h3{
	line-height: 1.4;
}
#footer_inner h4{
	line-height: 1.4;
	margin-bottom: 1em;
}
#footer h2{
 text-align: center;
}


#footer_inner div.footer_list{
 margin: 20px 15px;
display:inline-block;
vertical-align: top;
}

#footer_inner .footer_list_img{
 width: 300px;
 height: 200px;
 overflow: hidden;
}

#footer_inner .footer_list_img a{
	display: block;
}


#footer_inner .footer_list_txt{
 text-align: left;
 padding: 5px 0 5px 0;
 line-height: 1.5em;
}

#footer_inner .footer_list_txt h3{
 padding: 20px 0 0 0;
}

#footer_copyarea{
 background: #fff;
 padding: 40px 0 60px 40px;
 margin-top: 80px;
}

#footer_copyarea_inner{
 margin: 0 auto;
 text-align: left;
}

#worksButton{
	position: fixed;
	bottom: 50px;
	width: 100%;
	text-align: center;
}

#worksButton a:hover img{
	background: #fff;
}


/*==================== 小窓用 =*/
div.contentBox{
	text-align: left;
	position: fixed;
	background: rgba(255,255,255,0.9);
	border: 2px solid #000;
	top: 25%;
	left: 0;
	width: 60%;
	height: 60%;
	z-index: 1000;
}

div.contentBox[data-box="publication"],
div.contentBox[data-box="aboutus"],
div.contentBox[data-box="access"],
div.contentBox[data-box="concept"]{
	width: 70%;
	height: 70%;
}


div.contentBox[data-box="news"]{
	width: 520px;
	height: 440px;
	overflow: hidden;
}

div.contentBox[data-box="contact"]{
	width: 304px;
	height: 304px;
}

div.contentBox h3{
	margin-bottom: 3%;
}

#wrap div.contentBox h2{
	width: 50%;
	margin:0;
	padding:0;
	float: left;
	font-size: 1em;
}

div.contentBoxHeader{
	overflow: hidden;
	border-bottom: 2px solid #000;
	cursor: move;
}

div.contentBox[data-box="news"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_news.png) 25px center no-repeat;}
div.contentBox[data-box="concept"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_concept.png) 25px center no-repeat;}
div.contentBox[data-box="publication"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_publication.png) 25px center no-repeat;}
div.contentBox[data-box="aboutus"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_aboutus.png) 25px center no-repeat;}
div.contentBox[data-box="recruit"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_recruit.png) 25px center no-repeat;}
div.contentBox[data-box="contact"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_contact.png) 25px center no-repeat;}
div.contentBox[data-box="access"] div.contentBoxHeader { background: url(/wp-content/themes/1024px/images/menu_access.png) 25px center no-repeat;}


div.contentBox p.closeBtn{
 background: #fff;
 margin: 0;
 padding:7px;
 border-left: 2px solid #000;
 float: right;
 cursor: pointer;
}

div.contentBox div.content{
	font-size: 1.2em;
	line-height: 2;
	padding:30px;
	overflow: auto;
	height: 100%;
}

div.contentBox[data-box="news"] div.content{
	padding: 0;
	height: 420px !important;
	overflow: hidden;
}

#publication_list li{
	width: 50%;
	float: left;
	list-style:none;
	text-align: center;
	font-size: 0.8em;
}

#publication_list li p{
	background: transparent;
}

#publication_list li:nth-child(odd){
	clear: both;
}


#publication_list li img{
	padding: 0;
	margin: 0;
	display: inline-block;
}

div.contenttext p>img{
	width: 100%;
	height: auto;
}

div.contenttext p>img.no{
	width: auto;
	height: auto;
}

#selelctorArea{
	display:table;
	margin: 0 auto;
}

#selelctorArea ul{
	display: table-row;
	text-align: left;
}

ul.worksSelector li{
	padding: 10px 0 0 5px;
	display: inline-block;
	cursor:pointer;
	text-decoration: underline;
	font-style:italic;
}

ul.worksSelector li.active{
	color: #656565;
	text-decoration: none;
}


ul.worksSelector li:hover{
	text-decoration: none;
	color:#656565;
}

#selectedItems div.mix{
	display: none ;
}

#Container .mix{
	display: none ;
}

#contentCage{
	position: fixed;
	width: 86%;
	height: 86%;
	margin: 7%;
	left: 0;
	top: 0;
}

#gotop{
	margin-top: 30px;
}

/* Renewal */
.common {
	width: 80%;
	max-width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 90px 0 0 0;
}
.common p{
	margin: 0 0 0 0;
}
.common-txt {
	font-size: 1.2em;
	line-height: 2.2;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	margin: 0;
	padding: 140px 0 0 0;
}
.common-txt span {
	font-size: 1.6em;
}
.common-txt span.t{
	margin: 2em 0 0 0;
	display: block;
}
.common-txt2 {
	font-size: 1.2em;
	line-height: 2.2;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	margin: 0;
	padding: 10px 0 0 0;
}
.common-txt2 span {
	font-size: 1.6em;
}
.common-txt2 span.t{
	margin: 2em 0 0 0;
	display: block;
}
.works-title {
	width: 81px;
	height: 33px;
	margin: 0 auto;
	padding: 25px 0 25px 0;
}
.google-map {
	width: 100%;
	height: 600px;
	margin: 40px 0 0 0;
}
.common-title {
	width: 100%;
	font-size: 2em;
	line-height: 2.2;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 200px 0 0 0;
	position: fixed; 
	background-color: #fff;
	z-index: 1002;
	top: 0px;
}
.common_link {
	width: 100%;
	font-size: 1.2em;
	line-height: 2.2;
	list-style: none;
	text-align: left;
	padding: 160px 0 10px 0;
	position: fixed; 
	background-color: #fff;
	top: 90px;
}
.common_link li {
	display: inline-block;
	padding: 0 15px 0 0;
}
.common_link li a {
	text-decoration: none;
	color: #959595;
}
.common_link li a:hover {
	border-bottom:3px solid #1a1a1a !important;
	padding-bottom:2px !important;
	color: #000;
}
.common_link .active a {
	border-bottom:3px solid #1a1a1a !important;
	padding-bottom:2px !important;
	color: #000;
}


@media screen and (max-width:900px) {
	.google-map {
		width: 100%;
		height: 80%;
	}
}
.youtube {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
margin: 5px 0;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}