@charset "Shift_JIS";


/***********************************************/
/* HTML tag styles                             */


/***********************************************/
* {
	margin: 0;
	padding: 0;
}


img {
 vertical-align: top;
	border: none;
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
img.imgright {
	float: right;
}
img.icon {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 3px;
}

div {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/common/bg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}
a{
	text-decoration: none;
	color: #000066;
}
a:hover{
	text-decoration: underline;
	color: #0066CC;
}
#popup {
	width: 620px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#wrapper {
	width: 806px;
	margin: 0 auto;
}
#container {
	width: 806px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
#container.company {
	background-image: url(../images/company/bg_container.gif);
	background-repeat: no-repeat;
}
#container.helpline {
	background-image: url(../images/helpline/bg_container.gif);
	background-repeat: no-repeat;
}
#container.monitoring {
	background-image: url(../images/monitoring/bg_container.gif);
	background-repeat: no-repeat;
}
#container.csr {
	background-image: url(../images/csr/bg_container.gif);
	background-repeat: no-repeat;
}
#container.sri {
	background-image: url(../images/sri/bg_container.gif);
	background-repeat: no-repeat;
}
#container.other {
	background-image: url(../images/topics/bg_container.gif);
	background-repeat: no-repeat;
}
#sub {
	width: 184px;
	float: right;
	margin-top: 3px;
}


#header {
	width: 806px;
}
#headerU {
	height: 30px;
	text-align: right;
}
#headerD {
	height: 90px;
	width: 806px;
}
#logo {
	height: 59px;
}

/* メインナビゲーション
------------------------------------------------------------ */
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	font-size: 12px;
	height: 31px;

}
#nav li {
	float: left;
	width: 82px;
	margin: 0;
	background-image: url(../images/common/tab.gif);
	display: block;
	text-align: center;

}

#nav a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 82px;
	height: 21px;
	margin-top: 10px;
	}
	#nav a:hover {
	text-decoration: none;
	color: #ffff66;
	}
	
#nav li.current01:hover,#nav li.select01 {
	background-image: url(../images/common/nv_01.gif);	
}
#nav li.current02:hover,#nav li.select02 {
	background-image: url(../images/common/nv_02.gif);	
}
#nav li.current03:hover,#nav li.select03 {
	background-image: url(../images/common/nv_03.gif);	
}
#nav li.current04:hover,#nav li.select04 {
	background-image: url(../images/common/nv_04.gif);	
}
#nav li.current05:hover,#nav li.select05 {
	background-image: url(../images/common/nv_05.gif);	
}
#nav li.current06:hover,#nav li.select06 {
	background-image: url(../images/common/nv_06.gif);
}
#nav li.current07:hover,#nav li.select07 {
	background-image: url(../images/common/nv_07.gif);
}
#nav li.current08:hover,#nav li.select08 {
	background-image: url(../images/common/nv_08.gif);
}
#nav li.current09:hover,#nav li.select09 {
	background-image: url(../images/common/nv_09.gif);
}
#nav li.current10:hover {
	background-image: url(../images/common/nv_10.gif);
	width: 100px;
}
#nav li.current10 a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 100px;
	height: 21px;
	margin-top: 10px;
}
#nav li.current10 {
	float: left;
	width: 100px;
	margin: 0;
	background-image: url(../images/common/tab.gif);
	display: block;
	text-align: center;

}


/* サブナビゲーション
------------------------------------------------------------ */
#snav {
	top: 0;
	left: 0;
	width: 145px;
	float: left;
	margin: 0px;
}

#snav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#snav li {
	background-image: url(../images/common/snav_d.gif);
	display: block;
}

#snav li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding-top: 5px;
	padding-left: 25px;
	width: 120px;
	height: 21px;
	font-size: 12px;
	line-height: 16px;
	}
#snav li.select01,#snav li.over01:hover {
	text-decoration: none;
	background-image: url(../images/common/snav_01_o.gif);
	color: #000066;
	}
#snav li.select05,#snav li.over05:hover {
	background-image: url(../images/common/snav_05_o.gif);	
	color: #000066;
}

#snav li.select06,#snav li.over06:hover {
	background-image: url(../images/common/snav_06_o.gif);	
	color: #000066;
}
#snav  li.over05k {
	background-image: url(../images/common/snav_05k_d.gif);
	color: #000066;
	background-repeat: no-repeat;
}
#snav li.over05k a {
	text-decoration: none;
	color: #000000;
	display: block;
	text-align: center;
	padding-left: 0px;
	width: 145px;
	
	}
#snav li.select05k,#snav li.select05k a,#snav li.over05k:hover {
	background-image: url(../images/common/snav_05k_o.gif);
	padding-left: 0px;
	width: 145px;
	text-align: center;
	background-repeat: no-repeat;
	
}

#snav  li.over05m {
	background-image: url(../images/common/snav_05m_d.gif);
	color: #000066;
	height: 40px;
	background-repeat: no-repeat;
	
}
#snav li.over05m a {
	text-decoration: none;
	color: #000000;
	display: block;
	text-align: center;
	padding-left: 0px;
	width: 145px;
	height: 40px;
	
	}
#snav li.select05m,#snav li.select05m a,#snav li.over05m:hover {
	background-image: url(../images/common/snav_05m_o.gif);
	padding-left: 0px;
	width: 145px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	
}

#snav  li.over05r {
	background-image: url(../images/common/snav_05r_d.gif);
	color: #000066;
	height: 40px;
	background-repeat: no-repeat;
	
}
#snav li.over05r a {
	text-decoration: none;
	color: #000000;
	display: block;
	text-align: center;
	padding-left: 0px;
	width: 145px;
	height: 40px;
	
	}
#snav li.select05r,#snav li.select05r a,#snav li.over05r:hover {
	background-image: url(../images/common/snav_05r_o.gif);
	padding-left: 0px;
	width: 145px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	
}

#snav  li.over06k {
	background-image: url(../images/common/snav_06k_d.gif);
	color: #000066;
	background-repeat: no-repeat;
}
#snav li.over06k a {
	text-decoration: none;
	color: #000000;
	display: block;
	text-align: center;
	padding-left: 0px;
	width: 145px;
	
	}
#snav li.select06k,#snav li.select06k a,#snav li.over06k:hover {
	background-image: url(../images/common/snav_06k_o.gif);
	padding-left: 0px;
	width: 145px;
	text-align: center;
	background-repeat: no-repeat;
	
}

#snav  li.over07k {
	background-image: url(../images/common/snav_07k_d.gif);
	color: #000066;
	background-repeat: no-repeat;
}
#snav li.over07k a {
	text-decoration: none;
	color: #000000;
	display: block;
	text-align: center;
	padding-left: 0px;
	width: 145px;
	
	}
#snav li.select07k,#snav li.select07k a,#snav li.over07k:hover {
	background-image: url(../images/common/snav_07k_o.gif);
	padding-left: 0px;
	width: 145px;
	text-align: center;
	background-repeat: no-repeat;
	
}



.btn {
	float: left;
	width: 96px;
	margin: 0;
	height: 26px;
	margin-top: 10px;
	background-image: url(../images/common/btn_agree_d.gif);
	display: block;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;

}
.btn  a {
	text-decoration: none;
	color: #000033;
	display: block;
	width: 96px;
	height: 26px;
	line-height: 26px;
	}
.btn  a:hover {
	text-decoration: none;
	color: #FF3300;
	background-image: url(../images/common/btn_agree_o.gif);
	width: 96px;
	height: 26px;
	}



#main {
	margin-bottom: 30px;
	margin-left: 145px;
	margin-top: 0px;
	margin-right: 0px;
	width: 650px;

}

#contents {
	width: 800px;
	margin-left: 3px;
}

.blockTop {
	margin-bottom: 10px;
	margin-left: 3px;
}
.block {
	margin-bottom: 20px;
	padding-left: 20px;
	float: left;
	width: 615px;
}
#box {
	padding: 10px;

}
.boxRight {
	margin-right: 10px;
	float: right;
}
.boxLeft {
	float: left;
	padding-left: 20px;
}
.boxLine {
	width: 590px;
	float: left;
	background-image: url(../images/common/bg_dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-left: 20px;
}
.boxOutline {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#boxBg {
	padding: 10px;
	background-image: url(../images/common/bg_box.gif);
	background-repeat: no-repeat;
	width: 400px;
}


.left {
	margin-top: 0px;
	float: left;
	width: 340px;
}
.right {
	margin-top: 0px;
	margin-left: 360px;
}

/************** footer styles ****************/
#footer {
	width: 806px;
	height: 58px;
	background-image: url(../images/common/bg_footer.gif);
	background-repeat: no-repeat;
	text-align: right;
	clear: both;
}
#footerNavi {
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 20px;
}
#footerNavi a{
	color: #FFFFFF;
	text-decoration: none;
}

#footerNavi a:hover{
	color: #005FA9;
	text-decoration: underline;
}
#copyright {
	clear: both;
	margin-right: 5px;
}
.notes {
	float: right;
	padding-top: 3px;
	padding-bottom: 10px;
	clear: both;
	text-align: right;
}
	.top {
	background-image: url(../images/common/bg_top_d.gif);
	background-repeat: no-repeat;
	width: 800px;
	clear: both;
	background-position: bottom;
}
.top a {
	text-align: right;
	padding-right: 35px;
	height: 30px;
	font-size: 0.8em;
	display: block;
	}
	.top a:hover {
	text-decoration: none;
	color: #0066FF;
	background-image: url(../images/common/bg_top_o.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
	.enlarge {
	background-image: url(../images/common/btn_enlarge_d.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 26px;
	font-size: small;
}
	.enlarge a {
	height: 26px;
	display: block;
	width: 100px;
	}
		.enlarge a:hover {
	text-decoration: none;
	color: #0066FF;
	background-image: url(../images/common/btn_enlarge_o.gif);
	background-repeat: no-repeat;
	}
	
p {
	margin-left: 10px;
	margin-right: 10px;

}

h1 {
	padding-left: 20px;
	font-size: 1.2em;
	line-height: 14px;
	height: 37px;
	padding-top: 14px;
	margin-bottom: 10px;
}

h2 {
	padding-left: 30px;
	color: #000066;
	background-image: url(../images/common/h2.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	height: 18px;
	padding-top: 12px;
	line-height: 12px;
	width: 590px;
	font-size: 1em;
}
h3 {
	color: #000066;
	margin-bottom: 10px;
	background-image: url(../images/common/h3.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 12px;
	height: 20px;
	padding-top: 4px;
	font-size: 1em;
}
h3.long {
	color: #000066;
	margin-bottom: 10px;
	background-image: url(../images/common/h3_long.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 17px;
	height: 40px;
	padding-top: 4px;
	font-size: 1em;
}
h4 {
	color: #000066;
	line-height: 12px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 15px;
	font-size: 1em;
}
h5 {
	color: #000066;
	height: 26px;
	font-size: 1em;
}

h6 {
	color: #990000;
	margin-bottom: 10px;
	background-image: url(../images/common/icon_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 10px;
	line-height: 12px;
	height: 20px;
	padding-top: 4px;
	font-size: 1em;
}
.title {
	background-image: url(../images/common/icon_circle_blue.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 15px;
	height: 14px;
	padding-top: 2px;
	font-size: 1em;
	color: #000066;
	font-weight: bold;
	line-height: 14px;
	
}

#breadCrumb{
	font-size: 0.8em;
	height: 14px;
	padding-left: 22px;
	color: #FFFFFF;
	padding-top: 8px;
}
#breadCrumb a{
	color: #000000;
}


.copy {
	line-height: 160%;
	padding-bottom: 15px;
}
		
.lead {
	margin-bottom: 20px;
	line-height: 140%;
}
.lead02 {
	line-height: 140%;
	padding-bottom: 10px;
	padding-left: 20px;
}
.lead03 {
	line-height: 140%;
}
.leadSmall {
	line-height: 110%;
	font-size: 0.95em;
}
.leadRight {
	width: 430px;
	margin-top: 0px;
	top: 0px;
	position: static;
	margin-left: 145px;
}
img.imgleft {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}

.arrow {
	margin-top: 0px;
	top: 0px;
	float: left;
	font-size: 12px;
	color: #000000;
	background-image: url(../images/common/bg_arrow.gif);
	background-repeat: no-repeat;
	padding-top: 28px;
	padding-left: 15px;
	width: 55px;
	font-weight: bold;
	height: 40px;
}

.blue {
	color: #003399;
}
.red {
	color: #FF0000;
}
.caption {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #003366;
	font-size: 12px;
	text-align: center;
}



/************** トピック ****************/
.list {


}
.list li {
	margin-left: 10px;
	margin-top: 4px;


}
.list li.ichien {
	background-image: url(../images/common/icon_ichien.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.csr {
	background-image: url(../images/common/icon_csr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.sri {
	background-image: url(../images/common/icon_sri.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.hr {
	background-image: url(../images/common/icon_hr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.hl {
	background-image: url(../images/common/icon_hl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.chosa {
	background-image: url(../images/common/icon_chosa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.press {
	background-image: url(../images/common/icon_press.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.list li.icon {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	margin-left: 25px;
	background-image: url(../images/common/icon_g.gif);
	height: 15px;
	margin-top: 5px;
	padding-top: 2px;
}
.list  li.iconBar {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	margin-left: 25px;
	background-image: url(../images/common/icon_g.gif);
	height: 15px;
	margin-top: 5px;
	padding-top: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}

.list li.box {
	padding: 10px;
	background-color: #efefef;
	margin-right: 10px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
}
.list li.center {
	padding: 5px;
	margin-right: 10px;
	font-weight: bold;
	margin-left: 50px;
}

.list dt{
	float: left;
	width: 150px;

}
.list dd{
	margin-left: 120px;
	background-image: url(../images/common/icon_g.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-left: 10px;
	height: 15px;
	padding-bottom: 5px;

}

.textR {
	float: right;

}
.bgCompany {
	background-image: url(../images/company/bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}






/************** 列 ****************/

.element {

}

.element  li{
	clear: both;
	list-style-type: none;
	margin-bottom: 2px;
	padding-bottom: 5px;
	padding-top: 2px;
}
.element  dl {
}
.element  dt {
	color: #000066;
	width: 55px;
	float: left;
}
.element  dd {
	padding-left: 20px;
	float: left;

}



.element02 {

}


.element02  li{
	clear: both;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
}
.element02  dl {
}
.element02  dt {
	color: #003399;
	width: 70px;
	float: left;
}
.element02  dt.R {
	color: #003399;
	text-align: right;
	width: 80px;
	float: left;
	margin-right: 10px;
}

.element02  dd {
	padding-left: 5px;

}

.element03 {

}

.element03  li{
	clear: both;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	background-image: url(../images/common/bg_dotline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-right: 10px;
}
.element03  dl {
}
.element03  dt {
	color: #000066;
	padding-left: 25px;
	font-weight: bold;
	margin-top: 5px;
	height: 22px;
	padding-top: 3px;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 8px;
}
.element03  dd {
	clear: both;
	padding-bottom: 10px;

}

.element04 {

}

.element04  li{
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	background-image: url(../images/common/bg_dotline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-right: 10px;
	clear: both;
}
.element04  dl {
}
.element04  dt {
	text-align: right;
	width: 70px;
	float: left;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
	margin-right: 5px;
}
.element04  dd {

}

.element05 {

}

.element05  li{
	clear: both;
	list-style-type: none;
	padding-bottom: 5px;
	margin-left: 10px;
}
.element05  dl {
}
.element05  dt {
	float: left;
}
.element05  dt.red {
	color: #FF0000;
	width: 10px;

}
.element05  dt.blue {
	color: #003399;
	width: 10px;
	margin-left: 20px;

}
.element05  dd {
	margin-left: 5px;
	padding-left: 5px;
	float: left;
}



.element06 {
	width: 590px;
	margin-left: 10px;




}

.element06  li{
	list-style-type: none;
	width: 590px;
	margin-top: 10px;
	float: left;
	background-image: url(../images/common/bg_dotline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.element06  dl {
}
.element06  dt {
	width: 20px;
	float: left;
	
}
.element06  dd {
	float: left;
	padding-bottom: 10px;
	width: 565px;
}



table {
	clear: both;
	width: 580px;
	margin-top: 5px;
	margin-bottom: 10px;
}
th {
	font-weight: normal;
	text-align: left;
	font-size: 11px;
}
td {
	font-size: 11px;
	text-align: center;
}
td.dotline {
	border-color: #666666;
	border-style: dotted;
	border-width: 1px;
	width: 35px;
}
td.line {
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
	width: 35px;
}
td.none {
	color: #FFFFFF;
}
td.none2 {
	width: 35px;
	color: #FFFFFF;
}
table.outline {
	clear: both;
	width: 300px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	margin-left: 10px;
	
}
table.outline th {
	padding: 2px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}
table.outline td {
	padding: 2px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	text-align: left;
}

table.outline02 {
	margin-top: 5px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #999;
	margin-left: 10px;
}
table.outline02 th {
	padding: 1px;
	background-color: #CCCCCC;
	text-align: center;
	border-collapse: collapse;
	border: solid 1px #999;
}
table.outline02 td {
	padding: 1px;
	border-collapse: collapse;
	border: solid 1px #999;
}
table.outline02   td.hidari {
	padding: 1px;
	text-align: left;
	margin-left: 10px;
}
table.outline02 td.bgGray/*----------------------------------------*/
 {
	background-color: #ececec;
	height: 30px;
}


.close {
	float: right;
	padding: 3px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	}

div.switch {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #333;
	background: #ccc;
	}
strong {
	font-size: 1em;
}
small {
	font-size: 0.8em;
}