/* since:2003/10/23
   author:Keiko Fuse
*/
@charset "Shift_JIS";

/* 基本設定（マージンなし・パディングなし・フォントカラー黒・バックカラー白）*/
body{
	margin: 0;
	padding: 0;
	width:780px;
	color:#333333;
	background: #ffffff;
	font-size:14px;
}
/*************************************/
/* 各コンテンツ用イメージカラー設定 */
/*************************************/
	/*********************************/
	/** ニュースリリース（赤(red))  **/
	/*********************************/
.news ul#topnav{background: #ff0000;}
.news ul#topnav li a{background: #ff0000;}
.news div#sidenav_sub div a{color:#ff0000;}
.news div#title h1{color:#ff0000;}
.news div#contents .con p span{color:#ff0000;}
.news div#contents .con h2{border-bottom:double 4px #ff0000;}
.news div#sidenav_sub div{border-bottom:dotted 1px #ff0000;}
.news div#sidenav_sub{border-top:dotted 1px #ff0000;}
.news div#title h1{border-bottom:solid 2px #ff0000;}
.news div#contents .con .sub{border:solid 2px #ff0000;}
.news div#contents .con .sub_r{border:solid 2px #ff0000;}
.news div#contents .con .sub div{background-color:#ff0000;}
.news div#contents .con .sub_r div{background-color:#ff0000;}
.news p#copyright{border-left:solid 8px #ff0000;}
	/***********************************/
	/** 会社情報 (ブルー（blue））**/
	/***********************************/
.company ul#topnav{background: #0000ff;}
.company ul#topnav li a{background: #0000ff;}
.company div#sidenav_sub div a{color:#0000ff;}
.company div#title h1{color:#0000ff;}
.company div#contents .con p span{color:#0000ff;}
.company div#contents .con h2{border-bottom:double 4px #0000ff;}
.company div#sidenav_sub div{border-bottom:dotted 1px #0000ff;}
.company div#sidenav_sub{border-top:dotted 1px #0000ff;}
.company div#title h1{border-bottom:solid 2px #0000ff;}
.company div#contents .con .sub{border:solid 2px #0000ff;}
.company div#contents .con .sub_r{border:solid 2px #0000ff;}
.company div#contents .con .sub div{background-color:#0000ff;}
.company div#contents .con .sub_r div{background-color:#0000ff;}
.company p#copyright{border-left:solid 8px #0000ff;}
	/***********************************/
	/** ITソリューション（紫(slateblue)) 6a5acd**/
	/***********************************/
.products ul#topnav{background: #6a5acd;}
.products ul#topnav li a{background: #6a5acd;}
.products div#sidenav_sub div a{color:#6a5acd;}
.products div#title h1{color:#6a5acd;}
.products div#contents .con p span{color:#6a5acd;}
.products div#contents .con h2{border-bottom:double 4px #6a5acd;}
.products div#sidenav_sub div{border-bottom:dotted 1px #6a5acd;}
.products div#sidenav_sub{border-top:dotted 1px #6a5acd;}
.products div#title h1{border-bottom:solid 2px #6a5acd;}
.products div#contents .con .sub{border:solid 2px #6a5acd;}
.products div#contents .con .sub_r{border:solid 2px #6a5acd;}
.products div#contents .con .sub div{background-color:#6a5acd;}
.products div#contents .con .sub_r div{background-color:#6a5acd;}
.products p#copyright{border-left:solid 8px #6a5acd;}
	/***********************************/
	/** 保険業務 (ピンク（palevioletred））**/
	/***********************************/
.insurance ul#topnav{background: #db7093;}
.insurance ul#topnav li a{background: #db7093;}
.insurance div#sidenav_sub div a{color:#db7093;}
.insurance div#title h1{color:#db7093;}
.insurance div#contents .con p span{color:#db7093;}
.insurance div#contents .con h2{border-bottom:double 4px #db7093;}
.insurance div#sidenav_sub div{border-bottom:dotted 1px #db7093;}
.insurance div#sidenav_sub{border-top:dotted 1px #db7093;}
.insurance div#title h1{border-bottom:solid 2px #db7093;}
.insurance div#contents .con .sub{border:solid 2px #db7093;}
.insurance div#contents .con .sub_r{border:solid 2px #db7093;}
.insurance div#contents .con .sub div{background-color:#db7093;}
.insurance div#contents .con .sub_r div{background-color:#db7093;}
.insurance p#copyright{border-left:solid 8px #db7093;}
	/***********************************/
	/** 採用情報 (グリーン（seagreen））**/
	/***********************************/
.recruit ul#topnav{background: #2e8b57;}
.recruit ul#topnav li a{background: #2e8b57;}
.recruit div#sidenav_sub div a{color:#2e8b57;}
.recruit div#title h1{color:#2e8b57;}
.recruit div#contents .con p span{color:#2e8b57;}
.recruit div#contents .con h2{border-bottom:double 4px #2e8b57;}
.recruit div#sidenav_sub div{border-bottom:dotted 1px #2e8b57;}
.recruit div#sidenav_sub{border-top:dotted 1px #2e8b57;}
.recruit div#title h1{border-bottom:solid 2px #2e8b57;}
.recruit div#contents .con .sub{border:solid 2px #2e8b57;}
.recruit div#contents .con .sub_r{border:solid 2px #2e8b57;}
.recruit div#contents .con .sub div{background-color:#2e8b57;}
.recruit div#contents .con .sub_r div{background-color:#2e8b57;}
.recruit p#copyright{border-left:solid 8px #2e8b57;}
	/********************************************/
	/** お問い合わせ（ゴールド(darkgoldenrod)) **/
	/********************************************/
.contact ul#topnav{background: #b8860b;}
.contact ul#topnav li a{background: #b8860b;}
.contact div#sidenav_sub div a{color:#b8860b;}
.contact div#title h1{color:#b8860b;}
.contact div#contents .con p span{color:#b8860b;}
.contact div#contents .con h2{border-bottom:double 4px #b8860b;}
.contact div#sidenav_sub div{border-bottom:dotted 1px #b8860b;}
.contact div#sidenav_sub{border-top:dotted 1px #b8860b;}
.contact div#title h1{border-bottom:solid 2px #b8860b;}
.contact div#contents .con .sub{border:solid 2px #b8860b;}
.contact div#contents .con .sub_r{border:solid 2px #b8860b;}
.contact div#contents .con .sub div{background-color:#b8860b;}
.contact div#contents .con .sub_r div{background-color:#b8860b;}
.contact p#copyright{border-left:solid 8px #b8860b;}

/* 基本ロゴ */
#logo{
	margin:0;
	float: left;
	font-size:16px;
	background: #ffffff;
}
/**********************/
/*    基本配置        */
/**********************/
	/** トップナビ **/
#topnav {
	position:absolute;
	left:0px;
	top:50px;
}
	/** サイドナビ **/
#sidenav_sub {
	position:absolute;
	left:1px;
	top:110px;
}
	/** チョビナビ **/
#nav {
	position:absolute;
	left:180px;
	top:80px;
}
	/** タイトル部 */
#title {
	position:absolute;
	left:180px;
	top:100px;
/* @@@@@進藤 width追加（IE5対応） */
	width:520px;
}
	/** コンテンツ部 **/
#contents {
	position:absolute;
	left:180px;
	top:195px;
/* @@@@@進藤 width追加（IE5対応） */
	width:520px;
}
	/** コピーライト **/
#copyright {
	position:absolute;
	left:1px;
	top:380px;
	width:150px;
	font-size:12px;
}

/**********************/
/* 上のナビゲーション */
/**********************/
ul#topnav{
	clear:both;
/* @@@@@進藤 width削除（IE5.5対応） */
/*	width:660px;*/
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.4em;
/* @@@@@進藤 left値変更（IE5対応） */
/*	padding-left:128px;*/
	padding-left:50px;
  color: #ffaa00;
}
ul#topnav li {
	display:inline;
	border-right:solid 1px #ffffff;
	padding: 0.2em 0.8em;
}
ul#topnav li a {
	margin-right: 1px;
	text-decoration: none;
	color: #ffffff;
}
ul#topnav li a:hover,
ul#topnav li a:active,
ul#topnav li a:focus {
	color:#ffaa00;
}
/**********************/
/*     ちょびナビ     */
/**********************/
div#nav{	
}
div#nav h4{
	font-size:10px;
}
div#nav h4 a{
	text-decoration:none;
	color:#594FBF;
}
div#nav h4 a:hover{
	color:#594FBF;text-decoration:underline
}
/**********************/
/* 左のナビゲーション */
/**********************/
div#sidenav_sub{
	width:133px;
	margin-left:10px;
	font-weight:bold;
	font-size:16px;
}
div#sidenav_sub div{
	padding-top:5px;
	padding-bottom:3px;
	color:#73a1ff;
}
div#sidenav_sub div a{
	text-decoration:none;
	padding-left:3px;
}
div#sidenav_sub div a:hover{
	text-decoration:none;
	color:#ffaa00;
}
/**********************/
/*    タイトル部分    */
/**********************/
div#title h1{
	margin-bottom:8px;
	padding-bottom:3px;
	font-size:26px;
}
div#title div{
	float:left;
	font-size:16px;
	font-weight:bold;
	/* 色 と バックカラーまだ */
	color:#888888;
}
div#title p{
	float:right;
	margin-top:0px;
	width:250px;
	line-height:120%;
	font-size:12px;
	/* 色 と バックカラーまだ */
	color:#708090;
}
/**********************/
/*   コンテンツ部分   */
/**********************/
div#contents{
	padding-bottom:60px;
}
div#contents div .con{
	margin-bottom:30px;
}
	/************/
	/* ちびタイトル */
	/************/
div#contents .con h2{
/* @@@@@進藤 width値修正（IE5対応） */
/*	width:595px;*/
	width:520px;
	margin-bottom:10px;
	padding:3px;
	font-size:16px;
}
	/************/
	/* 文章部 */
	/************/
div#contents .con p{
	margin-top:0px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
}
div#contents .con p span{
	float:left;
	padding-right:3px;
}
div#contents .con p a{
	margin-top:0px;
	padding-bottom:1px;
	text-decoration:none;
	color:#594FBF;
}
div#contents .con p a:hover{
	color:#594FBF;
	text-decoration:underline;
}
ul a{
	margin-top:0px;
	padding-bottom:1px;
	text-decoration:none;
	color:#594FBF;
}
ul a:hover{
	color:#594FBF;
	text-decoration:underline;
}
	/************/
	/* サブ情報 */
	/************/
div#contents .con .sub{
	margin-bottom:1px;
	margin-left:4px;
	width:410px;
}
div#contents .con .sub div{
	padding:1px 2px;
	font-weight:bold;
	color:#ffffff;
}
div#contents .con .sub p{
	margin:10px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:12px;
}
	/************/
	/* サブ情報(右) */
	/************/
div#contents .con .sub_r{
	float:right;
	margin-bottom:1px;
	margin-left:4px;
/* @@@@@進藤 width値修正（IE５対応） */
/*	width:300px;*/
	width:240px;
}
div#contents .con .sub_r div{
	padding:1px 2px;
	font-weight:bold;
	color:#ffffff;
}
div#contents .con .sub_r p{
	margin:10px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:12px;
}

	/************/
	/* 画像(右) */
	/************/
div#contents .con .img_r{
	float:right;
	margin-bottom:1px;
	margin-left:4px;
}

div#contents pre.caution{
	height:350px;
	overflow:auto;
	margin-top:30px;
	/*margin-left:30px;
	margin-right:30px;*/
	border:1px rosybrown solid;
	padding:5px;
	font-size:12px;
}

div#contents textarea.caution{
	font-size:12px;
}

div#contents div.bt{
}

/**********************/
/*       フッター     */
/**********************/
p#copyright {
	width:130px;
	padding-left:6px;
	text-align:left;
	font-size:10px;
}