@charset "utf-8";

/* =基本構造（ページ全体のフレーム構造やデフォルト指定などを作成）
-------------------------------------------------------------------------------- */
.h1_tag
{
	margin: 30px 0px 0px 0px; /* 複数の異なるブラウザの初期設定値に対応設定 */
	display:inline;
	padding: 34px 0px 0px 3px;
	font-size: x-large;
}

.h2_tag
{
	margin: 0px 0px 0px 0px; /* 複数の異なるブラウザの初期設定値に対応設定 */
	display:inline;
	padding: 0px 0px 0px 0px;
	font-size: medium;
}

body
{
  margin: 0; /* 複数の異なるブラウザの初期設定値に対応設定 */
  padding: 0; /* 複数の異なるブラウザの初期設定値に対応設定 */
  text-align: center; /* IE 5* ブラウザ用の中央揃え指定（.pageの指定が優先される） */
/*  background: #9A9Ad8; */ /* RGB242灰色 */
  background: #888888; /* RGB242灰色 */
  /* background: url(../---/---.gif); */ /* 背景を指定する */
}

.page
{
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	width: 750px;
	background: #FFFFFF;
	margin: 0px auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります（モダンブラウザ設定） */
	text-align: left; /* この設定は body エレメントの text-align: center より優先される */
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
}

.page .header
{
  width: 750px;
}

.logo
{
  width: 750px;
	height: 30px;
}

.page .page_title
{
  padding-top: 5px;
}

.page .menu
{
	width: 750px;
	height: 21px;
	padding-top: 0px;
	margin-bottom: 0px;
	display:inline;
	font-size: xx-small;
	color: #FFFFFF;
}

.content
{
  width: 750px;
}

.content .main-header
{
	width: 750px;
}

.content .main-inner
{
  /*padding 10pxなので、740pxにしている*/
	width: 740px;
}

.page .footer
{
	width: 750px;
	height: 36px;
	margin: 0px;
	margin-top: 5px;
}


/* =文字サイズ（ヘッダのレイアウト指定）
-------------------------------------------------------------------------------- */

.font_small
{
	font-size:x-small;
}


/* =リンク（リンクのマウスオーバーや挙動等の指定）
-------------------------------------------------------------------------------- */
/*
a
{
	text-decoration: none;
}
*/

a:link
{
}

a:visited
{
}

a:hover
{
  color: #FF0000;
  text-decoration: underline;
}

a:active
{
}

/* TOPリンクの設定 */
.page .header .top-link
{
  text-align: right;
  margin-top: 13px;
}

.page .header .head_main
{
float: left;
display:inline;
  width:400;
  margin: 0px;
  height: 30px;
}

.page .header .head_main .head_left
{
	float: left;
	display:inline;
	width:275px;
	margin: 14px 0px 0px 0px;
	height: 44px;
	padding-left: 5px;
	padding-top: 3px;
}

.page .header .head_main .head_right
{
	float: left;
	display:inline;
	width:245px;
	margin: 12px 0px 0px 0px;
	height: 20px;
	padding-left: 0px;
}

/* サイト内検索 */
.page .header .head_main .top-search
{
	text-align: right;
	margin: 0px 0px 0px 0px;
	height: 20px;
	float: right;
	padding-right: 4px;
	width: 235px;
}



/* =ヘッダ（ヘッダのレイアウト指定）
-------------------------------------------------------------------------------- */

.page .header
{
	height: 65px;
	background: url(../img/header2.png);
}

/* =ナビゲーション（メニューのマウスオーバー、挙動、レイアウト等の指定）
-------------------------------------------------------------------------------- */

/* 下のナビゲーションは、高さ52pxで作成している。 */

.menu ul
{
	height: 21px;
	list-style: none;
	margin: 0px;
	padding:0px;
}

.menu ul li
{
	float:left;
	
}

.menu ul li a
{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	padding-top: 21px;
	background: url(../img/menu.png);
}

/* オフマウス時 */
.menu ul li.sn01 a { background-position:0px 0px; width:125px;}
.menu ul li.sn02 a { background-position:-125px 0px; width:125px;}
.menu ul li.sn03 a { background-position:-250px 0px; width:125px;}
.menu ul li.sn04 a { background-position:-375px 0px; width:125px;}
.menu ul li.sn05 a { background-position:-500px 0px; width:125px;}
.menu ul li.sn06 a { background-position:-625px 0px; width:125px;}

/* オンマウス時 */
.menu ul li.sn01 a:hover, .menu ul li.sn01 a.bton {background-position:0px 21px; width:125px;}
.menu ul li.sn02 a:hover, .menu ul li.sn02 a.bton {background-position:-125px 21px; width:125px;}
.menu ul li.sn03 a:hover, .menu ul li.sn03 a.bton {background-position:-250px 21px; width:125px;}
.menu ul li.sn04 a:hover, .menu ul li.sn04 a.bton {background-position:-375px 21px; width:125px;}
.menu ul li.sn05 a:hover, .menu ul li.sn05 a.bton {background-position:-500px 21px; width:125px;}
.menu ul li.sn06 a:hover, .menu ul li.sn06 a.bton {background-position:-625px 21px; width:125px;}


/* =タイトル（ページタイトルのレイアウト指定）
-------------------------------------------------------------------------------- */

/* 例 */
	/* ページ固有のタイトル画像設定 */
	/*#aisatsu .title { background: url(../aisatsu/img/title-aisatsu.gif); }*/

/* =サイドバー（サイドバーのレイアウト指定）
-------------------------------------------------------------------------------- */

/* =メインコンテンツ（メインコンテンツのレイアウト指定）
-------------------------------------------------------------------------------- */

/* 例 */
	/* ページ固有のページ背景色設定 */
	/*#aisatsu .content2{ background-color: #AAD269; }*/

/* 説明タイトル */
.page .content .main-header
{
	height: 30px;
}

/* 説明内容 */
.page .content .main-inner
{
  padding: 10px;
}

/* ページ内サブタイトル*/
.page .contents .title
{
  padding: 5px 5px 5px 20px;
}


/* トップページ[index.html]固有設定
------------------------------------------------------------ */
#top .page .contents .contents_menu
{
	width: 230px;
	float: right;
	background:#FFFFFF;
	margin:5px 15px 10px 0px;
	display: inline;
}

#top .page .contents .contents_menu .top_menu_box_header
{
  width: 205px;
  height: 22px;
  padding: 8px 10px 0px 10px;
  background: #122C9B;
  color:#FFFFFF;
  margin-top:3px;
  font-weight: bold;
}

#top .page .contents .contents_menu .top_menu_box
{
  width: 213px;
  padding:10px 5px 10px 5px;
  border-right: 1px solid #122C9B;
  border-bottom: 1px solid #122C9B;
  border-left: 1px solid #122C9B;
  background:#CCE0FF;
  margin-bottom:10px;
  font-size: small;
}

#top .page .contents .contents_main
{
  width: 470px;
  float: left;
  background:#FFFFFF;
  margin: 10px 0px 10px 15px;
  	display: inline;
}

#top .page .contents .contents_main .top_menu_box_header
{
  width: 455px;
  height: 22px;
  padding: 6px 10px 0px 10px;
  background: #122C9B;
  color:#FFFFFF;
  margin-top:0px;
  font-weight: bold;
}

#top .page .contents .contents_main .top_menu_box_subheader
{
  float: right;
  width: 400px;
  height: 22px;
  padding: 6px 10px 0px 10px;
  background: #E62F33;
  color:#FFFFFF;
  padding-left: 10px;
  margin-top:0px;
  font-weight: bold;
  	display: inline;
}

#top .page .contents .contents_main .top_menu_box
{
  padding:10px 5px 10px 5px;
  background:#FFFFFF;
  margin-bottom:10px;
  font-size: small;
}

/* コンテンツページ[index.html以外]パンクズ
------------------------------------------------------------ */
#top .page .contents .contents_pankuzu
{
  width: 700px;
  float: left;
  background:#FFFFFF;
  font-size: small;
  margin: 2px 0px 2px 10px;
  	display: inline;
}

#top .page .head_main .contents_pankuzu2
{
	width: 220px;
	float: left;
	font-size: 2px;
	margin: 32px 0px 0px 0px;
	display: inline;
	padding-bottom: 5px;
}

#top .page .contents .contents_mid
{
  width: 600px;
  padding:10px 10px 10px 10px;
  background:#CCE0FF;
  margin:5px 60px 0px 60px;
  font-size: small;
}

#top .page .contents .contents_mid2
{
  width: 600px;
  padding:10px 0px 10px 0px;
  background:#CCE0FF;
  margin:5px 60px 0px 60px;
  font-size: small;
}

#top .page .contents .contents_title
{
	width: 700px;
	float: left;
	background:#FFFFFF;
	font-size: large;
	font-weight: bold;
	margin: 5px 0px 10px 10px;
	display: inline;
	padding-top: 4px;
}

#top .page .contents .contents_blank
{
  width: 740px;
  float: left;
  background:#FFFFFF;
  font-size: small;
  margin: 0px 0px 0px 10px;
  	display: inline;
}

/* コンテンツページ[index.html以外]固有設定
------------------------------------------------------------ */
#top .page .contents .top_image
{
  width: 750px;
  text-align:center;  
  float: left;
  background:#FFFFFF;
      font-size: small;
  margin: 10px 0px 5px 0px;
  	display: inline;
}

#top .page .contents .contents_detail
{
  width: 720px;
  float: left;
  background:#FFFFFF;
  margin: 0px 10px 10px 10px;
  	display: inline;
}

#top .page .contents .contents_detail2
{
  width: 720px;
  float: left;
  background:#FFFFFF;
  margin: 10px 10px 10px 10px;
  	display: inline;
}

#top .page .contents .contents_detail2
{
  width: 640px;
  float: left;
  padding: 10px 10px 20px 30px;
  background:#CCE0FF;
  margin: 0px 10px 10px 50px;
    font-size: small;
		display: inline;
}

#top .page .contents .contents_detail3
{
  width: 640px;
  float: left;
  padding: 10px 10px 20px 30px;
  background:#FFC16F;
  margin: 0px 10px 10px 50px;
    font-size: small;
		display: inline;
}

#top .page .contents .contents_detail4
{
	width: 670px;
	float: left;
	margin: 0px 10px 10px 10px;
	display: inline;
	font-size: medium;
	margin-left: 30px;
	padding-top: 2px;
}

#top .page .contents .contents_detail5
{
	width: 660px;
	float: left;
	margin: 5px 10px 10px 10px;
	display: inline;
	font-size: small;
	margin-left: 30px;
	padding-left: 10px;
}

#top .page .contents .contents_detail6
{
  width: 720px;
  float: left;
  background:#FFFFFF;
  margin: 0px 10px 10px 10px;
  	display: inline;
}

#top .page .contents .contents_detail7
{
	width: 660px;
	float: left;
	margin: 0px 10px 10px 10px;
	display: inline;
	font-size: small;
	margin-left: 30px;
	padding-left: 0px;
}


#top .page .contents .contents_detail_barZZ
{
  width: 720px;
  float: left;
  background:#AAFFFF;
  margin: 0px 10px 10px 10px;
  	display: inline;
	  font-size: small;
	  	background: url(../img/h3_title.gif);
}

#top .page .contents .contents_detail_bar
{
	margin-bottom: 0px;
	/*[width] + [padding-left] + [padding-right] = 760px */
	width: 670px;
	padding: 1px 0px 0px 20px;
	background:  url(../img/case_detail_bar.gif);
	height: 18px;
	margin-top: 5px;
	margin-left: 20px;
	font-size: small;
}

#top .page .contents .contents_table
{
  width: 440px;
  float: left;
  background:#FFFFFF;
  margin: 5px 10px 10px 50px;
  	display: inline;
}

#top .page .contents .contents_comment
{
  width: 200px;
  float: left;
  background:#FFFFFF;
  margin: 5px 10px 10px 0px;
  	display: inline;
}

#top .page .contents .contents_comment2
{
  width: 200px;
  float: left;
  background:#FFFFFF;
  margin: 5px 10px 10px 0px;
  	display: inline;
}

#top .page .contents .contents_detail .top_menu_box_header
{
  width: 710px;
  height: 22px;
  padding: 6px 10px 0px 10px;
  background: #122C9B;
  color:#FFFFFF;
  padding-left: 10px;
  margin-top:0px;
  font-weight: bold;
}

#top .page .contents .contents_detail .top_menu_box_plan
{
  width: 710px;
  padding: 6px 10px 10px 10px;
  background: #CCE0FF;
  color:#000000;
  padding-left: 10px;
  margin-top:0px;
  font-size: small;
}

#top .page .contents .contents_detail .top_menu_box
{
  padding:10px 5px 10px 5px;
  background:#FFFFFF;
  margin-bottom:10px;
  font-size: small;
}


#top .page .contents .contents_detail .top_menu_box .main-inner
{
  padding:10px 5px 10px 40px;
  background:#FFFFFF;
  margin-bottom:10px;
  font-size: small;
}


#top .page .contents .contents_detail .top_menu_box .date
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#top .page .contents .contents_detail .top_menu_box .topic
{
	border-bottom: 1px solid #9B0005;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 150%;
}



#top .page .contents .contents_detail .top_menu_box3
{
  float: left;
  width: 640px;
  margin: 0px 0px 0px 30px;
  padding:10px 5px 10px 5px;
  background:#FFFFCC;
  margin-bottom:10px;
  font-size: small;
  display: inline;
}

#top .page .contents .contents_detail .top_menu_box31
{
  float: left;
  width: 20px;
  margin: 0px 0px 0px 30px;
  padding:10px 5px 10px 5px;
  background:#FFCCFF;
  margin-bottom:10px;
  font-size: small;
  	display: inline;
}

#top .page .contents .contents_detail .top_menu_box32
{
  float: left;
  width: 180px;
  margin: 0px 0px 0px 10px;
  padding:10px 5px 10px 5px;
  background:#CCFFFF;
  font-size: small;
  	display: inline;
}

#top .page .contents .contents_detail .top_menu_box_left
{
  float: left;
  width: 480px;
  padding:10px 5px 10px 10px;
  background:#FFFFFF;
  font-size: small;
  	display: inline;
}

#top .page .contents .contents_detail .top_menu_box_right
{
float:left;
  width: 200px;
    padding:0px 0px 0px 0px;
  background:#FFFFFF;
  font-size: small;
    display:inline;
}

#top .page .contents .contents_detail .top_menu_box_mid
{
  width: 580px;
  padding:10px 10px 10px 10px;
  background:#CCE0FF;
  margin:10px 60px 10px 60px;
  font-size: small;
}

#top .page .contents .contents_detail .top_menu_box2
{
  padding:10px 30px 0px 30px;
  background:#FFFFFF;
  margin-bottom:10px;
  font-size: small;
}

#top .page .contents .contents_detail .top_menu_h3
{
  padding:0px 5px 5px 5px;
  background:#FFFFFF;
  margin-bottom:0px;
  font-size: small;
  float: left;
    display:inline;
}

#top .page .contents .contents_detail .top_menu_cont
{
	width: 400px;
	padding:0px 5px 5px 5px;
	background:#CCFFDD;
	margin-bottom:0px;
	font-size: small;
	float: left;
	display:inline;
	text-align: left;
}

#top .page .contents .contents_detail .top_menu_box2 .question{
	width:650px; /* 532pxから変更[+150px]（寺田：2008/09/22）*/
	margin-left:9px;
    font-weight:bold;
}
#top .page .contents .contents_detail .top_menu_box2 .question dl{
	margin:0 0 10px 0;
}
#top .page .contents .contents_detail .top_menu_box2 .question dd{
	margin:0px;
	padding:13px 0;
	background:#ececec url(../img/qa_q.gif) no-repeat center left;
}
#top .page .contents .contents_detail .top_menu_box2 .question dd.white{
	background:#ffffff url(../img/qa_q.gif) no-repeat center left;
}


#top .page .contents .contents_detail .top_menu_box2 .question dd a{
	color:#4e4e4e;
	display:block;
	margin:0 15px 0 30px;
}

#top .page .contents .contents_detail .top_menu_box2 .main-inner
{
  margin-bottom: 10px;

  /*[width] + [padding-left] + [padding-right] = 760px */
  width: 750px;
  padding-left: 40px;
  font-size: small;

  font-weight: bold;
}

/* ------ Q and A  answer ----- */
#top .page .contents .contents_detail .top_menu_box2 .answer{
	width:650px; /* 532pxから変更[+150px]（寺田：2008/09/22）*/
	margin-left:10px;
    font-weight:bold;
}
#top .page .contents .contents_detail .top_menu_box2 .answer h3{
	margin-top:10px;
	padding:3px 0;
	background-color:#808080;
	border-bottom:1px solid #fff;
}
#top .page .contents .contents_detail .top_menu_box2 .answer dl{
	margin:0px;
}
#top .page .contents .contents_detail .top_menu_box2 .answer dt{
	padding:5px 0;
	background:#ececec url(../img/qa_q.gif) no-repeat center left;
}
#top .page .contents .contents_detail .top_menu_box2 .answer dt a{
	color:#4e4e4e;
	margin-left:30px;
	margin-right:15px;
	display:block;
	position:relative;
	top:-10px;
}
#top .page .contents .contents_detail .top_menu_box2 .answer dt span{
	position:relative;
	top:10px;
}
#top .page .contents .contents_detail .top_menu_box2 .answer dd{
	background:#fff url(../img/qa_a.gif) no-repeat top left;
	margin-bottom:10px;
	padding-bottom:0px;
	margin-left:0px;
}
#top .page .contents .contents_detail .top_menu_box2 .answer dd p{
	color:#4e4e4e;
	font-size:small;
	line-height:20px;
	margin-left:30px;
	margin-right:10px;
}

#top .page .contents .contents_detail .top_menu_box2 .answer dd.pagetop{
	background:none;
	width:73px !important;
	margin-bottom:30px;
}
#top .page .contents .contents_detail .top_menu_box2 .answer .pagetop a{
	margin-left:500px; /* 430pxから変更[+150px]（寺田：2008/09/22）*/
}

#top .page .contents .contents_detail .top_menu_box2 .answer ul{
	color:#4e4e4e;
}



#top .page .top_footer
{
  width: 750px;
  height: 49px;
}

#corporation .page .contents .flow
{
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
}

#corporation .page .contents .flow img
{
  float: left;
  margin: 0px 20px 5px 10px;
  	display: inline;
}

#corporation .page .contents .flow h1
{
  font-size: medium;
  margin-top: 0px;
  margin-bottom: 0px;
}

#corporation .page .contents .flow p
{
  font-size: small;
  margin: 15px;
}


#corporation .page .contents .flow hr
{
  border:1px dotted #666666;
  width: 400px;
}

#corporation .page .contents .abstract
{
  padding: 5px 30px 5px 30px;
}

#introduce .page .contents .greeting
{
  height: 200px;
  border: solid 2px;
  border-color: #2F4370;
  background:#C1D5E0;
  margin: 0px 20px 20px 20px;  
}

#introduce .page .contents .greeting img
{
  float: left;
    display:inline;
}

#introduce .page .contents .staff
{
  height: 200px;
  border: solid 2px;
  border-color: #2F4370;
  background:#C1D5E0;
  margin: 0px 20px 20px 20px;
}

#introduce .page .contents .office_intro
{
  height: 300px;
  background:#C1D5E0;
  border-color: #2F4370;
  border: solid 2px;
  padding: 10px;
  margin:0px 20px 20px 20px;
}

#introduce .page .contents .office_intro .office_data
{
  float: left;
    display:inline;
}


#introduce .page .contents .office_intro .office_data .office_data_li .classification
{
  float: left;
  width: 80px;
  background: #C1C1C1;
  margin-top: 10px;
  padding: 5px 0px 0px 10px;
  	display: inline;
}

#introduce .page .contents .office_intro .office_data .office_data_li .item
{
  margin-top: 10px;
  background: #FFFFFF;
  padding: 5px 0px 0px 10px;
}

#introduce .page .contents .office_intro .office_place
{
  float: right;
    display:inline;
}

#client_voice .page .contents .voice
{
  width: 566px;
  margin: 20px 80px 0px 80px;
  border: solid 2px;
  padding: -20px 10px 40px 10px;
  
}

#client_voice .page .contents .voice h1
{
  background-color: #C1D5E0;
  font-size: large;
}


#inquiry_form .page .contents
{
  padding-left: 50px;
  padding-right: 50px;
}

#inquiry_form .page .contents form hr
{
  border: dotted;
  color: #333333;
}

#inquiry_form .page .contents form table.points tr th strong
{
  color: #ff6600;
}

#inquiry_form .page .contents form p
{
  text-align: center;
}



/* =フォーム（フォームのレイアウト指定）
-------------------------------------------------------------------------------- */

/* =フッター（フッターのレイアウト指定）
-------------------------------------------------------------------------------- */

.footer
{
	height: 36px;
	background: url(../img/footer.png);
}

/* =その他（上記に含められないCSS）
-------------------------------------------------------------------------------- */

/* clear
------------------------------------------------------------ */
.clear
{
	clear: both;
}

/* clearfix
------------------------------------------------------------ */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */