@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      タグ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body, div, h1, h2, h3, h4, h5, img, ul, ol, li, form {
	margin:0;
	padding:0;
	border:none;
}

body {
	background:#D8D8D8 url(images/bg_body.gif) repeat-y;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:83%;
	color:#444;
	line-height:1.5em;
}

body#toppage {
	background:#D8D8D8 url(images/bg_toppage.gif) repeat-y;
}

h3,
h4 {
	margin:1em 0;
	font-size:100%;
}

p {
	margin:1em 0;
}

a {
	color:#0066cc;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      レイアウト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#container {
	width:740px;
}

div#header {
	position:relative;
	height:65px;
	background:url(images/bg_header.gif) repeat-y;
}

div#content-wrapper {
	width:560px;
	float:right;
}

div#side {
	width:179px;
	float:right;
	margin-right:1px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      ヘッダー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#header h1 {
	position:absolute;
	left:22px;
	top:23px;
}

div#header p#btn-link {
	margin:0;
	position:absolute;
	right:212px;
	top:40px;
}

div#header p#btn-privacy {
	margin:0;
	position:absolute;
	right:91px;
	top:40px;
}

div#header p#btn-condition {
	margin:0;
	position:absolute;
	right:0;
	top:40px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      グローバルナビ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#gnavi {
	height:32px;
	background:url(images/btn_gnavi_off.gif) no-repeat left top;
}

div#gnavi ul {
	position:relative;
	list-style-type:none;
}

div#gnavi ul li {
	position:absolute;
	width:148px;
	height:32px;
	top:0;
}

div#gnavi ul li#profile {
	left:0;
}

div#gnavi ul li#photomask {
	left:148px;
}

div#gnavi ul li#recruit {
	left:296px;
}

div#gnavi ul li#products {
	left:444px;
}

div#gnavi ul li#sitemap {
	left:592px;
}

div#gnavi ul li a {
	display:block;
	height:32px;
	text-indent:-1000px;
}

div#gnavi ul li#profile a:hover {
	background:url(images/btn_gnavi_on.gif) no-repeat 0 0;
}

div#gnavi ul li#photomask a:hover {
	background:url(images/btn_gnavi_on.gif) no-repeat -148px 0;
}

div#gnavi ul li#recruit a:hover {
	background:url(images/btn_gnavi_on.gif) no-repeat -296px 0;
}

div#gnavi ul li#products a:hover {
	background:url(images/btn_gnavi_on.gif) no-repeat -444px 0;
}

div#gnavi ul li#sitemap a:hover {
	background:url(images/btn_gnavi_on.gif) no-repeat -592px 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      プルダウンメニュー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#sub-profile {
	width:148px;
	position:absolute;
	top:119px;
	left:0;
	z-index:10;
	visibility:hidden;
}

div#sub-photomask {
	width:148px;
	position:absolute;
	top:119px;
	left:148px;
	z-index:11;
	visibility:hidden;
}

div#sub-recruit {
	width:148px;
	position:absolute;
	top:119px;
	left:296px;
	z-index:12;
	visibility:hidden;
}

div#sub-products {
	width:148px;
	position:absolute;
	top:119px;
	left:444px;
	z-index:13;
	visibility:hidden;
}

div#sub-profile ul,
div#sub-photomask ul,
div#sub-recruit ul,
div#sub-products ul {
	list-style-type:none;
}

div#sub-profile img,
div#sub-photomask img,
div#sub-recruit img,
div#sub-products img {
	vertical-align:bottom;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity:0.9;
}

div#sub-profile a:hover img,
div#sub-photomask a:hover img,
div#sub-recruit a:hover img,
div#sub-products a:hover img {
	vertical-align:bottom;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

div#closer01 {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	visibility:hidden;
}


div#closer02 {
	position:absolute;
	left:0;
	top:119px;
	z-index:2;
	visibility:hidden;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      ローカルナビ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.lnavi {
	width:179px;
}

div#lnavi-profile {
	background:url(../profile/images/localnavi_off.gif) no-repeat;
	height:175px;
}

div#lnavi-photomask {
	background:url(../photomask/images/localnavi_off.gif) no-repeat;
	height:75px;
}

div#lnavi-recruit {
	background:url(../recruit/images/localnavi_off.gif) no-repeat;
	height:150px;
}

div#lnavi-products {
	background:url(../products/images/localnavi_off.gif) no-repeat;
	height:50px;
}

div.lnavi ul {
	position:relative;
	list-style-type:none;
}

div.lnavi ul li {
	position:absolute;
	width:179px;
	height:25px;
	left:0;
}

div.lnavi ul li#lnavi01 {
	top:0px;
}

div.lnavi ul li#lnavi02 {
	top:25px;
}

div.lnavi ul li#lnavi03 {
	top:50px;
}

div.lnavi ul li#lnavi04 {
	top:75px;
}

div.lnavi ul li#lnavi05 {
	top:100px;
}

div.lnavi ul li#lnavi06 {
	top:125px;
}

div.lnavi ul li#lnavi07 {
	top:150px;
}

div.lnavi ul li a {
	display:block;
	text-indent:-1000px;
	height:25px;
}

div#lnavi-profile ul li a:hover {
	background-image:url(../profile/images/localnavi_on.gif);
}

div#lnavi-photomask ul li a:hover {
	background-image:url(../photomask/images/localnavi_on.gif);
}

div#lnavi-recruit ul li a:hover {
	background-image:url(../recruit/images/localnavi_on.gif);
}

div#lnavi-products ul li a:hover {
	background-image:url(../products/images/localnavi_on.gif);
}

div.lnavi ul li#lnavi01 a:hover {
	background-repeat:no-repeat;
	background-position:0px 0px;
}

div.lnavi ul li#lnavi02 a:hover {
	background-repeat:no-repeat;
	background-position:0px -25px;
}

div.lnavi ul li#lnavi03 a:hover {
	background-repeat:no-repeat;
	background-position:0px -50px;
}

div.lnavi ul li#lnavi04 a:hover {
	background-repeat:no-repeat;
	background-position:0px -75px;
}

div.lnavi ul li#lnavi05 a:hover {
	background-repeat:no-repeat;
	background-position:0px -100px;
}

div.lnavi ul li#lnavi06 a:hover {
	background-repeat:no-repeat;
	background-position:0px -125px;
}

div.lnavi ul li#lnavi07 a:hover {
	background-repeat:no-repeat;
	background-position:0px -150px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      各ページ共通
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 通常は左右マージンを作る。
このクラスが設定されていない時(「職種紹介」「DTFとは」)は
#content-wrapperいっぱいに広がる */
.normal-width {
	margin-left:15px;
	margin-right:15px;
}

h3 {
	margin-bottom:15px;
}

p#copyright {
	text-align:right;
	clear:both;
}

p#btn-toppage {
	margin-top:10px;
}

.clr {
	clear:both;
}

.align-center {
	text-align:center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      企業情報
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---会社概要--- */
div#outline table#t-outline {
	margin-bottom:15px;
	width:530px;
	border-collapse:collapse;
}

div#outline table#t-outline th,
div#outline table#t-outline td {
	padding:3px;
	border:1px solid #8B9099;
	color:#444;
}

div#outline table#t-outline th {
	background:#D4E6FF;
	font-weight:normal;
	white-space:nowrap;
	text-align:left;
}

div#outline table#t-outline td {
	background:#E3EDFF;
}

/* ---経営理念（社長メッセージ） --- */
div#ceomessage div#greeting p {
	margin-top:0;
}

div#ceomessage div#greeting h4 {
	margin-bottom:0;
	color:#435bb1;
}

div#ceomessage div#greeting p#ceo-photo01 {
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	line-height:110%;
}

div#ceomessage div#greeting p#ceo-photo02 {
	float:right;
	margin:0 0 10px 10px;
}

div#ceomessage div#greeting p#ceo-name {
	text-align:right;
}

/* ---沿革--- */
div#history table#t-history {
	margin-bottom:15px;
	width:530px;
	border-collapse:collapse;
}

div#history table#t-history th,
div#history table#t-history td {
	padding:3px;
	border:1px solid #8B9099;
	color:#444;
}

div#history table#t-history th {
	background:#D4E6FF;
	font-weight:normal;
	white-space:nowrap;
	text-align:left;
}

div#history table#t-history td {
	background:#E3EDFF;
}

div#history div#photo-kawasaki {
	float:left;
	width:250px;
	margin-right:30px;
	margin-bottom:1em;
	text-align:center;
}

div#history div#photo-kitakami {
	float:left;
	width:250px;
	margin-bottom:1em;
	text-align:center;
}

/* ---DTFとは？--- */
div#aboutdtf div#aboutdtf-body {
	position:relative;
	height:536px;
	background:url(../profile/aboutdtf/images/aboutdtf.jpg) no-repeat;
}

div#aboutdtf div#aboutdtf-body p.p1 {
	position:absolute;
	top:50px;
	left:28px;
	width:515px;
	font-size:11px;
	line-height:150%;
	color:#fff;
}

div#aboutdtf div#aboutdtf-body p.p2 {
	position:absolute;
	top:186px;
	left:28px;
	width:515px;
	font-size:11px;
	line-height:150%;
	color:#fff;
}

/* ---拠点--- */
div#base p#map {
	text-align:center;
}

/* ---ロードマップ--- */
div#loadmap p#map {
	text-align:center;
}

div#loadmap h4 {
	margin-bottom:1em;
	color:#435bb1;
}

/* ---供給先--- */
div#supply p#map {
	text-align:center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      フォトマスク技術
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---半導体製造フロー--- */
div#photomaskflow table#btn-backtoflow {
	margin:1em 0;
	width:530px;
}

div#photomaskflow table#btn-backtoflow td.right {
	text-align:right;
}

div#photomaskflow table#btn-backtoflow td h3 {
	margin:0;
}

div#photomaskflow div.lead {
	padding:10px;
	background:#dff1fe;
}

/* ハック */
div#photomaskflow div.lead:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
div#photomaskflow div.lead { display: inline-block; }
/* exlude MacIE5 \*/
* html div#photomaskflow div.lead { height: 1% }
div#photomaskflow div.lead {display:block;}
/* end MacIE5 */

div#photomaskflow div#flow02 h4 {
	float:left;
	width:87px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow02 p {
	float:left;
	width:403px;
	margin:0;
}

div#photomaskflow div#flow03 h4 {
	float:left;
	width:165px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow03 p {
	float:left;
	width:325px;
	margin:0;
}

div#photomaskflow div#flow04 h4 {
	float:left;
	width:165px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow04 p {
	float:left;
	width:325px;
	margin:0;
}

div#photomaskflow div#flow05 h4 {
	float:left;
	width:171px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow05 p {
	float:left;
	width:319px;
	margin:0;
}

div#photomaskflow div#flow06 h4 {
	float:left;
	width:126px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow06 p {
	float:left;
	width:364px;
	margin:0;
}

div#photomaskflow div#flow07 h4 {
	float:left;
	width:112px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow07 p {
	float:left;
	width:378px;
	margin:0;
}

div#photomaskflow div#flow08 h4 {
	float:left;
	width:107px;
	margin:3px 10px 0 0;
}

div#photomaskflow div#flow08 p {
	float:left;
	width:383px;
	margin:0;
}


div#photomaskflow div#flow-analysis {
	padding-bottom:0;
}

div#photomaskflow div#flow-analysis h4 {
	margin-top:0;
}

div#photomaskflow h4.t1 {
	margin:1em 0;
	padding:0 0 0 12px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:url(../photomask/photomaskflow/images/mark01.gif) no-repeat left center;
}

div#photomaskflow ul {
	margin:1em 1.5em;
}

div#photomaskflow p#btn-backtoflow {
	text-align:right;
}

div#photomaskflow table.navi-flow {
	width:530px;
}

div#photomaskflow table.navi-flow td {
	vertical-align:bottom;
}

div#photomaskflow table.navi-flow td.right {
	text-align:right;
}

div#type p#photomask-type {
	text-align:center;
}

div#type h4 {
	margin-bottom:0;
	color:#435bb1;
}

div#type p {
	margin:0 0 1em;
}

div#type p.back {
	text-align:right;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      採用情報
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---工場長メッセージ--- */
div#chiefmessage div#message-body {
	margin-top:5px;
}

div#chiefmessage div#message-body p {
	margin:0;
}

/* ---職種紹介--- */
div#occupation div#staff-wrapper {
	margin:15px auto;
	width:507px;
}

div#occupation div#interview-wrapper {
	margin-top:10px;
}

div#occupation div#interview-wrapper div#interview-photo {
	float:right;
	width:194px;
	margin-left:10px;
}

div#occupation div#interview-wrapper div#interview-body p {
	margin:0;
}

div#occupation div#interview-wrapper div#interview-photo p {
	margin-bottom:10px;
	margin-top:0;
}

div#occupation p.linktoflow {
	clear:both;
	text-align:right;
}

/* ---よくある質問--- */
div#faq table#t-faq {
	margin-bottom:15px;
	width:530px;
	border-collapse:collapse;
}

div#faq table#t-faq th,
div#faq table#t-faq td {
	color:#444;
}

div#faq table#t-faq th {
	padding-right:5px;
	font-weight:bold;
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
}

div#faq table#t-faq td.colored {
	color:#090;
}

/* ---募集要項--- */
div#guidelines table#t-guidelines {
	margin-bottom:15px;
	width:530px;
	border-collapse:collapse;
}

div#guidelines table#t-guidelines th,
div#guidelines table#t-guidelines td {
	padding:3px;
	border:1px solid #8B9099;
	color:#444;
}

div#guidelines table#t-guidelines th {
	background:#d5f1d0;
	font-weight:normal;
	white-space:nowrap;
	text-align:left;
}

div#guidelines table#t-guidelines td {
	background:#e6f2e4;
}

/* ---エントリー--- */
div#enter p#btn-agreement {
	text-align:center;
}

/* ---お問い合わせ--- */
div#inquiry p#btn-agreement {
	text-align:center;
}

/* ---iframe--- */
body#agreement {
	margin:0;
	padding:1em;
	background:none;
}

body#agreement h1 {
	margin-bottom:1em;
	font-size:100%;
}

body#agreement ol {
	margin-left:2em;
}

body#agreement ul {
	margin-left:2em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      製品情報
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#wip p#wiplink {
	margin:5em 0;
	text-align:center;
}

/*
div#wip h3 {
	font-weight:bold;
	font-size:110%;
	text-align:center;
}

div#wip div#form-wrapper {
	width:300px;
	margin:0 auto;
	padding:15px;
	border:1px solid #f2ac00;
	background:#fff0cb;
}

div#wip div#form-wrapper table {
	margin:0 auto;
}

div#wip div#form-wrapper p {
	margin:1em 0 0;
	text-align:center;
}

div#wip dl dt {
	color:#f00;
}

div#wip dl dd {
	margin-left:0;
}
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      サイトマップ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#sitemap ul {
	margin-left:3em;
}

div#sitemap ul li {
	margin-bottom:1em;
	font-weight:bold;
}

div#sitemap ul ul {
	margin-left:1.5em;
	list-style-type:none;
}

div#sitemap ul ul li {
	display:inline;
	white-space:nowrap;
	font-weight:normal;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      関連サイト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#link ul {
	margin-left:3em;
}

div#link ul li {
	margin-bottom:1em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      個人情報保護方針
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#privacy h4 {
	margin:1em 0;
}

div#privacy p#signature {
	margin-bottom:3em;
}

div#privacy ol {
	margin-left:2em;
}

div#privacy ol li ol {
	list-style-type:upper-roman;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      ご利用条件
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#condition h4 {
	margin:1em 0;
}

div#condition ol {
	margin-left:2em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      ハック
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.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 */