@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/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-family:
	"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	line-height:130%;
		font-size:80%;

}
.bodyMap{background-color:#FFFFFF;}

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;
}

h1{
	position:absolute;
	top:0px;
	left:0px;
}
h2{padding:0px; margin:0px;}
h3{	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:26px;
	background:url(../common/h3_bg.jpg) no-repeat;
	border-bottom:1px solid #1868B3;

	
}
h4{
	width:580px;
	height:42px;
	background:url(../common/h4_bg.jpg) no-repeat;
	color:#495F83;
	padding:15px 0px 0px 25px;
}
h5{
	width:776px;
	height:42px;
	background:url(../common/h5_bg.jpg) no-repeat;
	color:#495F83;
	padding:15px 0px 0px 25px;
}
a{color:#1868B3; text-decoration:none;}
a:hover{color:#FF0000; text-decoration:none;}
.center{text-align:center;}
.right{text-align:right;}
.bold{font-weight:bold;}
.large{font-size:140%; font-weight:bold; color:#4A6684;}
.blueborder{border:1px solid #1868B3; font-weight:bold;}
.pr67{padding-left:67px;}
.pr36{padding-left:36px;}
.red_b{color:#F00; font-size:120%; text-align:center;}
td{font-size:80%; line-height:130%;}
.big{font-size:16px}
/* 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/header_bg.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/navi_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#n01 a{
	display:block;
	margin:0;
	padding:0;
	height:58px;
	width:154px;
	background:url(../common/n01.jpg) no-repeat left top;
}

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

}

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* contentsGroup
------------------------------------------------------------------------------------------------------*/
#contentsGroup #bread{width:824px; height:22px; text-align:right;}

/* ------layout for 2 column------ */

#contentsGroup #contents{
	float:left;
	width:824px;
	background:url(../common/contents_bg.gif) repeat-y;
}

#side{ 	float:left;
	width:180px; 
}
#side img{vertical-align:bottom;}
#side .sidemenu{background:url(../common/sidemenu_bg.jpg) repeat-y;}
#side .sidemenu a:hover{background-color:#1868B3; color:#FFFFFF;width:159px;}
.active{background-color:#1868B3; color:#FFFFFF;width:159px;}
.normal{color:#333333;width:159px;}
#side td{padding: 5px 5px 5px 10px;}

#main01{
	float:left;
	width:580px;
	margin-left:38px;
	line-height:130%;

}
.news{
	border:2px solid #660000;
}
.productsBox{
	border-left:1px solid #1868B3;
	border-right:1px solid #1868B3;
	border-bottom:1px solid #1868B3;

}
.productsBox th{text-align:left; padding-top:20px;}

.products{
	border-top:6px solid #1868B3;
	border-left:1px solid #86A2A8;
}
.productsTitle{	
	border-top:6px solid #1868B3;
	border-left:1px solid #86A2A8;
}
.productsTitle td{	
	border-right:1px solid #86A2A8;
	border-bottom:1px solid #86A2A8;
}

.features{	
	border-left:1px solid #86A2A8;
	border-bottom:1px solid #86A2A8;
	margin-bottom:20px;

}
.features td{	border-right:1px solid #86A2A8; 
}

.featuresImage{	border-right:1px solid #86A2A8;}
.featuresData td{border:0px; font-size:0.9em;}
.featuresData02{border-bottom:dotted 1px #999999;}
.featuresData02 td{border:0px; font-size:0.9em;}

.pTitle{font-size:110%;}

.exampleBox{
	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 th{border-bottom:1px solid #999999;}
.information th{border-bottom:1px solid #999999; color:#4A6684; font-weigt:normal; text-align:left;}

/* ------layout for 1 column------ */
#contentsGroup #contents02{
	width:800px;
	background-color:#FFffff;
	padding-left:24px;
}


.tanbac th{font-weight:normal; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:0px; text-align:center;}
.tanbac td{border-bottom:1px dotted #cccccc;border-right:0px;}
.custom{border-top:6px solid #1868B3; border-bottom:double 3px #86A2A8;}
.customTable{border-left:solid 1px #86A2A8; border-right:solid 1px #86A2A8; border-bottom:solid 1px #86A2A8;}
.customTable th{border-top:6px solid #1868B3; border-bottom:6px solid #1868B3; font-weight:normal; text-align:center; font-size:110%;}
.customTitle{padding-left:30px;}
.gaikei{
	border-top:1px solid #86A2A8; 
	border-bottom:1px solid #86A2A8; 
	text-align:center; 
	font-size:110%;　
	width:580px;
	padding-top:10px;
	padding-bottom:10px;
}
/* ------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;
}

.techBox{
	margin-left:48px;
	width:680px;
	border-top:solid 1px #86A2A8;
	border-left:solid 1px #86A2A8;
	border-right:solid 1px #86A2A8;
	border-bottom:solid 1px #86A2A8;
	padding:20px 0px 20px 0px;
}
.jireiBox{
	width:580px;
	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;}

#company{
	margin-left:78px;
	width:620px;
	border-bottom:solid 6px #1868B3;
}
#company a{margin-left:45px;}
.profile{border:1px solid #cccccc;}
.profile th{background-color:#2A74B9; color:#FFFFFF; font-weight:normal;text-align:center;}
.profileTitle{background-color:#DEECF8;border-right:solid 1px #cccccc;}
.histryTable td{border-bottom:1px dotted #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;}

.policy{border:1px solid #cccccc; padding:20px;width:614px;margin-left:60px;}
*html .policy{border:1px solid #cccccc; padding:20px;width:656px;margin-left:60px;}
.policyTitle{
	border-bottom:2px solid #6486AD; 
	font-size:110%;　
	padding-top:10px;
	padding-bottom:10px;
}
.policyBox th{color:#6486AD; text-align:left;}
.privacy{border-bottom:1px solid #1868B3; padding-bottom:10px;}
.privacyBox th{color:#1868B3; font-weight:normal; text-align:left;}
.access{border-bottom:solid 6px #1868B3;}
.access p{padding-left:40px;}
.contactBox{border: 1px solid #cccccc;}
.contactList{border-bottom:1px solid #cccccc;}
.cList{background-color:#E0EAED;}

#mapBox{background-color:#FFFFFF; height:590px;}
.map{text-align:center; padding:10px; background-color:#FFFFFF;}
.mapPrint{width:660px; text-align:right;}

/* ------sitemap------ */

#sitemap ul{margin-left:78px; margin-top:38px; width:620px;}
#sitemap li{margin-bottom:28px;}
#sitemap .dot{border-bottom:1px dotted #cccccc;margin-bottom:10px;}
#sitemap .dot02{border-bottom:1px dotted #cccccc;margin-bottom:28px;}
#sitemap .sub{margin-left:120px; margin-bottom:10px;}
#sitemap .sub02{margin-left:120px; margin-bottom:28px;}
#sitemap .square{margin-left:70px; margin-bottom:10px;}
#sitemap .square02{margin-left:70px; margin-bottom:28px;}

.report{border-top:6px solid #1868B3; border-left:solid 1px #86A2A8; }
.report th{font-size:80%;border-bottom:6px solid #1868B3;border-right:solid 1px #86A2A8;}
.report td{font-size:80%;border-bottom:solid 1px #86A2A8;border-right:solid 1px #86A2A8;}
/* ------search------ */
#search{
	position:absolute;
	top:0px;
	left:454px;
	width:200px;
	padding-top:5px;
}
.hyoukaTable01{border-left:solid 1px #86A2A8;border-right:solid 1px #86A2A8;border-bottom:solid 1px #86A2A8;}
.hyoukaTable02{border-bottom:double 3px #86A2A8; font-weight:normal;border-left:solid 1px #86A2A8;border-right:solid 1px #86A2A8;}
.hyoukaTable03{border-top:double 3px #86A2A8;border-bottom:double 3px #86A2A8; font-weight:normal;}
.hyoukaTable04{border-bottom:double 3px #86A2A8; font-weight:normal;}

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

}

.footerMenu{padding-top:35px;	line-height:130%;
}
