@charset "utf-8";

/*For common*/
@import "./base.css";

/*=========================================
+++++ ETSURO SUGITA WEB CSS INFORMATION +++++
----- Project ------

_1.common
_1-1. layout
_1-2. contents

_2.evis

_3.moss wall

_4.mini scape


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


/*=========================================
_1.common
=========================================
_1-1. layout
=========================================*/
#project-content{
	width:852px;
	margin:0 0 0 47px;
	padding:0 0 75px;
	
	line-height:1.5em;
}

#project-nav{
	float:left;
	width:155px;
}

#project-snav{
	float:left;
	width:148px;
}

#project-snav.project-evis{
	width:205px;
}

#project-img{
	float:left;
	width:502px;
}

#project-img02{
	float:left;
	width:490px;
}

#project-img02 table,
#project-img table{	
	margin:0;
	padding:0;
}

/* 20080511 add*/
#project-snav ul{
	float:left;
}


/*=========================================
_1-2. contents
=========================================*/
#header h2#project-ttl{
	width:326px;
	height:89px;
	background:url(../project/images/project_ttl.gif) top left no-repeat;
}

#project-nav li{
	width:120px;
	height:57px;
}

#project-nav li#project-nav01 a{
	display:block;
	width:120px;
	height:44px;
	background:url(../project/images/project_nav01.jpg) top left no-repeat;
}

#project-nav li#project-nav01 a:hover{
	background:url(../project/images/project_nav01.jpg) bottom left no-repeat;
}

#project-nav li#project-nav01acv a{
	display:block;
	width:120px;
	height:44px;
	background:url(../project/images/project_nav01.jpg) bottom left no-repeat;
}

#project-nav li#project-nav02 a{
	display:block;
	width:120px;
	height:44px;
	background:url(../project/images/project_nav02.jpg) top left no-repeat;
}

#project-nav li#project-nav02 a:hover{
	background:url(../project/images/project_nav02.jpg) bottom left no-repeat;
}

#project-nav li#project-nav02acv a{
	display:block;
	width:120px;
	height:44px;
	background:url(../project/images/project_nav02.jpg) bottom left no-repeat;
}


#project-nav li#project-nav03 a{
	display:block;
	width:120px;
	height:44px;
	background:url(../project/images/project_nav03.jpg) top left no-repeat;
}

#project-nav li#project-nav03 a:hover{
	background:url(../project/images/project_nav03.jpg) bottom left no-repeat;
}

#project-nav li#project-nav03acv a{
	display:block;
	width:120px;
	height:44px;
	background:url(../project/images/project_nav03.jpg) bottom left no-repeat;
}


#project-snav li{
	/*width:44px; 20080511 amend*/
	width:57px;
	height:57px;
}

p#pjct-dtl-txt{
	padding:5px 0 18px;
	font-size:84%;
	line-height:1.3em;
}


/*=========================================
_2.evis
=========================================*/

#project-snav li#pro-evis01 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn01.jpg) left top no-repeat;
}

#project-snav li#pro-evis01acv a,
#project-snav li#pro-evis01 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn01.jpg) right top no-repeat;
}

#project-snav li#pro-evis02 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn02.jpg) left top no-repeat;
}

#project-snav li#pro-evis02acv a,
#project-snav li#pro-evis02 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn02.jpg) right top no-repeat;
}

#project-snav li#pro-evis03 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn03.jpg) left top no-repeat;
}

#project-snav li#pro-evis03acv a,
#project-snav li#pro-evis03 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn03.jpg) right top no-repeat;
}

#project-snav li#pro-evis04 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn04.jpg) left top no-repeat;
}

#project-snav li#pro-evis04acv a,
#project-snav li#pro-evis04 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn04.jpg) right top no-repeat;
}


#project-snav li#pro-evis05 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn05.jpg) left top no-repeat;
}

#project-snav li#pro-evis05acv a,
#project-snav li#pro-evis05 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn05.jpg) right top no-repeat;
}

#project-snav li#pro-evis06 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn06.jpg) left top no-repeat;
}

#project-snav li#pro-evis06acv a,
#project-snav li#pro-evis06 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn06.jpg) right top no-repeat;
}

#project-snav li#pro-evis07 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn07.jpg) left top no-repeat;
}

#project-snav li#pro-evis07acv a,
#project-snav li#pro-evis07 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn07.jpg) right top no-repeat;
}


/* 20080511 add*/
#project-snav li#pro-sakura01 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn_s01.jpg) left top no-repeat;
}

#project-snav li#pro-sakura01acv a,
#project-snav li#pro-sakura01 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn_s01.jpg) right top no-repeat;
}

#project-snav li#pro-sakura02 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn_s02.jpg) left top no-repeat;
}

#project-snav li#pro-sakura02acv a,
#project-snav li#pro-sakura02 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn_s02.jpg) right top no-repeat;
}

#project-snav li#pro-sakura03 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn_s03.jpg) left top no-repeat;
}

#project-snav li#pro-sakura03acv a,
#project-snav li#pro-sakura03 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn_s03.jpg) right top no-repeat;
}



/* 20090620 add*/
#project-snav li#pro2009-01 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn2009_01.jpg) left top no-repeat;
}

#project-snav li#pro2009-01acv a,
#project-snav li#pro2009-01 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn2009_01.jpg) right top no-repeat;
}

#project-snav li#pro2009-02 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn2009_02.jpg) left top no-repeat;
}

#project-snav li#pro2009-02acv a,
#project-snav li#pro2009-02 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn2009_02.jpg) right top no-repeat;
}

#project-snav li#pro2009-03 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn2009_03.jpg) left top no-repeat;
}

#project-snav li#pro2009-03acv a,
#project-snav li#pro2009-03 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/evis/images/project_btn2009_03.jpg) right top no-repeat;
}


/*=========================================
_3.moss wall
=========================================*/

#project-snav li#pro-moss01 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn01.jpg) left top no-repeat;
}

#project-snav li#pro-moss01acv a,
#project-snav li#pro-moss01 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn01.jpg) right top no-repeat;
}

#project-snav li#pro-moss02 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn02.jpg) left top no-repeat;
}

#project-snav li#pro-moss02acv a,
#project-snav li#pro-moss02 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn02.jpg) right top no-repeat;
}

#project-snav li#pro-moss03 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn03.jpg) left top no-repeat;
}

#project-snav li#pro-moss03acv a,
#project-snav li#pro-moss03 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn03.jpg) right top no-repeat;
}

#project-snav li#pro-moss04 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn04.jpg) left top no-repeat;
}

#project-snav li#pro-moss04acv a,
#project-snav li#pro-moss04 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn04.jpg) right top no-repeat;
}


#project-snav li#pro-moss05 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn05.jpg) left top no-repeat;
}

#project-snav li#pro-moss05acv a,
#project-snav li#pro-moss05 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn05.jpg) right top no-repeat;
}

#project-snav li#pro-moss06 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn06.jpg) left top no-repeat;
}

#project-snav li#pro-moss06acv a,
#project-snav li#pro-moss06 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn06.jpg) right top no-repeat;
}




#project-snav li#pro-moss07 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn07.jpg) left top no-repeat;
}

#project-snav li#pro-moss07acv a,
#project-snav li#pro-moss07 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn07.jpg) right top no-repeat;
}



#project-snav li#pro-moss08 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn08.jpg) left top no-repeat;
}

#project-snav li#pro-moss08acv a,
#project-snav li#pro-moss08 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn08.jpg) right top no-repeat;
}


#project-snav li#pro-moss09 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn09.jpg) left top no-repeat;
}

#project-snav li#pro-moss09acv a,
#project-snav li#pro-moss09 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn09.jpg) right top no-repeat;
}


#project-snav li#pro-moss10acv,
#project-snav li#pro-moss10{
	height:44px;
}


#project-snav li#pro-moss10 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn10.jpg) left top no-repeat;
}

#project-snav li#pro-moss10acv a,
#project-snav li#pro-moss010 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/moss/images/project_btn10.jpg) right top no-repeat;
}

/*=========================================
_4.mini scape
=========================================*/

#project-snav li#pro-mini01 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/mini/images/project_btn01.jpg) left top no-repeat;
}

#project-snav li#pro-mini01acv a,
#project-snav li#pro-mini01 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/mini/images/project_btn01.jpg) right top no-repeat;
}

#project-snav li#pro-mini02 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/mini/images/project_btn02.jpg) left top no-repeat;
}

#project-snav li#pro-mini02acv a,
#project-snav li#pro-mini02 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/mini/images/project_btn02.jpg) right top no-repeat;
}

#project-snav li#pro-mini03 a{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/mini/images/project_btn03.jpg) left top no-repeat;
}

#project-snav li#pro-mini03acv a,
#project-snav li#pro-mini03 a:hover{
	display:block;
	width:44px;
	height:44px;
	background:url(../project/mini/images/project_btn03.jpg) right top no-repeat;
}