@charset "utf-8";


.intro {padding-bottom: 0;}
.intro h1 {padding:0;}

#main {
	float: left;
	width: 670px;
	padding-top: 0;
	padding-bottom: 150px;
}
.arch-top h2{
	margin-top: 30px;
	margin-bottom: 30px;
}


#main .construction {
	height: 392px;
	width: 690px;
}
#main .construction li {
	float: left;
	margin-right: 18px;
	margin-bottom: 35px;
	background:#FFF;
}
#main .study {
	height: 108px;
	width: 690px;
}
#main .study li {
	float: left;
	margin-right: 17px;
	margin-bottom: 18px;
}
#main .study .btn1 {background: url(../images/architecture_banner_new_on.png) no-repeat 0px 0px;height: 45px;width: 212px;}
#main .study .btn2 {
	background: url(../images/architecture_banner_renovation_on.png) no-repeat 0px 0px;
	height: 45px;
	width: 212px;
}
#main .study .btn3 {
	background: url(../images/architecture_banner_office_on.png) no-repeat 0px 0px;
	height: 45px;
	width: 212px;
}
#main .study .btn4 {
	background: url(../images/architecture_banner_store_on.png) no-repeat 0px 0px;
	height: 45px;
	width: 212px;
}
#main .study .btn5 {
	background: url(../images/architecture_banner_flow_on.png) no-repeat 0px 0px;
	height: 45px;
	width: 212px;
}
#main .study .btn6 {
	background: url(../images/architecture_banner_opinion_on.png) no-repeat 0px 0px;
	height: 45px;
	width: 212px;
}

#main #topics {
	padding-top:30px;
	height: 244px;
	padding-bottom: 168px;
	width: 690px;
}
#main #topics li {
	float: left;
	margin-right: 17px;
	margin-bottom: 20px;
}
#main #topics .ban-topi01 {background: url(../images/architecture_banner_interior_01_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi02 {background: url(../images/architecture_banner_interior_02_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi03 {background: url(../images/architecture_banner_interior_03_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi04 {background: url(../images/architecture_banner_interior_04_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi05 {background: url(../images/architecture_banner_interior_05_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi06 {background: url(../images/architecture_banner_interior_06_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi07 {background: url(../images/architecture_banner_interior_07_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi08 {background: url(../images/architecture_banner_interior_08_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi09 {background: url(../images/architecture_banner_interior_09_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi10 {background: url(../images/architecture_banner_interior_10_on.png) no-repeat;height: 44px;width: 213px;}
#main #topics .ban-topi11 {background: url(../images/architecture_banner_interior_11_on.png) no-repeat;height: 44px;width: 213px;}

.topics #main {
	background: #FFE8CD;
	margin-bottom: 45px;
	padding-bottom: 45px;
}
.topics #main p ,
.topics #main ul ,
.topics #main h3 {
	margin-right: 35px;
	margin-left: 35px;
	
}
.topics #main h2 {
	position: relative;
}
.topics #main h2 span {
	position: absolute;
	left: 567px;
	top: 16px;
}

.topics  #main h3 {
	font-size: 18px;
	color: #FF7C80;
	border-bottom: 2px dotted #FF7C80;
	line-height: 45px;
	font-weight: bold;
}
.topic-intro  {padding-bottom:56px;}
.topic-intro p {
	color: #FF7C80;
	font-weight: bold;
}

.topic-box {
	margin-bottom: 30px;
	padding-top: 10px;
	position: relative;
}
.topics-goods {
	background: url(../images/topics_recom_box_mid.png) repeat-y;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.topics #content    #main  .topics-goods.note  p  {
	background: url(../images/topics_recom_box_top.png) no-repeat 0px 0px;
	margin: 0px;
	padding-left: 35px;
	padding-top: 20px;
	padding-right: 35px;
	color: #FF7C80;
}
.topics-goods.note {
	margin-top: 80px;
	margin-bottom: 15px;
}
.topics-goods.note p {
	font-weight: bold;
}



.topics-goods h4 {
	background: url(../images/topics_recom_box_top.png) no-repeat left top;
	padding-top: 16px;
	text-align: center;
}
.topics-goods .topics-recom-box {
	float: left;
    height: 250px;
    padding: 30px;
    width: 240px;}
.topics #content #main .topics-goods .topics-recom-box p {
	font-size: 12px;
	padding-bottom: 5px;
}
.topics #content .inner #main .topics-goods .topics-recom-box h5 {
	color: #D4404D;
	margin-right: 35px;
	margin-bottom: 5px;
	margin-left: 35px;
	padding-bottom: 5px;
	font-size: 14px;
	border-bottom: 2px dotted #FF7C80;
	font-weight: bold;
}
.topics-recom-box .topics-btn-prop {
	background: url(../images/topics_goods_btn_prop_on.png) no-repeat;
	height: 35px;
	width: 190px;
}
.topics-goods .topics-recom-box.single {
	position: relative;
	height: 150px;
}
.topics-recom-box.single .topics-single-pic {
	position: absolute;
	left: 313px;
	top: 34px;
}
.topics-recom-box.single .topics-btn-prop {
	margin-top: 26px;
}



.topics-goods  span  {
	background: url(../images/topics_recom_box_bottom.png) no-repeat left top;
	display: block;
	clear: both;
	height: 25px;
	width: 600px;
}
.topics-botanic {
	background: #FFFFFF;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
}
.topics-botanic .topics-botanic-box {
	float: left;
	width: 300px;
}
.topics-botanic-box h5 {
	color: #FF7C80;
	margin-left: 35px;
	font-size: 18px;
}
.topics-botanic-box p {
	font-size: 12px;
	padding-bottom: 30px;
}
.topics-botanic-box {background: url(../images/topics_botanic_1.png) no-repeat right top;}
.topics-botanic-box.tb2 {background: url(../images/topics_botanic_2.png) no-repeat right top;}
.topics-botanic .topics-botanic-endbox {
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px dotted #54C08E;
	margin-right: 35px;
	margin-left: 35px;
	position: relative;
}
.topics-botanic-endbox h5 {
	color:#54c08e;
	font-size:18px;
	padding-bottom:10px;
}
.topics-botanic .topics-botanic-endbox span {
	height: 71px;
	width: 83px;
	position: absolute;
	left: 382px;
	top: -3px;
	margin: 0px;
	padding: 0px;
	background: none;
}
.topics #content #main .topics-botanic-endbox p {
	margin-right: 0px;
	margin-left: 0px;
}



.topics-botanic span {
	background: url(../images/topics_botanic-bottom.png) no-repeat left top;
	height: 24px;
	width: 630px;
	display: block;
}
.topics-ecoseminor {
	background: url(../images/topics_ecoseminor_mid.png) repeat-y;
	width: 600px;
	margin: 135px auto 20px;
	position: relative;
}
.topics-ecoseminor .topic-ecoseminor-price {
	width: 290px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #54C08E;
}
.topic-ecoseminor-btn {
	background: url(../images/topics_ecoseminor_btn_on.png) no-repeat;
	height: 35px;
	width: 190px;
	padding-bottom: 22px;
}

.topics-ecoseminor .topic-ecoseminor-pic {
	position: absolute;
	left: 304px;
	top: 172px;
}
.topics-book span,
.topics-ecoseminor span {
	background: url(../images/topics_ecoseminor_bottom.png) no-repeat;
	display: block;
	height: 18px;
	width: 600px;
}
.topics-book {
	background: url(../images/topics_ecoseminor_mid.png) repeat-y;
	width: 600px;
	position: relative;
	margin: 80px auto 25px;
}
.topics #content #main .topics-book p {
	color: #5F1B00;
	margin-bottom: 20px;
}

.topics-book .topic-book-buy {
	position: absolute;
	left: 385px;
	top: 109px;
}
.topics-book  h5 {
	font-size: 18px;
	color: #54B482;
	margin-left: 35px;
	margin-top: 28px;
}
.topics #content .inner #main .topics-book .topic-book-buy p {
	margin: 0px;
	text-align: center;
}

.topics-book ul {
	color: #233706;
	background: #DEFAAF url(../images/topics_book_comment_bg.png) repeat-x left top;
	padding: 15px;
	margin-bottom: 20px;
}
.topics-v5 {
	margin: 30px 35px;
	border-top:1px dotted #CCCCCC;
	width: 610px;
}
.topics-v5 th {
	font-weight: normal;
	background: url(../images/topics_ico_circle.png) no-repeat left center;
	text-align: left;
	font-size: 12px;
	border-bottom:1px dotted #CCCCCC;
	white-space: nowrap;
	padding: 10px 5px 10px 15px;
}
.topics-v5 td {
	font-size: 12px;
	border-bottom:1px dotted #CCCCCC;
	padding: 10px 5px 10px 15px;
	white-space: nowrap;
}
.topics-v11 h4 {
	color: #ff7c80;
	margin-left: 35px;
}
.topics #content #main .topic-box.topics-v11 p {
	margin-bottom: 20px;
}
p.bold {
	font-weight: bold;
}










.v1p1 {
	background: url(../images/topics_v1_pic1.png) no-repeat 482px top;
}
.v1p1 p{
	font-weight: bold;
}
.v1p2 {
	background: url(../images/topics_v1_pic2.png) no-repeat 522px top;
	padding-right: 120px;
}
.v1p2 p{
	font-weight: bold;
	color: #FF7C80;
}
.v1p3 {
	background: url(../images/topics_v1_pic3.png) no-repeat 492px top;
	padding-right: 153px;
}
.v1p4 {
	float: right;
}
.v2p1 {
	background: url(../images/topics_v2_pic1.png) no-repeat 426px 0px;
	padding-right: 216px;
}
.v2p1 p {
	font-weight: bold;
}

.v2p2 {
	background: url(../images/topics_v2_pic2.png) no-repeat 441px 0px;
	padding-right: 230px;
}
.v2p3 {
	padding-bottom: 10px;
	position: absolute;
	left: 382px;
	top: -29px;
}
.v3p1 {
	background: url(../images/topics_v3_pic_1.png) no-repeat 459px 40px;
	padding-right: 200px;
}
.v3p1 p {
	font-weight: bold;
}

.v3p2 {
	float: right;
	padding-left: 38px;
	padding-top: 20px;
}
.v3p3  {
	background: url(../images/topics_v3_pic_4.png) no-repeat right top;
	padding-right: 190px;
}
.v4p1 {
	background: url(../images/topics_v4_pic1.png) no-repeat 468px 5px;
	padding-right: 200px;
	padding-bottom: 100px;
}
.v4p2 {
	background: url(../images/topics_v4_pic2.png) no-repeat 472px 10px;
	padding-right: 200px;
}
.v4p3 {
	float: right;
	padding-left: 15px;
	padding-bottom: 30px;
}
.v4p4 {
	background: url(../images/topics_v4_pic4.png) no-repeat 470px 35px;
	padding-right: 200px;
}
.v4p5 {
	float: right;
	padding-left: 20px;
}
.v5p1 {
	background: url(../images/topics_v5_pic1.png) no-repeat 447px 28px;
	padding-right: 200px;
}
.v5p2 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.v5p3 {
	background: url(../images/topics_v5_pic3.png) no-repeat 441px 30px;
	padding-right: 200px;
}
.v6p1 {
	background: url(../images/topics_v6_pic1.png) no-repeat 496px 59px;
	padding-right: 160px;
}
.v6p2 {
	margin-top: 20px;
	background: url(../images/topics_v6_pic2.png) no-repeat right 0px;
	padding-right: 200px;
}
.v6p3 {
	background: url(../images/topics_v6_pic3.png) no-repeat right top;
	padding-right: 220px;
}
.v7p1 {
	float: right;
	padding-left: 60px;
	padding-top: 20px;
}
.v7p2 {
	float: right;
	padding-bottom: 20px;
	padding-left: 30px;
}
.v7p3 {
	background: url(../images/topics_v7_pic3.png) no-repeat right top;
	padding-right: 220px;
	margin-top: 2em;
}

.v8p1 {
	float: right;
	padding-top: 23px;
	padding-left: 10px;
}
.v8p2 {
	background: url(../images/topics_v8_pic2.png) no-repeat 454px 100px;
	padding-right: 200px;
}
.v8p3 {
	background: url(../images/topics_v8_pic3.png) no-repeat 410px 0px;
}
.v9p1 {
	float: right;
	padding-bottom: 10px;
	padding-left: 20px;
}
.v9p2 {
	float: right;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 1em;
}
.v9p3 {
	background: url(../images/topics_v9_pic3.png) no-repeat center bottom;
	padding-bottom: 170px;
	margin-bottom: 50px;
}
.v10p1 {
	background: url(../images/topics_v10_pic1.png) no-repeat 433px 20px;
	padding-right: 211px;
}
.v10p2 {
	background: url(../images/topics_v10_pic2.png) no-repeat 490px 2em;
	padding-right: 170px;
	padding-top: 1em;
}
.v10p3 {
	background: url(../images/topics_v10_pic3.png) no-repeat 472px 15px;
	padding-right: 197px;
	padding-bottom: 70px;
}
.v10p4 {
	background: url(../images/topics_v10_pic4.png) no-repeat 472px 15px;
	padding-right: 197px;
	padding-bottom: 15px;
}
.v10p5 {
	background: url(../images/topics_v10_pic5.png) no-repeat 472px 15px;
	padding-right: 197px;
	padding-bottom: 140px;
}
.v11p1 {
	float: right;
	padding-left: 22px;
	padding-top: 10px;
}
.v11p2 {
	background: url(../images/topics_v11_pic2.png) no-repeat 390px 0px;
	padding-right: 200px;
	padding-bottom: 20px;
}





.topics #content #main .v8p2  ol,
.topics #content #main .v8p3  ol {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 35px;
}
.topics #content #main .v8p3  ol li,
.topics #content #main .v8p2  ol li {
	color: #FF7C80;
	padding-top: 5px;
	padding-bottom: 5px;
}
.architecture-think h2 {
	background: url(../images/think_ttl_bg.png) no-repeat left bottom;
	font-size: 22px;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.new-pic1 {
	background: url(../images/new_pic1.png) no-repeat right top;
	padding-right: 250px;
}
.renovation-pic1 {
	background: url(../images/renovation_pic1.png) no-repeat right top;
	padding-right: 250px;
	padding-bottom: 70px;
}
.office-pic1 {
	background: url(../images/office_pic1.png) no-repeat right top;
	padding-right: 250px;
	padding-bottom: 70px;
}
.store-pic1 {
	background: url(../images/store_pic1.png) no-repeat right top;
	padding-right: 250px;
	padding-bottom: 70px;
}

.architecture-gallery {
	background: #FFFFFF;
	padding: 10px;
	height: 83px;
}
.architecture-gallery p {
	float: left;
	height: 83px;
	width: 68px;
	padding-right: 12px;
	padding-left: 12px;
}
.architecture-think h2 span {
	font-weight: normal;
	font-size: 12px;
	padding-left: 30px;
}

.architecture-think table,
.case table{
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 20px;
}
.architecture-think table th,
.case table th{
	font-size: 16px;
	background: #54B1FF;
	vertical-align: middle;
	width: 120px;
	color: #FFFFFF;
	font-weight: normal;
	border-right: 4px solid #EFEFEF;
}
.architecture-think table td,
.case table td{
	background: #FFFFFF;
	padding: 10px;
}
.architecture-think table td span{
	color: #4FA6F0;
}
.architecture-think table td.price{
	color: #4FA6F0;
	font-weight: bold;
	font-size: 16px;
	width: 160px;
}
.flow-list {
	margin-top: 30px;
}
.flow-list li {
	padding-bottom: 57px;
	background: url(../images/flow_arrow.png) no-repeat 237px 59px;
}
.flow-list li.fin {
	background: none;
	padding-bottom: 20px;
}

.case h2 {
	background: url(../images/think_ttl_bg.png) no-repeat left bottom;
	font-size: 22px;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.case  .inbox {
	background: #FFFFFF url(../images/case_inbox_bottom.png) no-repeat left bottom;
	padding-bottom: 20px;
	margin-bottom: 22px;
	position: relative;
}
.case .inbox p {
	margin-bottom: 20px;
}

.case .inbox .note {
	padding-left: 20px;
	width: 270px;
	float: left;
}
.case  .inbox  .af-pic  {
	float: right;
	padding-right: 20px;
}

.case h3 {
	line-height: 73px;
	background: url(../images/case_inbox_top.png) no-repeat;
	padding-left: 50px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.case-sec6 {
	padding-left: 20px;
}
.case   .inbox   h3.sec7 {
	background: url(../images/case_sec6_ttl.png);
}
.inbox  .case-sec7 {
	background: url(../images/case_sec7_p1.png) no-repeat left top;
	margin-left: 20px;
	padding-left: 175px;
	padding-right: 20px;
}
.case-sec7 p strong {
	color: #54C18F;
	font-weight: bold;
}

.entrance h2 {
	background: url(../images/think_ttl_bg.png) no-repeat left bottom;
	font-size: 22px;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.entrance-box {
	background: url(../images/entrance_bg.png) no-repeat;
	height: 2142px;
	width: 670px;
	position: relative;
}
.entrance-box .pic1 {
	position: absolute;
	left: 24px;
	top: 26px;
}
.entrance-box .pic2 {
	position: absolute;
	left: 262px;
	top: 333px;
}
.entrance-box .pic3 {
	position: absolute;
	left: 103px;
	top: 673px;
}
.entrance-box .pic4 {
	position: absolute;
	left: 380px;
	top: 926px;
}
.entrance-box .pic5 {
	position: absolute;
	left: 100px;
	top: 1299px;
}
.entrance-box .pic6 {position: absolute;left: 373px;top: 1654px;}

.entrance-box .txt1 {
	font-size:12px;
	position: absolute;
	left: 450px;
	top: 139px;
	width: 179px;
}
.entrance-box .txt2 {
	font-size:12px;
	position: absolute;
	left: 47px;
	top: 359px;
	width: 179px;
}
.entrance-box .txt3 {
	font-size:12px;
	position: absolute;
	left: 449px;
	top: 701px;
	width: 179px;
}
.entrance-box .txt4 {
	font-size:12px;
	position: absolute;
	left: 111px;
	top: 1077px;
	width: 173px;
}
.entrance-box .txt5 {
	font-size:12px;
	position: absolute;
	left: 449px;
	top: 1358px;
	width: 179px;
}
.entrance-box .txt6 {
	font-size:12px;
	position: absolute;
	left: 111px;
	top: 1865px;
	width: 179px;
}
.contact-box {
	background: #FFF;
	margin-top: 60px;
	padding: 15px;
}
.contact-box p {
	font-size: 12px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
	white-space: nowrap;
}


.gallery h2,
.single-fusui-gallery h2,
.interview h2{
	background: url(../images/architecture_ttl_bline.png) no-repeat left bottom;
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 30px;
	margin-top: 30px;
	padding-bottom: 10px;
}
.gallery-box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-bottom: 30px;
}
.gallery-box p {
	float: left;
	margin-top: 25px;
	padding-left: 17px;
	width: 200px;
	height: 170px;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.gallery-box p a{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.banner-box {
	clear: both;
	width: 688px;
	margin-top: 60px;
	margin-bottom: 30px;
}
.banner-box p {
	float: left;
	margin-right: 18px;
}
.banner-box .btn1 {background: url(../images/gallery_banner1_on.png) no-repeat 0px 0px;height: 75px;width: 211px;}
.banner-box .btn2 {background: url(../images/gallery_banner2_on.png) no-repeat 0px 0px;height: 75px;width: 211px;}
.banner-box .btn3 {background: url(../images/gallery_banner3_on.png) no-repeat 0px 0px;height: 75px;width: 211px;}

.subscribe {
	background: url(../images/subscribe_btn_bg.png) no-repeat left bottom;
	padding-bottom: 121px;
	position: relative;
	height: 136px;
	padding-top: 30px;
	margin-top: 20px;
	border-top: 1px dotted #CCCCCC;
}
.subscribe .btn {
	position: absolute;
	right: 60px;
	bottom: 43px;
}
.gallery-nav {
	margin-top: -20px;
	margin-bottom: 20px;
}
.gallery-nav a {
	padding-right: 5px;
	padding-left: 5px;
}
.gallery-nav .on {
	text-decoration: none;
}
.gallery h3,
.single-fusui-gallery h3 {
	line-height: 32px;
	color: #FFFFFF;
	width: 624px;
	margin-left: 10px;
	background: #5480FF;
	padding-left: 20px;
	margin-top: 30px;
	clear: both;
}
.gallery .gallery-box {
	margin-bottom: 40px;
}
.gallery .gallery-box p {
	width: 206px;
	padding-left: 12px;
}
.gallery-boxThumb{
	border:1px solid #600;
}


.orientation h1,
.single-ori h1 {
	position: relative;
}
.orientation h1 span,
.single-ori h1 span {
	position: absolute;
	left: 790px;
	top: 27px;
	background: url(../images/orientation_btn_on.png) no-repeat;
	height: 123px;
	width: 119px;
}
.orientation #main,
.single-ori #main {
	background: #FFEACF;
	padding-right: 42px;
	padding-left: 42px;
	width: 595px;
}
.orientation h2,
.single-ori h2 {
	margin-top: 30px;
}

.orientation table,
.single-ori table {
	border-top:4px dotted #DDB17A;
	width:100%;
	margin:30px 0 0;
}
.orientation table td,
.single-ori table td {
	border-bottom:4px dotted #DDB17A;
	/*width:25%;*/
	padding:5px;
}
.orientation .subscribe,
.single-ori .subscribe {
	margin-left: -35px;
	width: 670px;
	border-style: none;
}
.orientation .tomonth,
.single-ori .tomonth {
	margin-top: 35px;
	margin-bottom: 100px;
	/*background: url(../images/orien_unkiyohou.png) no-repeat left bottom;
	padding-left: 110px;*/
	height: 125px;
	vertical-align: bottom;
	display: table-cell;
	padding-top: 20px;
}
.orientation .tomonth .img,
.single-ori .tomonth .img {
	margin-right: 15px;
	display: inline-block;
	*display: inline;  
  *zoom: 1;
}
.orientation .tomonth p,
.single-ori .tomonth p {
	display: inline-block;
	*display: inline;  
  *zoom: 1;
}
.orientation .subscribe-link,
.single-ori .subscribe-link {
	margin:20px 0;
}
.orientation .subscribe-link > a,
.single-ori .subscribe-link > a {
	color:#C00;
}



.ph-gal-menu li {
	margin-bottom: 24px;
}
.ph-gal-menu li.btn1 {background: url(../photogallery/images/photo-gallery-01-house_on.png) no-repeat 0px 0px;height: 117px;width: 670px;}
.ph-gal-menu li.btn2 {
	background: url(../photogallery/images/photo-gallery-02-mansion_on.png) no-repeat 0px 0px;
	height: 117px;
	width: 670px;
}
.ph-gal-menu li.btn3 {
	background: url(../photogallery/images/photo-gallery-03-office_on.png) no-repeat 0px 0px;
	height: 117px;
	width: 670px;
}
.ph-gal-menu li.btn4 {
	background: url(../photogallery/images/photo-gallery-04-shop_on.png) no-repeat 0px 0px;
	height: 117px;
	width: 670px;
}
.ph-gal-menu li.btn5 {
	background: url(../photogallery/images/photo-gallery-05-clinic_on.png) no-repeat 0px 0px;
	height: 117px;
	width: 670px;
}
.ph-gallery-subnav {
	margin-bottom: 20px;
	height: 74px;
}
.ph-gallery-subnav p{
	float:left;
	margin-right: 12px;
}
.ph-gallery-subnav .btn1 {background: url(../photogallery/images/subnav01_on.png) no-repeat 0px 0px;height: 74px;width: 124px;}
.ph-gallery-subnav .btn2 {background: url(../photogallery/images/subnav02_on.png) no-repeat 0px 0px;height: 74px;width: 124px;}
.ph-gallery-subnav .btn3 {background: url(../photogallery/images/subnav03_on.png) no-repeat 0px 0px;height: 74px;width: 124px;}
.ph-gallery-subnav .btn4 {background: url(../photogallery/images/subnav04_on.png) no-repeat 0px 0px;height: 74px;width: 124px;}
.ph-gallery-subnav .btn5 {
	margin-right: 0px;
	background: url(../photogallery/images/subnav05_on.png) no-repeat 0px 0px;
	height: 74px;
	width: 123px;
}
.gallery h4 {
	margin-bottom: 10px;
	border-bottom: 1px solid #82BE95;
	font-size: 16px;
	padding-bottom: 5px;
}


#photo-gallery p {
}
#photo-gallery p img {
	width: 198px;
	background: #FFFFFF;
	margin: 5px 5px 10px;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	border-left: 1px solid #CCCCCC;
}

#imagelightbox{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}
		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}

		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}












/**************************/
#side {
	padding-bottom: 180px;
}
#side ul.accordion li li{margin:0;}

.gallery h3,
.single-fusui-gallery h3 {
	width: 100%;
	padding: 0;
	margin: 0;
}

ul.accordion {
	float:right;
}
ul.accordion a {
}
ul.accordion span {
	display:block;
}
ul.accordion ul {
	display:none;
}
ul.accordion > li {
}
ul.accordion > li > h3 {
	cursor:pointer;
	background: url(../images/architecture_side_bg.png) no-repeat;
	margin-top: 20px;
}
ul.accordion > li > h3 span {
	background: url(../images/architecture_side_bg.png) no-repeat;
}
ul.accordion > li > h3 span.open {
	background: url(../images/architecture_side_bg_on.png) no-repeat;
}
ul.accordion > li > ul > li {
	line-height: 34px;
	height: 34px;
	border-bottom: 1px dotted #B8B8B8;
	margin:0;
}
ul.accordion > li > ul > li > a {
	color: #333333;
	text-decoration: none;
	background: url(../images/ico_arrow.png) no-repeat 1px center;
	display: block;
	padding-left: 17px;
	font-size: 12px;
}
ul.accordion > li > ul > li > a:hover {
	text-decoration:underline;
}
#side ul.accordion ul.ac-study,
#side ul.accordion ul.ac-topics,
#side ul.accordion ul.ac-gallery{
	display:block;
}
#side  ul.accordion  li.on a {
	background: url(../images/ico_arrow_rev.png) no-repeat 1px center;
	font-weight: bold;
	color: #5EAC77;
}