@charset "utf-8";

/* 全ページ共通設定
-------------------------------------------------- */
/* tag class 設定 */
body {
	background:#fff url(img/p_body_bk.gif) center;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-size: 10pt;
	line-height: 1.4em;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

img {
    border: 0px;
}
/* 共通リンクカラー */
a {
	color: #5e8eab;
}
a:hover {
	color: #ff8800;
}
a:visited {
	color: #445a8e;
}

.allClear {
	clear: both;
}
/* 強調～フォントBold */
em {
	font-style: normal;
	font-weight: bold;
}
/* より強い強調～フォントBold+赤文字 */
strong {
	color: #CC0033;
}

/* 文字装飾クラス */
.fontColorRed {
	color: #FF0000;
}
.fontColorPink {
	color: #FF00FF;
}
.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;
}
.fontCaption {
	font-size: 0.8em;
}

/* 全体のブロック 設定
-------------------------------------------------- */
#wrapper { 
	padding: 0px;
	background: #ffffff;
	margin: 0px auto;
	width: 762px; /* 左右のボーダーを含む */
	text-align: left;
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;
}

/* グローバルナビゲーション
---------------------------------------------------- */
#headerNav { 
	margin:0;
	padding:0;
	width: 760px;
}
#glovalNavBox {
	margin: 0;
	padding: 0;
}
#glovalNav {
	margin: 0;
	padding: 0;
	background: url(img/bt_glovalNav.gif) no-repeat;
	width: 760px;
	height: 20px;
	position: relative;
}
/* li for mainNav */
#glovalNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	font-size: 10pt;
}
#glovalNav li, #glovalNav a {
	height: 20px;
	display: block;
	font-size: 10pt;
}
/* テキストを消し、背景画像を表示させるテクニック */
#glovalNav a {
	text-indent: -5000px;
	text-decoration: none;
	font-size: 10pt;
}

/* 背景画像を利用したナビゲーションテクニック */
#glovalNav li#product {
	left: 0px;
	width: 164px;
	background: url(img/bt_glovalNav.gif) 0px 0px no-repeat;
}
#glovalNav li#product_selected {
	left: 0px;
	width: 164px;
	background: url(img/bt_glovalNav.gif) 0px -20px no-repeat;
}
#glovalNav li#news {
	left: 164px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -164px 0px no-repeat;
}
#glovalNav li#news_selected {
	left: 164px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -164px -20px no-repeat;
}
#glovalNav li#corp {
	left: 313px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -313px 0px no-repeat;
}
#glovalNav li#corp_selected {
	left: 313px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -313px -20px no-repeat;
}
#glovalNav li#inquiry {
	left: 462px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -462px 0px no-repeat;
}
#glovalNav li#inquiry_selected {
	left: 462px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -462px -20px no-repeat;
}
#glovalNav li#siteinfo {
	left: 611px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -611px 0px no-repeat;
}
#glovalNav li#siteinfo_selected {
	left: 611px;
	width: 149px;
	background: url(img/bt_glovalNav.gif) -611px -20px no-repeat;
}


/* ホームページ用
-------------------------------------------------- */
/* ホーム用セクション */
.homeSection {
	padding: 0px;
	margin: 0px 0px 15px 10px;
	font-size: 10pt;
  line-height: 1.4em;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
.homeSection h2 {
	margin: 10px 0 0;
}
.homeSection p {
	margin: 5px;
}

/* プロモーション用バナー */
.homeSection div {
	margin: 5px;
	text-align: center;
}
.homeSection div br {
	margin: 0px;
	padding: 0px;
}
.homeSection div img {
	margin: 0px;
	padding: 0px;
}

/* トピックコメント用（枠入り） */
.homeSection div.frame {
	text-align:center;
	border: 1px solid #ddd;
	margin: 10px 20px;
	padding: 5px;
}
.homeSection div.frame p {
	text-align: left;
	margin: 5px;
}
.homeSection div.frame div.figureCenter {
	text-align: center;
}
.homeSection div.frame div.figureCenter p {
	text-align:center;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	height: auto;
}

/* ul定義 */
.homeSection ul.listmark {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_listmark.jpg);
}
.homeSection ul.listtrim {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_tri.gif);
}
.homeSection li {
	padding: 0 0 0 0.3em;
	margin: 0 0 0.5em 0;
	line-height: 1.3em;
}

/* dl定義 */
.homeSection dl.homeNews {
	padding: 0px;
	margin: 5px;
}
.homeSection dl.homeNews dt {
	padding: 0px;
	margin: 0px;
	float: left;
}
.homeSection dl.homeNews dd {
	padding: 0px;
	margin: 0px 0px 2px 8em;
}




/* 区切りライン */
.homeSection dl.homeNews dd div.partition {
	margin: 5px;
	padding: 0px;
	border-bottom: 1px solid #aaaaaa;
}



/* トピックス・製品紹介用（枠入り） */
.homeSection div.homeSectionTopics {
	border: 1px solid #c1d1ef;
	margin: 10px 0px;
	padding: 5px;
}
.homeSection div.homeSectionTopics h3 {
	text-align: left;
	padding-left: 16px;
	margin: 0.2em 0 0.2em 0.2em;
	font-size: 10pt;
	color: #336699;
	background-image: url(img/p_home_link_orange_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.homeSection div.homeSectionTopics p {
	text-align: left;
	margin: 5px;
}
.homeSection div.homeSectionTopics div.figureCenter {
	text-align: center;
}


/* パンくずリスト 設定
-------------------------------------------------- */
/* div指定 */
#breadcrumbsBox {
	margin: 0;
	padding-left: 5px;
	background-color: #fff;
	height: 20px;
}

/* ul for breadcrumbs */
#breadcrumbs {
	margin: 0;
	padding: 0;
	height: 10px;
	line-height: 36px;
}
	
/* ul for breadcrumbs */
#breadcrumbs li {
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	float: left;
	list-style: none;
	font-size: 10pt;
	color: #4282b5;
	background: transparent url(img/p_breadcrumb_arrow.gif) right center;
	background-repeat: no-repeat;
}

/* breadcrumbs ブロックのlink指定 */
#breadcrumbs a {
	height: 12px;
	padding: 0 15px 0 0px;
	/*
	background: transparent url(img/p_breadcrumb_arrow.gif) right center;
	background-repeat: no-repeat;
	*/
}

#breadcrumbs a:link, #breadcrumbs a:visited { color: #0000ff; }
#breadcrumbs a:hover, #breadcrumbs a:visited:hover { color: #4282b5; }

/* Basic Page Contents 設定
-------------------------------------------------- */
/* 基本ページ用セクション */
.basicSection {
	padding: 0px;
	margin: 0px 0px 15px 10px;
	font-size: 10pt;
  line-height: 1.4em;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/* 見出しタグ */
/* カテゴリ別にCSSファイルを読み込む */

/* Flash配置 */
.basicSection div.visual {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	width: 600px;
	height: 100px;
}

/* pタグ */
.basicSection p {
	margin: 5px 5px 5px 15px;
}

.basicSection p.directlink {
color: #999;
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 p span.link {
padding-left: 11px;
margin-right: 10px;
margin-left: 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 span.link + span.link {
margin-left: 10px;
margin-right: 0px;
}

/* dlタグ */
.basicSection dl {
	margin: 0.4em 5px 5px 15px;
}
.basicSection dt {
	margin: 3px 0;
	padding: 0;
}
.basicSection dd {
	margin: 3px 0 3px 30px;
	padding: 0;
}
/* ulタグ */
.basicSection ul.listmark {
	margin: 0.4em 0 0 35px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_listmark.jpg);
}
.basicSection ul.listtrim {
	margin: 0.4em 0 0 35px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_tri.gif);
}
.basicSection ul.listmark ul, .basicSection ul.listtrim ul {
	margin: 0px 0 0px 40px;
	padding: 0;
	list-style-image:url(img/p_list_tri.gif);
}
.basicSection ul ul li {
	margin: 0.5em 0;
	padding: 0;
}
.basicSection ul.none {
	margin: 0.4em 0 0 35px;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
.basicSection ul.disc {
	margin: 0.4em 0 0 35px;
	padding: 0;
	text-align: left;
	list-style-type: disc;
}
.basicSection ul.square {
	margin: 0.4em 0 0 35px;
	padding: 0;
	text-align: left;
	list-style-type: square;
}
.basicSection ol {
	margin: 0.4em 0 0 35px;
	padding: 0;
	text-align: left;
}
.basicSection li {
	padding: 0 0 0 0.3em;
	margin: 0 0 0.5em 0;
	line-height: 1.3em;
}

/* NEWS 見出し dl定義 */
.basicSection dl.homeNews {
	padding: 0px;
	margin: 5px;
}
.basicSection dl.homeNews dt {
	padding: 0px;
	margin: 0px;
	float: left;
}
.basicSection dl.homeNews dd {
	padding: 0px;
	margin: 0px 0px 2px 8em;
}

/* テーブル装飾(table)タグ */
.basicSection table {
	font-size: 10pt;
	line-height: 1.4em;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

/* マージン調整 */
.basicSection div.leftMargin {
	margin: 5px 0px 5px 15px;
}

/* レイアウト装飾(div)タグ */
.basicSection div.comment {
	margin: 0px 40px 10px 40px;
	padding: 0 5px 5px 5px;
}
.basicSection div.comment p {
	text-align: left;
	margin: 5px;
}

.basicSection div.frame {
	text-align:center;
	border: 1px solid #ddd;
	margin: 10px 20px;
	padding: 5px;
}
.basicSection div.frame p {
	text-align: left;
	margin: 5px;
}

.basicSection div.frameCenter {
	border: 1px solid #ddd;
	margin: 10px 5px;
	padding: 5px;
	text-align: center;
}
.basicSection div.frameCenter p {
	margin: 5px;
}

.basicSection div.frame div.textCenter {
	text-align: center;
}
.basicSection div.frame div.textCenter p {
	text-align: center;
}

.basicSection div.frame div.figureCenter {
	text-align: center;
}
.basicSection div.frame div.figureCenter p {
	text-align:center;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	height: auto;
}
.basicSection div.frame div.figureCenter img.margin {
	margin: 5px 10px;
}
.basicSection div.frame ul.listmark {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_listmark.jpg);
}
.basicSection div.frame ul.listtrim {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	list-style-image:url(img/p_list_tri.gif);
}
.basicSection div.frame ul.none {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
.basicSection div.frame li {
	padding: 0 0 0 0.3em;
	margin: 0 0 0.5em 0;
	line-height: 1.3em;
}

.basicSection div.frame dl {
	margin: 5px;
	text-align: left;
}
.basicSection div.frame dt {
	margin: 10px 0 0 0;
	padding: 0;
}
.basicSection div.frame dd {
	margin: 0 0 10px 30px;
	padding: 0;
}

.basicSection div.textCenter {
	text-align: center;
}
.basicSection div.textCenter p {
	text-align:center;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	height: auto;
}

.basicSection div.figureCenter {
	text-align: center;
	margin: 5px 10px;
}
.basicSection div.figureCenter p {
	text-align:center;
	padding: 0px;
	margin: 5px 0px 7px 0px;
}
.basicSection div.figureCenter div.imgColLeft {
	width: 240px;
	float: left;
	padding: 0;
	margin: 5px 5px 5px 10px;
}
.basicSection div.figureCenter div.imgColRight {
	width: 240px;
	float: right;
	padding: 0;
	margin: 5px 10px 5px 5px;
}
.basicSection div.figureCenter div.imgColLeft p, .basicSection div.figureCenter div.imgColRight p {
	text-align:center;
	color: #5e8eab;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	height: auto;
}

.basicSection div.figureCenterFlash {
	text-align: center;
}
.basicSection div.figureCenterFlash p {
	text-align:center;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	height: auto;
}

.basicSection div.figureRight {
	float: right;
	margin: 0 10px;
}
.basicSection div.figureRight p {
	text-align: right;
	padding: 0px;
	margin: 5px;
}


.basicSection div.figureCol {
	padding: 0px;
	margin: 0px 5px 10px 5px;
	float: left;
	line-height: 1em;
}
.basicSection div.figureCol p {
	text-align:center;
	color: #5e8eab;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	height: auto;
}

/* ページトップリンク */
.basicSection div.pagetop {
	margin: 10px 5px;
	padding: 0;
	text-align: right;
}

/*-------- 一般table タグレイアウト --------*/
/* tableセンター定義 */
.basicSection div.table_center {
	text-align: center;
}
/* table.general定義 */
.basicSection table.general th {
	text-align: center;
	font-size: 10pt;
	line-height: 1.4em;
	font-weight: bold;
	border: 1px solid #aaaaaa;
	background-color: #D7D7FF;
}
.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: 10pt;
	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: 10pt;
	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: 10pt;
	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: 10pt;
	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;
}

/* 区切りライン */
.basicSection div.partition {
	margin: 5px 5px 10px 5px;
	padding: 0px;
	border-bottom: 1px solid #aaaaaa;
}

/* 検索ボックス */
#sidebarSearch {
	margin: 0px;
}
#sidebarSearch form {
	margin: 0px;
	text-align: right;
}
#sidebarSearch p {
	margin: 5px;
	text-align: right;
}
/* 各ページ用 フィールド設定 */
#sidebarSearch .fieldSearch {
	width: 110px;
	font-size:12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#sidebarSearch .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: 45px;
	padding: 2px 0px;
}