@charset "Shift_JIS";
body {
	background : #f8f8f8 url(../images/bg.gif) repeat-y;
	margin : 0;
	padding : 0;
	font-family: "ヒラギノ角ゴ", "Osaka", "MS Pゴシック", "MS ゴシック", arial, helvetica;
	font-size : 13px;
}
/* reset */
div , h1 , h2 , h3 , h4 , h5 , h6 , form , dl , dt , dd , ul , ol , li {
	margin : 0;
	padding : 0;
}
ul li {
	list-style : none;
}
table {
	border-collapse : collapse;
	border-spacing : 0px;
}

#container {
	width : 860px;
	margin-left : 20px;
	margin-right : 20px;
	background : #fffff;
	text-align : left;
}

#container #header {
	margin-top : 15px;
	margin-bottom : 14px;
	overflow : auto;
	height : 36px;
}
#container #header .logo {
	float : left;
}
#container #header .headerCopy {
	width : 470px;
	height : 34px;
	margin-left : 10px;
	padding : 0px 10px 0px 20px;
	float : left;
	line-height : 130%;
}

#container #header .headerCopy td {
	vertical-align : middle;
}

/* sslで使う */
.verisign {
	height : 72px;
	float : right;
}

/* コーポレート */
#container #naviContainer {
	clear : both;
}

#container #naviContainer ul.corpmenu {
	width : 860px;
	height : 24px;
	margin : 0px;
	padding : 0px;
	overflow : hidden;/* 何故か必要 */
	*height : 1%;
}
/* 会社ナビゲーション */
#container #naviContainer ul.corpmenu li {
	margin : 0px;
	padding : 0px;
	float : left;
}
/* ナビゲーション */
#container #naviContainer ul.menu {
	clear : both;
	padding-top : 5px;
	background-color : #1f5fa9;
}
#container #naviContainer ul.menu li {
	margin : 0px;
	float : left;
}
/* */
#container .mainPhoto {
	margin : 1px 0px 0px 0px;
}

#container #mainContent {
	margin : 10px 0px 50px 0px;
	overflow : auto;
	*height : 1%;
}

/* トピックス */
#container #mainContent .topicsTitle {
	margin : 0px 0px 20px 0px;
}
#container #mainContent ul.topics {
	width : 620px;
	margin : 0px 0px 0px 20px;
	*margin : 0px 0px 0px 10px;
	padding : 0px;
	float : left;
}
#container #mainContent ul.topics li {
	padding-left : 8px;
	background : url(../images/triangle_icon.gif)  0px 8px no-repeat;
}
#container #mainContent ul.topics li .text {
	margin-left : 10px;
}

#container #mainContent .bannerBox {
	width : 210px;
	margin-top : 20px;
	float : right;
}
#container .bannerBox img {
	margin-bottom : 2px;
}

#container #footer {
	clear : both;
	width : 860px;
	height : 32px;
	background : url(../images/footer_bg.gif) 0px 6px no-repeat;
	*background-position : 0px 8px;
} 
#container #footer .toiawase {
	padding-left : 8px;
	background : url(../images/triangle_icon.gif)  0px 8px no-repeat;
	*background-position : 0px 10px;
}
#container #footer .copyright {
	padding-top : 2px;
	text-align : right;
}
.clr {
	clear : both;
}

/* -------------------------------------------------------------------------------------------------------------- */
#container #mainContent ul.triangle li {
	padding-left : 8px;
	background : url(../images/triangle_icon.gif)  0px 8px no-repeat;
}


/* -------------------------------------------------------------------------------------------------------------- */
/* 事業部メニュー 3段 */
/* -------------------------------------------------------------------------------------------------------------- */
#container #menuContent ,
#container #menuContent-two
{
	margin : 20px 0px 30px 0px;
}
#container #menuContent : after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
#container #menuContent {
	display : inline-block;
}
#container #menuContent {
	height : 1%;
}
#container #menuContent {
	display : block;
}

#container #menuContent ul.alpha ,
#container #menuContent ul.beta 
{
	width : 260px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 15px;
	line-height : 180%;
	float : left;
}
#container #menuContent .gamma {
	width : 240px;
	margin : 0px 0px 0px 10px;
	padding : 25px;
	margin-top : 10px; /* li.titleとあわせること topマージン */
	background-color : #f2f2f2;
	float : left;	
}
#container #menuContent-two .alpha {
	width : 535px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 15px;
	line-height : 180%;
	float : left;
}
#container #menuContent-two .gamma {
	width : 240px;
	margin : 0px 0px 0px 10px;
	padding : 25px;
	margin-top : 10px; /* li.titleとあわせること topマージン */
	background-color : #f2f2f2;
	float : left;	
}


#container ul.alpha li.menu ,
#container ul.beta li.menu ,
#container ul.freeMenu li.menu
{
	padding-left : 8px;
	background : url(../images/square_icon.gif) 0px 7px no-repeat;
}
li.title {
	margin : 10px 0px 5px -5px; /* topマージン */
	padding-left : 0px;
	background-color : #f2f2f2;
}
li.titleBlank {
	margin : 10px 0px 5px -5px; /* topマージン */
	padding-left : 0px;
}

#container .gamma ul.submenu {
/*	margin-bottom : 20px; */
}
#container .gamma ul.submenu li.menu {
	padding-left : 8px;
	background : url(../images/triangle_icon.gif)  0px 8px no-repeat;
}

#container #menuContent ul.freeMenu {
	width : 835px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 15px;
	line-height : 180%;
}

#container #menuContent .gamma .trianglemenu {
	padding-left : 8px;
	background : url(../images/triangle_icon.gif)  0px 4px no-repeat;
}
#container #menuContent .bannerBox {
	margin-top : 20px;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* コーポレート系 メニュー 2段 */
/* -------------------------------------------------------------------------------------------------------------- */
#corporate #container #menuContent .alpha {
	width : 175px;
	margin : 0px 20px 20px 0px;
	padding : 20px 10px 20px 10px;
	background-color : #f2f2f2;
	float : left;	
}
#corporate #container #menuContent .beta {
	width : 625px;
	margin : 0px 0px 20px 0px;
	padding :  0px 0px 0px 0px;
	background-color : #ffffff;
	float : left;	
}
#corporate #container #menuContent .alpha ul.submenu ,
#corporate #container #menuContent .beta ul.submenu {
	margin-bottom : 20px;
}
#corporate #container #menuContent .alpha ul.submenu li.menu ,
#corporate #container #menuContent .beta ul.submenu li.menu {
	padding-left : 8px;
	background : url(../images/triangle_icon.gif)  0px 8px no-repeat;
}
/* Topicsでのメニュー */
#corporate #container #menuContent .beta ul.submenu li.menu {
	margin : 5px 0px 10px 0px;
}

ol.normal {
	margin : 0px 0px 10px 20px;
	padding : 0px 0px 0px 10px;
	line-height : 180%;
}

/*
#corporate h1.title {
	padding-left : 12px;
	background : url(../images/square_icon_big.gif) 0px 4px no-repeat;
	*background : url(../images/square_icon_big.gif) 0px 6px no-repeat;
}
*/

#container .topicsBox {
	width : 840px;
	margin : 10px auto;
	padding : 0px 0px 0px 0px;
	border : dotted 1px #cccccc;
}
#container .topicsBox td.date {
	width : 130px;
}
#container .topicsBox td.genre {
	width : 100px;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* パンくずナビ */
/* -------------------------------------------------------------------------------------------------------------- */
#container .pannavi {
	width : 840px;
	padding : 5px 2px 5px 18px;
	background-color : #f2f2f2;
}
/* -------------------------------------------------------------------------------------------------------------- */
/* 製品 */
/* -------------------------------------------------------------------------------------------------------------- */
#products #container #mainContent {
	width : 760px;
	margin : 30px auto;
}

#container h1.title {
	margin : 0px 0px 20px 0px;
	padding : 0px 0px 5px 12px;
	border-bottom : 1px solid #cccccc;
	background : url(../images/square_icon_big.gif) 0px 4px no-repeat;
	*background : url(../images/square_icon_big.gif) 0px 6px no-repeat;

}
#container #mainContent  h2.catch {
	margin : 0px 0px 5px 0px;
	padding : 0px 0px 0px 0 px;
}
#container #mainContent  h3.point {
	margin : 0px 0px 5px 0px;
	padding : 0px 0px 0px 0 px;
}

#container .textBox {
	margin : 10px 0px 10px 0px;
	padding : 0px 10px 0px 10px;
/*	overflow : auto;
	*height : 1%;
*/
}
#container #mainContent .subtext {

}
/* レポートのタイトル */
#container h2.indexTitle {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 6px;

	border-left : 5px solid #83D233;
}

#container .linkBox {
	margin : 0px;
	padding : 5px 0px 5px 10px;
}

#container .imgLeft {
	padding-right : 20px;
	text-align : center;
	float : left;
}
#container .imgRight {
	padding-left : 10px;
	text-align : center;
	float : right;
}
#container .imgCenter {
	text-align : center;
}
#container .imgCenter img ,
#container .imgLeft img ,
#container .imgRight img {
	padding-bottom : 5px;
}
/* 画像を横に並べる */
table.tableStyle1 {
	margin-left : 10px;
}
table.tableStyle1 th ,
table.tableStyle1 td {
	padding : 2px;
}
#container .imgColumn {
/* 	width : 600px; */
	margin : 0px auto;
}
#container .imgColumn .imgLeft {
	padding-right : 20px;
	float : left;
}
#container .imgColumn .imgRight {
	padding-left : 20px;
	float : left;
}

/*
#container #mainContent .textBox ul.normal {
	margin : 10px 0px 10px 20px;
	padding : 0px 0px 0px 10px;
}
#container #mainContent .textBox ul.normal li {
	list-style : disc;
	line-height : 150%;
}
*/

/* グループ企業 */
table.tableGroup {
	width : 800px;
	margin : 10px auto;
	border : 1px solid #006b9c;
}
table.tableGroup th ,
table.tableGroup td {
	padding : 2px;
	border-bottom : 1px solid #006b9c;
}

/* 製品 Spec表1 縦型 */
table.tableStyleLine {
	margin : 5px 0px 5px 0px;
	border : 1px solid #333333;
}
table.tableStyleLine th ,
table.tableStyleLine td {
	border : 1px solid #333333;
	padding : 4px;
}
table.tableStyleLine th.rowtitle {
	width : 20px;
	text-align : center;
}

/* 製品 Spec表1 横型（項目名が横並び col） */
table.tableStyleLine {
	width : 100%;
	border : 1px solid #333333;
}
table.tableStyleLine th ,
table.tableStyleLine td {
	border : 1px solid #333333;
	padding : 4px;
}
table.tableStylePaper .le ,
table.tableStyle1 .le ,
table.tableStyleLine .le {
	text-align : left;
}

table.tableStylePaper .ce ,
table.tableStyle1 .ce ,
table.tableStyleLine .ce {
	text-align : center;
}

table.tableStylePaper .ri ,
table.tableStyle1 .ri ,
table.tableStyleLine .ri {
	text-align : right;
}

table.tableStylePaper .top ,
table.tableStyle1 .top ,
table.tableStyleLine .top {
	vertical-align : top;
}
/* センタリング・中揃*/
table.tableStylePaper .mi ,
table.tableStyle1 .mi ,
table.tableStyleLine .mi {
	vertical-align : middle;
}

/* 流体・比較表 */
table.tableStyleLine .tdcolor {
	background-color : #ccffff;
}
table.tableStyleLine .tdcolorgr {
	background-color : #ccffcc;
}
/* トキメックレポート */
table.tableStylePaper {
	width : 600px;
	border : 3px double #cccccc;
}

table.tableStylePaper th ,
table.tableStylePaper td 
{
	padding : 10px;
}

.tableBackNumber {
	width : 600px;
	margin-top : 5px;
}
.tableBackNumber th ,
.tableBackNumber td {
	border : 1px solid #333333;
	padding : 4px;
}

#container #mainContent dl.normal dt {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 10px;
}
#container #mainContent dl.normal dd {
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 24px;
}

/* 製品 注意書き */
#container .attention {
	clear : both;

	margin : 20px 0px 0px 0px;
	text-align : right;
	line-height : 120%;
}

#container .footernavi {
/*	clear : both; */
	margin : 10px 0px 20px 0px;
	padding : 5px 10px 0px 10px;
	border-top : 1px solid #cccccc;
	text-align : center;
}
/* 製品 特殊 */
#container #mainContent .explanationBox {
	border : 3px double #cccccc;
	padding : 20px;
}
#container #mainContent .explanationBox h2 ,
#container #mainContent .explanationBox h3 {
	margin : 0px 0px 10px 0px;	
}

#container #mainContent .explanationBox p {
	margin : 0px 0px 0px 0px;	
}

#container #mainContent .explanationBox dt {
	margin : 10px 0px 5px 0px;
	padding : 0px 0px 0px 10px;
}
#container #mainContent .explanationBox dd {
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 20px;
}
/* 製品 特殊 */
#container ul.normal {
	margin : 0px 0px 10px 20px;
	padding : 0px 0px 0px 10px;
	list-style-position : outside;
}
#container ul.normal li {
	list-style : disc;
	line-height : 180%;
	margin : 0px 0px 5px 0px;
}

/* 製品一覧 */
table.tableStyleList {
	width : 740px;
	margin : 20px auto;
	padding : 4px;
}
table.tableStyleList th ,
table.tableStyleList td {
	padding : 4px;
}
table.tableStyleList td.column1 {
	width : 300px;
}
table.tableStyleList td.column2 {
	width : 200px;
}
table.tableStyleList td.column3 {
	width : 260px;
	padding-right : 10px;
	text-align : right;
}

/* PDF一覧 */
table.pdfList {
	margin : 5px auto 5px auto;
	width : 740px;
}
table.pdfList th ,
table.pdfList td {
	padding : 4px;
}
table.pdfList td.anchorIcon {
	width : 30px;
	text-align : center;
}
table.pdfList td.column2 {
	width : 500px;
	text-align : left;
}
table.pdfList td.column3 {
	width : 180px;
	text-align : left;
}
table.pdfList td.column4 {
	width : 50px;
	text-align : center;
}
.goTop {
	width : 740px;
	margin : 0px 0px 10px 0px;
	margin-left : auto;
	margin-right : auto;

	text-align : right;
	text-decoration : underline;
}
/* border : 0px solid #333333; */
table.pdfList2 {
	margin : 5px auto 5px auto;
	width : 500px;
}
table.pdfList2 th ,
table.pdfList2 td {
	border : 1px solid #333333;
	padding : 4px;
}
table.pdfList2 td.column1 {
	width : 400px;
	text-align : left;
}
table.pdfList2 td.column2 {
	width : 100px;
	text-align : center;
}

/* topics 問い合わせ先 */
.infoBox {
	text-align : center;
}
.infotext {
	width : 360px;
	margin : 10px auto;
	padding : 10px 10px 10px 10px;
	border : double 3px #cccccc;
	text-align : left;
}

/* アイコン */
.pdf {
	margin-right : 10px;
	padding-left : 14px;
	background : url(../images/icon_pdf.gif) 0px 2px no-repeat;
}
.doc {
	margin-right : 10px;
	padding-left : 14px;
	background : url(../images/icon_doc.gif) 0px 2px no-repeat;
}
.back {
	padding-left : 14px;
	background : url(../images/icon_back.gif) 0px 2px no-repeat;
}
/* サイトマップ */
#container .siteMap {
	width : 760px;
	margin : 20px auto;
}

#container .siteMapLeft {
	width : 370px;
	margin-right : 10px;
	text-align : left;
	float : left;
}
#container .siteMapRight {
	width : 370px;
	margin-left : 10px;
	text-align : left;
	float : right;
}

.selectBox {
	width : 300px;
	text-align : left;
}

/* リンク関係 */
a:link	{ color : #0000ff ; text-decoration : none; }
a:visited	{ color : #000080 ; text-decoration : none; }
a:hover	{ color : #cc0000 ; text-decoration : underline; }
a:active	{ color : #ff3300 ; text-decoration : underline; }

/* 言語 */
#container #header .language			{ color : #666666; }
#container #header .language a:link		{ color : #666666 ; text-decoration : none; }
#container #header .language a:visited	{ color : #666666 ; text-decoration : none; }
#container #header .language a:hover	{ color : #000000 ; text-decoration : underline; }
#container #header .language a:active	{ color : #ff3300 ; text-decoration : underline; }

/* コーポレート */
#container #naviContainer .corpmenu a:link	{ color : #333333 ; text-decoration : none; }
#container #naviContainer .corpmenu a:visited	{ color : #000000 ; text-decoration : none; }
#container #naviContainer .corpmenu a:hover	{ color : #000000 ; text-decoration : underline; }
#container #naviContainer .corpmenu a:active	{ color : #ff3300 ; text-decoration : underline; }

/* topics */
#container #mainContent .topics a:link	{ color : #333333 ; text-decoration : none; }
#container #mainContent .topics a:visited	{ color : #000080 ; text-decoration : none; }
#container #mainContent .topics a:hover	{ color : #0000ff ; text-decoration : underline; }
#container #mainContent .topics a:active	{ color : #ff3300 ; text-decoration : underline; }

/* 事業部サブメニュー */
#container #menuContent .submenu a:link		{ color : #0000ff ; text-decoration : none; }
#container #menuContent .submenu a:visited	{ color : #000080 ; text-decoration : none; }
#container #menuContent .submenu a:hover	{ color : #0000ff ; text-decoration : underline; }
#container #menuContent .submenu a:active	{ color : #ff3300 ; text-decoration : underline; }

/* フッター問い合わせ */
#container #footer .toiawase a { margin-left : 5px; }
#container #footer .toiawase a:link		{ color : #666666 ; text-decoration : none; }
#container #footer .toiawase a:visited	{ color : #000080 ; text-decoration : none; }
#container #footer .toiawase a:hover		{ color : #0000ff ; text-decoration : underline; }
#container #footer .toiawase a:active		{ color : #ff3300 ; text-decoration : underline; }