/* CSS Document */

@import url(reset.css);
@import url(clearfix.css);
@import url(lightbox.css);

html,
body{
margin:0;
background-color:#000;
text-align:center;
background-repeat:no-repeat;
background-position:50% 0;
color:#353535;
width:100%;
}

/*
body{
background-image:url(./img/bg1.jpg);}*/

body.bg01{
background-image:url(./img/bg1.jpg);}

body.bg02{
background-image:url(./img/bg2.jpg);
background-position:50% -300px;}

body.bg03{
background-image:url(./img/bg3.jpg);}


strong{
font-weight:bold;}

a{
	color: #52D4F7;
	text-decoration:underline;
}

a:hover{
	text-decoration: none;
}

a#kayac{
	display:block;
	width:120px;
	height:120px;
	position:absolute;
	left:0;
	top: 40px;
}

img{
vertical-align:bottom;}


div#wrap,
div#contents,
div#mainMenu,
div#mainWrap,
div#foot{
	width:950px;}


div#bg{
background-image:url(./img/bg_dot.gif);
background-repeat:repeat;
width:100%;}

div#wrap{
width:950px;
margin:0 auto;
text-align:center;}

div#head{
padding:120px 0 40px;}

	div#headBox{
	background-color:#FFF;
	position:relative;
	height: 90px;
}
	
	div#headBox h1{
	float:left;
	width:250px;
	clear:both;}
	
	div#headBox ul{
	position:absolute;
	right:15px;
	top:15px;
	width:42px;}
	
	div#headBox ul a img{
	border:1px solid #FFF;}
	
	div#headBox ul a:hover img{
	border-color:#52D4F7;}

	div#headBox h2,
	div#headBox p{
	text-align:right;
	margin-right:20px;}
	
	div#headBox h2{
	padding-top:20px;}
	
	div#headBox p{
	padding-top:5px;}

	div#mainMenu{
	height:90px;}
	
		div#mainMenu ul li{
		float:left;
		height:50px;}
	
div#contents{
	text-align:left;}


div.contBox{
	padding:30px 15px 45px;
	background-color:#FFF;
	position:relative;}
	
	div.contBox h2{
	padding-bottom:15px;}
	
	div.contBox p{
	padding-bottom:15px;
	line-height: 1.8em;
}

div#introduction{
}
	div#introTxt{
	float:left;
	width:480px;
	clear:both;}
	
	div#youtube{
	float:left;
	width:425px;
	padding-left:15px;}
	
	div#mainWrap{
	padding-top:40px;
	padding-bottom:35px;}
	
	
div#mainBox{
	clear:both;}
	
	div#mainBox div.contBox{
	margin-bottom:5px;}
	
	div#mainBox div.contBox h3{
	font-weight:bold;
	padding-bottom:15px;}
	
	div#news{
	width:250px;
	background-color:#FFF;
	padding-top:30px;
	float:left;}
	
		div#news h2{
		padding:0 15px 15px 15px;}
		
		div#news dl{
		margin:0 15px 15px 15px;
		border-top:1px solid #EFEFEF;}
		
			div#news dl dt{
			padding-top:15px;}
			
			div#news dl dd{}
			
				div#news dl dd a{
				display:block;
				padding-left:15px;
				background-image:url(./img/arw.gif);
				background-repeat:no-repeat;
				background-position:0 0.5em;}
		
		div#news ul li{
		border-top:1px solid #EFEFEF;
		margin:0 15px;
		text-align:right;
		padding:15px 0;
		}
		
		div.imgBox{
		position:relative;
		overflow:hidden;
		height:150px;}
		
		div.tickercontainer{
		width:900px;}
		
		div.imgBox ul.imgList{
		position:absolute;
		z-index:6;
		width:900px;
		height:150px;}
		
		div#news div.bnr ul li{
		border-top:0 none;
		margin:0 15px;
		text-align:center;
		padding:0 0;
		}
			
			div.imgBox ul.imgList li{
			float:left;
			padding-right:5px;}
			
		div.imgBox li.arwL,
		div.imgBox li.arwR{
		position:absolute;
		z-index:7;
		cursor:pointer;}
		
		div.imgBox li.arwL{
		left:0;
		top:0;}
		
		div.imgBox li.arwR{
		right:0;
		top:0;}
			
		div#about ul#logos{
		margin-left:276px}
		
		div#about ul#logos li{
		float:left;
		width:167px;
		padding-left:15px;}
		
		div#about ul#logos li a img{
		border:1px solid #FFF;}
		
		div#about ul#logos li a:hover img{
		border-color:#52D4F7;
		}
	

div.pagetop{
	position:absolute;
	right:15px;
	bottom:0;
	width:15px;}


div#foot{
	font-size: 77%;
	background-color: #191919;
	color: #EFEFEF;
	background-image:url(./img/kayac_project.gif);
	background-repeat:no-repeat;
	background-position:15px 15px;
}

div#foot div#serviceList{
	margin-left:100px;
	padding-top: 3px;
	padding:15px 15px 5px;
}

div#foot li{
	float:left;
	width:160px;
	padding-bottom: 5px;
}

div#foot li a{
}

div#foot li a.fS{
	font-weight:normal;
	color:#999999;
	text-decoration:none;
	font-size: 92%;
	padding-right: 5px;
}

div#foot address{
	clear:both;
	text-align: right;
	font-size: 122%;
	font-weight: normal;
	padding-right:15px;
	padding-bottom:15px;
}

div#foot ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}



.tickercontainer {
	width:900px;
}

.tickercontainer .mask{
	width:900px;

}

ul.newsticker{
	left: 0px;
	width:900px;
}

#slideshow1{
	width:900px;
}


/* IE 7 and MacIE*/
div#foot ul{
	display: inline-block;
}

/* Hides from IE-mac */
* html div#foot ul{
	height: 1%;
}
div#foot ul{
	display: block;
}
/* End hide from IE-mac */

/* form */

div#contactForm{
margin-bottom:40px;}

div#contactForm table{
	margin:0 auto;
	border-top:1px solid #999;
	}

	div#contactForm table th,
	div#contactForm table td{
	border-bottom:1px solid #999;
	padding:15px;}
	
	div#contactForm table th{
	background-color:#efefef;
	width:250px;}
	
	div#contactForm table td{
	width:610px;}

	div#contactForm table input,
	div#contactForm table textarea{
	border:1px solid #999;
	background-color:#efefef;
	width:400px;
	font-size:122%;}
	
	div#contactForm table textarea{
	height:8em;
	line-height:1.8em;}


ul.formBtn{
	text-align:center;
	margin-top:40px;}

	ul.formBtn li{
		display:inline;}
		
		ul.formBtn li img{
		margin: 0 15px;}
	
div.contBox .attention{
	color:#FF3300;
	padding:5px 0;}