/*
	$Id: stylesheet.css,v1 $

	TANAKA MACHINARY.INC'sWEB
	Copyright (C) TANAKA MACHINARY INC.
	Create and Design by Seiki Nishijima

======================================================================
  Memo
・フォントサイズ固定のためOsakaとＭＳＰゴを指定。ヒラギノはおまけ。 060413
・ヘッダー＆フッター各カラー追加

======================================================================
*/


body {
/*------------------------------------
  背景色・イメージ・固定・開始位置・繰り返し
-------------------------------------*/
	background-color: #ffffff;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
/*------------------------------------
  スクロールバーの色設定（ie系のみ適応）
-------------------------------------*/
/*	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #547ECC;
	scrollbar-shadow-color: #547ECC;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #547ECC;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff; */
/*------------------------------------
  ボディマージン
-------------------------------------*/
	margin: 0px auto 0px auto;
	text-align: center;
/*------------------------------------
  デフォルトフォント&テキストボックス
-------------------------------------*/
	font-family : Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 200%;
	color: #333333;
}
div {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-family : Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 140%;
}
p {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-family : Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 140%;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
}
td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-family : Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 140%;
}
input {
	font-size: 12px;
	line-height: 100%;
}
textarea {
	font-size: 12px;
	line-height: 100%;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
div.clear {
	clear: both;
}
div.rightBox {
	text-align: right;
}
p.center {
	text-align: center;
}
/*------------------------------------
  リンク、アンダーバー削除
-------------------------------------*/
/*a {
	text-decoration: none;
}*/

/*------------------------------------
  リンク、ヒット時の色
-------------------------------------*/
a:link {
	color: #3366CC;
}
a:visited {
	color: #3366CC;
}
a:active {
	color: #3366CC;
}
a:hover {
	color: #FF0000;
}

/*------------------------------------
  ボーン
-------------------------------------*/
div.mainBox {
	margin: 0px auto 0px auto;
	width: 800px;
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-y;
	text-align: center;
	clear: both;
}
div.mainAreaBox {
	margin: 0px auto 0px auto;
	width: 740px;
	clear: both;
}
div.marginBox {
	margin: 0px 5px 0px 5px;
	width: 800px;
	height: 10px;
	clear: both;
}
/*------------------------------------
  タイトル
-------------------------------------*/
h2.contentsTitleBox {
	color: #2847AE;
	font-size: 23px;
}
h3.contentsTitleBox {
	height: 30px;
	padding: 8px 0px 0px 10px;
	background-image: url(titles/contents_title.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}
h3.contentsTitleBoxLong {
	height: 30px;
	padding: 8px 0px 0px 10px;
	background-image: url(titles/contents_title_l.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}
/*------------------------------------
  コンテンツ
-------------------------------------*/
div.contentsAreaBox {
	margin: 0px auto 0px auto;
	width: 660px;
	text-align: center;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
div.contentsAreaLeftBox {
	margin-bottom: 30px;
	width: 320px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
div.contentsAreaRightBox {
	margin-bottom: 30px;
	width: 340px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
p.contentsTitleBox {
	margin: 15px 0px 20px 20px;
}
/*------------------------------------
  設備紹介
-------------------------------------*/
img.equipmentMenu {
	margin-bottom: 20px;
}
div.equipmentLeftBox {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 340px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
div.ePhotoSetBox {
	clear: left;
}
div.ePhotoBox {
	width: 160px;
	margin-bottom: 20px;
	float: left;
}
div.ePhotoTextBox {
	margin: 30px 0px auto 20px;
	width: 160px;
	float: left;
}

div.equipmentRightBox {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: auto;
	width: 320px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
div.ePhotoMainBox {
	margin: 200px 0px auto 0px;
}
p.ePhotoMainText {
	margin: 10px;
}
/*------------------------------------
  ニュース
-------------------------------------*/
h2.newsTitleBox {
	margin: 12px 30px 5px 30px;
	border-bottom: 2px dotted #999999;
	width: 600px;
	text-align: left;
	font-size: 14px;
}
p.newsTextBox {
	margin: 12px 30px 0px 30px;
}
p.newsDaysBox {
	margin: 4px 30px 30px 30px;
	border-bottom: 1px solid #3366CC;
	font-size: 10px;
	color: #3366CC;
	text-align: right;
	clear: both;
}
img.newsPhotoBox {
	margin: 5px 0px 0px 30px;
	float: right;
}
/*------------------------------------
  会社概要
-------------------------------------*/
div.companyAreaLBox {
	margin-top:10px;
	margin-right:8px;
	width: 310px;
	text-align: left;
	float: left;
}
div.companyAreaRBox {
	margin-top:10px;
	margin-left:8px;
	width: 310px;
	text-align: left;
	float: left;
}
div.companyGreenBox {
	padding: 0px 15px 0px 15px;
	background-image: url(titles/company_green.gif);
	background-repeat: repeat-y;
}
div.companyCyaanBox {
	padding: 0px 15px 0px 15px;
	background-image: url(titles/company_cyaan.gif);
	background-repeat: repeat-y;
}
div.companyMagentaBox {
	padding: 0px 15px 0px 15px;
	background-image: url(titles/company_magenta.gif);
	background-repeat: repeat-y;
}
div.companyOranBox {
	padding: 0px 15px 0px 15px;
	background-image: url(titles/company_oran.gif);
	background-repeat: repeat-y;
}
p.companyTitleBox {
	margin: 0px 0px 8px 8px;
	font-weight: bold;
}
p.companyTextBox {
	margin: 0px 0px 8px 12px;
}
p.companyTextBox02 {
	margin: 0px 0px 3px 20px;
}
div.companyListBox01 {
	margin: 0px 0px 8px 8px;
	width: 65px;
	float: left;
}
div.companyListBox02 {
	margin: 0px 0px 8px 0px;
	width: 200px;
	float: left;
}
div.companyListBox03 {
	margin: 0px 0px 0px 30px;
	width: 100px;
	float: left;
}
div.companyListBox04 {
	margin: 0px 0px 0px 10px;
	width: 100px;
	float: left;
}
div.companyListBox05 {
	margin: 10px 0px 0px 10px;
	width: 50px;
	float: left;
}
div.companyListBox06 {
	margin: 10px 0px 0px 10px;
	float: left;
}
/*------------------------------------
  リスト
-------------------------------------*/
div.listAreaLBox {
	margin-top:10px;
	margin-right:8px;
	width: 320px;
	text-align: left;
	float: left;
}
div.listAreaRBox {
	margin-top:10px;
	margin-left:8px;
	width: 320px;
	text-align: left;
	float: left;
}
p.listTitleBox {
	padding: 12px 12px 3px 0px;
	font-weight: bold;
	border-bottom: 2px solid #3366CC;
}
div.listTextBox {
	clear: both;
}
div.listBox {
	margin: 12px 0px 3px 0px;
	width: 80px;
	border-bottom: 1px dotted #CCCCCC;
	float: left;
}
div.listBottomBox {
	padding-bottom: 12px;
	margin: 12px 0px 3px 0px;
	width: 80px;
	border-bottom: 2px solid #3366CC;
	float: left;
}
div.listBottomBox02 {
	padding-bottom: 12px;
	margin: 12px 0px 3px 0px;
	width: 160px;
	border-bottom: 2px solid #3366CC;
	float: left;
}
/*------------------------------------
  設備＆実績
-------------------------------------*/
img.photoBox01 {
	margin: 15px 14px 10px 0px;
}
img.photoBox02 {
	margin: 15px 0px 10px 0px;
}
p.photoTextBox {
	margin: 0px 0px 50px 20px;
}
p.photoTextBox02 {
	margin: 0px 0px 0px 20px;
}
div.photoTextBox03 {
	float: left;
}
div.photoTextBox04 {
	margin: 15px 0px 0px 14px;
	height: 208px;
	width: 196px;
	float: left;
}
div.photoTextAreaBox {
	margin-bottom: 50px;
	width: 220px;
	text-align: center;
	float: left;
}
/*------------------------------------
  スピリッツ
-------------------------------------*/
div.spiritsAreaBox {
	margin: 0px auto 0px auto;
	width: 740px;
	height: 550px;
	background-image: url(images/bg_spirits.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	text-align: center;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
div.spiritsAreaLeftBox {
	width: 310px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
div.spiritsAreaRightBox {
	width: 420px;
	height: 470px;
	background-image: url(titles/spirits_sub_text.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 80px;
}
h2.spiritsTitleBox {
	margin-left: 21px;
	color: #2847AE;
	font-size: 23px;
}
p.spiritsTextBox {
	margin: 10px 15px 0px 40px;
	width: 255px;
	height: 66px;
}
div.spiritsImageBox {
	margin-left: 44px;
	width: 270px;
	font-size: 0px;
	line-height: 0px;
}
div.spiritsISOBox {
	margin: 12px 0px 80px 0px;
	width: 410px;
	height: 61px;
	background-image: url(images/sripits_iso.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
p.spiritsISOBox {
	margin: 0px 110px 0px 0px;
	width: 300px;
}
img.spiritsImage {
	margin-top: 10px;
}
ol.spiritsQuality {
	margin: 12px 20px 0px 40px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
}
li {
	margin-bottom: 8px;
}
/*------------------------------------
  ヘッダー
-------------------------------------*/
div.headerTemplateBox {
	margin: 0px auto 0px auto;
	padding-top: 40px;
	width: 800px;
	background-image: url(images/header_sub.gif);
	background-repeat: no-repeat;
	clear: both;
}
div.headerLogoTemplateBox {
	width: 720px;
	margin-left: 50px;
	font-size: 0px;
	line-height: 0px;
}
div.headerBox {
	margin: 0px auto 0px auto;
	padding-top: 40px;
	width: 800px;
	background-image: url(images/header_top.gif);
	background-repeat: no-repeat;
	clear: both;
}
div.headerSideBox {
	width: 30px;
	float: left;
}
div.headerLogoBox {
	width: 720px;
	margin-left: 20px;
	float: left;
}
div.headerTopBox {
	background-image: url(images/bg_top_header.jpg);
	background-repeat: no-repeat;
	width: 740px;
	height: 216px;
	float: left;
}
p.headerLogoBox {
	margin-left: 20px;
}
/*------------------------------------
  フッター
-------------------------------------*/
div.footerSpiritsBox {
	margin: 0px auto 0px auto;
	padding-top: 21px;
	width: 800px;
	height: 111px;
	background-image: url(images/footer_spirits.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #3366CC;
	clear: both;
}
div.footerBox {
	margin: 0px auto 0px auto;
	padding-top: 30px;
	width: 800px;
	height: 120px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #3366CC;
	clear: both;
}
/*------------------------------------
  サンプルリファレンス
-------------------------------------*/
div.SanpleBox {
	margin: auto;
	padding: 0px;
	background-image : url(images/closed_Bho.gif); 
	background-repeat: no-repeat;
	height: 30px;
	width: 776px;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	font-weight: normal;
	font-size: 12px;
	line-height: 140%;
	float: left;
	clear: both;
}
ul.SanpleBox {
	padding-right: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	color: #3399ff;
	display:inline;
	list-style-image: url(images/cursor.gif);
	list-style-type: square;
	list-style-type: decimal;
}
input.SanpleBox {}
select.SanpleBox {}
option.SanpleBox {}

/*------------------------------------
  備考
-------------------------------------*/
/*線種：border: *px (線種) #color;
none（無し）
solid（実線）・dotted（破線）・double（二重線）
groove（谷線）・ridge（山線）
inset（内線）・outset（外線）
*/

/*文字飾り：text-decoration
none（無し）
underline（下線）・overline（上線）
line-through（打ち消し線）
blink（点滅）・inherit（継承）

太字に限り以下：font-weight
normal（通常）と bold（太字）
*/
/*------------------------------------
  エントリーページ
-------------------------------------*/
body.entry {
	background-color: #010B1E;
//	background-image: url(images/bg_entry.jpg);
//	background-repeat: repeat-x;
	background-image: url(images/entry_bg.jpg);
	background-repeat: repeat;
	margin: 80px auto auto auto;
	color: #FFFFFF;
}
a.entry {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	line-height: 140%;
}
a.entry:hover {
	color: #3366CC;
	font-weight: bold;
	font-size: 20px;
	line-height: 140%;
}
/*------------------------------------
  サブメニュー
-------------------------------------*/
div.subMenuBox {
	margin: 0px 30px 0px 30px;
	width: 740px;
	height: 70px;
	font-size: 0px;
	line-height: 0px;
	text-align: right;
	clear: both;
}
img.subMenu01 {
	margin: 25px 0px 0px 10px;
}
img.subMenu02 {
	margin: 25px 30px 0px 10px;
}
/*------------------------------------
  トップメニュー
-------------------------------------*/
div.topContentsBox {
	margin: 0px auto 0px auto;
	width: 740px;
	height: 294px;
	background-image: url(images/bg_top_body.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
div.topImageBox {
	margin: 100px auto 0px auto;
	width: 277px;
	text-align: center;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
div.topMenuBox {
	width: 463px;
	height: 294px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
img.topMenu01 {
	margin: 22px auto auto 0px;
}
img.topMenu02 {
	margin: 15px auto auto 18px;
}
img.topMenu03 {
	margin: 15px auto auto 28px;
}
img.topMenu04 {
	margin: 15px auto auto 63px;
}
img.topMenu05 {
	margin: 15px auto auto 103px;
}
img.topMenu06 {
	margin: 15px auto auto 163px;
}
img.topMenu07 {
	margin: 15px auto auto 233px;
}
/*------------------------------------
  トップコンテンツ
-------------------------------------*/
div.topAreaBox {
	margin: 0px 50px 0px 60px;
	width: 690px;
	height: 179px;
	clear: both;
}
div.topNewsBox {
	margin: 0px 10px 20px 0px;
	width: 395px;
	height: 159px;
	float: left;
}
h3.topNewsTitle {
	width: 395px;
	height: 20px;
	background-image: url(titles/top_news.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
}
div.topNewsAreaBox {
	background-image: url(images/bg_top_news.gif);
	background-repeat: no-repeat;
	width: 395px;
	height: 139px;
	float: left;
}
p.topNewsAreaBox {
	margin: 10px;
	border-bottom: 2px solid #CCCCCC;
}
div.topBlogBox {
	font-size: 0px;
	line-height: 0px;
	float: right;
}
img.topBlog01 {
	margin: 20px auto auto 0px;
}
img.topBlog02 {
	margin: 20px auto auto 26px;
}
img.topBlog03 {
	margin: 7px auto auto 0px;
}
img.topBlog04 {
	margin: 7px auto auto 26px;
}