﻿@charset "UTF-8";

/*CSS基本設定：全てのHTMLに対応させる基底スタイル*/

html, body { height:100%; font-size:100%; }	/*フッター対策*/

* {	margin : 0px; padding : 0px; }
	
body { font:1em/130% 'MS ゴシック',Osaka,sans-serif;
						background:url( ../img/body_bg.jpg ) repeat-x top left #dae8f6;
						}
		   
img {
		border : 0px solid #ffffff;
		outline : 0px solid  #ffffff;
		font-size : 0px ; 	/*エラー対策*/
		}


h1, h2, h3, h4, h5, h6, p { color:#333333; }


p { font-size:80%; text-align : justify; text-justify : inter-ideograph; line-height:1.4; }

/*リンクタグ大塚仕様*/
a:link	{
	text-decoration:none;
	color:#0073af;
	}

a:visited	{
	text-decoration:none;	
	color:#7b1e7b;
	}

a:active	{
	text-decoration:none;	
	color:#ff6a00;
	}

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

/*レイアウト：大枠*/
#main{ width: 790px; margin:0 auto; background:url( ../img/bg_shadow.png) center top;}
/*レイアウト：インナ*/
#main-inner { width:780px; margin:0 auto; position:relative;  }

/*===================================================================
		ヘッダー
*/
	/*レイアウト：ヘッダー*/
	#header { background:#ffffff; }
	/*レイアウト：ヘッダナビ*/
	#header-navi { list-style:none; font-size:11px; position:absolute; top:10px; right:0;}
	 #header-navi li { display:inline; margin-right:10px; }
	
	/*リンク*/
	.header-link:link, .header-link:visited, .header-link:active { text-decoration:none; color:#2168b7; }
	.header-link:hover { text-decoration:underline; color:#ff6a00; }
	
/*
		ヘッダー
===================================================================*/
/*===================================================================
		コンテンツ
*/
#content-body4index { background:#ffffff; }
#content-body { background:#ffffff;}

	/*======= サイドメニュ：インデックス =======*/
	#side-menu-index { width:165px; }
	/*======= サイドメニュ：インデックス =======*/
	/*======= サイドメニュ：その他のコンテンツ =======*/
	#side-menu { width:150px; float:left;}
	/*======= サイドメニュ：その他のコンテンツ =======*/
	
	/*Flash*/
	#flash { width:615px; position:absolute; top:80px; left:165px; }
	
	#contents-index { width:630px; top:80px; left:150px; background:#ffffff; }
	
	/*わっつニューエリア：インデックス用*/
	#whats-new-area { background:#ffffff; border:15px solid #ffffff; }
	
	#index-table2 { ; }
	
	.index-td1{ width:245px; vertical-align:top; } 
	.index-td2 {  width:250px;vertical-align:top;
											border:1px solid #b1b1b1;
											border-top:1px solid #b1b1b1;
											background:url( ../img/clm_bg.gif ) repeat-x left bottom;
										}
	.index-td3 {  width:500px;vertical-align:top;
											border:1px solid #b1b1b1;
											border-top:1px solid #b1b1b1;
											background:url( ../img/clm_bg.gif ) repeat-x left bottom;
											font-size:11px; line-height:1.4;
	}
	
	.index-td3 p {
		font-size:11px; line-height:1.4; margin:5px 0; padding:0;
	}
	
	/*インデックス以外のコンテンツ*/
	#contents { width:630px; background:#ffffff; float:right; }
	#contents-inner { width:600px; margin:15px auto; }
	
	/*グループ代表より*/
	#devoir-contents-inner { float:right; width:418px; }
	
	/*グループ沿革：創業期*/
	#outline-sogyo-h1 { width:380px; margin:10px 15px 15px 0; }
	#outline-leftclm { width:380px; float:left; }
	#outline-rightclm { width: 194px; float:right; margin-top:10px; }
	.outline-p { background:url(../outline/img/bar_bttn.gif) repeat left top; line-height:24px;}
	.cap { font-size:9px; margin-bottom:10px; }
	.cap:first-letter { color:#FF9900; }
	.cap2 { font-size:9px; margin-bottom:10px; }
	.cap2:first-letter { color:#839fe9; }
	.cap3 { font-size:9px; margin-bottom:10px; line-height:1.3; padding-top:3px; text-indent:-1em; padding-left:1em; }
	.cap3:first-letter { color:#89c7b0; }
	
	/*グループ沿革：平成期*/
	.heisei-h2 { font-size:1.1em; margin-bottom:0px; color:#003585; border-left:5px solid #75bb9c; padding-left:10px; }
	
/*
		コンテンツ
===================================================================*/


/*===================================================================
		フッター
*/
	#footer { clear:both; height:35px; }
	#footer img { position:absolute; }
	#privacy-link { font-size:12px; position:absolute; bottom:8px; left:15px; }
	#sitemap-link { font-size:12px; position:absolute; bottom:8px; left:150px; }
	#sitemap2-link { font-size:12px; position:absolute; bottom:8px; left:165px; }
	#sitemap3-link { font-size:12px; position:absolute; bottom:8px; left:80px; }
	#sitemap4-link { font-size:12px; position:absolute; bottom:8px; left:205px; }
	/*リンク*/
	#privacy-link:link, #privacy-link:visited, #privacy-link:active { text-decoration:none; color:#ffffff; }
	#privacy-link:hover { text-decoration:underline; color:#ff6a00; }
	#sitemap-link:link, #sitemap-link:visited, #sitemap-link:active { text-decoration:none; color:#ffffff; }
	#sitemap-link:hover { text-decoration:underline; color:#ff6a00; }
	#sitemap2-link:link, #sitemap2-link:visited, #sitemap2-link:active { text-decoration:none; color:#ffffff; }
	#sitemap2-link:hover { text-decoration:underline; color:#ff6a00; }
	
	#sitemap3-link:link, #sitemap3-link:visited, #sitemap3-link:active { text-decoration:none; color:#ffffff; }
	#sitemap3-link:hover { text-decoration:underline; color:#ff6a00; }
	
	#sitemap4-link:link, #sitemap4-link:visited, #sitemap4-link:active { text-decoration:none; color:#ffffff; }
	#sitemap4-link:hover { text-decoration:underline; color:#ff6a00; }
	/*copyright*/
	#copy { font-size:11px; position:absolute; bottom:8px; right:10px; color:#ffffff; letter-spacing:1px; }
/*
		フッター
===================================================================*/


/**==================================
■インデックス
====================================**/

.h2-index {
	font-size:12px;
	background:#c7c7c7 url(../img/midashi_bg.gif) no-repeat right top;
	height:2em;
	line-height:2;
	padding-left:10px;
	border-left:5px solid #2168b7;
	margin:0;
}

.link-index { list-style:none; font-size:11px;
										border:1px solid #b1b1b1;
										border-top:1px solid #b1b1b1;
										margin-bottom:10px;
										padding:10px 0;
										background:url( ../img/clm_bg.gif ) repeat-x left bottom; }
.link-index li {margin:0 10px;  }
.link-index2 { list-style:none; font-size:11px;
				line-height:1.4;
				border-top:1px dotted #bfbfbf;
										 }
.link-index2 li { padding:3px 0 3px 20px; border-bottom:1px dotted #bfbfbf; text-indent:-10px; background:#f6f6f6; color:#1d68c1; }
.link-index2 li a:link { color:#333333; }	

/*リンク*/
.linklink-index:link, .linklink-index:visited, .linklink-index:active { text-decoration:none; color:#0073af; }
.linklink-index:hover { text-decoration:underline; color:#ff6a00; }
/**/
div.fst-index:first-letter { color:#2168b7; }

/**==================================
■そのタのコンテンツ
====================================**/
h2 { margin-bottom:20px; }

.p-vision {
	width : 400px;
	float: none;
}

.photo-area {
	width:160px;
	float: left;
	margin-bottom:20px;
}

#table-profile { font-size:12px; width:600px; }
#table-profile th { border-left:3px solid #2168b7; color:#2168b7; width:100px; padding-left:15px; padding-top:3px; vertical-align:top; text-align : left; }
#table-profile td { width:500px; border-left:1px solid #2168b7; padding-left:15px; }
#table-profile td.no-pro { border:none; padding-left:0; }
.bar-img { margin-top:1px; border-top:1px dotted #565656; }

#table-profile2 { width:470px; }
#table-profile2 th.tt1 { width:20%; background:url( ../outline/img/table_bg.jpg ) no-repeat center right; text-align:center; border:none; color:#ffffff; padding-left:0; }
#table-profile2 th.tt2 { width:40%; background:url( ../outline/img/table_bg.jpg ) no-repeat center right; text-align:center; border:none; color:#ffffff; padding-left:0; }
#table-profile2 th.t1 { background:#dfdfdf; text-align:center; border:none; color:#232323; padding-left:0; }
#table-profile2 td.td2 { border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-left:none; }




/*アクセスマップ*/
.spec1, .spec2, .spec3, .spec4 { position:absolute; }
.spec1 { left:165px; top:220px; }
.spec2 { right:20px; top:520px; color:#0073af; }
.spec3 { left:165px; top:650px; }
.spec4 { right:20px; top:950px; color:#0073af; }

/*事業紹介*/
.bar-img2 { border-bottom:5px solid #ffffff; }
.intro-td1 { width:400px; vertical-align:top; }
.intro-td2 { width:200px; text-align:right; vertical-align:top; }

/*サイトマップ*/
.link-table { width:600px; }
.w50 { width:50%; font-size:12px; vertical-align:top; }

/*プライバシ*/
#privacy-list {  list-style:none; font-size:10px; margin:15px; }
#privacy-list li { font-size:12px; margin-left:1em; text-indent:-1em; } 
#privacy-list li:first-letter { color:#2168b7; }

/*センター*/
.a-center { text-align:center; }

.margin-none { margin:0; }

li.margin-bttm-none { margin-bottom:0; }

/*改行用*/
.block { display:block; }


/*クリアーフックス：フロートエラー防止*/
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
/* ↑↑↑↑↑ FF, Safari, Opera用 ↑↑↑↑↑ */

.clearfix {
	display:inline-block;
	}
/* ↑↑↑↑↑ IE7, MacIE5用 ↑↑↑↑↑ */

/* The Following Hidden From MacIE \*/
	* html .clearfix { height:1%; }
	.clearfix { display:block; }
/* It is Ending that hidden from MacIE */



/** 言語選択 **/
#header-navi li.ja { display:none; }
#header-navi li.ch { display:none; }


