@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300);

/*リセット*/
* { margin: 0; padding: 0; }
section, article, header, nav, aside, footer, canvas, details, figure, figcaption, hgroup, menu, summary { display: block; }
img { border: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }

/*汎用*/

body { 
	background: #fff; 
	font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal; 
	font-size: 13px; 
	color: #000; 
	line-height: 1.5em; 
}
a { 
	text-decoration: none; 
	color: #000; 
}

/*個別*/
body {
	width: 1500000px;
	line-height: 0;
}
header {
	position: fixed;
	top: 8%;
	left: 3%;
	color: #fff;
	line-height: 1.5em;
	z-index: 99;
	-moz-text-shadow:1px 1px 1px #a9a9a9;
	-webkit-text-shadow:1px 1px 1px #a9a9a9;
	text-shadow:1px 1px 1px #a9a9a9;
}
#hd_comment {
	position: fixed;
    font-size: 12px;
    background: rgba(0,0,0,0.7);
    top: 1%;
    line-height: 1!important;
	text-shadow: none;
}
footer { position: fixed; bottom: 3%; left: 3%; color: #fff; font-size: 82%; }
#copyright a { color: #fff; line-height: 1.3em;  }
#headerNavi li { line-height: 2em; }
#headerNavi li a { color: #fff; }
header a:hover {-moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
#mainLogo { margin-bottom: 0.5em; font-weight: normal; }
#mainLogo a { color: #fff; }
.topImg { margin-bottom: 0; overflow-y: hidden; /*display: inline-block;*/ }
article { float: left; width: auto; height: 100%; }
.box { float: left; width: auto; 
			height: 100%;
			 margin-right: 2px; position: relative; }
.box img { width: auto; height: 100%; }
.caption { position: absolute; bottom: 1%; right: 0%; margin: 0 3%; color: #fff; font-size: 77%; line-height: 1.3em; }
.info { background: url('images/wh_back.jpg') no-repeat; line-height: 1.8em; width: 1000px; padding: 2em 4em; box-sizing: border-box; }
.architectureTitle { margin-bottom: 1em; font-size: 105%; }
.container { display: inline-block; width: 100%; }
.infoTxt { width: 70%; float: left; margin-right: 10%; }
.detail { font-size: 84.6%; display: inline-block; width: 20%; float: left; }
.detail dt { float: left; clear: left; font-weight: bold; width: 4em; margin-right: 0.5em; }
.detail dd { float: left; }
.profile-box { background: url('images/wh_back.jpg') no-repeat; line-height: 1.8em; width: 800px; padding: 2em 4em; box-sizing: border-box;}
.awards-box { width: 600px; background: url('images/wh_back.jpg') no-repeat; line-height: 1.8em; padding: 2em 4em; margin-right: 3%; margin-top: 49px; font-size: 84.6%; box-sizing: border-box;}
.profile { width: 17%; margin-right: 10%; float: left; }
.profileImg { width: 100%; line-height: 0; }
.profileImg img { width: 100%; height: auto; }
.profileHis { width: 73%; float: left; }
.profileTxt { width: 100%; }
.name { font-size: 67%; font-weight: normal; display: inline-block; margin-top: 2em; }
.name li { float: left; margin-right: 1em; }
.name li.en { font-size: 85%; font-style: italic; }
.name-2 {
	margin-top: 0; 
}
.contact,.office { line-height: 1.5em; margin-top: 1em; }
.rekishi { font-size: 84.6%; float: left; margin-right: 3%; }
.rekishi p,.awards-box p { font-weight: bold; }
.history { display: inline-block;  line-height: 1.8em; }
.history dt { float: left; clear: left; width: 4.5em; margin-right: 0.5em; }
.history dd { float: left; }
.margin-top { margin-top: 50px;} 
.accordion {
	cursor: pointer;
}
#project_menu { 
	display: none;
	margin-left: 10px;
}
#project_menu li { 
	line-height: 1.6em;
}
p {
	text-align: justify;
}
.project_menu_second { 
	display: none;
	margin-left: 10px;
}
.project_menu_second li { 
	line-height: 1.6em;
}
#info_profile {
	width: 7500px;
}

/*responsive*/
@media only screen and (max-width: 600px) {
	body { width: initial;}
	.box { float: none; margin-right: 0; margin-bottom: 2px; width: 100%; height: auto; }
	.box img { width: 100%; height: auto; }
	article { float: none; }
	.topImg { overflow-y: visible; height: initial; }
	.info { padding: 3% 5%; }
	.infoTxt { width: 100%; margin-right: 0%; margin-bottom: 20px; }
	.detail { width: 100%; margin-bottom: 50px;}
	.caption { bottom: 2%; }
	.profile-box { 
		padding: 2em; 
	}
	.awards-box { 
		padding: 2em; 
	}
	.profile { width: 100%; margin-right: 0%; margin-bottom: 20px; display: inline-block; }
	.profileImg { width: 40%; margin-right: 10%; float: left; min-width: 170px; }
	.profileTxt { width: 50%; float: left; }
	.profileHis { width: 100%; }
	.history { width: 100%; }
	.rekishi { width: 100%; margin-right: 0%; margin-bottom: 20px; text-align: justify; }
	.history dt { width: 17%; margin-right: 0; }
	.history dd { width: 83%; }
	.detail dt { width: 5em; margin-right: 0.5em; }
	#hd_comment {
		position: fixed;
		top: 1%;
		font-size: 12px;
		background: rgba(0,0,0,0.7);
		right: 1%;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-shadow: none;
	}
	#info_profile {
		width: auto;
	}
}