@charset "utf-8";
body { behavior:url("http://www.infix-design.com/js/project/csshover3.htc"); }
/*img {
behavior:url(http://www.infix-design.com/js/project/iepngfix.htc);
}*/
div.clearfix hr{
	display:none;
}

/*#Global{ position:absolute; }*/
#Main {
	padding:0;
	margin:0px 0 50px;
	background:#FFFFFF;
	width:100%;
}

#Main h2 {
	padding:30px 0px 30px 20px;
	margin:0px 0px 0px 0px;
}

/*PROJECT*/
#NewProjectList {
	border-top: 1px solid #CCCCCC;
	background: url(/images/projects/bg_new.gif) repeat 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 1000px;
}

/*#NewProjectList h3 {
	padding:5px 0px 5px 5px;
	margin: 0px;
	line-height : 130%;
}*/

#NewProjectList p {
	padding:0px 5px 5px;
	margin: 0px;
	line-height : 130%;
	color:#444444;
}

.NewProjectBox {
	padding:10px 10px;
	width:180px;
	height:255px;
	float:left;
	display:block;
}

.NewProjectBox:hover {
	background:#efefef;
	cursor:hand;
}

#ProjectList {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background: url(/images/projects/bg2.gif) repeat 10px 0px;
}


/*#ProjectList h3 {
	padding:5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}*/

#ProjectList p {
	padding:0px 0px 5px;
	margin: 0px;
	color:#444444;
}

.ProjectBox {
	padding:10px;
	width:180px;
	height:170px;
	/*_height:190px;*/
	float:left;
	display:block;
}

.ProjectBox:hover {
	background:#efefef;
	cursor:hand;
}

.new{
	font-weight:normal;
	font-size:85%;
	padding:0px 0px 0px 5px;
	color: #666666;
}

.en {
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height: 16px;
	letter-spacing: 0em;
	word-spacing: 0em;
}

/*#Search{
	padding:15px 20px 10px;
	border-top: 1px solid #CCCCCC;	
	border-bottom:1px solid #CCCCCC;
}

#Search h3{
	padding:0px;
	margin:0px 0px 5px 0px;
}


#Search ul{
	padding:0px;
	margin: 0px;
	list-style: none;
}

#Search li{
	float:left;
	padding:0px;
	margin: 0px 0px 0px 0px;
}*/

#Search{
	padding:15px 20px 15px;
	border-top: 1px solid #CCCCCC;	
	border-bottom:1px solid #CCCCCC;
}

#Search h3{
	padding:0px;
	margin:0px 0px 10px 0px;
}


#Search ul{
	padding:0px;
	margin: 0px;
	list-style: none;
	font-size:1px;
}

#Search ul li{
	float:left;
	padding:0px 10px 0px 0px;
	margin: 0px;
	height: 12px;
	overflow:hidden;
	line-height:0;
}
#Search ul li a{ line-height:normal; }

/* Category CSS */
#Search ul li img{ vertical-align:bottom; }

#Search ul li.BOUTIQUE{ width: 74px;}
#Search ul li.BOUTIQUE a{
	background:url(/images/projects/c1_2.jpg) no-repeat left top;
	height: 12px;
	width: 74px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.CAFERESTAURANT{ width: 130px;}
#Search ul li.CAFERESTAURANT a{
	background:url(/images/projects/c2_2.jpg) no-repeat left top;
	height: 12px;
	width: 130px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.SERVICE{ width: 64px; }
#Search ul li.SERVICE a{
	background:url(/images/projects/c3_2.jpg) no-repeat left top;
	height: 12px;
	width: 64px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.COMPLEX{ width: 70px; }
#Search ul li.COMPLEX a{
	background:url(/images/projects/c4_2.jpg) no-repeat left top;
	height: 12px;
	width: 70px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.RESIDENCE{ width: 82px;}
#Search ul li.RESIDENCE a{
	background:url(/images/projects/c5_2.jpg) no-repeat left top;
	height: 12px;
	width: 82px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.OTHER{ width: 48px; }
#Search ul li.OTHER a{
	background:url(/images/projects/c6_2.jpg) no-repeat left top;
	height: 12px;
	width: 48px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.BRIDAL{ width: 66px; }
#Search ul li.BRIDAL a{
	background:url(/images/projects/c7_2.jpg) no-repeat left top;
	height: 12px;
	width: 66px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li a:hover{ background-position:left bottom; }


#FooterSearch{
	padding:15px 20px 10px;
}


#FooterSearch ul{
	padding:0px;
	margin: 0px;
	list-style: none;
	font-size:1px;
}

#FooterSearch ul li{
	float:left;
	padding:0px;
	margin: 0px;
	height: 10px;
	overflow:hidden;
	line-height:0;
}
#FooterSearch ul li a{ line-height:normal; }
#FooterSearch ul li img{ vertical-align:bottom; }

#FooterSearch ul li.BOUTIQUE{ width: 70px;}
#FooterSearch ul li.BOUTIQUE a{
	background:url(/images/projects/cm1.jpg) no-repeat left top;
	height: 10px;
	width: 70px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#FooterSearch ul li.CAFERESTAURANT{ width: 113px;}
#FooterSearch ul li.CAFERESTAURANT a{
	background:url(/images/projects/cm2.jpg) no-repeat left top;
	height: 10px;
	width: 113px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#FooterSearch ul li.SERVICE{ width: 58px; }
#FooterSearch ul li.SERVICE a{
	background:url(/images/projects/cm3.jpg) no-repeat left top;
	height: 10px;
	width: 58px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#FooterSearch ul li.COMPLEX{ width: 65px;}
#FooterSearch ul li.COMPLEX a{
	background:url(/images/projects/cm4.jpg) no-repeat left top;
	height: 10px;
	width: 65px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#FooterSearch ul li.RESIDENCE{ width: 75px;}
#FooterSearch ul li.RESIDENCE a{
	background:url(/images/projects/cm5.jpg) no-repeat left top;
	height: 10px;
	width: 75px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#FooterSearch ul li.OTHER{ width: 45px;}
#FooterSearch ul li.OTHER a{
	background:url(/images/projects/cm6.jpg) no-repeat left top;
	height: 10px;
	width: 45px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#FooterSearch ul li.BRIDDAL{ width: 50px;}
#FooterSearch ul li.BRIDAL a{
	background:url(/images/projects/cm7.jpg) no-repeat left top;
	height: 10px;
	width: 50px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#FooterSearch ul li a:hover{ background-position:left bottom;}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */

#Detail {
}

#slideshow {
	width: 760px;
	height:456px;
	overflow:hidden;
}

#slideshow ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*height: 1%;*/
	font-size:1px;
}

/*#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}*/

#info {
	overflow:hidden;
	position:absolute;
	z-index:100;
	height:480px;
	margin-left:570px;
	width:230px;
	top:20;

}

#infoSlide {
	background:#fff;
	padding:10px 10px 10px 0px;
	color:#000000;
	width:220px;
	margin-left:210px;
	height:500px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*#open{
	width:20px;
	float:left;
	padding:250px 0px 0px 5px;
	z-index:101;
	cursor:pointer;
	height:250px;
	text-indent:-9999px;
}
.opened{
	background: url(../images/projects/open.gif) no-repeat 7px center;
}


.closed{
	background: url(../images/projects/close_b.gif) no-repeat 7px center;
}

#infoBody{
	width:100px;
	float:left;
	padding:0px 0px 0px 10px;
}

p#close{
	width:180px;
	text-align:right;
}

#info p {
	padding:0px 0px 10px 0px;
}*/

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	width: 760px;
	height:456px;
	margin:0px;
	padding:0;
}

#slideshow .slides ul {
	width: 760px;
	height:456px;
	margin:0px;
	padding: 0;
}

#slideshow .slides li {
	width: 760px;
	height:456px;
	float: left;
	padding: 0px;
	margin:0px;
	/*line-height:0;*/
	
}
/*#slideshow .slides li a{ line-height:normal; }*/

#slideshow .slides h2 {
	margin-top: 0;
}

.slides-nav {
	margin:0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height:60px;
	background: url(/images/projects/nav_bg.gif) no-repeat 0px 10px;
	float: left;
}

.slides-nav ul {
	margin:0px 0px 0px 0px;
	padding: 0;
	width:760px;
	list-style:none;
	font-size:1px;
}

.slides-nav li {
	float: left;
	width:85px;
	height:60px;
	list-style: none;
	margin:0px;
	padding: 0 5px 0px 0px;
/*	line-height:0;
	opacity: 0.5;
	filter: alpha(opacity=50);*/
}
/*.slides-nav li a{ line-height:normal; }*/



#last {
	margin:0px 0px 0px 0px;
}

.js .slides-nav li.on,
.js .slides-nav li.on a {
	opacity: 1;
	filter: alpha(opacity=100);
}

.js .slides-nav li.on a {
	position: relative;
	opacity: 1;
	filter: alpha(opacity=100);
}

.view {
	padding:5px 0px 0px;
	text-align:right;
}

.content {
	z-index: 10;
	overflow: hidden;
	background-color: #000000;
	height: 0;
	width: 100%;
	color: #fff;
	text-align: center;
}

.slide-button {
	margin-left: auto;
	position: relative;
	width: 150px;
	z-index: 20;
	cursor: pointer;
	height: 30px;
	padding-top: 0px;
	text-align: right;
}

.slide-panel {
	z-index: 25;
	width: 5px;
	position: absolute;
}











#current{
	background-position:0px -20px;
}


/*.slides-control {
	float: right;
	width: 50px;
	margin: 0px;
	padding: 10px 0px 0px;
}*/

.slides-control{
	width:30px;
	height:25px;
	/*height:80px;*/
	float:right;
	margin:0;
	padding:0;
	position:relative;
}
.slides-control ul{
	width:30px;
	height:25px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:35px;
	/*font-size:1px;*/
}
.slides-control ul li{
	list-style:none;
	margin:0;
	padding:0;
	/*line-height:0;*/
	text-indent:-9999px;
}
.slides-control ul li a{ display:block; }
/*.slides-control ul li img{ vertical-align:bottom; }*/
.slides-control ul li a.move{
	width:30px;
	height:10px;
	background:url(../images/projects/slides-control_move.jpg) no-repeat left top;
	margin-top: 5px;
	overflow:hidden;
}
.slides-control ul li a.stop{
	width:30px;
	height:10px;
	background:url(../images/projects/slides-control_stop.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
.slides-control ul li a:hover{
	background-position:left bottom;
	overflow:hidden;
}
.slides-control ul li a.move_over{
	width:30px;
	height:10px;
	background:url(../images/projects/slides-control_move.jpg) no-repeat left bottom;
	overflow:hidden;
}
.slides-control ul li a.stop_over{
	width:30px;
	height:10px;
	background:url(../images/projects/slides-control_stop.jpg) no-repeat left bottom;
	text-indent:-9999px;
	overflow:hidden;
}

/* HP URL */

/*span.urlBtn{
	margin:0;
	padding:0;
	width:66px;
	height:30px;
	position:absolute;
	top:10px;
}*/


#CategoryBox{
	width:200px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.slides-data{
	margin: 0px;
	padding: 0;
	float: left;
	width: 85px;
	/*line-height:0;*/
}
.slides-data a{ line-height:1.4; }
.slides-data img{ vertical-align:bottom; padding-top:10px; }

.jqmWindow {
	display: none;
	width: 760px;
	background-color: #FFF;
	color: #333;
	padding: 0px;
	height: 456px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 10px;
}

/*IE7
*:first-child+html .jqmWindow{
　　left: 10px;
	top: 10px;
	right: 0px;
	bottom: 0px;
}
*/

.jqwLayoutLen{}

.jqwLayoutSide{}

.jqwText{
	margin: 0px;
	padding: 10px;
	float: left;
	width: 380px;
	height: 410px;
	overflow: hidden;
	line-height: 140%;
}

.jqwTextAll{
	margin: 0px;
	padding: 10px;
	width: 740px;
	height: 410px;
	overflow: hidden;
}

.jqwTextOnly{
	margin: 0px;
	padding: 10px;
	float: left;
	width: 240px;
	height: 310px;
	overflow: hidden;
	
}

.jqwText p,.jqwTextAll p{
	line-height:1.6;
}

.jqwText .title1,.jqwTextAll .title1,
.jqwText .title2,.jqwTextAll .title2,
.jqwText .title3,.jqwTextAll .title3,
.jqwText .title4,.jqwTextAll .title4,
.jqwText .title5,.jqwTextAll .title5,
.jqwText .title6,.jqwTextAll .title6{
	font-weight: bold;
	margin-bottom:10px;
	background:#efefef;
	padding:5px 10px;
}

.jqwText .year{
	text-align: right;
	margin: 0px;
	padding: 5px 0px 0px;
}

.jqwTextAll .year{
	text-align: right;
	margin: 0px;
	padding: 5px 0px 0px;
}

.jqwTextOnly .year{
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.jqwImage{
	padding: 10px;
	width: 310px;
	float: right;
	height: 310px;
	overflow: hidden;
}

.jqwImage table{
	margin: 0px;
	padding: 0px;
	
	width: 100%;
}

.jqwImage table td{
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.jqwImageAll{
	padding: 10px;
	width: 580px;
	height: 310px;
	overflow: hidden;
	text-align: center;
	
}

/*横並びで上書き*/
.jqwLayoutSide{
	height:410px;
}

.jqwLayoutSide .jqwText{
	margin: 0px;
	padding: 10px;
	width: 740px;
	height: auto;
	overflow: hidden;
	float: none;
}

.jqwLayoutSide .jqwImage{
	padding: 0px 10px;
	width: 740px;
	height: 210px;
	overflow: hidden;
	text-align: center;
	float: none;
}







.jqwClose{
	text-align: center;
	margin: 0px auto;
	padding: 10px 0 0;
	width: 760px;
	
}

.jqwClose a{
	background:url(../images/projects/close_detail.gif) no-repeat top left;
	width:80px;
	height:15px;
	display:block;
	text-indent:-9999px;
}

.jqwClose a:hover{
	background:url(../images/projects/close_detail_over.gif) no-repeat top left;
}

/*.jqmWindow {
	display: none;
	position: absolute;
	width: 600px;
	background-color: #FFF;
	color: #333;
	padding: 0px;
	height: 430px;
	left: 10px;
	top: 10px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}

*:first-child+html .jqmWindow{
　　left: 10px;
	top: 10px;
	right: 0px;
	bottom: 0px;
}


.jqwText{
	margin: 0px;
	padding: 10px;
	float: left;
	width: 240px;
	height: 390px;
	overflow: hidden;
	
}

.jqwImage{
	padding: 10px;
	width: 310px;
	float: right;
	height: 390px;
	overflow: hidden;
}

.jqwClose{
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	width: 80px;
}

.jqwClose a{
	background:url(../images/projects/close_detail.gif) no-repeat top left;
	width:80px;
	height:15px;
	display:block;
	text-indent:-9999px;
}

.jqwClose a:hover{
	background:url(../images/projects/close_detail_over.gif) no-repeat top left;
}
*/




.NewProjectBox2 {
	padding:10px 10px;
	width:180px;
	height:255px;
	float:left;
	display:block;
}

.NewProjectBox2:hover {
	background:#efefef;
	cursor:hand;
}

.ProjectBox2 {
	padding:10px;
	width:180px;
	height:170px;
	/*_height:190px;*/
	float:left;
	display:block;
}

.ProjectBox2:hover {
	background:#efefef;
	cursor:hand;
}

#NewProjectList h3 {
	padding:5px 0px 0;
	margin: 0px;
	line-height : 130%;
	float:left;
	display:block;
	width:160px;
	line-height:1.4;
}
#ProjectList h3 {
	padding:5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	float:left;
	display:block;
	width:160px;
	line-height:1.4;
}

/*.ProjectBox2 h3 img,
.NewProjectBox2 h3 img{
	vertical-align:middle;
	padding-right:5px;
	line-height:1;
}
.ProjectBox2 span,
.NewProjectBox2 span{
	float:left;
	padding-top:6px;
	padding-left:5px;
}*/

.categoryImg{
	width:18px;
	float:left;
	display:block;
	padding:6px 0 0;
}

/*#Search ul li.BOUTIQUE2{ width: 74px;}
#Search .BOUTIQUE2 a{
	background:url(/images/projects/c1.jpg) no-repeat left top;
	height: 12px;
	width: 74px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.EAT2{ width: 39px;}
#Search ul li.EAT2 a{
	background:url(/images/projects/c2.jpg) no-repeat left top;
	height: 12px;
	width: 39px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.ARCHITECTURE2{ width: 100px; }
#Search ul li.ARCHITECTURE2 a{
	background:url(/images/projects/c3.jpg) no-repeat left top;
	height: 12px;
	width: 100px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.RESIDENCE2{ width: 82px; }
#Search ul li.RESIDENCE2 a{
	background:url(/images/projects/c4.jpg) no-repeat left top;
	height: 12px;
	width: 82px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.BEAUTY2{ width: 115px;}
#Search ul li.BEAUTY2 a{
	background:url(/images/projects/c5.jpg) no-repeat left top;
	height: 12px;
	width: 115px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Search ul li.OTHER2{ width: 48px; }
#Search ul li.OTHER2 a{
	background:url(/images/projects/c6.jpg) no-repeat left top;
	height: 12px;
	width: 48px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}*/