@charset "UTF-8";


/* ----- リンク定義 ----- */

A{color: #00427f; text-decoration: none;}
A:link{color: #00427f;}
A:visited{color: #00427f;}
A:active{color: #00427f;}
A:hover{color: #1B7DDA; text-decoration: underline;}

A.navi:link{color: #00427f;}
A.navi:visited{color: #00427f;}
A.navi:active{color: #00427f;}

/* ----- タグ定義 ----- */

body {
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 75%;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

p,li {

	line-height: 150%;
}

p, form, ul, ol, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

label {
	cursor: pointer;
}

input {
	color: #555555;
}

img {
	border: 0;
}

h1 {
	font-size: 130%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}


/* テキスト */
.normTxt {
	font-size: 100%;
}

.bigTxt {
	font-size: 120%;
}

.biggerTxt {
	font-size: 130%;
}

.smlTxt {
	font-size: 80%;
}

.bldTxt {
	font-weight: bold;
}

.noBld {
	font-weight: normal;
}

.redTxt {
	color: #e20014;
}

.blueTxt {
	color: #1f5a99;
}

.grayTxt {
	color: #666;
}

.lightGrayTxt {
	color: #999;
}

.whiteTxt {
	color: #fff;
}

.arrTxt {
	padding-left: 19px;
	background: url(../img/arrow.gif) no-repeat 10px 1px;
}



/* インデント */
.indTxt {
	padding-left: 1em;
	text-indent: -1em;
}



/* ブルーグリーンリンク */
a.blueLink:link , a.blueLink:visited {
	color: #00427f;
}

a.blueLink:hover , a.blueLink:active {
	color: #1b7dda;
}



/* ブルーグリーンリンク　アンダーラインなし */
a.blueLinknoBd:link , a.blueLinknoBd:visited {
	color: #00427f;
	text-decoration: none;
}

a.blueLinknoBd:hover , a.blueLinknoBd:active {
	color: #1b7dda;
	text-decoration: underline;
}



/* グレーリンク */
a.grayLink:link , a.grayLink:visited {
	color: #333;
	text-decoration: none;
}

a.grayLink:hover , a.grayLink:active {
	color: #1b7dda;
	text-decoration: underline;
}



/* 三角リンク */
a.arr:link , a.arr:visited {
	color: #333;
	text-decoration: none;
	padding-left: 19px;
	background: url(../img/arrow.gif) no-repeat 10px 4px;
}

a.arr:hover , a.arr:active {
	color: #1b7dda;
	text-decoration: underline;
	padding-left: 19px;
	background: url(../img/arrow_blue.gif) no-repeat 10px 4px;
}


/* 三角リンク複数行 */
a.arrBl:link , a.arrBl:visited {
	color: #333;
	text-decoration: none;
	padding-left: 19px;
	background: url(../img/arrow.gif) no-repeat 10px 6px;
	display: block;
}

a.arrBl:hover , a.arrBl:active {
	color: #1b7dda;
	text-decoration: underline;
	padding-left: 19px;
	background: url(../img/arrow_blue.gif) no-repeat 10px 6px;
	display: block;
}



/* 三角リンク大文字 */
a.arrBig:link , a.arrBig:visited  {
	color: #333;
	text-decoration: none;
	padding-left: 19px;
	background: url(../img/arrow.gif) no-repeat 10px 5px;
}

a.arrBig:hover , a.arrBig:active {
	color: #1b7dda;
	text-decoration: underline;
	padding-left: 19px;
	background: url(../img/arrow_blue.gif) no-repeat 10px 5px;
}



/* 三角左リンク */
a.arrLt:link , a.arrLt:visited {
	color: #333;
	text-decoration: none;
	padding-left: 10px;
	background: url(../img/arrow_back.gif) no-repeat 0 4px;
}

a.arrLt:hover , a.arrLt:active {
	color: #1b7dda;
	text-decoration: underline;
	padding-left: 10px;
	background: url(../img/arrow_backblue.gif) no-repeat 0 4px;
}



/* 三角右リンク */
a.arrRt:link , a.arrRt:visited {
	color: #333;
	text-decoration: none;
	padding-right: 10px;
	background: url(../img/arrow.gif) no-repeat right 4px;
}

a.arrRt:hover , a.arrRt:active {
	color: #1b7dda;
	text-decoration: underline;
	padding-right: 10px;
	background: url(../img/arrow_blue.gif) no-repeat right 4px;
}



/* 背景色 */
.grayBg {
	background-color: #e5e5e5;
}

.blueBg {
	background-color: #e6eff7;
}

.whiteBG {
	background-color: #fff;
}



/* 整列 */
.alnLt {
	text-align: left;
}

.alnRt {
	text-align: right;
}

.alnCt {
	text-align: center;	
}

.valTop { vertical-align: top;

}


/* レイアウト */
.rel {
	position: relative;
}

.abs {
	position: absolute;
}

.clear {
	clear: both;
}

.flt {
	float: left;
}

.frt {
	float: right;
}



/* 戻る・次へリンク */
#linkArea {
	width:747px;
	height: 1em;
	position:relative;
	border: 1px solid #ccc;
	padding: 8px;
	line-height: 1em;
	margin-bottom: 20px;
	clear: both;
}

#back {
	position: absolute;
	right: 430px;
}

#next {
	position: absolute;
	left: 430px;
}


/* リンクタブ */
#tabArea {
	background: url(../img/tabbg.gif) repeat-x bottom;
	margin-bottom: 20px;
}


/* ３分割 */
.w195 {
	width: 195px;
}


/* PDFリンク */
.pdfBlk {
	padding-left: 25px;
	background: url(../img/pdficon_ss.gif) no-repeat 7px 0;
}


a.pdf:link {
	line-height: 19px;
	color: #333;
	text-decoration: none;
	padding-left: 25px;
	background: url(../img/pdficon_ss.gif) no-repeat 7px;
}

a.pdf:visited {
	line-height: 19px;
	color: #333;
	text-decoration: none;
	padding-left: 25px;
	background: url(../img/pdficon_ss.gif) no-repeat 7px;
}

a.pdf:hover {
	line-height: 19px;
	color: #1b7dda;
	text-decoration: underline;
	padding-left: 25px;
	background: url(../img/pdficon_ss.gif) no-repeat 7px;
}

a.pdf:active {
	line-height: 18px;
	color: #1b7dda;
	text-decoration: underline;
	padding-left: 25px;
	background: url(../img/pdficon_ss.gif) no-repeat 7px;
}


/* ----- リンク ----- */

.link01 {
	background: url(../img/ico_link01.gif) no-repeat 0px center;
	padding: 0px 0px 1px 15px;
}

.link01.menuAct {
	background: url(../img/ico_link01_act.gif) no-repeat 0px center;
	color: #999999;
}

.link01.menuAct:hover {
	color: #999999;
	text-decoration: none;
}

.link02 {
	background: url(../img/ico_link02.gif) no-repeat 0px center;
	padding: 1px 0px 1px 16px;
}

.linkPdf {
	background: url(../img/pdficon_ss.gif) no-repeat 0px center;
	padding: 1px 0px 1px 20px;
}

/* ----- 枠線 ----- */

div.wakuGre {
	background-color: #fbffe2;
	border: 1px solid #ccd867;
	padding: 8px 10px;
}


/* ----- 全体 ----- */

#container {
	width: 980px;
	padding-left: 20px;
}

#mainArea {
	width: 980px;
	padding-bottom: 20px;
}

#mainLt {
	width: 765px;
	float: left;
}

#mainRt {
	width: 190px;
	float: right;
}

.listLt {
	list-style-type: none;
}

.listLt li {
	display: block;
	float: left;
	white-space: nowrap;
	padding-right: 10px;
}

.listLt li img {
	vertical-align: top;
}

.listLt li.last {
	padding-right: 0px;
}

.pickupList {
	width: 190px;
	list-style-type: none;
	padding-top: 10px;
}

.pickupList li {
	padding-bottom: 7px;
}

.pickupList li img {
	vertical-align: top;
}

.list01 {
	list-style-type: none;
	padding-left: 5px;
}

.list01 li {
	background: url(../img/list01.gif) no-repeat 0px 4px;
	padding: 0px 0px 20px 20px;
}

.list01.nonpd li {
	background: url(../img/list01.gif) no-repeat 0px 4px;
	padding: 0px 0px 10px 20px;
}

.catalogList {
	list-style-type: none;
	padding-bottom: 15px;
}

.catalogList li {
	float: left;
	padding-right: 13px;
}

.catalogList li .txt {
	top: 26px;
	left: 58px;
}

.catalogList li.last {
	padding-right: 0px;
}

.ttl190 {
	width: 190px;
	border-bottom: 4px solid #868686;
	padding-bottom: 2px;
}

.ttl765 {
	width: 765px;
	border-bottom: 4px solid #868686;
	padding-bottom: 2px;
}

.mainTtl {
	font-size: 150%;
	font-weight: bold;
	line-height: 120%;
	padding-bottom: 10px;
}

.mainTtl .en {
	font-size: 70%;
	color: #868686;
}

.mainTtl.line {
	border-bottom: 4px solid #333333;
	margin-bottom: 20px;
	padding-bottom: 1px;
}

.catchTtl {
	font-size: 130%;
	padding-bottom: 15px;
}

.subTtl {
	background-color: #333333;
	font-size: 130%;
	line-height: 120%;
	color: #ffffff;
	padding: 6px 15px 4px 15px;
}

.subTtl span {
	font-weight: normal;
}

.subTtl2 {
	background-color: #868686;
	font-size: 120%;
	line-height: 120%;
	color: #ffffff;
	margin-bottom: 10px;
	padding: 5px 15px 7px 15px;
}

.subTtl3 {
	padding-bottom: 4px;
	line-height: 1em;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
}

.subTtl4 {
	padding-bottom: 4px;
	line-height: 1em;
	border-bottom: 1px solid #bbb;
	margin-bottom: 6px;
}

.subTtl5 {
	padding: 5px;
	line-height: 1em;
	border-bottom: 2px solid #7b75b7;
	margin: 20px 0 10px 0;
	color: #55508a;
}

.subTtl6 {
	padding: 5px 6px;
	line-height: 1em;
	border-bottom: 1px solid #bbb;
	margin: 25px 0 10px 0;
	color: #55508a;
}

.subTtl7 {
	padding: 5px 6px;
	line-height: 1em;
	border-left: 5px solid #999;	
	margin-bottom: 5px;
}

.subTtl8 {
	background: #dad7f7;
	padding: 4px 10px;
	line-height: 1em;
	margin-bottom: 10px;
}

.topLt {
	float: left;
	width: 576px;
}

.topRt {
	float: right;
	width: 169px;
}

.subMenu,
.subMenuLumi {
	width: 765px;
	height: 33px;
	background: url(../img/submenu_bg.gif) no-repeat 0px 0px;
	margin-bottom: 25px;
}

.subMenuLumi {
	width: 502px;
	background: url(../img/submenu_lumi_bg.gif) no-repeat 0px 0px;
	margin-bottom: 0px;
}

.subMenu.sub {
	margin-bottom: 15px;
}

.subMenu ul,
.subMenuLumi ul {
	width: 735px;
	list-style-type: none;
	padding: 7px 0px 0px 30px;
}

.subMenuLumi ul {
	width: 482px;
	padding: 7px 0px 0px 20px;
}

.subMenu.sub ul {
	width: 745px;
	padding: 7px 0px 0px 20px;
}

.subMenu li,
.subMenuLumi li {
	display: block;
	float: left;
	white-space: nowrap;
	padding-right: 35px;
}

.subMenu.sub li {
	display: block;
	float: left;
	white-space: nowrap;
	padding-right: 24px;
}

.subMenu li.last,
.subMenuLumi li.last {
	padding-right: 0px;
}

.subMenu a,
.subMenuLumi a {
	color: #333333;
}

.subMenu a:hover,
.subMenuLumi a:hover{
	color: #1B7DDA;
}

.subArea {
	width: 735px;
	border: 1px solid #333333;
	padding: 14px;
	margin-bottom: 15px;
}

.subLine {
	width: 735px;
	background: url(../img/dot_line_2col.gif) no-repeat 0px bottom;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.subAreaLt {
	float: left;
	width: 345px;
}

.subAreaLt.long {
	width: 735px;
}

.subAreaRt {
	float: right;
	width: 345px;
}

.subAreaLt .txtArea,
.subAreaRt .txtArea {
	float: right;
	width: 215px;
}

.subAreaLt.long .txtArea {
	width: 605px;
}

.subAreaLt .txtArea .alnRt a,
.subAreaRt .txtArea .alnRt a {
	font-size: 90%;
}

.subAreaLt .phArea,
.subAreaRt .phArea {
	float: left;
	width: 110px;
}

.subAreaLt .subLink,
.subAreaRt .subLink {
	font-size: 120%;
	border-bottom: 2px solid #cccccc;
	margin-bottom: 7px;
	padding-bottom: 1px;
}

.subLink span {
	font-weight: normal;
}

.subareaBtm {
	background: url(../img/subarea2_btmline.gif) no-repeat 0px bottom;
}

.subareaLine {
	background: url(../img/subarea2_line.gif) repeat-y 0px 0px;
}

.subareaBtm1 {
	background: url(../img/subarea1_btmline.gif) no-repeat 0px bottom;
}

.subareaLine1 {
	background: url(../img/subarea1_line.gif) repeat-y 0px 0px;
}

.subAreaLt2 {
	float: left;
	width: 347px;
	border-top: 1px solid #333333;
	padding: 14px;
}

.subAreaRt2 {
	float: right;
	width: 347px;
	border-top: 1px solid #333333;
	padding: 14px;
}

.subAreaLt2 .txtArea,
.subAreaRt2 .txtArea {
	float: right;
	width: 215px;
}

.subAreaLt2 .txtArea.noph,
.subAreaRt2 .txtArea.noph {
	width: 347px;
}

.subAreaLt2 .txtArea .alnRt a,
.subAreaRt2 .txtArea .alnRt a {
	font-size: 90%;
}

.subAreaLt2 .phArea,
.subAreaRt2 .phArea {
	float: left;
	width: 110px;
}

.subAreaLt2 .subLink,
.subAreaRt2 .subLink {
	font-size: 120%;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 7px;
	padding-bottom: 1px;
}

.subAreaLin {
	width: 763px;
	border: 1px solid #333333;
}

.subAreaLin.specMap {
	background: url(../../specification/img/top_map_bg.jpg) no-repeat right 0px;
}

.subAreaLin a {
	display: block;
	padding: 14px;
}

.subAreaLinLt {
	float: left;
	width: 375px;
	border-top: 1px solid #333333;
}

.subAreaLinRt {
	float: right;
	width: 375px;
	border-top: 1px solid #333333;
}

.subAreaLin a,
.subAreaLinLt a,
.subAreaLinRt a {
	display: block;
	padding: 14px;
}

.subAreaLin p,
.subAreaLinLt p,
.subAreaLinRt p {
	color: #333333;
}

.subAreaLin .subLink,
.subAreaLinLt .subLink,
.subAreaLinRt .subLink {
	background: url(../img/ico_link01_l.gif) no-repeat 0px 4px;
	font-size: 120%;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 7px;
	padding: 0px 0px 1px 18px;
}

.pagetopArea {
	clear: both;
	font-size: 90%;
	text-align: right;
	margin-top: 30px;
}

.btmLinkArea {
	width: 733px;
	border: 1px solid #bbbbbb;
	margin-bottom: 20px;
	padding: 20px 15px;
}

.btmLinkList {
	width: 723px;
	list-style-type: none;
	padding: 0px 5px;
}

.btmLinkList.line {
	border-bottom: 1px dotted #333333;
	margin-bottom: 8px;
	padding-bottom: 5px;
}

.btmLinkList li {
	display: block;
	float: left;
	white-space: nowrap;
	padding-right: 40px;
	padding-bottom: 5px;
}

.btmLinkList.narrow li {
	float: left;
	padding-right: 30px;
}

.btmLinkList.narrow2 li {
	float: left;
	padding-right: 20px;
}

.btmLinkList li a {
	color: #333333;
}

.btmLinkList li a:hover{
	color: #1B7DDA;
}


/* コラム */
.w435 {
	width: 460px;
}

.w170 {
	width: 240px;
}

.w386 {
	width: 510px;
}

.w219 {
	width: 219px;
}

.w302 {
	width: 302px;
}

.w303 {
	width: 303px;
}

.w195 {
	width: 195px;
}

.w290 {
	width: 290px;
}

.w315 {
	width: 315px;
}


.w311 {
	width: 311px;
}

.w294 {
	width: 294px;
}


.w297 {
	width: 297px;
}

.w166 {
	width: 166px;
}

.w137 {
	width: 137px;
}

.w136 {
	width: 136px;
}

.w289 {
	width: 289px;
}

.h25 {
	height: 25px;
}

/* ----- パン屑リスト ----- */

#panArea {
	font-size: 90%;
	padding-bottom: 15px;
}

/* ===== ----- ヘッダー ----- ===== */

#headArea {
	width: 980px;
}

#headLt {
	width: 260px;
	height: 49px;
	float: left;
}

#headRt {
	width: 700px;
	height: 32px;
	float: right;
	text-align: right;
	padding-top: 17px;
}

#logo {
	width: 260px;
	height: 49px;
	background: url(../img/logo.gif) no-repeat 0px 13px;
	text-indent: -9999px;
}

#logo a {
	display: block;
	width: 260px;
	height: 49px;
}

#searchArea {
	float: right;
	list-style-type: none;
}

#searchArea li {
	float: left;
}

#searchArea li img {
	vertical-align: top;
}

/* ===== ----- フッター ----- ===== */

#footArea {
	width: 980px;
	border-top: 4px solid #444444;
}

#footLt {
	width: 480px;
	height: 37px;
	float: left;
	padding-top: 6px;
}

#footRt {
	width: 480px;
	height: 33px;
	float: right;
	text-align: right;
	padding-top: 10px;
}

#footLink {
	list-style-type: none;
}

#footLink li {
	float: left;
}

#footLink li img {
	vertical-align: top;
}

/* ===== ----- 上メニュー ===== ----- */

#headMenu {
	width: 980px;
	height: 33px;
	list-style-type: none;
}


/* メニュー基本 */
#headMenu li {
	float: left;
	width: 163px;
	height: 33px;
	text-indent: -9999px;
}

#headMenu li a {
	display: block;
	width: 163px;
	height: 33px;
}

#headMenu li#menuContacts a,
#headMenu li#menuRequest a {
	width: 164px;
}


/* 製品情報 */
#headMenu li#menuProducts {
	background: url(../img/m_products.gif) no-repeat 0px 0px;
}

#headMenu li#menuProducts a:hover {
	background: url(../img/m_products.gif) no-repeat 0px -33px;
}

#headMenu li#menuProducts a.menuAct {
	background: url(../img/m_products.gif) no-repeat 0px -66px;
}


/* 会社情報 */
#headMenu li#menuCompany {
	background: url(../img/m_company.gif) no-repeat 0px 0px;
}

#headMenu li#menuCompany a:hover {
	background: url(../img/m_company.gif) no-repeat 0px -33px;
}

#headMenu li#menuCompany a.menuAct {
	background: url(../img/m_company.gif) no-repeat 0px -66px;
}


/* CSR情報 */
#headMenu li#menuCsr {
	background: url(../img/m_csr.gif) no-repeat 0px 0px;
}

#headMenu li#menuCsr a:hover {
	background: url(../img/m_csr.gif) no-repeat 0px -33px;
}

#headMenu li#menuCsr a.menuAct {
	background: url(../img/m_csr.gif) no-repeat 0px -66px;
}


/* 採用情報 */
#headMenu li#menuJobs {
	background: url(../img/m_jobs.gif) no-repeat 0px 0px;
}

#headMenu li#menuJobs a:hover {
	background: url(../img/m_jobs.gif) no-repeat 0px -33px;
}

#headMenu li#menuJobs a.menuAct {
	background: url(../img/m_jobs.gif) no-repeat 0px -66px;
}


/* お問い合わせ */
#headMenu li#menuContact {
	background: url(../img/m_contact.gif) no-repeat 0px 0px;
	width: 164px;
}

#headMenu li#menuContact a:hover {
	background: url(../img/m_contact.gif) no-repeat 0px -33px;
}

#headMenu li#menuContact a.menuAct {
	background: url(../img/m_contact.gif) no-repeat 0px -66px;
}


/* 資料請求 */
#headMenu li#menuRequest {
	background: url(../img/m_request.gif) no-repeat 0px 0px;
	width: 164px;
}

#headMenu li#menuRequest a:hover {
	background: url(../img/m_request.gif) no-repeat 0px -33px;
}

#headMenu li#menuRequest a.menuAct {
	background: url(../img/m_request.gif) no-repeat 0px -66px;
}


#searchBox {
	width: 136px;
	height: 18px;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px 4px;
}


/* ----- 印刷用 ----- */

@media print{
	body { zoom:1; }
	#mainLt { float:none; }
	#mainRt,
	#headRt,
	#headMenu,
	#panArea,
	.pagetopArea,
	#footArea { display:none; }

	#container,
	#mainArea,
	#headArea { width: 765px; }
}


/* 旧ファイル用 */
#wrap {
	margin: 0 20px;
	width: 810px;
}

.block {
	clear: both;
	overflow: auto;
	width: 100%;
}

#totop {
	clear: both;
	text-align: right;
	height: 23px;
}

#foot {
	clear: both;
	width: 806px;
	height:12px;
	padding: 10px 2px;
	border-top: 4px solid #444444;
}

.footBlk {
	float: left;
	padding-left: 9px;
	background: url(../img/foot_arr.gif) no-repeat left center;
}


a.footTxt {
	font-size: 10px;
	line-height: 105%;
	color: #fff;
	text-decoration: none;
}

a.footTxt:visited {
	text-decoration: none;
}

a.footTxt:hover , a.footTxt:active {
	text-decoration: underline;
}