@charset "utf-8";

body {
	padding: 0px;
	margin: 0px;
	background-color: black;
	font-size: 12px;
}

hr,
.nodisp{
display:none;
}

images{
border:none;
}


/************************ FONT FAMILY  ************************/

body {
font-family: Verdana, "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3", Arial, Helvetica, sans-serif;
}

input, textarea, select, option, label {
font-family: Verdana, "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3", Arial, Helvetica, sans-serif;
}


/************************ INITIAL SETTINGS ************************/

h1, h2, h3, h4, h5, h6 { 
margin: 10px;
padding: 0px;
font-size: 12px;
font-weight: normal;
line-height: 1;
}

p {
margin: 0;
padding: 0;
line-height: 180%;
}

ul, ol, li  {
top: 0px;
margin: 0px;
padding: 0px;
list-style: none;
line-height: 1;
}

dl, dt, dd {
margin: 0px;
padding: 0px;
font-weight: normal;
}

form, fieldset, input, textarea, select, option, label {
margin: 0px;
padding: 0px;
}

fieldset, a images {
border: 0;
}

table{
border-collapse: collapse;
border-spacing: 0;
}

table, th, td, th {
margin: 0px;
padding: 0px;
font-weight: normal;
}

pre, address, blockquote, caption, cite, code {
margin: 0px;
padding: 0px;
}

pre, code {
font-weight: normal;
font-style: normal;
}

/************************ Flash  ************************/

#navigationWrap td a {
    border-left: 1px solid #000000;
    z-index: 5;
    position: absolute;
}

#sidebar td a {
    border-left: 1px solid #000000;
    z-index: 5;
    position: absolute;
}

/************************ CHATCH *******************************/

#catch1{
	background: url(../images/topgreen1.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 130px;
	height: 140px;
	position: fixed;
    bottom: 140px;
    right: 0px;
	z-index: 104;/*-- ��ɂ��� --*/
}

#catch2{
	background: url(../images/topgreen2.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 210px;
	height: 75px;
	position: fixed;
    bottom: 75px;
    right: 0px;
	z-index: 105;/*-- ��ɂ��� --*/
}

#catch3{
	background: url(../images/topgreen3.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 290px;
	height: 75px;
	position: fixed;
    bottom: 0px;
    right: 0px;
	z-index: 106;/*-- ��ɂ��� --*/
}

#catch4{
	background: url(../images/topgreen4.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 250px;
	height: 185px;
	position: fixed;
    top: 0px;
    left: 0px;
	z-index: 103;/*-- ��ɂ��� --*/
}

#catch5{
	background: url(../images/topgreen5.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 50px;
	height: 140px;
	position: fixed;
    top: 0px;
    left: 250px;
	z-index: 103;/*-- ��ɂ��� --*/
}

#catch6{
	background: url(../images/topgreen6.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 140px;
	height: 115px;
	position: fixed;
    top: 185px;
    left: 0px;
	z-index: 103;/*-- ��ɂ��� --*/
}

#catch7{
	background: url(../images/topgreen7.png) top left no-repeat;/*-- ��ɂ̂���w�i���߉摜�̎w�� --*/
	width: 82px;
	height: 190px;
	position: fixed;
    top: 300px;
    left: 0px;
	z-index: 103;/*-- ��ɂ��� --*/
}


/************************ CLEARFIX ***********************************/
.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}
.clearfix{
display: block;
}
/* END OF FOR MAC IE */



/************************ Header Menu ************************/

#navigationWrap{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 60px;
z-index: 101;
background: url(../images/bg-menu.png) top left repeat-x;
_position: absolute;�@/*IE6�p*/
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-60));�@/*IE6�p*/
_background: url() top left repeat-x;�@/*IE6�p*/
}

* a , form * { position: relative ; }
#navigation{
display: block;
width: 900px;
margin: 0px auto;
text-align: left;
}

#navigation ul{
	float: left;
	width: 950px;
	padding-top:20px;
	position: fixed;
    top: 0px;
    left: 310px;
}

#navigation li{
top: 0px;
float: left;
margin-right: 30px;
text-indent: -9999px;
text-decoration: none;
_margin-right: 20px;�@/*IE6�p*/
}

#navigation li a{
top: 0px;
opacity:0.4;
filter:alpha(opacity=40);
-moz-opacity:0.4;
overflow: hidden;
}

#navigation li a:hover{
top: 0px;
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
}

li#home a{
display: block;
width: 40px;
height: 20px;
background: url(../images/menu-home.jpg) top left no-repeat;
}

li#verde a{
display: block;
width: 50px;
height: 20px;
background: url(../images/menu-verde.jpg) top left no-repeat;
}

li#gremo a{
display: block;
width: 50px;
height: 20px;
background: url(../images/menu-gremo.jpg) top left no-repeat;
}

li#mosa a{
display: block;
width: 40px;
height: 20px;
background: url(../images/menu-mosa.jpg) top left no-repeat;
}

li#acquria a{
display: block;
width: 110px;
height: 20px;
background: url(../images/menu-acquria.jpg) top left no-repeat;
}

li#portfolio a{
display: block;
width: 50px;
height: 20px;
background: url(../images/menu-example.jpg) top left no-repeat;
}

li#aboutus a{
display: block;
width: 50px;
height: 20px;
background: url(../images/menu-aboutus.jpg) top left no-repeat;
}

li#inquiry a{
display: block;
width: 80px;
height: 20px;
background: url(../images/menu-info.jpg) top left no-repeat;
}

li#pagetop a{
display: block;
width: 160px;
height: 20px;
background: url(../images/menu-top.jpg) top left no-repeat;
}



/************************  Permanent elements **************************/


#permanent {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 1682px;
	padding: 0px;
	margin: 0px;
}

.corner01 {
	float: left;
	height: 56px;
	width: 45px;
	background-image: url(../images/dff-corner01.jpg);
	background-repeat: no-repeat;
}

.corner02 {
	float: left;
	height: 56px;
	width: 720px;
	background-repeat: no-repeat;
	background-image: url(../images/fixed/dff-corner02.gif);
}

#copyright {
	background-repeat: repeat-y;
	background-image: url(../images/fixed/dff-copyright-tile.jpg);
	min-height: 900px;
	width: 45px;
	top: 56px;
	left: 0px;
	position: fixed;
	background-color: black;
}

#sidebar {
	min-height: 880px;
	padding-top: 20px;
	left: 756px;
	top: 46px;
	position: fixed;
	background-repeat: repeat-y;
	width: 207px;
	background-color: black;
}

#sidebar h1 {
	margin-left: 20px;
	font-size: 12px;
	color: #FFFFFF;
}

#sidebar h2 {
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
}

#form {
	margin-left: 20px;
}

#form-txt {
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 12px;
	font-family: Helvetica;
	color: #7e7e7e;
}

#button {
	margin-top: 2px;
	margin-left: 2px;
}

#sidebar a {
	text-decoration: none;
	color: #a1a1a1;
}

#sidebar a:hover {
	text-decoration: none;
	color: #3e3e3e;
}


/************************  Main content ***************************/

#site {
	width: 12690px;
	background-color: black;
}

.main-top {
	margin-top: -80px;
	margin-left: -28px;
	float: left;
	width: 713px;
}

.main {
	margin-top: -25px;
	margin-left: -28px;
	float: left;
	width: 713px;
}

#space00 {
	height: 800px;
	float: left;
	background-repeat: repeat-y;
	background-image: url(../images/);
	width: 100px;
}

#space01 {
	height: 700px;
	float: left;
	background-repeat: repeat-y;
	background-image: url(../images/line-2.png);
	width: 150px;
	margin-top: 80px;
}

#space02 {
	min-height: 140%;
	text-align: right;
	float: left;
	background-repeat: repeat-y;
	background-image: url(../images/dff-sidebar-tile.jpg);
	width: 205px;
}

#film-link {
	margin-right: 44px;
	float: right;
	text-align: right;
}

/************************  Page content ***************************/

/* Toppage */

#pagecontent {
	padding-left: 0px;
	float: left;
	padding-top: 60px;
	color: #FFFFFF;
	width: 1000px;
	margin-right: 150px;
	margin-top: 20px;
}

.pagecontent-txt {
	float: left;
}

.pagecontent-txt a {
	color: #a1a1a1;
	text-decoration: none;
}

.pagecontent-txt a:hover {
	color: #3e3e3e;
	text-decoration: none;
}


/* Line */
#line {
	padding-left: 0px;
	float: left;
	padding-top: 70px;
	color: #FFFFFF;
	width: 100px;
	height: 700px;
	margin-right: 150px;
}


/* Verde */

#verdecontent {
	padding-left: 0px;
	float: left;
	padding-top: 240px;
	color: #FFFFFF;
	width: 1000px;
	margin-left: -799px;
	margin-right: 150px;
}

.verdecontent-txt {
	float: left;
}

.verdecontent-txt a {
	color: #a1a1a1;
	text-decoration: none;
}

.verdecontent-txt a:hover {
	color: #3e3e3e;
	text-decoration: none;
}


#verdecontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 150px;
}

.verdecontent1-txt {
	margin-left: 0px;
	margin-right: 150px;
}

#verdecontent2 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 200px;
	margin-top: 60px;
	margin-left: -550px;
	margin-right: 0px;
}




/* Gremo */

#gremocontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 150px;
}

#gremocontent2 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 200px;
	margin-top: 80px;
	margin-left: -620px;
	margin-right: 0px;
}


/* MOSA */


#mosacontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 95px;
	margin-left: 0px;
	margin-right: 150px;
}

#mosacontent2 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 200px;
	margin-top: 115px;
	margin-left: -690px;
	margin-right: 0px;
}


/* ACQURIA */

#acquriacontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 150px;
}

#acquriacontent2 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 100px;
	margin-top: 200px;
	margin-left: -365px;
}

/* ACQURIA ZAIKO */

#zaikocontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 50px;
	margin-left: 0px;
	margin-right: 150px;
}



/* Portfolio */

#portfoliocontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 150px;
}


/* ABOUT US */

#aboutuscontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 150px;
}


/* INQUIRY */

#inquirycontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 1000px;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 150px;
}

/* SPACE */

#spacecontent {
	padding-left: 0px;
	float: left;
	padding-top: 240px;
	color: #FFFFFF;
	width: 800px;
	margin-left: -799px;
}

.spacecontent-txt {
	float: left;
}

#spacecontent1 {
	padding-left: 0px;
	float: left;
	padding-top: 0px;
	color: #FFFFFF;
	width: 800px;
	margin-top: 63px;
	margin-left: 63px;
}






/************************ CHATCH *************************/
#catch{
	margin-left: 230px;
}

#catch h2{
	display: block;
	width: 500px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/title.png) top left no-repeat;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
}



#topverde{
	margin-left: 0px;
}


#topgremo{
	margin-left: 470px;
	margin-top:-330px;
}

#topmosa{
	margin-left: 660px;
	margin-top:-330px;
}




/*********************** Button Styles *****************************/

.button3
{
     background: url(../images/topverde.jpg);
     height:330px;
	 width:460px;
	 display:block;
	 background-position:0 -20px;
	 margin-left:0px;
}
.button3 a
{
     background: url(../images/topverde.jpg);
     height:330px;
	 width:460px;
	 display:block;
	 margin-left:0px;
}

.button4
{
	background: url(../images/topgremo.jpg);
	height:330px;
	width:180px;
	display:block;
	background-position:0 -20px;
	margin-left:0px;
}
.button4 a
{
	background: url(../images/topgremo.jpg);
	height:330px;
	width:180px;
	display:block;
	margin-left:0px;
}

.button5
{
	background: url(../images/topmosa.jpg);
	height:330px;
	width:180px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}
.button5 a
{
	background: url(../images/topmosa.jpg);
	height:330px;
	width:180px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}

.button6
{
	background: url(../images/verde11.jpg);
	height:20px;
	width:200px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}
.button6 a
{
	background: url(../images/verde11.jpg);
	height:20px;
	width:200px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}

.button7
{
	background: url(../images/verde12.jpg);
	height:20px;
	width:200px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}
.button7 a
{
	background: url(../images/verde12.jpg);
	height:20px;
	width:200px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}

.button8
{
	background: url(../images/verde13.jpg);
	height:20px;
	width:200px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}
.button8 a
{
	background: url(../images/verde13.jpg);
	height:20px;
	width:200px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}

.button9
{
	background: url(../images/gremo3.png);
	height:260px;
	width:330px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}
.button9 a
{
	background: url(../images/gremo3.png);
	height:260px;
	width:330px;
	display:block;
	margin-top:0px;
	margin-left:0px;
}