@charset "UTF-8";

/*------------------------------------------------
  全般設定
 -----------------------------------------------*/

body {
	font: 14px Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:1px;
	line-height:1.6;
	color:#444444;
	text-align:center;
}

a:link{
	color:#37a9e1;
}

a:visited{
	color:#37a9e1;
}

a:hover{
	color:#f75600;
}

a:active{
	color:#f75600;
}

.clear {
	clear:both;
}

.right {
	float:right;
}


/*-----------------------------------------
　ページ全体のブロック
-----------------------------------------*/
#container {
	width:840px;
	_width:844px;
	margin:0 auto;
	padding:0px 0px;
	text-align:left;
	background:#FFFFFF;
	position:relative;
}

/*-----------------------------------------
　ヘッダエリア
-----------------------------------------*/
#header {
	width:800px;
	_width: 804px;
	margin:0 auto;
	padding:20px 20px 10px;
	border-top:3px solid #C82027;
	position:relative
}

#header img#header_message{
	margin-left:30px;
}

#header img#toiawase{
	top:20px;
	right:20px;
	position:absolute;
}


/*-----------------------------------------
　グローバルナビ
-----------------------------------------*/

#navigation {
	width:800px;
	padding:0px 20px;
	position:relative;
}

#nav { width: 805px; height: 42px; background: url('images/navi.gif') no-repeat; }
#nav li { position: absolute; left: 20px; height: 42px;list-style:none; }
#nav #service { width: 144px; left: 20px; }
#nav #column { width: 160px; left: 164px; }
#nav #report{ width: 208px; left: 324px; }
#nav #company { width: 144px; left: 532px; }
#nav #recruit { width: 144px; left: 676px; }
#nav li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 42px; text-indent: -9999em; border:none;}


/*-----------------------------------------
　上部共通部分
-----------------------------------------*/

#topimg {
	width:800px;
	padding:10px 20px;
	position:relative;
}

#pankuzu { 
	width:800px;
	font-size: 10px;
	margin:0px 20px;
	padding:10px 0px;
	border-bottom: solid 1px #e1e1e1;
}

#pankuzu li {
	display: inline;
}


#container h1 {
	left:20px;
	bottom:10px;
	font-size:10px;
	color:#CCCCCC;
	position:absolute;
}


/*-----------------------------------------
　メインコンテンツ
-----------------------------------------*/

#contents {
	width:800px;
	margin:0 auto;
	padding:20px 20px;
}

#contents_left {
	width:580px;
	float:left;
}

#contents img#toiawase_banner {
	margin-top:40px;
}

/*-----------------------------------------
　サイドナビ
-----------------------------------------*/

#contents_right {
	width:200px;
	padding-left:20px;
	float:right;
	font-size:12px;
}

#contents_right a{
	color:#666666;
	text-decoration:none;
}

#contents_right a:hover{
	color:#f75600;
	text-decoration:underline;
	background:#EEEEEE;
}

#contents_right a:active{
	color:#f75600;
	text-decoration:underline;
}

#contents_right ul{
	width:198px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#contents_right li a{
	display:block;
	background:url(images/arrow_s.gif) 10% 60% no-repeat;
	padding-left:35px;
	padding-top:10px;
	height:25px;
}

#contents_right li a:hover{
	background:#eee url(images/arrow_s.gif) 10% 60% no-repeat;
}

#contents_right li.active{
	background:#eee url(images/arrow_s.gif) 10% 60% no-repeat;
}

#side_banner p{
	margin-top:10px;
}

#side_banner p.banner_top{
	margin-top:0px;
}



/*-----------------------------------------
フッターエリア
-----------------------------------------*/

#copy {
	width: 800px;
	_width: 804px;
	clear: both;
	margin:50px auto 0px;
	padding:10px 20px;
	font-size: 10px;
	background: #333333;
}

#copy a{
	color:#cccccc;
	text-decoration:none;
}

address {
	text-align: right;
	color: #cccccc;
}