@charset "shift-jis";

/*----------------------------------------------------
  00  main-style
  01. #main.message  メッセージ
  02. #main.outline  会社概要
  03. #main.outline  沿革
  04. #main.outline2  組織体制
  05. #main.network-j  ネットワーク
  06. #main.outside  グループ
----------------------------------------------------*/

/* main style
=======================================================*/

/*=== value reset ===*/
#main * {
	margin:0;
	padding:0;
	font-size:100%;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main em,
#main strong {
	font-weight:normal;
	font-style:normal;
}
#main li { list-style-type:none;}
#main img { border:0; vertical-align:bottom;}

/*=== main & main font ===*/
#main {
	width:680px;
	color:#8C8C8C;
	text-align:left;
	font-size:100%;
	line-height:180%;
	margin-bottom:30px;
	font-size:small;
	min-height:456px;
	height:auto !important;
	height:456px;
	/*\*/_/**/font-size:x-small;/* IE only */
}
#main .area {
	background:url(/common/images/bar.jpg) no-repeat 56px 20px;
	padding:30px 24px 0 80px;
}
#main h1 { margin-bottom:35px;}
#main .ttl-img { margin-bottom:30px;}
#main h2, #main h3 {
	color:#898989;
	font-weight:bold;
}
#main .maintitle { margin-bottom:35px;}

#main .last { margin-bottom:30px;}
#main .posi-right { text-align:right;}
#main .r-float { float:right;}

/*===========================================================================
  01. #main.message  メッセージ
===========================================================================*/


/*===========================================================================
  02. #main.outline1  会社概要
===========================================================================*/

#main.outline1 .company dt { width:4.5em; float:left;}
#main.outline1 .company dd { margin-left:5em; width:350px;}
#main.outline1 .post dt { width:10.5em; float:left;}
#main.outline1 .post dd { margin-left:11em; width:350px;}


/*===========================================================================
  03. #main.outline2  沿革
===========================================================================*/
#main.outline2 table {
	border:0;
	border-collapse:collapse;
	width:570px;
	line-height:180%;
}
#main.outline2 table .block1 { width:140px;}
#main.outline2 table .block2 { width:40px;}
#main.outline2 table .block3 { width:380px;}


/*===========================================================================
  04. #main.outline3  組織体制
===========================================================================*/


/*===========================================================================
  05. #main.network-j  ネットワーク
===========================================================================*/
#main.network-j h2 { font-size:116%; margin-top:23px;}
#main.network-j h2 img { vertical-align:middle;padding-bottom:5px;}
#main.network-j h3 .map-button {
	padding-bottom:5px;
	vertical-align:middle;
}
#main.network-j h2.top { margin-top:0px;}
#main.network-j h2.m-top { margin-top:50px;}
#main.network-j p.btn { margin:5px 0 24px; }
#main.network-j li { display:inline; }
#main.network-j li.line { display:block; }

/*===========================================================================
  06. #main.outside  グループ
===========================================================================*/
#main.outside .area {
	background:none;
}
#main.outside h2 { font-size:116%; margin-top:23px;}
#main.outside h2 img { vertical-align:middle;padding-bottom:5px;}
#main.outside h3 .map-button {
	padding-bottom:5px;
	vertical-align:middle;
}
#main.outside h2.top { margin-top:0px;}
#main.outside h2.m-top { margin-top:50px;}
#main.outside p.btn { margin:5px 0 24px; }
#main.outside li { display:inline; }
#main.outside li.line { display:block; }

/*#main.outside h2 { margin-bottom:25px;}*/


.clearfix {
	height:auto !important;
	height:1px;
	min-height     :1%;  /* for IE 7*/
}
.clearfix:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	line-height:1%;
	font-size:1%;
}