@charset "UTF-8";

/* CSS Document */

/* --------------
MODULE IMPORT
-------------- */

@import "navigation.css";
@import "right_navigation.css";

/* ----------------------------------------------------------------------------------
common
---------------------------------------------------------------------------------- */

* {
  margin: 0px;
  padding: 0px;
}

body {
	background: #191919 url(../img/bg.jpg) repeat-x top;
	margin : 0;
	padding : 0;
	text-align : center;
}

body,td,div,li	{
    font-size : 12px;
    font-family: メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',"Osaka";
	color: #4c4c4c;
    line-height : 150%;	
}

a:link	 { color: #66c1ba; text-decoration: none; }
a:visited { color: #66c1ba; text-decoration: none; }
a:hover	{ color: #ff9966; text-decoration: underline; }
a:active	{ color: #66c1ba;  } 

img { border: 0px; }

li { list-style-type: none; }

/* ----------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------- */

#headerArea {
    background: url(../img/header_bg.jpg) no-repeat bottom;
    position: relative;
 	width : 987px;
	height: 101px;
    position: relative;	
	margin: 0px auto;
    padding: 0px;
}

#logo {
    position: absolute;
    left: 0px;
    top: 25px;
}

/* ----------------------------------------------------------------------------------
contents
---------------------------------------------------------------------------------- */

#titleArea {
	width: 100%;
	height: 73px;
	margin: 0px auto;
	padding: 0px;
}

#titleAreaInner {
	position: relative;
	width: 999px;
	height: 73px;
	margin: 0px auto;
	padding: 0px;
}

#wrapperTop {
	position: absolute;
	background: url(../img/wrapper_top_bg.png) no-repeat;
 	width : 999px;
	height: 26px;
	left: 0px;
	top: 47px;
}

#wrapper {	
	background: url(../img/wrapper_bg.png) repeat-y center;
 	width : 999px;
	margin: 0px auto;
    padding: 0px;
}

#wrapperInner {
	overflow: hidden;
 	width : 940px;
	margin: 0px auto;
    padding: 25px 0px;
}

#wrapperInnerContents {
	overflow: hidden;
 	width : 940px;
	text-align: left;
	color: #fff;
	margin: 0px auto;
    padding: 25px 0px;
}

#pankuzuArea {
	background-color: #333;
    width: 941px;
    font-size: 10px;
	text-align: right;
	color: #fff;
	margin: 0px auto;
	margin-top: 15px;
    padding: 4px 23px;
	line-height: 100%;
}

#pankuzuAreaContents {
	background-color: #454545;
    width: 941px;
    font-size: 10px;
	text-align: right;
	color: #fff;
	margin: 0px auto;
	margin-top: 15px;
    padding: 4px 23px;
	line-height: 100%;
}

#wrapperBottom {
	background: url(../img/wrapper_bottom_bg.png) no-repeat;
 	width : 999px;
	height: 14px;
	margin: 0px auto;
    padding: 0px;
}

#leftArea {
    float: left;
 	width : 710px;	
    text-align: left;
	margin: 0px;
    padding: 0px;
}

#leftAreaContents {
    float: left;
 	width : 710px;	
    text-align: left;
	color: #fff;
	margin: 0px;
    padding: 0px;
}

#rightArea {
    float: right;
 	width : 205px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.linksMark {
    background: url(../img/link_mark.gif) no-repeat left;
	margin: 0px;
	padding-left: 9px;
}

#pageTop {
	width: 998px;
	text-align: right;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;	
}

.red {
	color: #C00;
}

.imgRight {
	float: right;
	margin: 0px 0px 20px 20px;
}

.imgLeft {
	float: left;
	margin: 0px 20px 15px 0px;
}

.technologyLine {
	clear: both;
	border-bottom: 1px dotted #666;
	margin: 15px auto;
}

.smallTxt {
	font-size: 11px;
}

.teamBanner {
	margin-top: 7px;
}

/* ----------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------- */

#footer {
	background-color: #171717;
	width : 100%;
	height: 200px;
	margin: 0px auto;
    padding: 0px;
	border-top: solid 2px #66C1BA;
}


#footerArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width : 987px;
	color: #fff;
	font-size: 10px;
	text-align: left;
	margin: 0px auto;
    padding: 15px 0px;
}

.addressLogo {
    float: left;
	margin-right: 10px;
}

#faceBook {
	position: fixed;
	margin: 0px;
    padding: 0px;
	right: 40px;
	bottom: 0px;
}