@charset "utf-8";

/* =====================================================

基本（タグ指定）

===================================================== */

body{
	margin:0;
	padding:0;
	border:none;
	background-color:#000000;
	color:#CCCCCC;
	text-align:center;
}

h1,h2,h3,h4,h5,div,ul,li,dd,dt,dl,form,td{ margin:0; padding:0; }
p {
	margin:0 0 10px 0;
	padding:0;
	line-height:130%;
	text-align:left;
}
img {
	border:none;
}

/* リンク ------------------------------------------------*/

a			{ color: #FFFFFF; text-decoration: underline; }
a:link		{ color: #FFFFFF; text-decoration: underline; }
a:visited	{ color: #FFFFFF; text-decoration: underline; }
a:active	{ color: #999999; text-decoration: underline;}
a:hover		{ color: #999999; text-decoration: underline;}


/* =====================================================

基本レイアウト

===================================================== */

h1{
	margin:0 auto; width:800px; text-align:right;
	height:33px;
	font-size:10px;
	line-height:130%;
	font-weight:normal;
}
#header{
	margin:0 auto;
	width:800px;
	text-align:left;
	height:60px;
	position: relative;
}
#imgarea{
	background-color:#D5D5D5;
	text-align:center;
}
#contents{
	margin:0 auto; width:800px; text-align:left;
}
#footer{
	clear:both;
	margin:0 auto; width:800px; text-align:left;
	padding-top:20px;
}


/* =====================================================

ヘッダー

===================================================== */

#logo{
	float:left;
	width:275px;
}

/* メニュー ===================================== */
#mn{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 26px;
}
#mn li{
	float:left;
	list-style-type:none;
	height:26px;
	background-repeat:no-repeat;
}
#mn li a{
	color:#000000;
	text-decoration: none;
	display: block;
	height: 21px;
	background-repeat:no-repeat;
	float: left;
}
#mn li a:hover {
	background: #525252;
}
#mn li a.current {
	background: #d05521;
}

/* メニュー背景と横幅 */
/*#mn-home			{ background-image: url(../images/mn_home.gif); width:58px;}
#mn-home a:hover	{ background-image: url(../images/mn_home_ov.gif);}
#mn-company			{ background-image: url(../images/mn_about.gif); width:77px;}
#mn-company a:hover	{ background-image: url(../images/mn_about_ov.gif);}
#mn-services		{ background-image: url(../images/mn_services.gif); width:70px;}
#mn-services a:hover{ background-image: url(../images/mn_services_ov.gif);}
#mn-jobs			{ background-image: url(../images/mn_jobs.gif); width:48px;}
#mn-jobs a:hover	{ background-image: url(../images/mn_jobs_ov.gif);}
#mn-contacts		{ background-image: url(../images/mn_contacts.gif); width:74px;}
#mn-contacts a:hover{ background-image: url(../images/mn_contacts_ov.gif);}
*/

/* =====================================================

コンテンツ

===================================================== */

/* トップページ以外はcommon.css または 各CSSに記述 */

/* トップページ ===================================== */
.index-imagearea{
	background-image: url(../images/index_topimg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height:430px;
}
#contents-index{
	padding:20px 0;
}

/* index-topics */
#index-topics{
	width:500px;
	float:left;
}
#index-topics h2{
	padding-bottom:7px;
}
#index-topics dl{
	font-size:70%;
	line-height:130%;
}
#index-topics dt{
	padding:2px 0 2px 12px;
	width:68px;
	float:left;
	background-image: url(../images/mark_tri01.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#index-topics dd{
	margin-left:80px;
	padding:2px 0;
	width:390px;
}
/* index-bnarea */
#index-bnarea{
	width:280px;
	float:right;
}
#index-bnarea img{
	margin-bottom:10px;
}


/* =====================================================

フッター

===================================================== */

#footer a			{ color: #999999; text-decoration: none; }
#footer a:link		{ color: #999999; text-decoration: none; }
#footer a:visited	{ color: #999999; text-decoration: none; }
#footer a:active	{ color: #FFFFFF; text-decoration: underline;}
#footer a:hover		{ color: #FFFFFF; text-decoration: underline;}

/* footer-note =================================== */
#footer-note{
	border-top:1px solid #666666;
	font-size:70%;
	line-height:150%;
	color:#999999;
	padding:5px 0;
}
#copyright{
	float:left;
	width:450px;
	margin:0;
	padding:0;
}
#blog {
	float: right;
}
#sitedoclink{
	margin-left:460px;
	margin:0;
	padding:0;
	text-align:right;
}