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

/* worksIndex */
/*.mainContainer .maincontents .contents {
	float: none;
	width: 100%!important;
}*/
.worksSearch1, .worksSearch2 {
	float: left;
	width: 440px;
	padding: 15px;
	background-color: #eee;
}
.worksSearch1 h3, .worksSearch2 h3 {
	margin-bottom: 10px;
}
.worksSearch1 ul li, .worksSearch2 ul li {
	display: inline-block;
	width: 140px;
	float: left;
	margin: 0 6px 6px 0;
	font-size: 120%;
}
.worksSearch1 ul li a, .worksSearch2 ul li a {
	background: url(../common/images/yajirushi_navblue.png) no-repeat 0 50%;
	padding-left: 12px;
}
.worksSearch1 {
	margin-right: 20px;
}
#animationList {
	overflow: hidden;
	min-height: 500px;
}
.searchList {
	width: 225px;
	height: 91px;
	padding: 0 1% 1% 0;
	float: left;
}
.searchList dt {
	float: left;
	width: 41%;
	margin-right: 3%;
}
.searchList dd {
	font-size: 1.1rem;
	font-size: 11px;
	width: 170px;
	height: 91px;
	display: table-cell;
	vertical-align: middle;
}
#searchNav{
	padding: 2% 0;
}
#btn {
	overflow: hidden;
	margin-bottom: 5px;
}
#btn li {
	float: left;
	cursor: pointer;
	font-size: 1.4rem;
	font-size: 14px;
	background-color: #EDEBEB;
	padding: 0.5% 0.8% 0.3%;
	margin: 0 1% 1% 0;
}
#btn li.active {
	background-color: #FFAEAE;
}
#btn li.zero{
	color: #aaa;
	cursor: default;
}
.searchSelect{
	width: 10%;
	float: left;
	text-align: center;
	font-size: 1.4rem;
	font-size: 14px;
	margin-right: 2%;
	padding: 3px 0 1px 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

/* general */
.leftarea-w{
	width: 77%;
	float: left;
	padding: 0 2% 0 1%;
}
.rightarea-w{
	width: 19%;
	float: left;
	padding-right:1%;
}
.outline {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
.outline dt {
    float: left;
    width: 20%;
    margin-right: 3%;
}
.outlineLong dt{
	width: 25%;
}
div .outline.outlineLong.clearfix .long {
    width: 35%;
}
div .outline.outlineLong.clearfix .long2 {
    width: auto;
}


.outline dd {
    float: left;
    width: 75%;
}
.outlineLong dd{
	width: 72%;
}
.outline.outline-sepa3 dd {
    width: 25%;

}
.arch {
	margin-bottom: 10px;
	width: 100%;
}
.arch dt, .arch dd {
	float: left;
}
.arch dt{
	width: 40%;
}
.arch dt > img{
	width: 100%;
}
.arch dd {
	width: 60%;
}
.arch dd p{
	margin: 20% 0 0 3%;
}
.arch dd p.stage {
	margin-top: 15px;
	margin-right: 0;
	margin-left: 6px;
	margin-bottom: 0;
}
.arch dd p.stage_2 {
	margin-top: 0px;
	margin-right: 0;
	margin-left: 6px;
	margin-bottom: 0;
}
.text {
	margin-bottom: 15px;
}
ul.list01 li {
	margin-top: 5px;
}
ul.list01 li:first-child {
	margin-top: 0;
}

/* slider */
/*/ #main_wrap{
	
}
#main {
	position: relative;
	margin: 0 auto 25px;
	max-width: 960px;
	width: 100%;
	height: 479px;
}
#main.bannerLong {
	height: 576px;
}
#main_img .main_img {
	position: absolute;
	z-index: 3;
	width: 77%;
	height: auto;
}
#main_img img:hover {
	opacity: 1;
}
#main_img .main_img p.ph {
	float: left;
	widows: 100%;
	z-index: 1;
	padding-right: 2.5%;
}
#main_img .main_img p.ph img {
	width: 100%;
}
ul#main_banner {
	float: left;
	width: 23%;
	height: 100%;
	box-sizing: border-box;
	border-left: solid 1px #cccccc;
	zoom: 1;
	padding-left: 2%;
	margin-left: 77%;
}
ul#main_banner li {
	float: left;
	max-width: 91px;
	width: 100%;
	padding: 0 2.5% 2.5% 0;
}
ul#main_banner li.last {
	margin-right: 0;
}
ul#main_banner li a {
	display: block;
	max-width: 91px;
	width: 100%;
	height: auto;
}
ul#main_banner li a.hover {
	opacity: 0.7;
}
ul#main_banner li img{
	width: 100%;
}
*/

#slick{
	max-width: 960px;
	width: 100%;
}
.thumb-item{
	margin-bottom: 10px;
}
.thumb-item-nav li{
	margin: 0 5px;
}

/*スライド画像の横幅可変*/
#slick img {
	width: 100%;
	height: auto;
}
#slick .thumb-item img {
    max-width: 100%;
	width: 722px;
    height: auto;
    margin: 0 auto;
}

/* back */
.back{
	text-align: right;
}
.back a{
	display: inline-block;
}

/* works navigation
==========================================*/
#y2024 .y2024,#y2023 .y2023,#y2022 .y2022,#y2021 .y2021,#y2020 .y2020,#y2019 .y2019,#y2018 .y2018,#y2017 .y2017,#y2016 .y2016,#y2015 .y2015,#y2014 .y2014,#y2013 .y2013,#y2012 .y2012,#y2011 .y2011,#y2010 .y2010,#hokkaido .hokkaido,#tohoku .tohoku,#tokyo .tokyo,#kanto .kanto,#hokuriku .hokuriku,#tokai .tokai,#kansai .kansai,#shikoku .shikoku,#chugoku .chugoku,#kyusyu .kyusyu,#overseas .overseas,#btn.bcs .bcs,#btn.selection .selection,#btn.aaca .aaca,#btn.new .new,#btn.belca .belca,#btn.design .design,#btn.sda .sda,#btn.award .award,#bcs .bcs,#belca .belca,#selection .selection,#aaca .aaca, #new .new,#design .design,#sda .sda,#award .award,#office .office,#labo .labo,#apartment .apartment,#education .education,#culture .culture,#hospital .hospital,#business .business,#factory .factory,#temple .temple,#public .public,#complex .complex,#sports .sports,#other .other,#btn.office .office,#btn.labo .labo,#btn.apartment .apartment,#btn.education .education,#btn.culture .culture,#btn.hospital .hospital,#btn.business .business,#btn.factory .factory,#btn.temple .temple,#btn.public .public,#btn.complex .complex,#btn.sports .sports,#btn.other .other{
background-color: #FFAEAE!important;
} 

.mt35{
    margin-top: 35px;
}