/***********************************************/
/*          共通要素                           *
/***********************************************/
* {
  font-family : font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", helvetica, sans-serif;
}

/** body要素 **/
body {
  color: #666666;
  font-size : 0.9em;
  width:100%;
  line-height:140%;
  word-break:break-all;
  height : 100%;
  margin : 0;
  *text-align : center;
}

#container {
  position : relative;
  width : 100%;
}


.footer_link {
  float : left;
}


.center_for_ie {
  margin : auto;
  text-align :center;
}




/** img要素 **/
img {
  border:none;
  margin:0px;  
  vertical-align : top;
}

/** hr要素 **/
hr {
  width : 550px;
}
hr.dashed {
/**  border :10em dotted #dcdcdc; **/
  border-style : dashed;
  border-color : #dcdcdc;
  height : 1px;
  clear : both;
  margin-left : 10px;
}

/** 日付表示用スタイル **/
.date {
  font-weight:bold;
  font-size:13px;
}

/** A要素 **/
a:link    { color : #6c9bae; }
a:visited { color : #6c9bae; }
a:active  { color : pink;}
a:hover   { color : orange;}

/** ポジションを relative にする **/
.relative {
  position : relative;
}

/** 右余白用  **/
.margin-right {
  margin-right:4px;
}

.margin_bottom { 
  margin-bottom:0px;
}

/** 要素の縦位置を中央にする  **/
.valign_middle {
  vertical-align:middle;
}




/**************************************************/
/**    ヘッダー部分に関するスタイル              **/
/**************************************************/
#image_parent {
  height :0px;
  position : relative;
  width : 100%;
  *width : auto;
}

#menu_back_img {
  position :absolute;
  top : 64px;
  width : 100%;
  height : 39px;
  left : 0px;
  background-image:url(../img/img_menuback.gif);
}

#main_back_img_top {
  position :absolute;
  top     : 105px;
  left    : 0px;
  width   : 100%;
  height  : 194px;
  background-image:url(../img/img_imgback.gif);
  z-index : 1;
}

#main_back_img {
  position :absolute;
  top      : 105px;
  left     : 0px;
  width    : 100%;
  height   : 100px;
  z-index  : 1;
  background-image:url(../img/img_imgback.gif);
}

#head_back_img {
  position : absolute;
  left     : 0px;
  top      : 62px;
  width    : 100%;
  height   : 3px;
  background-image:url(../img/head_back.gif);
}



* html #head_back_img {
  top     : 77px;
  z-index : 1;
}

* html #menu_back_img {
  top     : 80px;
  z-index : 2;
}

* html #main_back_img_top {
  top : 120px;
}

* html #main_back_img {
  top : 120px;
  
}

#contents_back_img {
  top : 255px;
  width : 100%;
  position : absolute;
  left : 0px;
  height:400px;
  background-image:url(../img/img_contentsback.gif);
  background-repeat:repeat-x;
}
/**************************
/*       共通要素         *
/**************************/

/** トップのロゴからメイン画像までのブロック **/
#head_container {
  margin : auto;
  width : 100%;
}


/** メニュー上部の画像用のスタイル **/ 
.head_back {
  position : absolute;
  left     : 0px;
  margin   : 0px;
}

/** メニュー画像のbox **/
.menu_box {
  float:left;
  margin-right:0px;
}

/** 社名ロゴの部分のスタイル **/
#header {
  width : 820px;
	height: 40px;
  margin :0px auto;
	padding-top: 5px;
	padding-bottom: 20px;
/**  margin-bottom : 25px;**/
  position : relative;
}

*:first-child+html #header {
  width : 820px;
	height: 64px;
  margin :0px auto;
	padding-top: 5px;
	padding-bottom: 10px;
  position : relative;
}

#header_sitemap {
  position : absolute;
  top      : 0px;
  left    : 732px;
}

#header_logo {
  position : relative;
  float:left;
}

#header_text {
  position :relative;
  top: 10px;
  left : 2px;
  font-size : 8pt;
  color : gray;
  line-height : 150%;
	padding-top: 10px;
  *text-align : justify;
}
*:first-child+html #header_text {
  position :relative;
  top: 10px;
  left : 2px;
  font-size : 8pt;
  color : gray;
  line-height : 150%;
	padding-top: 10px;
  *text-align : justify;
}


/** メニューリンク部分のスタイル **/
#menu {
  position : relative;
  width  : 820px;
  clear  : both;
  height : 40px;
  margin-bottom : 0px;
  margin : auto;
}

/** IE7 用 **/

*+html #menu {
  position : absolute;
  top : 66px;
  zoom : 1;
}


/** メイン画像部分のスタイル **/
#top_image {
  position : relative;
  margin : 0px auto;
  margin-top : 1px;
  width : 820px;
  z-index : 2;
}

/** IE7 用 **/

*+html #top_image {
  margin :0px auto;
  width : 820px;
  top : 27px;
  zoom : 1;
}

/** 会社概要 **/

#succession {
  *text-align : justify;
  margin : auto;
  background-image:url(../img/img_imgsecondback02.gif);
  background-repeat:repeat-x;
  font-size : 75%;
  width : 820px;
  padding : 10px 0px;
}

*+html #succession {
  margin-top : 25px;
}

/**************************************************/
/**    メインコンテンツに関するスタイル          **/
/**************************************************/

/*****************************************
/*     トップページ用スタイル            *
/****************************************/

/** メイン画像下からフッター前までのブロック**/
#main_container {
  position : relative;
  width:820px;
  margin :0px auto;
	
	
}

*+html #main_container {
  position : relative;
  width:820px;
  margin :0px auto;
  margin-top : 20px;
}

/*****************************************
/*  メインコンテンツ左側全体のスタイル   *
/****************************************/

#main_contents {
  float:left;
  margin-bottom: 20px;
	margin-right: 0;
	display:inline;

}


#business {
  margin : 10px auto;

}
*:first-child+html #business {
  margin : 20px auto;

}
/** トピックス部分のスタイル **/
div#topics div.topic {
  text-align : left;
  margin : 10px 0px;
	height:auto;

}

.topic img {
  vertical-align : middle;
}

/** トピックスのテキスト部分 **/
.topic_text{
	width: 570px;
  padding-top  : 5px;
  padding-left : 20px;
#	font-size : 85%;
	font-size : 90%;
	line-height: 100%;
	height:auto;
	margin: 0px;

}

/** コンテンツ右側のスタイル **/
#right_menu {
  width : 210px;
	display:inline;
	float: right;
	padding-bottom: 10px;

	
}
*:first-child+html #right_menu {
  width : 210px;
	display:inline;
	float: right;
	padding-bottom: 10px;
	padding-top: 10px;

	
}
/** コンテンツ右側のスタイル FF3用**/
#right_menu, x:-moz-broken { 
  width : 210px;
	display:inline;
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

/** メインコンテンツ右側の画像部分のスタイル **/
#right_menu img{
  margin-top    : 13px;
  margin-left   : 10px;
  margin-bottom : 0px;

}

/*****************************************
***           会社概要                 ***
*****************************************/

#main {
  *text-align : justify;
  width       : 820px;
  margin      : auto;
  _position   : relative;
}

/*********************************
*** 画面左側メニューのスタイル ***
*********************************/

/** 表示中ページのスタイル  **/ 

.leftnavi_img {
  margin  : 0px;
  padding : 0px;
  margin-bottom : 0px;
}

/** リンク  **/
.leftnavi_link {
  border-top :1px solid #ebeae5;
  border-right :1px solid #ebeae5;
  border-left :1px solid #ebeae5;
  margin  : 0px;
  margin-bottom  : -2px;
  padding-top : 5px;
  padding-bottom : 5px;
  *padding-top : 8px;
  height : 20px;
  _height : 20px;
  vertical-align : middle;
}

.leftnavi_sublink {
  border-right :1px solid #ebeae5;
  border-left :1px solid #ebeae5;
  margin  : 0px;
  margin-bottom  : -2px;
  padding-top : 5px;
  padding-bottom : 5px;
  *padding-top : 8px;
  height : 20px;
  _height : 15px;
  vertical-align : middle;
}

.leftnavi_activepage {
  background-color:#e2f1f2;
  color:#2299de; 
  font-weight : bold;
}

/** 矢印アイコンのスタイル **/
.leftnavi_arrow { 
  margin-left   :10px;
  margin-right  :4px;
  margin-top    :2px;
  *margin-top   :0px;
  margin-bottom :2px;
}

/** ボーダー  **/

.leftnavi_border {
  margin  : 0px;
  padding : 0px;
  height  : 2px;
  border  : 2px;
  color  : #dcdcdc;
  width   : 200px;
}


/** 小さい矢印アイコン **/
.leftnavi_sub_arrow {
   margin  : 2px 4px 0px 30px;
  *margin  : 4px 4px 0px 30px;
  padding  : 5px 0px 0px 0px;
  *padding  : 0px 0px 0px 0px;
}

/** バナー部分  **/
.leftnavi_banner { 
  margin-top:5px;
}

/** 画面左側メニュー **/

#side_menu {
  text-align :left;
  height : 100%;
  float : left;
  width : 211px;
}

/** バナー画像のスタイル**/
#banner img {
  margin-bottom : 10px;
  background-color : white;
}

/** 画面左側メニューの項目部分のスタイル**/
#menu_bar {
  font-size : 85%;
  background-color:#fbfaf5;
  border-bottom :none;
}


* html #img_navi_foot {
  margin  : 0px;
  padding : 0px;
  width : 211px; 
}
/*********************************
*** 右側コンテンツのスタイル   ***
*********************************/

#right_contents {
  float :left;
  width :auto;
  height : auto;

}

* html #right_contents {
  position : relative;
  right : 0px;
  top : 0px;
  zoom : 1;
}

/** 会社概要表題 **/
.text_title {
  float:left;
  width : 100px;
  color : #6c9bae;
  padding-left : 10px;
}

/** 会社概要 本文 **/
.text_body {
  float:left;
  width    : 450px;
  position : relative;
  left     : 10px;
  top      : 0px;
  margin-bottom  : 5px;
	
}

.contents_summary {
  width : 597px;
  position:relative;
	
}

.summary {
  height : auto;
  padding: 0px;
  font-size : 12px;
  margin-left:20px;
}

/** 画像「会社概要」 **/
.img_ttl_01 {
  margin-left:10px;
  margin-bottom:20px;
}

/** 会社写真の画像  **/
.img_company_picture {
  position:absolute;
  top:45px;right:-13px;
}

/** トップへ戻る画像 **/ 
.back_to_top {
  text-align:right;
  padding-top:10px;
}

/** 沿革・組織図 タイトル画像 **/
.img_ttl_02 {
  margin:10px 5px;
}

/** 沿革 タイトル画像 **/
.img_ttl_03 { 
  margin:0px 5px 20px 0px;
}

/** 組織図 タイトル画像 **/
.img_ttl_04 { 
  margin-top:20px;
}

/** 組織図 **/
.img_systematic { 
  margin-left:10px;
  margin-top:10px;
  margin-right:10px;
	text-align:center;
}

.footer_clear { 
  clear:both;
  position:relative;
}

/**************************************************/
/**    フッター部分に関するスタイル              **/
/**************************************************/

/** フッターのブロック**/
#footer_container {
  position : relative;
  width         : 820px;
  margin :0px auto;
  clear         : both;
  *text-align : justify;
}

#footer_menu {
  color : #666666;
  margin-top    : 20px;
  width         : auto;
  white-space   : nowrap;
}

/** 右寄せ用スタイル**/
.align_right {
  position:absolute;
  top:3px;
  left:700px;
}

/** セパレータ（|）用スタイル **/
.separator {
  color:#CCCCCC;
  padding : 0px 5px;
}

/** フッター社名ロゴ用  **/
.align_right_logo {
  position:absolute;
  top:10px;
  left:670px;
}

/** フッター内の a要素のスタイル**/
#footer_menu a {
  text-decoration:none;
  color : #666666;
}

#footer_menu a:hover {
  color : orange;
}

.footer {
  position : relative;
  margin-top: 20px ;
  margin-bottom : 20px;
}

/** フッターテキスト用スタイル  **/
.footer_menu_text {
  vertical-align : middle;
  font-size     : 7pt;
  position:absolute;
  top:1px;
  left:5px;
}

/** Copyright部分のスタイル **/
#copyright {
  padding-top : 10px;
  text-indent : 10px;  
  position    : relative;
  margin-bottom : 20px;
}


/**************************************************/
/**    第2階層コンテンツ部分に関するスタイル            **/
/**************************************************/

/** 右寄せ **/
img.right { float:right; }
/** 左寄せ **/
img.left { float:left; }

div.right {float:right; }

/** コンテンツ本文 **/
.text {
  float:left;
  width    : 585px;
  position : relative;
  left     : 0px;
  top      : 0px;
  margin-bottom  : 5px;
}
/** 中寄せ **/
.txt_center { text-align:center; }

/** 小タイトル **/
h2 { margin:20px 0 10px; width:555px; height:29px; font-weight:bold; line-height:110%; background:url(../img/ttl_back.gif) left top no-repeat; overflow:hidden; color : #6c9bae; font-size : 100%; padding-left:25px; padding-top:10px;}


/** 中タイトル画像クラス **/
.img_ttl_05 { 
  margin:0px 0px 20px 10px;
}

/** テキスト青字 **/
.text_accent {
  color : #6c9bae;
}

.clear { height:1px; font-size:0px; line-height:1px; clear:both; }


/** リクルート(先輩からのメッセージ)ボックス  **/
.recruit_box{ width:570px; background-color:#f3f4f4; display:inline; float:left; margin:0px 0px 15px 0px; }
.recruit_photo { float:left; margin:10px;}
.recruit_box h3 span { display:block; padding-left:20px; padding-top:5px; color:#2c6c86; font-weight:bold; font-size:80%; margin: 0px;}
.recruit_box p { margin:0px 5px 0px 192px;}
.recruit_box .bot{clear:both; margin-top: 0px;}


/** テキスト内　ドットボーダーのスタイル **/
hr.dashed2 {
  width : 420px;
  border-style : dashed;
  border-color : #dcdcdc;
  height : 1px;
}

/** テキスト内　矢印アイコンのスタイル **/
.text_arrow { 
  margin-left   :0px;
  margin-right  :4px;
  margin-top    :2px;
  margin-bottom :2px;
}


/** 基本テーブルのスタイル **/
.bg_gray { border-collapse:collapse; background-color:#eeecec; }
#table_form { border-collapse:collapse; margin:0px 10px 30px;display: inline-table;}
#table_form th { border-collapse:collapse; border:1px solid #c8c8c8; font-weight:normal; text-align:center; padding:2px 0px;}
#table_form td { border-collapse:collapse; border:1px solid #c8c8c8; font-weight:normal; text-align:center; padding:2px 0px;}
#table_form td.left { text-align:left; padding-left:10px; }
#table_form td.right { text-align:right; padding-right:10px; }
#table_form td.center { text-align:center; }

/** お問い合わせの会社写真の画像  **/
.img_company_picture2 { 
  position:absolute;right:-5px;
	margin-bottom: 10px;
}

/** サイトマップ **/
.summary_left {
  width : 280px;
	float:left;
	margin-left: 15px;
	display:inline;

}
.summary_right {
  width : 280px;
	display:inline;
	margin-rigth: 15px;
	float:right;

}
.summary_right h3, .summary_left h3 { margin:0px 0 10px; width:250px; height:29px; font-weight:bold; line-height:110%; background:url(../img/ttl_back.gif) left top no-repeat; overflow:hidden; color : #6c9bae; font-size : 100%; padding-left:25px; padding-top:10px;}

.summary_right li, .summary_left li { margin:0px -30px 10px; width:250px; line-height:110%; background:url(../img/icon_arrow.gif) left top no-repeat; overflow:hidden; color : #6c9bae; font-size : 100%; padding-left:25px; padding-top:0px;}