@charset "utf-8";
/* ===================================================================
CSS information

 file name  :company.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 会社概要・以下同フォルダ内のhtmlレイアウト用
 #layout
 #page
  #contents
   #main
   #sub
=================================================================== */


/*	clearfix　*/
.section, #contents, .clearfix{
    zoom:1;/*for IE 5.5-7*/
    position:relative;/*for preview*/
}
.section:after, #contents:after, .clearfix:after{/*for modern browser*/
    content:" ";/*for Netscape*/
    display: block;
    clear: both;
    height: 0;
}
 * html .section, * html #contents, * html .clearfix{
    display:inline-table;
    /**/display:block;/**/
}


/*----------------------------------------------------
	#layout
----------------------------------------------------*/

/* top */
#page_top {
	width: 780px;
	margin: 10px auto 0px auto;
	text-align: left;
}

#contents_top {
	width: 780px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#FFFFFF;	
}

#main_top {
	float: left;
	width: 438px;
	margin-left:28px;
	_margin-left:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}

#sub_top {
	float: right;
	width: 263px;
	margin-right:28px;
	_margin-right:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}

/* 下層ページ */
#page {
	width: 780px;
	margin: 10px auto 0px auto;
	text-align: left;
}

#contents {
	width: 780px;
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(../images/share/contents_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	background-color:#FFFFFF;	
}


#main {
	float: right;
	width: 490px;
	margin-right:28px;
	_margin-right:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}


#sub {
	float: left;
	width: 200px;
	margin-left:17px;
	_margin-left:8px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}

/* メニュー無し下層ページ */

#contents2 {
	width: 780px;
	padding-top:20px;
	padding-bottom:20px;
}

#page2 {
	background-color:#FFFFFF;
	width: 780px;
	margin: 10px auto 0px auto;
	text-align: left;
}

/* メニュー無し下層ページコンテンツ左右対称2カラム */

#main_r {
	float: right;
	width: 350px;
	margin-right:28px;
	_margin-right:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}

#main_l {
	float: left;
	width: 350px;
	margin-left:28px;
	_margin-left:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}

/* メニュー無し下層ページコンテンツ左右対称2カラム用ぱんくず */

#contents2 .topicsPath {
	font-size:80%;
	text-align:right;
	margin-bottom:10px;
	margin-right:28px;
}

/* メニュー無し下層ページコンテンツ左右対称2カラム用h2 */

#contents2 h2 {
	color:#330000;
	font-size:120%;
	padding-bottom:5px;
	border-bottom:1px solid #666666;
	margin-bottom:15px;
	margin-right:28px;
	margin-left:28px;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
h1 {
width:780px;
text-align:left;
color:#0954E1;
margin-left:auto;
margin-top:5px;
margin-right:auto;
margin-bottom:10px;
font-weight:normal;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/


.pageTop {
	clear: both;
	text-align: right;
	margin-right:5px;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}

#main .topicsPath {
font-size:80%;
text-align:right;
margin-bottom:10px;
}

#main h2 {
color:#330000;
font-size:120%;
padding-bottom:5px;
border-bottom:1px solid #666666;
margin-bottom:15px;
}

.section {
margin-bottom:20px;
}
.section h3 {
color:#cca467;
font-size:110%;
font-weight:bold;
padding-left:8px;
margin-bottom:5px;
background-image:url(../company/images/h3_bg.gif);
background-repeat:no-repeat;
line-height:30px;
}

.section td {
	border-bottom:1px dashed #666666;
	padding:5px;
}
.recruit {
	border-bottom:1px dashed #666666;
	padding:5px;
	margin-bottom:5px;
}
.recruit_bg {
	background-image:url(../company/images/recruit_bg.gif);
	background-repeat:no-repeat;
	padding:20px;
	text-align:center;
	font-size:120%;
	line-height:200%;
	font-weight:bold;
	height:160px;
	margin-bottom:20px;
}


/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */

/* 下層 */
#sub .subnavi {
background-image:url(../images/share/subnavi_bg.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:20px;
}

#sub .subnavi dl{
margin-top:10px;
}

#sub .subnavi dl dt{
}
#sub .subnavi dl dt a{
font-weight:bold;
border-bottom:1px solid #333333;
margin-top:10px;
padding-left:10px;
display:block;
background-image:none;
}

#sub .subnavi dl dt a:link{
color:#333333;
	text-decoration: none;
}
#sub .subnavi dl dt a:visited{
color:#333333;
	text-decoration: none;
}
#sub .subnavi dl dt a:hover{
color:#999999;
}
#sub .subnavi dl dt a:active{
color:#999999;
}

#sub .subnavi dl dd{

}

#sub .subnavi dl dd a {
font-size:80%;
display:block;
background-image:url(../images/share/subnavi_dd_bg.gif);
background-position:right bottom;
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:10px;
padding-left:25px;
}

#sub .subnavi dl dd a:link {
color:#333333;
}

#sub .subnavi dl dd a:visited {
color:#333333;
}

#sub .subnavi dl dd a:hover {
color:#999999;
	text-decoration: none;
}

#sub .subnavi dl dD a:active {
color:#333333;
}