@charset "Shift_JIS";
@import "../nds_main.css";



/* 基本設定 */
/* h2{ text-indent:0.5em; font-size:18px; line-height:100%; padding:0px 0px 3px 0px; color:#FFFFFF; } */
h2{ text-indent:0.5em; }

h3{
	text-indent:0.2em;
	font-size:20px;
	line-height:100%;
	padding:0px 0px 3px 0px;
}

h4{
	text-indent:1.5em;
	font-size:small;
}
h5{
margin:15px 0px 5px 10px;
background:#FFFFFF url(../img/dot_line.gif) repeat-x bottom left;
font-size:medium;
padding:0px 0px 5px 0px;
}
td,th{
	vertical-align:top;
	text-align:left;
}
dt{
	font-weight:bold;
	color:#0A7864;
}
ul{
list-style:square inside;
}
.tdH2tabel{
	width:750px;
	height:47px;
	background:#FFFFFF url(img_cmn/bk_h2.jpg) no-repeat right;
	color:#FFCC00;
}
.tdH2tabel td{
	vertical-align:bottom;
}
.tdH2tabel a{
	color:#FFFFFF;
	text-decoration:none;
}
.tdH2tabel a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.tdH3tabel{
	width:585px;
	height:47px;
	color:#0A7864;
	background:#FFFFFF url(img_cmn/bk_h3.jpg) no-repeat right;
	margin-bottom:15px;
}
.tdH3tabel td{
	vertical-align:bottom;
}

.tableh4{
	width:575px;
	height:17px;
	margin:7px 0px 0px 10px;
	background:#FFFFFF url(img_cmn/bk_h4.gif) no-repeat;
}
.tableh4Page{
	width:575px;
	height:17px;
	margin:20px 0px 0px 10px;
	background:#FFFFFF url(img/bk_h4_575.gif) no-repeat;
}

/* パンクズナビ */
.pankLink{
	clear:both;
	width:750px;
	font-size:x-small;
}
.pankLink span,p{
	margin:0px;
	padding:0px;
	vertical-align:top;
}

/* メインコンテナ */
.mainCont{
	width:750px;
	margin:7px 0px 0px 0px;
}
.pageTitle{
	width:575px;
	margin:25px 0px 0px 10px;
	font-size:x-large;
	font-weight:bold;
	line-height:120%;
}

/* 左コンテンツ */
.content{ width:151px; border-bottom:1px solid #CCCCCC; background:transparent url(img_cmn/bk_cont.gif) repeat-y; font-size:x-small; padding-bottom:10px; line-height:120%;}

.contentText{
	color:#666666;
}
.contentText a,span{
	padding-left:7px;
	color:#666666;
	vertical-align:middle;
	text-decoration:none;
}
.contentText a:hover{
	color:#178B77;
	text-decoration:none;
}
.contentText img{
	margin-top:5px;
	_margin-top:10px;
	_vertical-align:text_bottom;
}

.contentText p {}
.contentText .contentHr { margin-left: 4px; }



/* 右コンテンツ */
.right{
	vertical-align:top;
}
.tableContimg{
	margin:0px 0px 20px 10px;
}

/* 右レイアウトテーブル共通 */
.tableCont{
width:576px;
margin:15px 0px 35px 10px;
}

.tableContImgS{
	width:576px;
	margin:20px 0px 0px 10px;
}
.tableContImgS p{
	margin:0px;
	padding:0px;
	line-height:100%;
}
.tableContImgS th{
font-weight:normal;
color:#333333;
}
.tableCont{
	width:576px;
	margin:15px 0px 35px 10px;
}

/* 右レイアウトテーブルパターン */
.tableCont1{
	width:586px;
	margin:5px 0px 20px 0px;
}
.tableCont1bt{
	width:586px;
	margin:5px 0px 35px 0px;
}
.tableCont2Bt{
	width:576px;
	margin:0px 0px 35px 10px;
}
.Cont3main{
	width:576px;
	margin:30px 0px 30px 10px;
	border:1px solid #CCCCCC;
}
.Cont3main p{
	padding:5px;
}
.tableCont3{
	width:560px;
	font-size:x-small;
	margin:15px 0px;
}
.tableCont3 td{
	text-align:center;
}

/* RSS用 */
.rss{
	vertical-align:middle;
	padding:0px 5px 0px 0px;
	font-size:x-small;
	text-align:right;
}

/* pdf用 */
.pdf{
	vertical-align:middle;
	padding:0px;
	font-size:small;
	text-align:right;
}

/* 装飾系 */
.textAlign{
	text-align:center;
}
.textAlignR{
	text-align:right;
}
.textSmall{
	font-size:small;
}
.textxSmall{
	font-size:x-small;
}
.textBoldc{
	font-weight:bold;
	color:#0A7864;
}
.textBold{
	font-weight:bold;
}
.textMediumB{
	font-size:medium;
	font-weight:bold;
}
.textIndexAsp{
	color:#0A7864;
	font-size:medium;
	font-weight:bold;
}
.indexBot{
	color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
	background-color:#666666;
	padding:5px;
	text-align:center;
}

.bkColorGray{
	background-color:#666666;
	text-align:center;
	color:#FFFFFF;
}
.bkColorR{
	background-color:#CC6600;
	text-align:center;
	color:#FFFFFF;
}
.bkColorB{
	background-color:#669966;
	text-align:center;
	color:#FFFFFF;
}
.underLine1{
	background:transparent url(../img/dot_line.gif) repeat-x left bottom;
	margin: 0px 0px 10px;
	padding-bottom:5px;
}
.underLine1 td{
	padding:10px 0px 5px 0px;
}
.liveLink{
	font-size:x-small;
	padding:2px;
	text-align:center;
}
.fontCBM{
	text-align:center;
	padding:2px;
	color:#FFFFFF;
	border-bottom:1px	solid	#CCCCCC;
	background-color:#0A7864;
}
.fontCBMres{
	padding:2px 0px 1px;
	color:#0A7864;
	border-bottom:1px	solid	#CCCCCC;
	background-color:#EFEFEF;
}
.fontCBM2{
	padding:3px;
	font-size:medium;
	border:1px	solid	#CCCCCC;
	background-color:#EFEFEF;
}
.widthLeft{
	width:301px;
}
.widthLeft p{
	width:275px;
	line-height:1.3em;
	margin:3px 0px;
}
.widthRignt{
	width:275px;
}
.widthRignt p{
	line-height:1.3em;
	margin:3px 0px;
}
.boderLine{
	border:1px	solid	#CCCCCC;
	padding:7px;
	width:50%;
}

/* What's New用 */
.tableContW{
width:575px;
margin:10px 0px 20px 10px;
}
.tableContW img{
padding:0px 0px 10px 0px;
}
.tableNews{
width:575px;
margin:10px 0px 20px 10px;
}
.tableNews th{
height:1px;
}
.tableNews td{
height:24px;
vertical-align:top;
line-height:100%;
}
.tableLeft{
width:385px;
vertical-align:top;
}
.tableRight{
width:180px;
text-align:center;
}
.tablenone{
width:575px;
vertical-align:top;
}

/* function用 */
.fuRed{
	color:#FF0000;
	font-weight:bold;
	padding-right:2px;
}
.fuT{
	width:575px;
	margin:1px 0px 20px 10px;
}
.fuT th{
	font-size:x-small;
	color:#FFFFFF;
	text-align:center;
}
.fuT td{
	padding:2px 5px;
}

/* cost用 */
.costT{
	width:575px;
	margin:5px 0px 5px 10px;
}
.costT th{
	font-size:x-small;
	color:#FFFFFF;
	text-align:center;
}
.costT td{
	padding:3px;
	text-align:center;
}

/* 通達用 */
.tsuHead{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#666666;
	padding:3px;
	text-align:center;
}
.tsuTitle{
	font-weight:bold;
	background-color:#DCE9F0;
	padding:2px 15px;
}

/* ISMS */
.isSur {
	padding:2px 5px;
	background-color:#E1F5E1;
	text-align:center;}
.isExc {
	padding:2px 5px;
	background-color:#E6F0F0;
	text-align:center;}

/* IT */
.itTitle {
	width:184px; height:30px;
	background-image:url(img/itTback.jpg);
	padding:10px 0 0 21px;
	letter-spacing:0.1em;
	color:#FFF;
	font-weight:bold;}

/* index */
.iP0 a {
	width:168px; height:31px;
	background-image:url(img/indexP0_bk.gif);
	padding:9px 0 0 5px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:block;}
.iP0 a:hover {
	color:#066;
	text-decoration:none;}

.iP1 a {
	width:188px; height:28px;
	background-image:url(img/indexP1_bk.jpg);
	padding:8px 0 0 0;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;}
.iP1 a:hover {
	color:#FF9;
	text-decoration:none;}

.iP2 a {
	width:182px; height:31px;
	background-image:url(img/indexP2_isms.jpg);
	padding:10px 0 0 0;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	text-decoration:none;
	display:block;}
.iP2 a:hover {
	text-decoration:none;}

.iP3 a {
	width:256px; height:28px;
	background-image:url(img/indexP3_bk.jpg);
	padding:7px 0 0 0;
	text-align:center;
	text-decoration:none;
	display:block;}
.iP3 a:hover {
	text-decoration:none;}
	
.iBt {
	color:#0A7864;
	font-size:medium;
	font-weight:bold;}


/* 　↓↓CSS化の為の追加スタイル↓↓ */

#whole-body {width: 750px;}
#whole-body #pankuzu {clear:both; width:750px; font-size:x-small;}
.pankLink span,p{	margin:0px;	padding:0px;	vertical-align:top;}
#whole-body #main-contents {width:750px; margin:7px 0px 0px 0px; float:left;}
#whole-body #main-contents #right-body {float:right; width:584px;}
#whole-body #main-contents #right-body #page-title {padding-top:20px; height:27px; color:#0A7864; background:#FFFFFF url(img_cmn/bk_h3.jpg) no-repeat right; margin-bottom:15px;}
#whole-body #main-contents #left-navi { width:151px; height:100%; min-height:100%; float:left; border-bottom:1px solid #CCCCCC; background:transparent url(img_cmn/bk_cont.gif) repeat-y; line-height:120%; font-size:x-small; padding-bottom:10px; }

/* -------------- 11_22追加 導入事例用スタイル　---------- */
#whole-body #main-contents #right-body .jirei_mainbox{width:575px; margin-left:10px; margin-bottom:30px;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei1_title{background:url(img/title_jirei1.jpg) no-repeat; width:425px; height:30px; padding:12px 0 0 150px; color:#0A7764; font-weight:bold; font-size:large;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei2_title{background:url(img/title_jirei2.jpg) no-repeat; width:425px; height:30px; padding:12px 0 0 150px; color:#0A7764; font-weight:bold; font-size:large;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei_body{background:url(img/bg_jirei_body.gif) repeat-y; padding:17px 0px 1px 24px;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_bottom{background:url(img/bg_jirei_bottom.gif) no-repeat; width:575px; height:20px;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei_body div.content_donyu {
	width:528px;
	margin-bottom:0px;
	text-align:justify;
}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu img.right{float:right; margin-left:15px;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei_body div.content_donyu ul{margin:10px 0 20px 0; line-height:1.2em; list-style-type:none; list-style-position:outside;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei_body div.content_donyu ul li{background:url(img/marker_surv.gif) 3px 3px no-repeat; margin:5px; padding-left:13px;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.pagetitle_jirei{margin-bottom:15px; font-size:x-large; font-weight:bold; line-height:120%;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu div.donyukigyo{background-color:#E6EFEE; width:243px; height:55px; padding:5px 0 0px 7px; margin-bottom:10px; font-size:small;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei_body div.content_donyu div.donyukigyo dl{margin:0; padding:0;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu div.donyukigyo dl dt{background:url(img/marker_surv.gif) 0 5px no-repeat; padding-left:7px; color:black; line-height:110%;}
#whole-body #main-contents #right-body div.jirei_mainbox div.jirei_body div.content_donyu div.donyukigyo dl dd{padding:0; margin:-13px 0 5px 75px; line-height:1.1em;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu div.subtitle_target{background:url(img/bg_subtitle01.gif) no-repeat; width:532px; height:20px; padding:0px 0 0 15px; color:#FFF; font-weight:bold;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu div.subtitle_effect{background:url(img/bg_subtitle02.gif) no-repeat; width:532px; height:20px; padding:0px 0 0 15px; color:#FFF; font-weight:bold;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu div.subtitle_vision{background:url(img/bg_subtitle03.gif) no-repeat; width:532px; height:20px; padding:0px 0 0 15px; color:#FFF; font-weight:bold;}
#whole-body #main-contents #right-body  div.jirei_mainbox div.jirei_body div.content_donyu div.subtitle_comment{background:url(img/bg_subtitle04.gif) no-repeat; width:532px; height:20px; padding:0px 0 0 15px; color:#FFF; font-weight:bold;}
hr.clearboth{ height:0px; visibility:hidden; clear:both;}
.header h1 { font-size: small; color: #666666; font-weight: normal; }
.mainCont .boxA { padding: 8px; margin-bottom: 25px; margin-left: 10px; border: 1px solid #CCCCCC; background-color: #F8F5E9; }
.mainCont .boxB { padding: 8px; margin-bottom: 25px; margin-left: 10px; border: 1px solid #CCCCCC; background-color: #fbfffb; }
.mainCont .table_system { border-collapse:collapse; }
.mainCont .table_system th{background-color:#FFCDCD; padding:5px; border:1px solid #CCC;}
.mainCont .table_system td{padding:5px; border:1px solid #CCC;}
.mainCont .boxA p { padding-bottom: 5px; }
.mainCont .boxA .yellow_txt { color: #FF7800; }
.mainCont .boxB p { padding-bottom: 5px; }
.mainCont .boxB .yellow_txt { color: #FF7800; }
a.greenBold_link { font-weight: bold; color: #126D68; }
.mainCont td.colortd { background-color: #FFFFCB; font-weight: bold; }
.mainCont .table_faq { border-collapse:collapse; }
.mainCont .table_system .colortd2 { background-color: #FFE6FF; font-weight: bold; }
.mainCont .table_system .colortd3 { background-color: #E1FFC3; }
.mainCont .table_system .colortd4 { background-color: #DFF3FF; }
.mainCont .table_system .colortd3 .colortd5 { background-color: #F1E2FF; }


#whole-body #main-contents #right-body .table-tuika01 { width: auto; border-collapse:collapse; }
#whole-body #main-contents #right-body .table-tuika01 td{padding:7px; border-bottom:1px solid #CCC;}
#whole-body #main-contents #right-body .table-tuika02 { width: auto; border-collapse:collapse; }
#whole-body #main-contents #right-body .table-tuika02 td{padding:5px; border:1px solid #CCC;}
#whole-body #main-contents #right-body .table-tuika02 th{ padding:5px; border:1px solid #CCC; vertical-align:middle; background-color:#EFFFDF; font-weight:normal;}