/*-----------------------------------
　ページレイアウト
-----------------------------------*/

/*　全体　*/
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-align: left;
	background: #e5e5e1 url(../image/common_bg006.gif) repeat-y top center;
}
body.selection {
	margin: 0px;
	padding: 15px;
	color: #333333;
	text-align: left;
	background: none;
}
img {
    border-style:none;
}
div.width545 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 545px;
}
div.width525pad {
	text-align: left;
	margin: 0 auto;
	padding: 10;
	width: 525px;
}
div.width545center {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 545px;
}
div.width720 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 720px;
}

/*　メインコンテンツ（左）　*/
td.leftArea {
	padding-top: 25px;
	padding-right: 25px;
	_padding-right: 0px;
	width: 570px;
	_width: 545px;
	background: url(../image/common_bg003.gif) no-repeat 0 0;
}

/*　ナビゲーション（右）　*/
td.rightArea table {
	margin-left: 2px;
	width: 188px;
}
td.rightArea {
	background: url(../image/common_bg001.gif) repeat-y 0 0;
}
td.rightArea table td a {
	font-size: 12px;
}
.sideNavitext {
	color: #666666;
}
td.childNavioff a {
	margin: 0;
	padding: 2px 4px 2px 23px;
	display: block;
	min-height: 10px;
	_height: 17px;	
	background: url(../image/common_bt001.gif) no-repeat 14px 7px;
	text-align: left;
	color: #333333;
	line-height: 140%;
}
td.childNavion a {
	margin: 0;
	padding: 2px 4px 2px 23px;
	display: block;
	min-height: 10px;
	_height: 15px;	
	background: #d9d9d3 url(../image/common_bt001.gif) no-repeat 14px 7px;
	text-align: left;
	color: #333333;
	line-height: 140%;
}
td.childNavion a:link {
	color: #333333;
	text-decoration: none;
}
td.childNavion a:active {
	color: #CC0000;
	text-decoration: none;
}
td.childNavion a:visited {
	color: #333333;
	text-decoration: none;
}
td.childNavion a:hover {
	color: #0066CC;
	text-decoration: underline;
}
td.childNavioff a:link {
	color: #333333;
	text-decoration: none;
}
td.childNavioff a:active {
	color: #CC0000;
	text-decoration: none;
}
td.childNavioff a:visited {
	color: #333333;
	text-decoration: none;
}
td.childNavioff a:hover {
	background-color: #d9d9d3;
	color: #0066CC;
	text-decoration: underline;
}

/*　フッター　*/
td.rightBottom {
	background: url(../image/common_bg002.gif) no-repeat 0 0;
}
td.pageUp a {
	margin: 0;
	padding: 5px 4px 2px 20px;
	display: block;
	height: 20px;
	background: url(../image/common_bt003.gif) no-repeat 7px 12px;
	font-size: 10px;
	line-height: 160%;
}
td.rightBottom table td a {
	margin: 0;
	padding: 5px 4px 2px 20px;
	display: block;
	height: 20px;
	background: url(../image/common_bt003.gif) no-repeat 7px 12px;
	font-size: 10px;
	line-height: 160%;
}
td.footerNavi table tr td a {
	font-size: 10px;
}
	
/*　パンくず　*/
td.topicPath {
	font-size: 10px;
}


/*-----------------------------------
　フォント（個別指定用）
-----------------------------------*/

/*　デフォルトフォントサイズ＆行間（本文）　*/
td {
	font-size: 75%;
	line-height: 140%;
}
th {
	font-size: 75%;
	line-height: 140%;
}

/*　固定フォントサイズ　*/
.fixSmall {
	font-size: 10px;
	line-height: 140%;
}
.fixNormal {
	font-size: 12px;
	line-height: 140%;
}

/*　可変フォントサイズ　*/
.variableXsmall {
	font-size: 70%;
	line-height: 120%;
}
.variableSmall {
	font-size: 95%;	
	line-height: 120%;
}
.variableLarge {
	font-size: 125%;
	line-height: 140%;
}
.variableXlarge {
	font-size: 200%;
	line-height: 140%;
}
.subhead {
	font-size: 125%;
	font-weight: bold;
	line-height: 100%;
	color: #333333;
}
.smallHead {
	font-size: 110%;
	font-weight: bold;
	line-height: 130%;
	color: #333333;
	margin: 20px 0px 5px;
}


/*　リンクカラー　*/
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:active {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #666699;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
a.white {
	color: #FFFFFF;
	text-decoration: none;
}
a.red {
	color: #FF0000;
	text-decoration: none;
}
a.brown {
	color: #993300;
	text-decoration: none;
}
a.green {
	color: #008000;
	text-decoration: none;
}
a.darkgray {
	color: #333333;
}

/*-----------------------------------
　Table
-----------------------------------*/

/*----------------------------------------- 共用 */

table.small td {
	font-size: 70%;
	line-height: 120%;
	text-align: left;
}

table.largecenter td {
	font-size: 150%;
	line-height: 150%;
	text-align: center;
}

/*----------------------------------------- 製品仕様 */

/*　標準　*/
table.spec td {
	font-size: 70%;
	line-height: 120%;
	text-align: center;
}
/*　標準 左揃え　*/
table.spec td.specLeft {
	text-align: left;
}
/*　標準 右揃え　*/
table.spec td.specRight {
	text-align: Right;
}
/*　標準 ヘッダー　*/
table.spec th {
	font-size: 70%;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
/*　以下、同様にフォントを小さくする場合　*/
table.specSmall td {
	font-size: 60%;
	line-height: 120%;
	text-align: center;
}
table.specSmall td.specLeft {
	text-align: left;
}
table.specSmall td.specRight {
	text-align: Right;
}
table.specSmall th {
	font-size: 60%;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table.selection {
	border-collapse: collapse;
}
table.selection th {
	font-size: 75%;
	line-height: 120%;
	padding: 4px;
	text-align: center;
	color: #333333;
	border: 1px solid #999999;
	background-color: #FAFAFA;
}
table.selection td {
	font-size: 75%;
	line-height: 120%;
	padding: 4px;
	text-align: center;
	color: #333333;
	border: 1px solid #999999;
}

/*----------------------------------------- サポート */

/*　標準　*/
table.support td {
	font-size: 65%;
	line-height: 120%;
	text-align: center;
}
/*　標準 左揃え　*/
table.support td.supportLeft {
	text-align: left;
}
/*　標準 右揃え　*/
table.support td.supportRight {
	text-align: Right;
}
/*　標準 ヘッダー　*/
table.support th {
	font-size: 65%;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
/*　フォント大　*/
table.supportLarge td,
table.supportLarge th {
	font-size: 100%;
	line-height: 130%;
	text-align: center;
}
/*　フォント大 左揃え　*/
table.supportLarge td.left {
	text-align: left;
}
/*　フォント大 右揃え　*/
table.supportLarge td.right {
	text-align: right;
}
/*　フォント特大　*/
table.supportLarge td.xl {
	font-size: 180%;
	font-weight: bold;
	line-height: 180%;
}

/*-----------------------------------
　フォーム
-----------------------------------*/

/*　検索　*/
input.searchField {
	margin: 5px 4px 4px 0;
	_margin-top: 4px;
	height: 20px;
	width: 170px;
	border: solid 1px #999999;
}

/*　ログイン　*/
input.loginField {
	margin: 1px 2px 3px 0;
	height: 20px;
	width: 130px;
	border: solid 1px #999999;
}
input.loginField2 {
	margin: 1px 0px 3px 0;
	height: 20px;
	width: 175px;
	border: solid 1px #999999;
}

/*　フォーム周りレイアウト　*/
td.search,
td.loginArea {
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 0pt;
	line-height: 0;
}
img.searchImg {
	margin: 9px 0 5px 0;
	padding: 0;
	vertical-align: top;
}
img.loginImg {
	margin: 5px 5px 1px 9px;
	padding: 0;
	vertical-align: top;
}
input.searchBtn {
	margin: 5px 0 2px 0px;
	vertical-align: top;
}
input.loginBtn {
	margin: 1px 0 3px 0px;
	_margin-top: 5px;
	vertical-align: top;
}


/*-----------------------------------
　パーツ
-----------------------------------*/

/* 見出し */
h1 {
	margin: 0px 0px 20px;
	padding: 0px;
}
h2 {
	font-size: 120%;
	padding: 0px;
	background: url(../image/common_h3_bg003.gif) no-repeat left top;
	color: #0066cc;
	margin: 0px 0px 10px;
	width: 264px;
	_height: 1%;
	font-weight: normal;
}
h2 a {
	padding: 5px 0px 5px 20px;
	background: url(../image/common_h3_bg004.gif) no-repeat left bottom;
	margin: 0px;
	display: block;
	_height: 1%;
}
h2.titleImg {
	margin: 30px 0px 20px;
	padding: 0px;
	background: url(../image/spacer.gif) no-repeat left top;
}
h3 {
	font-size: 120%;
	font-weight: normal;
	padding: 0px;
	background: url(../image/common_h3_bg001.gif) no-repeat left top;
	color: #333333;
	margin: 15px 0px 10px;
	_height: 1%;
}
h3 a,
h3 b {
	padding: 5px 0px 5px 20px;
	background: url(../image/common_h3_bg002.gif) no-repeat left bottom;
	display: block;
	_height: 1%;
}

/* リスト */
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}
li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
ul.disk {
	list-style: none;
	margin: 0px 0px 8px 10px;
	padding: 0px;
}
ul.disk li {
	padding: 0px 0px 0px 12px;
	background: url(../image/common_icon_002.gif) no-repeat left 6px;
	_height: 1%;
}
dl {
	margin: 0px 0px 10px 12px;
	line-height: 140%;
	color: #333333;
}
dt {
	font-weight: bold;
	color: #666666;
}
dd {
	margin: 0px 0px 0.5em 2em;
}
ol {
	margin: 10px 0px 10px 40px;
	line-height: 140%;
	color: #333333;
}

/* アイコンリンク */
.arrow01 {
	padding: 0px 0px 0px 8px;
	background: url(../image/common_arrow002.gif) no-repeat left 6px;
	_height: 1%;
}
p.arrow02 {
	padding: 0px 0px 0px 8px;
	background: url(../image/common_arrow002.gif) no-repeat left 0.5em;
	_height: 1%;
}
p.icOrange {
	background: url(../image/common_icon_001.gif) no-repeat 0px 5px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	zoom: 1;
}

/* 本文レイアウト調整 */
p {
	margin: 0px;
	padding: 0px;
}
p.paragraph {
	margin-bottom: 20px;
}
p.paragraph02 {
	margin-bottom: 0.5em;
}
p.paragraph03 {
	margin-bottom: 0.5em;
	text-indent: 1em;
}
p.paragraph04 {
	margin-bottom: 0.5em;
	line-height: 140%;
}
p.paragraph05 {
	margin: 0.5em 0px 0.5em 0px;
}
p.paragraph06 {
	text-indent: 1em;
}
.indent01 {
	margin-left: 20px;
}
.indent02 {
	margin-left: 20px;
	margin-bottom: 0.5em;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.red {
	color: #EE0000;
}
.orange {
	color: #F3821F;
}
.purple {
	color: #9970DB;
}
.pink {
	color: #FF70DB;
}
.blue {
	color: #0066CC;
}
.brown {
	color: #993300;
}
.green {
	color: #008000;
}
.limegreen {
	color: #32CD32;
}
.gray {
	color: #666666;
}
.lightgray {
	color: #999999;
}
.darkgray {
	color: #333333;
}
.white {
	color: #FFFFFF;
}
.line1 {
	font-size: 120%;
	font-weight: bold;
	color: #333333
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #F17100;
	border-left-color: #F17100;
	margin: 0px 0px 25px 0px;
	text-indent: 6px;
}
.BGexhibition {
	display: inline-block;
	padding: 3px 8px 3px 8px;
	margin-right: 5px;
	border: none;
	color: #FFFFFF;
	background-color: #0099CC;
}
.BGseminar {
	display: inline-block;
	padding: 3px 4px 3px 4px;
	margin-right: 5px;
	border: none;
	color: #FFFFFF;
	background-color: #AD86FF;
}
.BGred {
	display: inline-block;
	padding: 3px 4px 3px 4px;
	margin-right: 5px;
	border: none;
	color: #FFFFFF;
	background-color: #FF0000;
}
.BGaward {
	display: inline-block;
	padding: 8px 0px 8px 0px;
	margin: 5px 0px 10px 0px;
	border: none;
	background-color: #FFE4B5;
	width: 545px;
}

/* 注意書き */
p.note {
	font-size: 85%;
	line-height: 130%;
	margin: 5px 0px 5px;
	padding: 0px;
}

/* 画像フロート */
img.floatRight{
	float: right;
	margin-left: 0.5em;
}
img.floatLeft {
	float: left;
	margin-left: 0.5em;
}
.floatclear {
	clear: both;
}


/* 製品仕様内レイアウト調整 */
.detailSpec {
	padding: 0px 4px 0px 8px;
}

/* 製品一覧プルダウンメニュー */
.pdArea {
	padding: 5px 0px;
	line-height: 100%;
}	
.pdMenu {
	margin: 0px;
	width: 210px;
	padding: 0px;
	height: 20px;
}
.detailBtn {
	margin: 0px 0px 0px 5px;
	cursor: pointer;
	padding: 0px;
}

/* 製品仕様タブ切り替え */
#tabIndex li {
	cursor: pointer;
	float: left;
	font-size: 12px;
	text-align: center;
	display: block;
	margin-right: 5px;
	padding-top: 5px;
	height: 24px;
	_height: 29px;
	width: 94px;
}
#tabIndex .close {
	background: url(../image/common_tab_off.gif) no-repeat;
}
#tabIndex .open {
	background: url(../image/common_tab_on.gif) no-repeat;
}
#tabIndex .open a {
	background: #FFFFFF no-repeat;
	display: block;
	height: 20px;
	width: 80px;
	margin-left: 7px;
	_margin-left: 0px;
}

/* 製品  */
div.width545 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 545px;
}

/* 区切り線 */
hr { 
	border-style: solid none none none;
	border-top-width: 1px;
	color: #CCCCCC;
}

/*-----------------------------------
　カテゴリー別
-----------------------------------*/

/* support フォーム周り */
table.form th {
	padding: 5px;
	font-weight: normal;
	text-align: left;
	border: 1px solid #ffffff;
}
table.form th span {
	font-weight: normal;
	text-align: left;
	border-left: 3px solid #f17100;
	padding: 0px 0px 0px 5px;
}
table.form th,
table.form td {
	font-size: 75%;
}
label {
	cursor: pointer;
}
input.halfText {
	ime-mode: disabled;
}
textarea.textBox01 {
	width: 300px;
}
td.checkArea {
	_padding-top: 2px;
}
input.searchField02 {
	margin: 5px 4px 4px 0;
	_margin-top: 4px;
	width: 250px;
	height: 20px;
}
img.faqSearch {
	margin: 9px 0 5px 0px;
	padding: 0;
	vertical-align: top;
}
img.banner {
	border: 1px solid #cccccc;
}

/* 正誤表 */
table.seigo { border-collapse: collapse; margin-bottom: 10px; width: 100%;}
table.seigo td, table.seigo th { border: #c9c9c9 1px solid; padding: 3px; font-size: 12px; white-space: nowrap;}
table.seigo td { vertical-align: top; background: #ffffff;}
table.seigo th { text-align: center; background: #e7edf8;}
table.seigo td.page { text-align: center; font-size:100%;}
table.seigo td.date { text-align: center;}

/* topics 一覧 */
.newsIcon {
	margin-right: 5px;
}
.detailTitle {
	background: url(../image/common_waku002.gif) repeat-y;
	padding-right: 10px;
	padding-left: 30px;
}
.detailTitleLarge {
	background: url(../image/common_waku004.gif) repeat-y;
	padding-right: 10px;
	padding-left: 30px;
}
.topicsTitle {
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
}
.topicsTitleLarge {
	font-size: 160%;
	line-height: 150%;
	font-weight: bold;
}
.topicsTitleCap {
	font-size: 120%;
}

/* recruit レイアウト調整 */
.newsBg {
	background: url(../../recruit/image/index_bg001gif.gif) no-repeat left top;
	padding: 3px 0px 0px;
}
td.rightArea table.rnaviEntry {
	width: 170px;
	margin-top: 8px;
	margin-right: 9px;
}
td.rightArea table.rnaviEntry th {
	padding: 0px;
	margin: 0px;
	background: #e60918;
}
td.rightArea table.rnaviEntry td {
	padding: 11px;
	background: #f0f0f0;
	text-align: left;
}
td.rightArea table td p.entryTxt,
.entryBox p.entryTxt {
	margin-top: 5px;
	margin-bottom: 5px;
}
.entryBox {
	padding: 11px;
	background: #f0f0f0;
	text-align: left;
}
.messageBox {
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}
.recruitStep {
	font-size: 120%;
	font-weight: bold;
	color: #003399;
}

/* HOME 画像拡大 */
a.enlarge {
	display: block;
	float: left;
	margin: 0px;
}
a.enlarge img{
	position: absolute;
}
a.enlarge,
a.enlarge img{
	width: 385px;
	height: 280px;
}
a.enlarge:hover {
	border: none;
	cursor: default;
}
a.enlarge:hover img {
	width: auto;
	height: auto;
}

/* table標準 */
table.common { border-collapse: collapse; margin-bottom: 10px; width: 100%;}
table.common td, table.common th { border: #c9c9c9 1px solid; padding: 3px; font-size: 12px;}
table.common th { text-align: center; background: #e7edf8;}
table.common td.center { text-align: center;}
table.common td.top { vertical-align: top;}