/*----------------------------------------------------------ページ全体の設定*/

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 80%;
	background-color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-family: "Arial",sans-serif;
	line-height: 140%;
}

a:link {/*リンクテキストの指定（未訪問リンク）*/
	color: #3D5C99;
	text-decoration: none;
}

a:visited {/*リンクテキストの指定（訪問済みリンク）*/
	color: #3D5C99;
	text-decoration: none;
}

a:hover {/*リンクテキストの指定（カーソルが重なった時）*/
	color: #FF8000;
	text-decoration: underline;
}

a:active {/*リンクテキストの指定（クリックされた時）*/
	color: #FF0000;
	text-decoration: none;
}

img {/*初期値として全画像に枠をつけないようにしている*/
	border: none;
}

form {/*初期値としてFORMの周囲に余白をつけないようにしている*/
	margin: 0px;
}

#top_bg {/*トップページの背景画像指定*/
	background: url(../img/parts/bg_top.png) repeat-x;
}

#contents_bg {/*トップ以外のページの背景画像指定*/
	background: url(../img/parts/bg_contents.png) repeat-x;
}

#preload {/*予め読み込ませているメニュー用画像を表示させない指定*/
	display: none;
} 


/*----------------------------------------------------------ヘッダの設定*/

#header {
	width: 900px;
	margin: 0px auto -10px auto;
	padding: 0px;
}

#topheader {
	width: 900px;
	margin: 0px auto -20px auto;
	padding: 0px;
}

/*----------------------------------------------------------ヘッダプルダウンメニューの設定*/

#headermenu {/*メニュー部分全体の設定*/
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 900px;
	height: 65px;
}

.mainmenu {/*メニュー１つ毎の設定*/
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	position: relative;
}

.submenu {/*プルダウンメニュー部分の設定*/
	margin: 0px;
	padding: 0px 0px 8px 0px;
	visibility: hidden;/*最初は非表示（表示非表示はJavaScriptで切り替えている）*/
	position: absolute;/*表示される位置*/
	top: 50px;
	left: 0px;
	z-index: 3;/*他の要素よりも前面に表示*/
	border: 1px solid #999999;
	background-color: #fdfdf0;
	filter: alpha ( Opacity=95 );/*不透明度*/
}


.submenu a {/*プルダウンメニュー内のリンク１つ毎の設定*/
	white-space: nowrap;
	display: block;
	padding: 4px 10px 0px 10px;
}

.submenu a.space {/*プルダウンメニュー内のリンクのうち、１階層下扱いのリンクを右へずらす*/
	margin: 0px 0px 0px 5px;
	padding: 0px 10px;
}

.submenu img {/*プルダウンメニュー内の画像の余白指定*/
	vertical-align: -2px;
	margin-right: 3px;
}


/*----------------------------------------------------------左右コンテンツを囲む枠の設定*/

#contents_box {
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#contents_box_bg {/*左のサイドメニュー部分に背景を敷くためだけのdiv*/
	float: left;
	background: url(../img/side/side_bg_b.png) repeat-y left top;
}

/*----------------------------------------------------------左コンテンツ部分（サイドメニュー）の設定*/

#contents_left {/*幅、余白、左寄せの指定*/
	width: 220px;
	float: left;
	margin: 0px;
	padding: 0px 15px;
}

#contents_left div {/*内部の全divに対する余白指定*/
	margin: 0px 10px 10px 10px;
}

#google {/*google検索部分の設定*/
	padding: 0px;
	font-size: 80%;
}

.news_sub {/*トピックス＆サブメニュー部分の余白、背景色指定*/
	padding: 5px 10px 10px 10px;
	width:180px;
	background-color: #ffffff;
}

.icon_a {/*メニュー上層のアイコン部分設定*/
	padding-top: 6px;
	padding-right: 3px;
	vertical-align: top;
	width: 13px;
}

.link_a {/*メニュー上層のリンク部分設定*/
	padding-top: 4px;
	vertical-align: top;
	width: 100%;
}

.td_b {/*下層メニューtableが入るtdの設定*/
	padding: 0px 0px 1px 4px;
}

.icon_b {/*メニュー下層のアイコン部分設定*/
	padding-top: 3px;
	padding-right: 3px;
	vertical-align: top;
	width: 13px;
}

.link_b {/*メニュー下層のリンク部分設定*/
	padding-top: 1px;
	vertical-align: top;
}

.td_c {/*二層メニューtableが入るtdの設定*/
	padding: 0px 0px 1px 12px;
	line-height: 110%;
}

.info {/*会社情報部分の文字設定*/
	font-size: 80%;
	line-height: 140%;
	padding: 3px 0px;
	border: solid 1px #bbbbbb;
	background-color: #ffffff;
}


.info-border {/*JMCからのお知らせ部分のボーダー*/
	width: 180px;
	height: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/*----------------------------------------------------------右コンテンツ部分（本文関連）の設定*/

#contents_right {/*幅、余白、右寄せの指定*/
	float: right;
	width: 620px;
	margin: 0px;
	padding: 0px 12px;
}

#contents_right div {/*内部の全divに対する余白指定*/
	margin: 10px 0px;
}

.gyoumu_link {/*トップページ業務紹介内部のテキストリンク設定*/
	padding: 3px 10px 0px 10px;
	line-height: 130%;
	font-size: 10px;
}

#koushin .date {/*トップページ更新情報の日付部分の設定*/
	margin: 0px 25px;
	font-weight: bold;
}

#koushin .text {/*トップページ更新情報の文章部分の設定*/
	color:#0000CC;
}

#koushin hr {/*トップページ更新情報の仕切り線の設定*/
	width: 96%;
	height: 1px;
	border: none;
	border-top: 1px dotted #333333;
}

#banner img {/*トップページバナー画像の間隔設定*/
	margin: 2px 1px;
}

.hyougumi {/*会社概要などの表組み*/
	width: 95%;
	margin: 0px auto;
}

.hyougumi th {/*会社概要などの表組み*/
	border-bottom: 1px dotted #333333;
}

.hyougumi td {/*会社概要などの表組み*/
	border-bottom: 1px dotted #333333;
}

.pankuzu {/*パンくずナビ部分の設定*/
	font-size: 90%;
}


/*----------------------------------------------------------フッター部分の設定*/

#footer {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 15px 0px;
	text-align: center;
	font-size: 90%;
	line-height: 150%;
	letter-spacing: 0.1em;
	background: url(../img/parts/footer_bg.png) repeat-x;
}

/*----------------------------------------------------------大中小見出し*/

h1 {/*大見出し（ページタイトル／画像のみ）*/
	margin: 10px 0px;
}

h1 .shita {/*大見出し（下段画像の設定）*/
	margin-top: 10px;
	border-top: 1px #C3C6CC dashed;
	border-bottom: 1px #C3C6CC dashed;
}

h2 {/*中見出し（画像のみ）*/
	margin: 0px;
}

h3 {/*小見出し*/
	clear: both;
	width: 95%;
	margin: 15px auto 0px auto;
	padding: 0px 0px 5px 0px;
	border-bottom: 2px orange dotted;
	font-size: 110%;
	color: #800000;
}

h3 img {/*小見出しの文字とアイコン画像の位置設定*/
	vertical-align: -4px;
}

/*----------------------------------------------------------本文関連の設定*/

.waku_l {/*一番大きなくくり（点線枠部分）の設定*/
	clear: both;
	margin: 10px;
	padding: 10px;
	border: 1px #C3C6CC dashed;
}

.waku_m {/*waku_l内の１項目毎の設定*/
	padding: 0px 15px;
	line-height:1.7;

}

.waku_yellow {/*黄色枠*/
	padding: 10px 15px;
	border: double #FFAA00;
	background: #FFFFE5;
}

.shita {/*化学式の小さい数字フォント(下)*/
	vertical-align: bottom;
	font-size: 0.7em;
	line-height: 1em;
}

.ue {/*化学式の小さい数字フォント(上)*/
	vertical-align: top;
	font-size: 0.7em;
	line-height: 1em;
}

p {/*段落の隙間設定*/
	margin: 5px 0px;
}

.red {/*本文中の文字色（赤）*/
	color: #ff4444;
}

.blue {/*本文中の文字色（青）*/
	color: #4583FF;
}

/*--------------------------------------------------------トピックス関連設定*/

.topic_midasi_a {/*見出し設定*/
	margin: 0px;
    padding:0.2em 0.3em;
	background: #37435b;
	border-color: #cccccc #999999 #999999 #cccccc;
    border: solid 1px;
    display: block;
}

.topic_midasi_b {/*見出し設定*/
    border-left: #ffffff solid 6px;
    padding: 0.4em 0.3em 0.3em 0.5em;
	font-size: 120%;
	color: #ffffff;
}

.tyusyaku {/*注釈テキスト*/
	padding: 0px 20px;
	font-size: 80%;
	color: #444444;
}

/*--------------------------------------------------------問い合わせテーブル*/
.table_form {/*TABLE全体の設定*/
  border-collapse: separate;
  border-spacing: 2px;
}

.table_form th {/*THタグ（項目欄）の設定*/
  padding: 5px;
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #E7EBF3;
  text-align: center;
  white-space: nowrap;
}

.table_form td {/*TDタグ（入力欄）の設定*/
  padding: 5px;
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
}

.error {
	color: red;
	font-size:10px;

}

/*--------------------------------------------------------ツールチップ */
 
#tooltip {/*枠全体の設定*/
	position:absolute;
	z-index:9999;
	color:#000000;
	font-size:12px;
	width:254px;
	text-decoration: none;
}
 
#tooltip .tipHeader {/*枠上部の設定*/
	height:15px;
	background:url(../img/parts/tipHeader3.png) no-repeat;
	margin-bottom: 0px;
}
 
#tooltip .tipBody {/*枠本体の設定*/
	background:url(../img/parts/tipbody3.png) repeat-y;
	padding: 0px 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
 
#tooltip .tipFooter {/*枠下部の設定*/
	height:14px;
	background:url(../img/parts/tipFooter3.png) no-repeat;
	margin-top: 0px;
}

.mushi {/*虫眼鏡画像の設定*/
	text-decoration: none;
	vertical-align: -2px;
	margin-right: 2px;
}

/*--------------------------------------------------------マウスオーバー関係 */

.open {/*続きを読む画像の設定*/
	display: block;
	width: 150px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/parts/open_b.png);
}

a:hover.open {/*続きを読む画像の設定（マウスオーバー時）*/
    background-position: 0px -25px;
}

.open_kwsk {/*さらに詳しく画像の設定*/
	display: block;
	width: 150px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/parts/open_c.png);
}

a:hover.open_kwsk {/*さらに詳しく画像の設定（マウスオーバー時）*/
    background-position: 0px -25px;
}

.close {/*閉じる画像の設定*/
	display: block;
	width: 150px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/parts/close_b.png);
}

a:hover.close {/*閉じる画像の設定（マウスオーバー時）*/
    background-position: 0px -25px;
}

.more {/*MORE画像の設定*/
	float: right;
	display: block;
	width: 65px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/parts/more.gif);
}

a:hover.more {/*MORE画像の設定（マウスオーバー時）*/
    background-position: 0px -15px;
}

.gotop {/*ページトップへ戻る画像の設定*/
	float: right;
	display: block;
	width: 53px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/parts/top.gif);
}

a:hover.gotop {/*ページトップへ戻る画像の設定（マウスオーバー時）*/
    background-position: 0px -15px;
}

.to_faq {/*FAQはこちら画像の設定*/
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/06_faq/to_faq.png);
}

a:hover.to_faq {/*FAQはこちら画像の設定（マウスオーバー時）*/
    background-position: 0px -20px;
}

.to_case {/*事例集はこちら画像の設定*/
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/06_faq/to_case.png);
}

a:hover.to_case {/*事例集はこちら設定（マウスオーバー時）*/
    background-position: 0px -20px;
}

.kwsk {/*サイドメニューの詳細ボタン画像の設定*/
	display: block;
	width: 31px;
	height: 11px;
	margin: 4px 0px 2px 2px;
	padding: 0px;
	background-image: url(../img/side/kwsk.gif);
}

a:hover.kwsk {/*サイドメニューの詳細ボタン画像の設定（マウスオーバー時）*/
    background-position: 0px -19px;
}