@charset "utf-8";

/*========================

企業の姿を社会へ

========================*/

/*------------------------
常にインクルードするCSS
------------------------*/

@import "reset.css";
@import "base.css";

/*-----------------------------------------

マージン

-----------------------------------------*/

.marginTop1em {
	margin-top: 1em;
}

.marginTop5 {
	margin-top: 5px;
}

.marginLeft3em {
	margin-left: 3em;
}

.marginLeft10 {
	margin-left: 10px;
}

.marginLeft14 {
	margin-left: 14px;
}

.marginLeft21 {
	margin-left: 21px;
}

.marginLeft44 {
	margin-left: 44px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

/*-----------------------------------------

フォント

-----------------------------------------*/

.green {
	color:#007A65;
}

/*-----------------------------------------

width

-----------------------------------------*/

.width200 {
	width:250px;
}

/*-----------------------------------------

テーブル

-----------------------------------------*/

.text table {
	width: 700px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.text table th {
	background: #EFEFEF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	white-space: nowrap;
	padding: 8px;
	text-align: center;
}

.text table td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px;
}

.nowrap {
	white-space:nowrap;
}

/*-----------------------------------------

画像

-----------------------------------------*/

.imgSpace {
	text-align: center;
}

/*-----------------------------------------

テキスト

-----------------------------------------*/

.text2{
	background:#E4ECE1;
	width:680px;
	margin:0 auto 5px;
	padding:10px 15px;
}

h5 {
	font-size: 107%;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.txtCenter {
	text-align:center;
}

.txtRight {
	text-align:Right;
}

.text dt {
	float: left;
	width: 5.5em;
}

.soshiki dt {
	width: 10em;
}

/*-----------------------------------------

リスト

-----------------------------------------*/

ul.marginLeft3em {
    margin-top: 1em;
    margin-bottom: 1em;
}

ul.marginLeft3em li {
    list-style: url(../profile/img/list_mark.gif);
}

.text.clearfix .floatBox03 ul {
	margin-top: 8px;
	margin-bottom: 12px;
}

.text.clearfix .floatBox03 ul li {
	background: url(../company/img/arrow.jpg) no-repeat left 3px;
	padding-left: 15px;
}

.text.clearfix .floatBox03 img {
	margin-top: 4px;
}

.floatBox .search {
	margin-left: 20px;
}

.floatBox .search li {
	background: url(../company/img/tensen_01.gif) no-repeat right center;
	padding-right: 6px;
	display: inline;
	padding-left: 4px;
}

.text .shosai {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.shosai li {
	background: url(../company/img/tensen_02.gif) no-repeat left bottom;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 4px;
}

.text .kigyo {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 2.5em;
}

.kigyo li {
	list-style: url(../society/img/list_mark.gif);
	padding-bottom: 2px;
	padding-top: 2px;
}

/*-----------------------------------------

アイコン

-----------------------------------------*/

.pdf{
	background: url(../company/img/icon_pdf.jpg) no-repeat left 5px;
	padding-left: 23px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.mark {
	background: url(../company/img/icon_mark.jpg) no-repeat left 5px;
	padding-left: 23px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.text li img {
	vertical-align: middle;
}

/*-----------------------------------------

フロート

-----------------------------------------*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.text .imgLfloat {
	display: inline;
	float: left;
	width: 225px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.text .Lfloat_tit {
	width:700px;
	margin-bottom:5px;
	display: inline;
	float: left;
	border-bottom:#666 dotted 1px;
}

.text .Lfloat_dit {
	width:700px;
	display: inline;
	float: left;
}

.text .floatBox {
	display: inline;
	float: left;
}

.text .floatBox01 {
	display: inline;
	float: left;
	width: 250px;
	padding-bottom: 10px;
}

.floatBox01 img {
	margin-top: 8px;
}

.text .floatBox02 {
	display: inline;
	float: left;
	width: 273px;
	padding-bottom: 10px;
	margin-top: 8px;
	margin-left: 44px;
}

.text .floatBox03 {
	display: inline;
	float: left;
	width: 210px;
	padding-bottom: 10px;
	margin-top: 8px;
	margin-left: 35px;
}

.text .floatBox03 img {
	margin-top: 4px;
}

.text .floatBox03 ul {
	margin-bottom: 10px;
}

.text .floatBox03 ul li {
	background: url(../company/img/arrow.jpg) no-repeat left center;
	padding-left: 15px;
}

.text .katsudo {
	width: 679px;
	margin-top: 3px;
	margin-left: 24px;
	background: url(../company/img/img_08.jpg) repeat-y;
	margin-bottom: 15px;
}

.text .katsudo .floatBox04 {
	width: 217px;
	float: left;
	display: inline;
	padding-bottom: 3px;
	height: 100%;
}

.text .katsudo .floatBox04 ul {
	margin-top: 10px;
	margin-left: 5px;
}

.katsudo .floatBox04 ul li {
	background: url(../company/img/img_10.jpg) no-repeat left bottom;
	width: 200px;
	padding-bottom: 9px;
	margin-bottom: 10px;
	margin-top: -2px;
	padding-left: 7px;
}

.katsudo .floatBox04 .non {
	background: url(none);
	margin-bottom: -3px;
}

.katsudo .floatBox04 li a {
	background: url(../company/img/arrow.jpg) no-repeat left 2px;
	padding-left: 13px;
}

.text .katsudo .floatBox05 {
	width: 217px;
	float: left;
	display: inline;
	padding-bottom: 3px;
	height: 100%;
}

.text .katsudo .floatBox05 ul {
	margin-top: 10px;
	margin-left: 5px;
}

.katsudo .floatBox05 ul li {
	width: 200px;
	padding-bottom: 9px;
	margin-bottom: 10px;
	margin-top: -2px;
	padding-left: 7px;
}

.katsudo .floatBox05 .non {
	background: url(none);
	margin-bottom: -3px;
}

.katsudo .floatBox05 li a {
	background: url(../company/img/arrow.jpg) no-repeat left 2px;
	padding-left: 13px;
}

.katsudo img {
	display: block;
}

.clear {
	clear: both;
}

/*-----------------------------------------

各テーマで探す

-----------------------------------------*/

.text .subttl {
	width:687px;
	margin:0 auto;
}

.text .subttlSummary,
.text .subttlSummary2 {
	width:665px;
	margin:0 auto 10px;
	padding:15px 10px;
	border-right:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	background:url(../company/img/bg_both.jpg) bottom right no-repeat;
}

.text .subttlSummary2 {
	margin:0 auto 0;
}

.text .subttlSummary2 ul {
	height:18px;
	padding:0 0 0 4px;
	background: url(../company/img/tensen_03.gif) no-repeat left bottom;
}

.text .subttlSummary2 ul li {
	padding:0 6px 0 4px;
	display:inline;
	background: url(../company/img/tensen_03.gif) no-repeat right center;
}

.text .subttlSummary ul li {
	margin:0 12px 0 0;
	padding:0 0 0 12px;
	float:left;
	background:url(../company/img/arrow.jpg) no-repeat left center;
}

.text .subttlSummary ul li.last {
	margin:0;
}

.btn {
	margin:5px 0 10px;
	text-align:right
}

.companyNavi .text,
.companyNavi2 .text {
	width:720px;
}

.companyNavi ul,
.companyNavi2 ul {
	width:718px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#EBEBEB;
}

.companyNavi ul li,
.companyNavi2 ul li {
	margin:0;
	height:25px;
	padding:5px 10px 0 5px;
	white-space:nowrap;
	display:inline;
	float:left;
}

.companyNavi2 ul li {
	padding:5px 15px 0;
}

.companyNavi ul li a {
	padding:0 0 0 10px;
	background:url(../company/img/arrow_black.gif) left center no-repeat;
}

.companyNavi2 ul li a,
.companyNavi2 ul li.on a {
	padding:0;
	background:none;
}

.companyNavi ul li.on,
.companyNavi2 ul li.on {
	background:#3EA697;
}

.companyNavi ul li.on a {
	padding:0 0 0 10px;
	background:url(../company/img/arrow_white.gif) left center no-repeat;
}

.boder1 {
	margin:-6px 0 0;
	border: 1px solid #CCC;
}

.boder1 .text p {
	margin:15px 0 0;
	padding:0 0 0 10px;
}

.boder1 ul.search,
.boder1 form.search {
	margin:10px 0 0;
	float:left;
}

.boder1 ul.search li {
	float:left;
}

.boder1 .right {
	width:690px;
	margin:10px 0 0;
	padding:0 10px 0 0;
	text-align:right;
	float:right;
}

.boder1 table.thema,
.boder1 table.thema_all {
	width:690px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.boder1 table.thema th,
.boder1 table.thema_all th {
	background: #EFEFEF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px 5px;
	text-align: center;
}

.boder1 table.thema td,
.boder1 table.thema_all td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px 5px;
}

.boder1 table.thema .width200,
.boder1 table.thema th.cel1,
.boder1 table.thema td.cel1 {
	width:155px;
}

.boder1 table.thema th.cel2,
.boder1 table.thema td.cel2 {
	width:100px;
}

.boder1 table.thema th.cel3,
.boder1 table.thema td.cel3 {
	width:310px;
}

.boder1 table.thema th.cel4,
.boder1 table.thema td.cel4 {
	width:100px;
}

.boder1 table.thema_all th.cel1,
.boder1 table.thema_all td.cel1 {
	width:185px;
}

.boder1 table.thema_all th.cel2,
.boder1 table.thema_all td.cel2 {
	width:130px;
}

.boder1 table.thema_all th.cel3,
.boder1 table.thema_all td.cel3 {
	width:240px;
}

.boder1 table.thema_all th.cel4,
.boder1 table.thema_all td.cel4 {
	width:100px;
}

.boder1 table.thema_all dl {
	width:185px;
}

.boder1 table.thema_all dl dt {
	width:185px;
	background:#FFF;
}

.boder1 table.thema_all dl dd {
	width:167px;
	margin:0 0 3px;
	padding:0 0 0 18px;
	background:url(../company/img/arrow_tree2.gif) 5px bottom no-repeat;
}

.boder1 table.thema_all dl dd.last {
	background:url(../company/img/arrow_tree.gif) 5px bottom no-repeat;
}

/*フロート*/

.floatR {
	margin:10px 0 0;
	float:right;
}