@charset "utf-8";

/*
------------------------------------------------------------------------------
	Sitename: Forks Inc. Official WebSite
	URL: http://www.forks.co.jp/
	Date: 2009-7
	Copyright (C) Forks Inc. All rights reserved.
------------------------------------------------------------------------------
*/

/* Initialization
------------------------------------------------------------------------------------------------------*/
html{
	margin:0px;
	padding:0px;
}

body {
	
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(../common/top_bg.jpg) repeat-x;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-family:
	"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	line-height:150%;

}

img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5 {
	font-size:100%;
	line-height:1.0;
	margin:0px;
	padding:0px;
}

dl, dd, dt{
	margin:0px;
	padding:0px;
}

div, p, a{
	margin:0px;
	padding:0px;
}

* html td{	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-family:
	"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	line-height:150%;
}
h1{
	position:absolute;
	top:0px;
	left:0px;
}
h2{padding:0px; margin:0px;}
h3{	
	width:554px; 
	padding-top:10px;
	padding-bottom:10px;
	padding-left:26px;
	background:url(../common/h3_bg.jpg) no-repeat;
	font-size:1.2em;
	border-bottom:1px solid #1868B3;

	
}
* html h3{	
	width:580px; 
	padding-top:10px;
	padding-bottom:10px;
	padding-left:26px;
	background:url(../common/h3_bg.jpg) no-repeat;
	font-size:1.2em;
	border-bottom:1px solid #1868B3;

	
}
a{color:#1868B3; text-decoration:none;}
a:hover{color:#FF0000; text-decoration:none;}
/* Layout
------------------------------------------------------------------------------------------------------*/

#outerGroup{
	margin:0 auto;
	padding:0;
	width:824px;
	text-align:left;
	
}

#outerGroup #header{
	background-color:#FF0000;
	position:relative;
	margin:0 auto;
	padding:0;
	width:824px;
	height:100px;
	background:url(../common/top_header.jpg) no-repeat;
	font-size:10px;
}

#header p{
	position:absolute;
	top:41px;
	left:235px;
	}

#header ul{
	position:absolute;
	top:0px;
	left:667px;
	width:157px;
	height:33px;
	list-style-type:none;
}

#header ul li{
	float:left;
	padding:0;
}

#header ul li span { visibility:hidden; }

#header ul li a{
	display:block;
	text-decoration:none;
	font-size:x-small;

}

#header li#h01 a{
	display:block;
	padding:0px;
	margin:0px;
	height:33px;
	width:79px;
	background:url(../common/h01.jpg) no-repeat left top;
}

#header li#h01 a:hover{
	display:block;
	padding:0px;
	margin:0px;
	height:33px;
	width:79px;
	background:url(../common/h01.jpg) no-repeat left bottom;

}

#header li#h02 a{
	display:block;
	margin:0px;
	padding:0;
	height:33px;
	width:78px;
	background:url(../common/h02.jpg) no-repeat left top;
}

#header li#h02 a:hover{
	display:block;
	margin:0px;
	padding:0;
	height:33px;
	width:78px;
	background:url(../common/h02.jpg) no-repeat left bottom;

}


/* navi
------------------------------------------------------------------------------------------------------*/
#navi{
	position:relative;
	margin:0;
	padding:0;
	width:824px;
	height:58px;
	background:url(../common/topnavi_bg.jpg) no-repeat;
}

#navi ul{
	position:absolute;
	top:0px;
	left:48px;
	width:746px;
	margin:0;
	padding:0;
	list-style:none;
}


#navi li{
	margin:0;
	padding:0;
	float:left;
}

#navi ul li span { visibility:hidden; }
#navi li a{
	display:block;
	text-decoration:none;
}

#navi li#t01 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;
	background:url(../common/t01.jpg) no-repeat left top;
}

#navi li#t01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;
	background:url(../common/t01.jpg) no-repeat left bottom;

}

#navi li#t01_1 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;
	background:url(../common/t01.jpg) no-repeat left bottom;

}

#navi li#t02 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t02.jpg) no-repeat left top;
}

#navi li#t02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t02.jpg) no-repeat left bottom;
}

#navi li#t02_1 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t02.jpg) no-repeat left bottom;
}

#navi li#t03 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t03.jpg) no-repeat left top;
}

#navi li#t03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t03.jpg) no-repeat left bottom;
}

#navi li#t03_1 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t03.jpg) no-repeat left bottom;
}

#navi li#t04 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t04.jpg) no-repeat left top;
}

#navi li#t04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t04.jpg) no-repeat left bottom;
}

#navi li#t04_1 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:146px;
	background:url(../common/t04.jpg) no-repeat left bottom;
}

#navi li#t05 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;
	background:url(../common/t05.jpg) no-repeat left top;
}

#navi li#t05 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;

	background:url(../common/t05.jpg) no-repeat left bottom;
}
#navi li#t05_1 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;

	background:url(../common/t05.jpg) no-repeat left bottom;
}
#navi li#t06 a{
	display:block;
	margin:0;
	padding:0;
	height:50px;
	width:152px;
	background:url(../common/t06.gif) no-repeat left top;
}

#navi li#t06 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:50px;
	width:152px;
	background:url(../common/t06.gif) no-repeat left bottom;
}



/* contentsGroup
------------------------------------------------------------------------------------------------------*/

/* ------flash------ */
#contentsGroup #contents{
	width:824px;
	float:left;
}

#flash{width:620px;float:left;}
#info{width:200px; float:left; padding:200px 0 0 0; margin:0px; }
#info img{display:block;}

/* ------info------ */
#infoBox{background:url(../image/info_bg.jpg) repeat-y; padding:10px 15px 10px 15px; margin:0px;}
#infoBox p{
	background:url(../image/top_arrow.gif) no-repeat; 
	padding-left:11px; 
	padding-bottom:5px; 
	margin:0px;
	font-size:80%;
	line-height:130%;
}


/* ------technoinfoBox------ */

.technoinfoBox{
	margin-left:78px;
	width:620px;
	border-top:solid 6px #4A6684;
	border-left:solid 1px #86A2A8;
	border-right:solid 1px #86A2A8;
	border-bottom:solid 1px #86A2A8;
	padding:20px 0px 20px 0px;
}

.technonews td{border-bottom:1px solid #999999;}

.toTop{text-align:right; padding-right:14px;}

a#top{
	display:block;
	float:right;
	width:39px;
	height:13px;
	background:url(../common/top.gif) no-repeat left top;
	text-decoration:none;
	}
a#top:hover{
	display:block;
	float:right;
	width:39px;
	height:13px;
	background:url(../common/top.gif) no-repeat right top;
	text-decoration:none;
	}
a#top span{visibility:hidden;}

/* ------search------ */
#search{
	position:absolute;
	top:0px;
	left:454px;
	width:200px;
	padding-top:5px;
}


/* footer
------------------------------------------------------------------------------------------------------*/
#footer{
		clear:both;
		background:url(../common/top_footer.jpg) repeat-x;
		width:100%;
		text-align:center;
		height:168px;


}
#footer p{padding-top:40px;}