/* 基本設定、共通部品設定はtop.cssにあり */

/* メインエリアの設定 */
div#main {
	width: 750px;
	height: auto;
	margin: 145px 0 0 0;							/* ここで上位置を調整 */
	clear: both;
}

table#maintable {
	width: 750px;

	border-width: 7px 7px 0 7px;
	border-style: solid;
	border-color: #C4DEAC;
}

/* 個別コンテンツエリアの設定 */
td#contents {
	height: auto;
	vertical-align: top;
	
	border-width: 0 7px 0 0;
	border-style: solid;
	border-color: #C4DEAC;

	padding: 10px;
}

html>/**/body td#contents{							/* IE以外に適用 */
	width: 571px;	
}

* html body td#contents {							/* IEのみに適用 */
	width: 610px;
}

/* サブメニューエリアの設定 */
td#sidemenu {
	width: 140px;
	text-align: center;
	vertical-align: top;
	padding: 0 0 10px 0;
 	background-color: #C4DEAC;
	}

/* 個別コンテンツエリア内部の設定 */
/* パンくずリストの設定 */
	div#pankuzu {
		clear: both;
		margin: 5px 0 10px 0;
	}

/* タイトル画像下の説明文の設定 */
	div#title p {
			margin: 10px 0 10px 5px;
		}

/* ページ内サブカテゴリリンクの設定 */
	#sub-index {
		margin: 15px 0 5px 5px;
	}
	#sub-index2 {
		margin: 15px 0 5px 5px;
	}

		div#sub-index li{
			display: inline;
		}
		div#sub-index2 li{
			display: inline;
			margin: 0;
		}

/* タイトルの設定 */
	h1 {
				padding-top: 10px;
				font-size: 140%;
		}

/* サブカテゴリ部分の設定 */
	.sub {
		margin: 0 5px 0 0;
		padding-bottom: 10px;
	}	
	html>/**/body .sub {							/* IE以外に適用 */
		width: 569px;
	}

	* html body .sub {								/* IEのみに適用 */
		width: 564px;
	}

	
	/* サブカテゴリの見出し設定 */
		.sub h2 {
			clear: both;							/* benricho/内ページのIE表示対応 */
			margin: 10px 0 10px 0;
			padding: 6px 0 6px 0;
			background-image: url(img/subtitle_back.jpg);
			background-repeat: no-repeat;
			color: white;
			font-size: 120%;		
			text-indent: 8px;
		}

		.sub h3 {									/* map.html、language.html、price_dtp.html、benricho/内で使用 */
			clear: both;							/* benricho/内ページの表示対応 */
			font-size: 115%;
			margin: 15px 5px;
			padding: 0 0 3px 5px;
			color: #003300;
			border-bottom: 2px solid #003300;
		}

		.sub h4 {									/* benricho/内で使用 */
			font-size: 100%;
			margin: 10px 0 8px 8px;
		}
	
		.sub ul ul {								/* benricho/order.htmlで使用 */
			margin: 0 0 2px 30px;
		}

		.sub ul li {
			margin: 15px 0 10px 25px;
		}
				
			.sub ul ul li {							/* benricho/order.htmlで使用 */
			list-style-type: square;
			margin-top: 0px;
			margin-bottom: 2px;
		}

		.sub ol li {								/* privacy.html、benricho/order.htmlで使用 */
			margin: 10px 5px 2px 42px;
		}

		.sub ol p {									/* privacy.html、benricho/order.htmlで使用 */
			margin: 0 5px 2px -13px;
			font-weight: normal;
		}

			.sub p{
			margin: 3px 3px 0 9px;
		}

			.sub ul p{
			margin: 3px 3px 0 0;
		}

	.indent {										/* sp.htmlで使用 */
		margin: 10px 0 5px 22px;
	}
	
		.indent p {									/* sp.htmlで使用 */
			margin: 3px 3px 0 1px;
	}

/* 緑色の小見出し */
		.sub-list {
			font-weight: bold;
			color: #236E27;
		}
		
/* 注釈（※）文書の設定 */
/* IE以外に適用 */
				html>body .notes {	
				padding: 0 24px 0 12px; 
				text-indent: -12px;
				font-size: 90%;	
			}

/* IEのみに適用 */
			* html body 	.notes {				/* 「.」の前にpを記述すると、IE6で認識しない */
				padding: 0 12px; 
				text-indent: -12px;
				font-size: 90%;			
			}			
			
			/* 全てのタグに対して設定(*)しておかないと、<a>タグ内にフォントサイズが適用されない */
				 .notes a {
				font-size: 100%;
			}

				 .notes span {
				font-size: 100%;
			}

/* 「ページトップへ」の設定 */
	.to-pagetop {
		clear: both;
		margin: 0 10px 10px 0;			/* 下余白のマイナスは、kyujin2.html<募集時用>の日付部分対応 */
		text-align: right;
	}			

/* サブエリア内の表の設定 */				
		.sub th {
		width: 90px;
		padding: 8px 5px;
		text-align: left;
		/* 横線のみの設定（kaisha.html、kyujin2.html<募集時用>、benricho/shotorihiki.htmlで使用） */
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: gray;
		}

	 th.no-border {						/* 横線なしの設定（benricho/shotorihiki.htmlで使用） *//* 「.」の前にスペースがあるとIEで認識しない */
		border-bottom-width: 0;
	}
		
		.sub td {
		padding: 8px 5px;
		/* 横線のみの設定（language.html、kaisha.html、kyujin2.html<募集時用>、benricho/shotorihiki.htmlで使用） */
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: gray;
	}
	
	 td.no-border {						/* 横線なしの設定（map.htmlで使用） *//* 「.」の前にスペースがあるとIEで認識しない */
		border-bottom-width: 0;
	}
	
		/*  左右分割レイアウトの設定（internet.htmlで使用） */
		.left {
			clear: both;
			float: left;
			margin: 10px;
			padding-left: 25px;
		}
		
		.right {
			float: right;
			margin: 10px;
			padding-right: 25px;
		}

		/*  主要取扱言語マップ画像の設定（language.htmlで使用） */
		.lang-map {
			width: 70px;
			height: 70px;
			border: 3px solid #85C883;
		}

		/*  社長職歴の設定（kaisha.htmlで使用） */
		.date {
		}
		
		.keireki {
			margin: 0;
			padding: 0 0 7px 100px;
		}

		/*  左右分割レイアウトの設定（social_service.htmlで使用） */
		.ss_ryakureki {
			height: auto;
			margin: 0 0 25px 0;
		}
		.ryaku_left {
			clear: both;
			float: left;
			width: 190px;
			margin: 10px;
			padding: 1px 0 1px 20px;
		}
		
		.ryaku_right {
			float: left;
			margin: 10px;
			width: 270px;
			padding: 1px 0;
			line-height: 1.3;
	}
		.float_clear {
			clear: both;
		}
		
	/* 求人ページ　日付 */
	.date {
		clear: both;
		margin: 0 10px -15px 0;	
		text-align: right;
	}			

		
/* 問い合わせフォーム下の広告部 */
	 div#mailform  {				
		white-space: nowrap;
		margin-bottom: -12px;
	}
	
	 div#mailform a {				
		font-size: x-small;
	}

/* DTP よくある質問ページ */

	.question {
		border-bottom: 2px solid #000;
		padding:2px;
	}
	.answer {
		margin: 10px 0 0 0;
		padding:2px;
	}


/* 翻訳、DTPページの依頼方法欄 */
	 .request  {	
	 	margin: 20px 15px 15px 15px;			
		padding: 10px 10px 10px 25px;
		background-color: #F1F9FC;
		border: 2px solid #CCCCCC;	
	}

	.request h4 {		/* 依頼方法欄見出し */
		width: 200px;
		margin: 5px -10px 10px -5px;
		padding: 5px 5px;
		text-align: center;
		vertical-align: middle;
		font-size: 110%;
		font-weight: bold;
		color: #236E27;
		border-top: 2px solid #236E27;
		border-bottom: 2px solid #236E27;
	}
	
	.request ul li {
		font-weight: bold;
		list-style-type: none;
		margin-left: -6px;
		margin-bottom: 0px;
		padding-top: 10px;
	}	

	.request p {
		padding-bottom: 5px;
	}


/* サイトマップページのインデント */
	#sitemap h4 {
		font-weight: normal;
		padding: 15px 0 0 20px;
	}
	#sitemap h5 {
		font-weight: normal;
		padding: 20px 0 0 60px;
	}
	#sitemap h6 {
		font-weight: normal;
		padding: 2px 0 0 90px;
	}
	
/* DTPページの文字色 */
.orange {
	color: #F90;
	font-weight: bold;
}

/* 料金ページ */
table.price_list {
	margin-top: 5px;
}
table.price_list th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
	width: auto;
}
table.price_list td {
	text-align: center;
	vertical-align: top;
	padding-right: 30px;
	width: auto;
}

ul.price_notes {
	margin: 10px 20px;
}
ul.price_notes li{
	margin: 10px 25px;
	font-size: 95%;
}

p.other_lang {
	margin: 0;
	line-height: 1.5;
}

/* 翻訳、DTPページの「主要取扱言語／文字サンプル」「料金表」リンク */
.float {
	width: 480px;
	margin: 0 0 0 65px;
}
.float a {
	float: left;
	display: table-row-group;
	width: 230px;
	height: 50px;
	margin: 10px 0 0 0;
}
.to_langlist {
	background: url(img/language.gif) -5px top no-repeat;
}
.to_langlist:hover {
	background: url(img/language_f2.gif) -5px top no-repeat;
}
.to_langlist span {
	visibility: hidden;
}
.to_pricelist {
	background: url(img/price.gif) -5px top no-repeat;
}
.to_pricelist:hover {
	background: url(img/price_f2.gif) -5px top no-repeat;
}
.to_pricelist span {
	visibility: hidden;
}

/* 翻訳、DTPページの分割線 */
.hr1 {
	width: 550px;
	margin: 25px auto 0 auto;
}

/* 翻訳、DTPページのメールアドレス注釈（notesより文字サイズ小） */
.notes2 {
	font-size: 85%;
}