﻿@charset "utf-8";

a:link{color:darkblue;}
a:visited[color:purple;]
a:hover,a:active{color:red;}
*{
	margin:0;
	padding:0;
	vertical-align:baseline;
	line-height:1.5;
	font-size:100%;
}
/*
div p table{
	margin:0;
	padding:0;
	vertical-align:baseline;
	line-height:1.5;
}
*/
img{
	border:0px;
}

body{
	width:100%;
	margin:0;
	padding:0;
	align:center;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック","Osaka";
	color:#222222;
	font-size:15px;
	line-height:1.5;
	background:url("img/bg.gif") repeat-y;
	background-position:center;
	/*background-attachment: fixed;*/
}
#main{
	width:800px;
	margin:0 auto 0 auto;
}
#header{
	width:800px;
	height:85px;
	background:#FFF;
}


#index_usp{
	padding-top:3px;
	font-size:10pt;
	color:dimgray;
}
#page_usp{
	padding-top:3px;
	font-size:10pt;
	font-weight:bold;
	color:dimgray;
}
#title_logo{
	width:238px;
	height:35px;
}
#pagetitle{
}
#pagetitle.news{
	background:url("img/pagetitle_news.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:39px;
	margin-top:25px;
	margin-bottom:20px;
}
#pagetitle.info{
	background:url("img/pagetitle_info.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:68px;
	margin-top:15px;
	margin-bottom:40px;
}
#pagetitle.privacy{
	background:url("img/pagetitle_privacy.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:68px;
	margin-top:15px;
	margin-bottom:40px;
}
#pagetitle.webdesign{
	background:url("img/pagetitle_webdesign.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:68px;
	margin-top:15px;
	margin-bottom:40px;
}
#pagetitle.ourweb{
	background:url("img/pagetitle_ourweb.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:68px;
	margin-top:15px;
	margin-bottom:40px;
}
#pagetitle.recruit{
	background:url("img/pagetitle_recruit.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:68px;
	margin-top:15px;
	margin-bottom:40px;
}
#pagetitle.contact{
	background:url("img/pagetitle_contact.gif") no-repeat;
	text-indent:-9999px;
	width:520px;
	height:68px;
	margin-top:15px;
	margin-bottom:40px;
}

#h2_title{
	font-size:15pt;
	margin-top:30px;
}
#h2_usp{
	font-size:17pt;
	text-indent:-9999px;
	background:url("img/webdesign_usp.gif") no-repeat;
	width:520px;
	height:150px;
}
#h3_title{
	font-size:14pt;
	padding:0 0 5px 0;
	margin-top:40px;
	margin-bottom:20px;
	height:auto;
	border-bottom:1px dotted dimgray;
}

#title{
	width:800px;
	height:80px;
	position:relative;
}
#title_left{
	width:662px;
	float:left;
	align:left;
	text-align:left;
}
#title_left_inside{
	margin-left:30px;
	margin-top:10px;
}
#title_right{
	width:138px;
	float:left;
}



#menu_nav{
	position:relative;
	padding:0;
	margin:0:
	width:800px;
	float:clear;
	border-bottom:4px solid #666666;
	background:#FFFFFF url("img/menu_blank.gif") repeat-x;
}
#tabs_nav{
	padding:0;
	margin:0;
	color:dimgray;
	height:38px;
	width:100%;
	w\idth:auto;
	/*content:"";*/
	display:block;
	overflow:hidden;
	font-weight:bold;
	background:#FFFFFF url("img/menu_blank.gif") repeat-x;
}
#nav{
	list-style:none;
	margin:0;
	padding:0;
	height:38px;
}
#nav li.home {
	float:left;
	position:relative;
	width:152px;
	height:38px;
}
#nav li.info {
	float:left;
	position:relative;
	width:152px;
	height:38px;
}
#nav li.business {
	float:left;
	position:relative;
	width:152px;
	height:38px;
}
#nav li.recruit {
	float:left;
	position:relative;
	width:152px;
	height:38px;
}
#nav li.contact {
	float:left;
	position:relative;
	width:192px;
	height:38px;
}
#nav li a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
}
#nav li.home a.visible {
	background:url("img/menu_home.gif") no-repeat;
	width:152px;
	height:38px;
}
#nav li.info a.visible {
	background:url("img/menu_info.gif") no-repeat;
	width:152px;
	height:38px;
}
#nav li.business a.visible {
	background:url("img/menu_business.gif") no-repeat;
	width:152px;
	height:38px;
}
#nav li.recruit a.visible {
	background:url("img/menu_recruit.gif") no-repeat;
	width:152px;
	height:38px;
}
#nav li.contact a.visible {
	background:url("img/menu_contact.gif") no-repeat;
	width:192px;
	height:38px;
}
#nav li a.visible:hover {
	background-position:0 -100px;
}



#menu_subnav{
	position:relative;
	padding:0;
	margin:0:
	width:205px;
	float:clear;
}
#subnav{
	list-style:none;
	margin:0;
	padding:0;
}
#subnav li {
	position:relative;
	width:205px;
	height:54px;
	vertical-align:middle;
	text-align:left;
	align:left;
	background:url("img/submenu_blank.gif") no-repeat;
}
#subnav li a {
	position:absolute;
	top:0;
	left:0;
	width:205px;
	w\idth:205px;
	/*height:51px;*/
	text-decoration:none;
	font-weight:bold;
	padding:1em 0px 1em 0px;
	display:block;
	vertical-align:middle;
	color:dimgray;
}
#subnav a.active{
	color:darkred;
}
#subnav_inside{
	margin-left:15px;
}

#submenu_index{
	margin-top:10px;
}
#submenu_index_text{
	margin-top:5px;
}


#contents_area{
	/*for mac-ie5.x*/
	/*\*//*/
	overflow:hidden;
	/**/
	width:800px;
	height:auto;
	background:#E0E0E0;
	display:inline-table;
}
#contents_area:after { 
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#contents_left{
	float:left;
	width:595px;
	height:auto;
	padding-bottom:20px;
	background:#FFF;
}
#contents_left_inside{
	width:520px;
	height:auto;
	margin:15px auto 0px auto;
	align:left;
	text-align:left;
}
#pankuzu{
	margin-top:5px;
}
#contents{
}
#contents_right{
	float:left;
	width:205px;
	height:auto;
	background:#E0E0E0;
}
#contents_right_inside{
	width:175px;
	margin:0px auto 10px auto;
	height:auto;
	align:left;
	text-align:left;
}
#to_top{
	text-align:right;
	align:right;
	margin:15px 0 15px 0;
}
#footer{
	display:block;
	clear:both;
	float:clear;
	margin:0px;
	padding:10px 0 10px 0;
	width:800px;
	height:auto;
	border-top:3px solid darkgray;
	background:#CCCCCC;
}
#footer_nav{
	padding:10px 0 0 0;
}



#td_top_left{
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	background:#E0E0E0;
	padding:10px;
	vertical-align:top;
	font-weight:bold;
}
#td_top_right{
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	padding:10px;
}
#td_default_left{
	border-bottom:1px solid silver;
	background:#E0E0E0;
	padding:10px;
	vertical-align:top;
	font-weight:bold;
}
#td_default_right{
	border-bottom:1px solid silver;
	padding:10px;
}

#index_news{
	clear:both;
	float:clear;
	width:520px;
	height:auto;
	border-bottom:1px dotted #CCCCCC;
}
#index_news_left{
	margin:5px;
	width:100px;
	height:auto;
	float:left;
}
#index_news_right{
	margin:5px;
	width:500px;
	height:auto;
	float:left;
}

#ourweb_contents{
	width:520px;
	height:auto;
}
#ourweb_contents_left{
	width:200px;
	height:auto;
	float:left;
}
#ourweb_contents_right{
	width:320px;
	height:auto;
	float:left;
}
#ourweb_contents_title{
	width:auto;
	height:auto;
	margin:0 0 15px 0;
}
#point{
	margin-right:5px;
}
#privacy_list{
	margin:0 0 0 25px;
}
#privacy_list2{
	margin:0 0 0 25px;
	list-style-tyupe:disc;
}
#contact_link{
	margin-top:25px;
}
#form_bot{
	align:center;
}
#clear{
	float:clear;
	margin:0;
	padding:0;
}
