@charset "UTF-8";

body {
	color: #333333;
	background: #F6F6F6;
	text-align:center;
	font-size: 81.25%;	/* font-sizeをbody要素にfont-size: 81.25%;を指定しておき、16px * 0.8125 = 13pxという指定の仕方もあります。 */
	line-height: 1.4em;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img {
    border: 0px;
}

/* 共通リンクカラー */
a {
	color: #003366;
}
a:hover {
	color: #993300;
}
a:visited {
	color: #993300;
}

.allClear {
	clear: both;
}

/* ページセンタリング */
.layout_center {
	margin: 5px;
	text-align: center;
}

/* 強調～フォントBold */
em {
	font-style: normal;
	font-weight: bold;
}
/* より強い強調～フォントBold+赤文字 */
strong {
	color: #CC0033;
}
/* ページトップリンク */
.pagetop {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	text-align: right;
}

/* 文字装飾クラス */
.fontNormal {
	font-size: 81.25%;	/* font-sizeをbody要素にfont-size: 81.25%;を指定しておき、16px * 0.8125 = 13pxという指定の仕方もあります。 */
	line-height: 1.4em;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.fontColorRed {
	color: #FF0000;
}
.fontColorBlue {
	color: #0000FF;
}
.fontLevelupRedBold {
	font-size: 1.1em;
	color: #FF0000;
	font-weight: bold;
}
.fontLevelupBlueBold {
	font-size: 1.1em;
	color: #0000FF;
	font-weight: bold;
}
.fontLevelupBlackBold {
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
}
.fontUnderline {
	text-decoration: underline;
}
.fontCaption {
	font-size: 0.8em;
}
.fontCaptionItalic {
	font-size: 0.8em;
	font-style: italic;
}

#wrapper { 
	padding: 0px;
	background: #ffffff;
	margin: 0px auto;
	width: 800px; /* 左右のボーダーを含む */
	text-align: left;
}


/* グローバルナビゲーション 設定
-------------------------------------------------- */
#header { 
	padding: 0px;
	margin: 0 0 10px 0;
	width: 800px;
	height: 75px;
}
#gLogo { 
	padding: 0px;
	float: left;
	margin: 0 0 10px 0;
	height: 75px;
}

#gLogo h1 {
	display:none;
}

/* -------------------------------------------------- */
/* メインナビゲーション */
/* div指定 */
#glovalNavBox {
	margin: 0;
	padding: 0;
}
#glovalNav {
	margin: 0;
	padding: 0;
	background: url(img/bt_glovalNav.jpg) no-repeat;
	width: 800px;
	height: 40px;
	position: relative;
}

/* li for mainNav */
#glovalNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#glovalNav li, #glovalNav a {
	height: 40px;
	display: block;
}

/* テキストを消し、背景画像を表示させるテクニック */
#glovalNav a {
	text-indent: -5000px;
	text-decoration: none;
}

/* 背景画像を利用したナビゲーションテクニック */

#g_Nav_skip {
	display: none;
}
#g_Nav_home {left: 11px; width: 93px;}
#g_Nav_metal {left: 104px; width: 155px;}
#g_Nav_rtos {left: 259px; width: 121px;}
#g_Nav_project {left: 380px; width: 130px;}
#g_Nav_cooperate {left: 510px; width: 128px;}
#g_Nav_inquiry {left: 638px; width: 127px;}

#g_Nav_home a:hover, #g_Nav_home a:visited:hover { background: transparent url(img/bt_glovalNav.jpg) -11px -40px no-repeat;}
#g_Nav_metal a:hover, #g_Nav_metal a:visited:hover { background: transparent url(img/bt_glovalNav.jpg) -104px -40px no-repeat;}
#g_Nav_rtos a:hover, #g_Nav_rtos a:visited:hover { background: transparent url(img/bt_glovalNav.jpg) -259px -40px no-repeat;}
#g_Nav_project a:hover, #g_Nav_project a:visited:hover { background: transparent url(img/bt_glovalNav.jpg) -380px -40px no-repeat;}
#g_Nav_cooperate a:hover, #g_Nav_cooperate a:visited:hover { background: transparent url(img/bt_glovalNav.jpg) -510px -40px no-repeat;}
#g_Nav_inquiry a:hover, #g_Nav_inquiry a:visited:hover { background: transparent url(img/bt_glovalNav.jpg) -638px -40px no-repeat;}

#g_Nav_home a.selected:link, #g_Nav_home a.selected:visited { background: transparent url(img/bt_glovalNav.jpg) -11px -40px no-repeat;}
#g_Nav_metal a.selected:link, #g_Nav_metal a.selected:visited { background: transparent url(img/bt_glovalNav.jpg) -104px -40px no-repeat;}
#g_Nav_rtos a.selected:link, #g_Nav_rtos a.selected:visited { background: transparent url(img/bt_glovalNav.jpg) -259px -40px no-repeat;}
#g_Nav_project a.selected:link, #g_Nav_project a.selected:visited { background: transparent url(img/bt_glovalNav.jpg) -380px -40px no-repeat;}
#g_Nav_cooperate a.selected:link, #g_Nav_cooperate a.selected:visited { background: transparent url(img/bt_glovalNav.jpg) -510px -40px no-repeat;}
#g_Nav_inquiry a.selected:link, #g_Nav_inquiry a.selected:visited { background: transparent url(img/bt_glovalNav.jpg) -638px -40px no-repeat;}


/* コンテンツ部ブロック 設定
-------------------------------------------------- */
/* コンテンツwrapper */
#content { 
	padding: 0px;
	margin: 0px;
	width: 800px;
}

/* 2段組（ホームページ） */
/* #content(#cLeft + #cRight) */
#cLeft {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    width: 460px;
}

#cRight {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: right;
    width: 280px;
}

/* 2段組（メイン） */
#cSub { 
	padding: 0px;
	float: left;
	margin: 20px 0px 0px 0px;
	width: 180px;
} 
#cNormal { 
	padding: 0px;
	float: right;
	margin: 20px 0px 0px 0px;
	width: 600px;
}

/* HomePage Contents/#content(#cLeft + #cRight) 設定
-------------------------------------------------- */
/* ホーム用セクション */
.homeSection {
	padding: 0px;
	margin: 10px 0px 15px 0px;
}
/* 見出し設定 */
.homeSection h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: none;
	height: auto;
}
.homeSection h3 {
	margin: 0;
}
.homeSection p {
	margin: 5px;
}

.homeSection dl {
	padding: 0px;
	margin: 5px;
}
.homeSection dt {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
.homeSection dd {
	padding: 0px;
	margin: 0px 0px 0.2em 0px;
}

/* ホーム用ニュースリリース/イベント・セミナー見出し */
.homeSection dl.headline {
	padding: 0px 0px 10px 0px;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px solid #aaaaaa;
}
.homeSection dl.headline dt.date {
	padding: 0px;
	margin: 0px 0px 2px 0px;
	float: left;
}
.homeSection dl.headline dd.title {
	padding: 0px;
	margin: 0px 0px 0.5em 7em;
}
.homeSection dl.headline dd.subhead {
	padding: 0px;
	margin: 0px 0px 0.5em 7em;
}
.homeSection dl.headline dd.thanks {
	padding: 0px;
	margin: 0px 0px 0.5em 7em;
	color: #FF0000;
	font-weight: bold;
}

/* ホーム（extraDIV）用囲い罫 */
.homeSection div.frame {
	text-align:center;
	border: 1px solid #ddd;
	margin: 10px 5px;
	padding: 5px;
}
.homeSection div.frame p.title_center {
	text-align: center;
	margin: 5px;
	font-weight: bold;
}
.homeSection div.frame p.normal {
	text-align: left;
	margin: 5px;
}

.homeSection div.frame .leftImg {
	float: left;
	margin-right: 20px;
}
.homeSection div.frame .leftImg img {
	margin-bottom: 5px;
}

/* ホームページ用Flash配置
-------------------------------------------------- */
#homeVisualPR {
	float: left;
	margin: 0;
	width: 800px;
	height: 260px;
}

/* Basic Page Contents 設定
-------------------------------------------------- */
/* 基本ページ用セクション */
.basicSection {
	padding: 0px;
	/* margin: 0px 10px 15px 0px; */
	margin: 0px 0px 15px 0px;
}

/* 見出し設定 */
.basicSection h2 {
	font-size: 107%;	/* 14pxサイズ相当の大きさ */
	margin: 0em 5px 1.0em 5px;
	padding:5px 5px 5px 10px;
	border-width:1px 1px 1px 10px;
	border-style:solid;
	border-color:#A2C445;
	background:transparent url(img/p_h2_bk.gif) repeat-x left bottom;
}
.basicSection h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
	padding: 15px;
	margin: 1.0em 5px 1.0em 5px;
	background-image: url(img/p_h3_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.basicSection h3 span.caption {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
}

.basicSection h4 {
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 25px;
	margin: 1.0em 5px 1.0em 5px;
	color: #333333;
	background-image: url(img/p_h4_bk_mark.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: dotted 1px #999999;
}

.basicSection h4 span.caption {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
}

.basicSection h5 {
	padding-left: 5px;
	margin: 1.0em 5px 1.0em 5px;
	font-size: 1.0em;
	color: #333333;
	text-decoration: underline;
}

.basicSection p {
	margin: 5px 5px 10px 5px;
}

.basicSection p.directlink {
color: #333;
margin-top: 21px;
}

.basicSection p.directlink span {
padding-left: 11px;
margin-right: 10px;
background: url(img/icon_link_arrow_red.gif) no-repeat 0 6px; /* start hiding from macie\*/
background-position: 0px 4px; /* stop hiding */
}
.basicSection p.directlink span + span {
margin-left: 10px;
margin-right: 0px;
}

.basicSection dl {
	margin: 5px 5px 10px 5px;
}
.basicSection dt {
	margin: 3px 0;
	padding: 0;
}
.basicSection dd {
	margin: 0px 0 3px 20px;
	padding: 0;
}

.basicSection ul.listmark {
	margin: 0 0 10px 30px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_mark.gif);
}
.basicSection ul.listtrim {
	margin: 0 0 10px 30px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_green_line.gif);
}
.basicSection ul ul li {
	margin: 0.5em 0;
	padding: 0;
}

.basicSection ul.none {
	margin: 0 0 10px 30px;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
.basicSection ul.disc {
	margin: 0 0 10px 30px;
	padding: 0;
	text-align: left;
	list-style-type: disc;
}
.basicSection ul.square {
	margin: 0 0 10px 30px;
	padding: 0;
	text-align: left;
	list-style-type: square;
}
.basicSection ol {
	margin: 0 0 10px 40px;
	padding: 0;
	text-align: left;
}
.basicSection li {
	padding: 0 0 0 0.3em;
	margin: 0 0 0.5em 0;
	line-height: 1.3em;
}

/* 囲み構成 */
.basicSection div.frame {
	border: 1px solid #ddd;
	margin: 10px 5px;
	padding: 5px;
}

/* 背景画像入り囲み構成 */
.basicSection div.frameImg {
	width: 400px;
	margin: 20px auto 0 auto;
	background: url(img/frame_wrapper_top_bg.gif) no-repeat;
}
.basicSection div.frameImg div.frameImgComment {
	width: 400px;
	margin: 19px auto 0 auto;
	padding: 0 20px;
	background: url(img/frame_wrapper_bg.gif) repeat-y;
	text-align: left;
}
.basicSection div.frameImg div.frameImgBottom {
	padding: 40px 0 0 0;
	background: #F6F6F6 url(img/frame_wrapper_bottom_bg.gif) no-repeat;
	text-align: center;
	font-size: 1.0em;
	line-height: 1;
}

/* 通常用ニュースリリース/イベント・セミナー見出し */
.basicSection dl.headline {
	padding: 0px 0px 10px 0px;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px solid #aaaaaa;
}
.basicSection dl.headline dt.date {
	padding: 0px;
	margin: 0px 0px 2px 0px;
	float: left;
}
.basicSection dl.headline dd.title {
	padding: 0px;
	margin: 0px 0px 0.5em 7em;
}
.basicSection dl.headline dd.subhead {
	padding: 0px;
	margin: 0px 0px 0.5em 7em;
}
.basicSection dl.headline dd.thanks {
	padding: 0px;
	margin: 0px 0px 0.5em 7em;
	color: #FF0000;
	font-weight: bold;
}


/* 角丸の背景囲み */
div.corner  { background-color:#fff; }
div.corner1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#ddeac7; }
div.corner2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#ddeac7; }
div.corner3 { margin: 0 2px;height:1px;overflow: hidden; background-color:#ddeac7; }
div.corner4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#ddeac7; }
div.cornerContent { padding:5px; background-color:#ddeac7; }
div.cornerContent p.left {
	text-align: left;
}
div.cornerContent p.center {
	text-align: center;
}

/*****************************************************/
/*-------- 一般table タグレイアウト --------*/
/* tableセンター定義 */
.basicSection div.table_center {
	text-align: center;
}
/* table.general定義 */
.basicSection table.general th {
	text-align: center;
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: bold;
	border: 1px solid #aaaaaa;
	background-color: #ddeac7;
}
.basicSection table.general tr.altrow td {
	background-color: #FFFFCC;
}
.basicSection table.general tr.fontRed td {
	color: #FF0000;
}

.basicSection table.general td.left_top, .basicSection table.general td.left, .basicSection table.general td.left_top_end, .basicSection table.general td.left_end{
	text-align: left;
}
.basicSection table.general td.center_top, .basicSection table.general td.center,  .basicSection table.general td.center_top_end, .basicSection table.general td.center_end{
	text-align: center;
}
.basicSection table.general td.right_top, .basicSection table.general td.right, .basicSection table.general td.right_top_end, .basicSection table.general td.right_end {
	text-align: right;
}
.basicSection table.general td.left_top, .basicSection table.general td.center_top, .basicSection table.general td.right_top {
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: normal;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	margin: 3px;
	padding: 3px;
}
.basicSection table.general td.left_top_end, .basicSection table.general td.center_top_end, .basicSection table.general td.right_top_end {
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #aaaaaa;
	margin: 3px;
	padding: 3px;
}
.basicSection table.general td.left, .basicSection table.general td.center, .basicSection table.general td.right {
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	margin: 3px;
	padding: 3px;
}
.basicSection table.general td.left_end, .basicSection table.general td.center_end, .basicSection table.general td.right_end {
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	margin: 3px;
	padding: 3px;
}


/* table.img_col定義 */
table.img_col {
	margin: 5px 5px 10px 5px;
	/*
	width: 480px;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	*/
	border-collapse: collapse;
}
table.img_col td {
	/* width: 240px; */
	padding: 0.2em 0.2em 0.5em 0.2em;
	text-align: center;
}
table.img_col caption {
	padding-bottom: 0.4em;
	text-align: left;
	font-weight: bold;
	color: #ff7400;
	background: transparent;
}

/* サイドメニュー 設定
-------------------------------------------------- */
#sidebarLink ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sidebarLink li {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;	/* IE6でli要素の上下に隙間が生じるバグ */
}

/* サイドメニュー 【ニュース】設定
-------------------------------------------------- */
#sidebarNewsLink ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sidebarNewsLink li.cLink {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	background: transparent url(img/p_sidebarLink_endLine.gif) no-repeat bottom left;
}
#sidebarNewsLink li span.c1 {
	/* background: transparent url(img/p_sidebarLink_network_arrow.gif) no-repeat 0 40%; */
	padding: 0 0 0 15px;
	margin: .2em 0;
	display:block;
}
#sidebarNewsLink li span.c2 {
	/* background: transparent url(img/p_sidebarLink_network_arrow.gif) no-repeat 15px 40%; */
	padding: 0 0 0 30px;
	margin: .2em 0;
	display:block; /* 長いテキストリンクの場合、きれいに回り込ませる */
}

/* フッター　設定
-------------------------------------------------- */
#footer {
	clear: both;
	padding: 20px 0 25px;
	margin: 0px;
	width: 800px;
}
#footer p.footerMenu {
	/* font-size: small; */
	font-size: 10pt;
	margin: 10px 0 30px 0;
	text-align:center;
}
#footer p.footerMenu a {
	padding: 0 5px;
}
#footer p.footerMenu span {
	color: #5e8eab;
}

#footer div.copyPrint {
	display: none;
}

#footer address {
	text-align: right;
}

#footer address span {
	display: none;
}

/* お問い合わせフォーム */
/*---------------------------------------------------*/
form.formContact dl {
	margin:0px 0px 20px 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}
form.formContact dt {
	margin: 0px 0px 3px 12px;
	color: #556677;
	font-weight:bold;
}
form.formContact dd {
	padding: 0px 0px 0px 30px;
	margin: 0 0 20px 0;
}

form.formContact .fieldText4 {
	width: 40px;
	font-size:12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
form.formContact .fieldText10 {
	width: 80px;
	font-size:12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
form.formContact .fieldText30 {
	width: 240px;
	font-size:12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
form.formContact .fieldTextMax {
	width: 320px;
	font-size:12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
form.formContact .fieldTextArea {
	width: 480px;
	font-size:12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
form.formContact .fieldButtom {
	font-size:12px;
	border-top: 1px solid #ECE9D8;
	border-left: 1px solid #ECE9D8;
	border-right: 1px solid #ACA899;
	border-bottom: 1px solid #ACA899;
	background-color:#DFD9F2;
	width: 80px;
	padding: 2px 0px 2px 0px;
}
form.formContact p.centerPosition {
	text-align: center;
}