@charset "UTF-8";
/* --------------------------------------------------
	Since : 2009
	Last Modified: 2011/12/9
	Version: 2.6
 --------------------------------------------------- */

/*
===== CONTENTS ================================================================================

	1: Reset
	2: Base Style Setting
	3: Layout Setting
	4: Option

===============================================================================================
*/




/* 2: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 13px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;
	 letter-spacing:1px; margin:0; padding: 0; 
	 width: 100%; min-width: 970px; }
	 
a       { text-decoration: underline; color:#1A6FC2; }
a:hover { text-decoration: none; color:#1A6FC2; }
img { -ms-interpolation-mode: bicubic; } 



/* 3: Layout Setting
----------------------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
#toppages { }
#wrapper  {  }


/*bgimg -80px = padding-top*/
#rainbow1 { background: url('../images/bg/bg1.gif') top center repeat-x; padding-top:1765px; }
#rainbow2 { background: url('../images/bg/bg2.gif') top center repeat-x; padding-top:1766px; }
#rainbow3 { background: url('../images/bg/bg3.gif') top center repeat-x; padding-top:1763px; }
#rainbow4 { background: url('../images/bg/bg4.gif') top center repeat-x; padding-top:1761px; }
#rainbow-poncan { background: url('../images/bg/bg_poncan.gif') top center repeat-x; padding-top:1778px; }
#rainbow-downtoearth{ background: url('../images/bg/bg1.gif') top center repeat-x; padding-top:1765px; }
#rainbow-urbanoleecopark{ background: url('../images/bg/bg2.gif') top center repeat-x; padding-top:1766px; }
#rainbow-aldies { background: url('../images/bg/bg3.gif') top center repeat-x; padding-top:1763px; }
#rainbow-poipoihouse { background: url('../images/bg/bg4.gif') top center repeat-x; padding-top:1761px; }
#rainbow-soarclothing { background: url('../images/bg/bg_poncan.gif') top center repeat-x; padding-top:1778px; }
#rainbow-tatproducts { background: url('../images/bg/bg1.gif') top center repeat-x; padding-top:1765px; }
#rainbow-skoloct{ background: url('../images/bg/bg2.gif') top center repeat-x; padding-top:1766px;}

#rainbow5 { background: url('../images/bg/bg5.gif') top center repeat-x; height:200px; }



#topImage{ padding:154px 0 236px; }
#rw-concept,
#rw-project,
#rw-project-hagire,
#rw-project-current,
#rw-project-poncan,
#rw-project-downtoearth,
#rw-project-urbanoleecopark,
#rw-project-aldies,
#rw-project-poipoihouse,
#rw-project-soarclothing,
#rw-project-tatproducts,
#rw-project-skoloct { padding:130px 0 142px; }



/* menu
==========================================================*/

.menu{ margin-left:3%; height:35px; width:400px; background:#FFF; position:fixed; top:20px; z-index:12000; }
ul.navmenu li{ position:relative; float:left; }

ul.navmenu ul { position:absolute; top:40px; left:0; background:#FFF; display:none; opacity:0;  }
ul.navmenu ul li { position:relative; width:215px; margin:0; }
ul.navmenu ul li img{ opacity:0.5;  } 
ul.navmenu ul li a { display:block; background:#FFF; }
ul.navmenu ul li a:hover {}
ul.navmenu ul li:first-child{ padding-top:13px;}
ul.navmenu ul li:last-child{ padding-bottom:13px;}


.projectimg ul.prodname li{ position:relative; }
.projectimg ul.prodname ul { position:absolute; top:-10px; left:0; background:#FFF; display:none; opacity:0; }
.projectimg ul.prodname ul li { position:relative; width:292px; margin:0; }

.imgcover{
	display:none;
}



.navmenu .selectednav { opacity:1 !important; }
#footnavi .selectednav{ display: inline !important;}


#socialInner{ width:220px; position:fixed; top:30px; right:2%; z-index:12000;}
.social-box li{ float:left; width:110px;}





/* img effect
==========================================================*/
li.cover { overflow:hidden; height:236px;}
.imgcovertitle { position:absolute; z-index:100; }
*:first-child+html li.cover{ overflow:visible;}/*IE7 Hack*/



iframe{ overflow-x : hidden ;}

/* content
==========================================================*/
/*
#Container{}
*/
#Content{ }
.Contant-inner{ width:1200px; margin:0 auto;}
.prodtitle-mg{ margin-top:100px; margin-bottom:80px;}
.prodtxt-link-mg{ margin-bottom:40px; }
.prodtxt-mg{ margin-bottom:110px;}



#rw-project-aldies .prodtitle-mg,
#rw-project-poipoihouse .prodtitle-mg{ margin-top:75px; margin-bottom:40px;}
#rw-project-soarclothing .prodtitle-mg{ margin-top:50px; margin-bottom:50px;}
#rw-project-skoloct .prodtitle-mg{ margin-top:75px; margin-bottom:20px;}




#footer{ padding-top:17px; width:1200px; margin:0 auto;}



.projectimg li{ float:left; margin-right:10px; }
.projectimg li.last{ margin-right:0; }

.Collabo_link{ letter-spacing:normal; }
.Collabo_link img,
.Collabo_link a{ }



/*フッター prev nextナビ*/
#footnavi {
	position: fixed;
	bottom: 10px;
	right:10px;
	z-index:5;
}
#footnavi-box{ position: relative;}
#footnavi ul{
	width:99px;
	height:42px;
}
#footnavi li {
	position:absolute;
	width: 42px;
	height: 42px;
	text-align:center;
	cursor: pointer;
}

#footnavi li.prev{
	right:57px;
}
#footnavi li.next{
	right:0;
}


#footnavi li img{
	-o-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	/*-ms-transition: filter 0.2s ease-in-out;*/
	transition: opacity 0.2s ease-in-out;
}
#footnavi li:hover{
	background:#FFF;
}
#footnavi li:hover img{
	/*filter: alpha(opacity=50);*/
	opacity:0.5;
}



/* page top setting
==========================================================*/

#fn-top,
#fn-concept,
#fn-project,
#fn-project-hagire,
#fn-project-current,
#fn-project-poncan,
#fn-project-downtoearth,
#fn-project-urbanoleecopark,
#fn-footer { } 

.fn_nav{display:none; position:absolute; right:0px; top:-42px; }



#fn-top { display:inline; z-index:10; }
#fn-concept { z-index:20; }
#fn-project { z-index:30; }
#fn-project-hagire { z-index:40; }
#fn-project-current { z-index:50; }
#fn-project-poncan{ z-index:60; }
#fn-project-downtoearth{ z-index:70; }
#fn-project-urbanoleecopark{ z-index:80; }
#fn-project-aldies{ z-index:90;  }
#fn-project-poipoihouse{ z-index:100; }
#fn-project-soarclothing{ z-index:110; }
#fn-project-tatproducts{ z-index:120; }
#fn-project-skoloct{ z-index:130; }




#footnavi #fn-project-urbanoleecopark li.prev{ right:0; }
#footnavi #fn-footer li.prev{ right:0; }