@charset "utf-8";

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
	height: 100%;
}

body {
	height: 100%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, san-serif;
	font-size: 14px;
	line-height: 1.6;
	background-color: #000;
	color: #FFF;
	text-align: left;
	position: relative;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

ul, ol, li {
	list-style-type: none;
}

img {
	border-style: none;
	vertical-align: bottom;
}

.clearfix:after {
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}

*:first-child+html .clearfix {
	zoom: 1;
}

a {
	outline: none;
	overflow: hidden;
}

.fontWeight_bold {
	font-weight: bold;
}


#container {
	width: 100%;
}

header {
	margin: 0 auto;
	padding: 15px 0;
	width: 1000px;
}
header h1 {
	float: left;
}
.tel {
	float: right;
}

#photo img {
	height: auto;
	width: 100%;
}

#h_navi {
	background: url(../images/common/nav_bg.jpg) center center repeat-x transparent;
	height: 82px;
}
#h_navi .nav-in {
	background: url(../images/common/nav-in_bg.jpg) center center no-repeat transparent;
	height: 82px;
	margin: 0 auto;
	position: relative;
	width: 1000px;
}
#h_navi .nav-in ul {
	height: 82px;
}
#h_navi .nav-in ul .nav01 {
	position: absolute;
	top: 0px;
	left: 1px;
}
#h_navi .nav-in ul .nav02 {
	position: absolute;
	top: 0px;
	left: 168px;
}
#h_navi .nav-in ul .nav03 {
	position: absolute;
	top: 0px;
	left: 335px;
}
#h_navi .nav-in ul .nav04 {
	position: absolute;
	top: 0px;
	left: 501px;
}
#h_navi .nav-in ul .nav05 {
	position: absolute;
	top: 0px;
	right: 168px;
}
#h_navi .nav-in ul .nav06 {
	position: absolute;
	top: 0px;
	right: 2px;
}
#h_navi a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

#contents {
	margin: 0 auto;
	padding: 50px 30px;
	width: 940px;
}

#contents .event {
	margin-bottom: 80px;
	position: relative;
}
#contents .event .title {
	margin-bottom: 25px;
}
#contents .event .go-detail {
	position: absolute;
	top: 185px;
	left: 600px;
}
#contents .event a:hover img.go-detail {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

#contents .staff {
	margin-bottom: 20px;
}
#contents .staff .title {
	margin-bottom: 25px;
}
#contents .staff .left {
	float: left;
	position: relative;
	width: 450px;
}
#contents .staff .right {
	float: right;
	position: relative;
	width: 450px;
}
#contents .staff .headword {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 225%;
	margin-bottom: 25px;
}
#contents .staff .comment {
	float: left;
	font-size: 95%;
	line-height: 1.7em;
	width: 250px;
}
#contents .staff .staff-p {
	float: right;
}
#contents .staff .position {
	bottom: 0px;
	font-size: 85%;
	position: absolute;
	right: 210px;
	text-align: right;
}
#contents .staff .position .name {
	font-size: 150%;
}

footer {
	border-top: 1px solid #999999;
	margin: 0 auto;
	padding: 20px 0;
	width: 1000px;
}
footer .company {
	float: left;
	font-size: 16px;
	padding: 0 0 0 20px;
}
footer .company .c-name {
	font-size: 22px;
}
footer .company img {
	margin-right: 2px;
	vertical-align: middle;
}
footer .company a {
	color: #FFF;
}
footer .logo {
	float: right;
	padding: 20px 20px 0 0;
}
footer .copyright {
	clear: both;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	padding-top: 20px;
	text-align: center;
}


/* スタジオについて */
#container.studio .h-img {
	margin: 0 auto 80px;
	width: 1000px;
}
#container.studio #contents {
	padding: 0 30px 100px;
	width: 940px;
}
#container.studio #contents .title {
	margin-bottom: 5px;
}
#container.studio #contents table {
	border-collapse: collapse;
	margin-bottom: 50px;
	width: 100%;
}
#container.studio #contents table th,
#container.studio #contents table td {
	border-bottom: 1px dashed #FFF;
	font-weight: normal;
	padding: 15px 0;
	vertical-align: top;
}
#container.studio #contents table th {
	width: 20%;
}
#container.studio #contents .title2 {
	margin-bottom: 10px;
}
#container.studio #contents .history {
	margin-bottom: 70px;
}
#container.studio #contents .history ul.left {
	float: left;
	width: 440px;
}
#container.studio #contents .history ul.right {
	float: right;
	width: 500px;
}
#container.studio #contents .history li {
	margin-bottom: 3px;
}
#container.studio #contents img.address {
	float: left;
} 
#container.studio #contents .map {
	float: right;
}


/* ASJについて */
#container.asj .h-img {
	margin: 0 auto 80px;
	width: 1000px;
}
#container.asj #contents {
	padding: 0 30px 30px;
	width: 940px;
}
#container.asj #contents .title {
	margin-bottom: 35px;
	text-align: center;
}
#container.asj #contents .box01 {
	margin-bottom: 80px;
}
#container.asj #contents .box01 p {
	font-size: 17px;
	margin-bottom: 20px;
	text-align: center;
}
#container.asj #contents .box02 {
	margin-bottom: 30px;
}
#container.asj #contents .box02 img {
	margin-bottom: 30px;
}
#container.asj #contents .box02 p {
	font-size: 150%;
	margin-bottom: 50px;
	text-align: center;
}
#container.asj #contents .box02 p a {
	color: #FFB121;
}
#container.asj #contents .box02 .go-syunkou {
	float: left;
	margin-left: 100px;
}
#container.asj #contents .box02 .go-form {
	float: right;
	margin-right: 100px;
}



/* 竣工作品 */
#container.syunkou .h-img {
	margin: 0 auto 70px;
	width: 1000px;
}
#container.syunkou #contents {
	padding: 0 20px 100px;
	width: 960px;
}
#container.syunkou .syunkou-box {
	border-bottom: 1px solid #FFF;
	float: left;
	margin-bottom: 30px;
	padding: 0 25px 30px;
	width: 190px;
}
#container.syunkou .syunkou-box .photo {
	margin-bottom: 10px;
}
#container.syunkou .syunkou-box .comment {
	font-size: 85%;
	margin-bottom: 10px;
	width: 190px;
}
#container.syunkou .syunkou-box .go-detail {
	float: right;
}
#container.syunkou .syunkou-box a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
}

/* 竣工作品詳細 */
#container.syunkou #contents.detail {
	padding: 0 30px 100px;
	width: 940px;
}
#container.syunkou #contents.detail .outline {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	float: left;
	margin-bottom: 15px;
	padding: 40px 0;
	text-align: center;
	width: 290px;
}
#container.syunkou #contents.detail .outline .title {
	margin-bottom: 25px;
}
#container.syunkou #contents.detail .outline .address,
#container.syunkou #contents.detail .outline .name {
	font-size: 22px;
}
#container.syunkou #contents.detail .outline .address {
	margin-bottom: 10px;
}
#container.syunkou #contents.detail .main-p {
	float: right;
	margin-bottom: 15px;
}
#container.syunkou #contents.detail .zoom_btn {
	clear: both;
	margin-bottom: 5px;
}
#container.syunkou #contents.detail .zoom_box {
	margin-bottom: 25px;
}
#container.syunkou #contents.detail .zoom_box img {
	margin: 0 17px 20px 0;
}
#container.syunkou #contents.detail .zoom_box img.last {
	margin: 0 0 20px 0;
}
#container.syunkou #contents.detail .voice {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin-bottom: 40px;
	padding: 20px 40px;
}
#container.syunkou #contents.detail .voice p {
	margin: 15px 0;
}
#container.syunkou #contents.detail .comment {
	border: 1px solid #4D4D4D;
	background-color: #333333;
	padding: 40px;
}
#container.syunkou #contents.detail .comment .left {
	float: left;
	width: 640px;
}
#container.syunkou #contents.detail .comment .left img.title{
	margin-bottom: 5px;
}
#container.syunkou #contents.detail .comment .left p {
	margin: 15px 0;
}
#container.syunkou #contents.detail .comment .right {
	float: right;
}
#container.syunkou #contents.detail .comment .right .architect {
	margin-bottom: 15px;
}
#container.syunkou #contents.detail .comment .right .office {
	color: #C69C49;
	margin-bottom: 10px;
	text-align: right;
}
#container.syunkou #contents.detail .comment .right .office .name {
	font-size: 145%;
}

#container.syunkou #contents.detail a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
}

/* お客さまのお部屋 */
#container.list .h-img {
	margin: 0 auto 70px;
	width: 1000px;
}
#container.list #contents {
	padding: 0 30px 100px;
	width: 940px;
}
#container.list #contents .explain {
	border-bottom: 1px solid #FFF;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}
#container.list #contents .list-box {
	border-bottom: 1px dotted #FFF;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#container.list #contents .list-box a {
	color: #FFF;
	font-size: 16px;
}

/* お客さまのお部屋 個別 */
#container.list .h-img.room {
	height: 250px;
	position: relative;
}
#container.list .h-img.room .name {
	font-size: 26px;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 114px;
	width: 1000px;
}
#container.list #contents.detail {
	padding: 0 30px 100px;
	width: 940px;
}
#container.list #contents.detail table {
	border-bottom: 1px solid #FFF;
	border-collapse: collapse;
	border-top: 1px solid #FFF;
	width: 100%;
}
#container.list #contents.detail table th,
#container.list #contents.detail table td {
	padding: 10px 20px;
	vertical-align: top;
}
#container.list #contents.detail table th.left,
#container.list #contents.detail table td.left {
	border-right: 1px solid #FFF;
	width: 40%;
}
#container.list #contents.detail table th {
	border-bottom: 1px solid #FFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}


/* お問い合わせ */
#container.form .h-img {
	margin: 0 auto 70px;
	width: 1000px;
}
#container.form #contents {
	padding: 0 30px 100px;
	width: 940px;
}
#container.form #contents .title {
	margin-bottom: 5px;
}
#container.form #contents table {
	border-collapse: collapse;
	margin-bottom: 50px;
	width: 100%;
}
#container.form #contents table th,
#container.form #contents table td {
	border-bottom: 1px dashed #FFF;
	font-weight: normal;
	padding: 15px 0;
}
#container.form #contents table th {
	width: 28%;
}


/* 個人情報の利用について */
#container.privacy .h-img {
	margin: 0 auto 70px;
	width: 1000px;
}
#container.privacy #contents {
	padding: 0 30px 50px;
	width: 940px;
}
#container.privacy #contents .title {
	border-bottom: 1px solid #FFF;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 28px;
	margin-bottom: 20px;
	padding-bottom: 3px;
}
#container.privacy #contents p {
	font-size: 17px;
	margin-bottom: 50px;
}