@charset "UTF-8";
/*Output Setting*/

body {
    -webkit-text-size-adjust: 150%; /* 2 */
    -ms-text-size-adjust: 150%; /* 2 */
background:#ffffff ; 
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:0px;
color:#343434;
height:100%
}

html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

img {
border: 0px ;
}


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


img, div { behavior:url(./common/iepngfix/iepngfix.htc) }
* html img,
* html div { behavior:url(./common/iepngfix/iepngfix.htc) }



#Mainm {
position:fixed;
left:0%;
top:0%;
width:100%;
z-index:10000;

margin-top:0px;
margin-right:auto;
text-align:left;
height:10px;
background:#d63949 ; 

}




#MainmE {
position:fixed;
left:0%;
top:0%;
width:100%;
z-index:10000;

margin-top:0px;
margin-right:auto;
text-align:right
float:right;;
height:56px;
background:#d63949 ; 

}


#Mainm2 {
	position:fixed;
left:0%;
top:74px;
width:100%;
	z-index:120;

margin-top:0px;
	margin-right:auto;
	text-align:left;
height:10px;

}





#Main {
	position:relative;
	width:980px;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
z-index:105;
}

#MainSP {
	position: relative;
	width: 640px;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	z-index: 105;
}




#Mainf {
position:fixed;
right:0%;
bottom:0%;
width:10;
z-index:99999;
margin-bottom:0px;
margin-right:auto;
text-align:left;
height:71px;
}
 
#Mainf2 {
width:100%;
width:-50%9;
top: 900px;
bottom:0%;
z-index: 19;
position: absolute;
visibility: visible;
background-color: #202020;
}


#layer99 {
width: 980px;
top: 90px;
z-index: 21;
position: absolute;
visibility: visible;
z-index:106;
}

#layerBG {
position: absolute;
left: 50%;
margin-left: -529px;
height:755px;
width:1058px;
top: 50px;
background:url(../images/bg.png);
behavior:url(./common/iepngfix/iepngfix.htc);
z-index: 1;
}

#layerColor {
	position: absolute;
	left: 50%;
	margin-left: -271px;
	height:129px;
	width:763px;
	z-index: 500;
	top: 705px;
}




.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;z-index: 200;}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat;z-index: 200;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden;z-index: 200;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#fff; color:#666;z-index: 200;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden;z-index: 200;}


.style2 {color: #34beed}
.style4 {color: #ec7aa1}
.styleRed {color: #d93845}
.fontBLK {color: #000000}
.Gray {color: #848484}

ul.type1
{
	list-style-type: none;
	margin:0px 0;
	padding : 0px 0px 0px 0px;
	list-style-position: outside;
}


li.style001
{
	background-image: url(../images/yaji.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding : 0px 0px 2px 10px;
	text-align:left;
	line-height:18px;
	font-weight: normal

}


#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:14px;

	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	background:url('../images/navigation.png') no-repeat;

	height:39px;
	width:38px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#d63949;
	color:#ffffff;

}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#d63949;
	color:#ffffff;
	
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
	background-color:#d63949;
	color:#ffffff;
	
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
	background-color:#d63949;
	color:#ffffff;
	
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#d63949;
	color:#ffffff;
	
}


/* Purple Button */

#navigationMenu .contact2 { background-position:-190px 0;}
#navigationMenu .contac2t:hover { background-position:-190px -39px;}
#navigationMenu .contact2 span{
	background-color:#d63949;
	color:#ffffff;
	
}

#navigationMenu .contact3 { background-position:-228px 0;}
#navigationMenu .contac3t:hover { background-position:-228px -39px;}
#navigationMenu .contact3 span{
	background-color:#d63949;
	color:#ffffff;
	
}

#navigationMenu .contact4 { background-position:-266px 0;}
#navigationMenu .contac4t:hover { background-position:-266px -39px;}
#navigationMenu .contact4 span{
	background-color:#d63949;
	color:#ffffff;
	
}

#navigationMenu .contact5 { background-position:-304px 0;}
#navigationMenu .contac5t:hover { background-position:-304px -39px;}
#navigationMenu .contact5 span{
	background-color:#d63949;
	color:#ffffff;
	
}

#navigationMenu .contact6 { background-position:-342px 0;}
#navigationMenu .contac6t:hover { background-position:-342px -39px;}
#navigationMenu .contact6 span{
	background-color:#d63949;
	color:#ffffff;
	
}

/* The styles below are only needed for the demo page */

#main{
left:0%;
top:30%;
	margin:0px auto;
position:fixed;
	width:40px;
}