@charset "utf-8";

/* ==================================================================================
/
/  PAGE
/
================================================================================== */

/*
 base
------------------------------------------- */

/* page main */
.pageMain {
	line-height: 1.6;
}

/*
 title
------------------------------------------- */
.titleWrap {
	margin-bottom: 20px;
	padding: 10px 0 12px 8px;
	border: 1px solid #ccc;
	border-left: 6px solid #757575;
	background: url(../img/main_stitle_bg.gif) left bottom repeat-x;
}
.titleWrap.noCategory h2 {
	padding-top: 24px;
	
}
.titleWrap .category { margin: 0 0 12px 0; }
.titleWrap .title { margin: 0; }

/* WLB */
.wlb .titleWrap { border-left-color: #3F82D4; }

/*
 stitle
------------------------------------------- */

.stitle1 {
	margin: 0 0 4px 0;
	padding-left: 8px;
	border: 1px solid #ccc;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	background: #3F82D4 url(../img/main_stitle_bg_etc.gif) repeat-x;
	color: white;
}
/* WLB */
.wlb .stitle1 {
	background: #3F82D4 url(../img/main_stitle_bg_wlb.gif) repeat-x;
}
/* DS */
.ds .stitle1 {
	background: #3F82D4 url(../img/main_stitle_bg_ds.gif) repeat-x;
}
/* TW */
.tw .stitle1 {
	background: #3F82D4 url(../img/main_stitle_bg_tw.gif) repeat-x;
}
.stitle1 a {
	color: white;
	text-decoration: none;
}
.stitle1 a:hover {
	text-decoration: underline;
}

.stitle2 {
	margin: 0 0 3px 0;
	padding-left: 8px;
	border: 1px solid #ccc;
	line-height: 24px;
	font-size: 12px;
	color: #444;
	background: url(../img/main_stitle_bg.gif) repeat-x;
}

/*
 sstitle
------------------------------------------- */
.sstitle1 {
	border-bottom: 1px solid #ccc;
}

/*
 catch
------------------------------------------- */
.catch {
	font-size: 120%;
	text-align: center;
	color: #3F82D4;
}

/*
 font size
------------------------------------------- */
.fontBig { font-size: 120%; }

/*
 font color
------------------------------------------- */
.colorRed { color: #C00; }

/*
 align
------------------------------------------- */
.center {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtLeft {
	text-align: left;
}

/*
 section
------------------------------------------- */
.section {
	margin-bottom: 20px;
}

/*
 list
------------------------------------------- */
ol {
	line-height: 1.3;
	margin-top: 0;
	margin-left: 8px;
	padding-left: 12px;
}
.list1 {
	padding-left: 1.5em;
}

/*
 table
------------------------------------------- */
table {
	border-collapse: collapse;
	width: 690px;
}
th {
	vertical-align: top;
	text-align: left;
}
td { vertical-align: top; }

/*table style 1 [ border10px ] */
.tstyle1 {
	border: 10px solid #ccc;
}
.tstyle1 th,
.tstyle1 td {
	padding: 15px 15px 0 15px;
}
.tstyle1 th {
	padding-right: 0;
}
.tstyle1 td {
	padding-left: 0;
}
.tstyle1 .last th,
.tstyle1 .last td {
	padding-bottom: 15px;
}

/*table style 2 [ row border ] */
.tstyle2 th,
.tstyle2 td {
	padding: 0 20px 20px 20px;
}
.tstyle2 th {
	border-right: 1px solid #ccc;
}
.tstyle2 .last th,
.tstyle2 .last td {
	padding-bottom: 0;
}
.tstyle2 ul {
	margin: 0;
	padding-left: 1.5em;
}

/* table style 3 [ all border ] */
.tstyle3 th,
.tstyle3 td {
	padding: 5px;
	border: 1px solid #ccc;
}

/*
 borderBox
------------------------------------------- */
.outerBox {
	padding: 1px;
	border: 1px solid #444;
}
.borderBox1 {
	padding: 0 9px;
	border: 1px solid #ccc;
}

.borderBox2 {
	padding: 0 9px;
	border: 1px solid #ccc;
	background: url(../img/main_box_bg.gif) repeat-x;
}

/*
 point	
------------------------------------------- */
.point {
	padding: 10px;
	border: 10px solid #ccc;
}
.point h3 {
	margin: 0 0 10px 0;
	text-align:center;
}
.point h4 {
	margin: 0 0 2px 0;
}
.point p {
	margin: 0 0 15px 0;
}
.point p.last { margin-bottom: 0; }

/*
 readBox	
------------------------------------------- */
.readBox ol {
	margin: 0 0 8px 0;
	padding-left: 0;
	line-height: 1.3;
	list-style: none;
}
.readBox li {
	padding-top: 6px;
	padding-left: 20px;
	background: url(../img/icon_arrow1.gif) 1px 8px no-repeat;
}

/*
 columnBox	
------------------------------------------- */
.columnBox {
	position: relative;
	width: 690px;
}
.columnBox .left {
	float: left;
	width: 440px;
}
.columnBox .right {
	float: right;
	width: 230px;
}
.columnBox .right table {
	width: 230px;
}
.columnBox .right th,
.columnBox .right td {
	border-bottom: 1px dotted #ccc;
	line-height: 1.3;
	font-weight: normal;
	padding: 6px 0;
}
.columnBox .right td {
	font-weight: bold;
	vertical-align: middle;
}
.columnBox .right .first th,
.columnBox .right .first td {
	padding-top: 0;
}

/*
 bottom banner
------------------------------------------- */
.banner {
	height: 60px;
	margin: 25px 0 0 0;
	padding: 0 0 25px 0;
	list-style: none;
}
.banner li {
	width: 340px;
	line-height: 60px;
	border: 1px solid #ccc;
	font-weight: bold;
	background: url(../img/main_stitle_bg.gif) left bottom repeat-x;
}
.banner a {
	display: block;
	padding-left: 30px;
	text-decoration: none;
	background: url(../img/icon_arrow2_etc.gif) 10px center no-repeat;
}
.wlb .banner a {
	background-image: url(../img/icon_arrow2_wlb.gif);
}
.ds .banner a {
	background-image: url(../img/icon_arrow2_ds.gif);
}
.tw .banner a {
	background-image: url(../img/icon_arrow2_tw.gif);
}

.banner a:hover {
	text-decoration: underline;
}
.banner a.current,
.banner a.current:hover {
	color: #999;
	text-decoration: none;
	background-image: url(../img/icon_arrow2_etc.gif);
}

.banner .left {
	float: left;
}
.banner .right {
	float: right;
}

/*
 bottom banner
------------------------------------------- */
.contactBt {
	margin: 25px 0 0 0;
	padding: 0 0 25px 0;
}
.contactBt p {
	width: 240px;
	line-height: 60px;
	margin:0 auto;
	border: 1px solid #ccc;
	font-weight: bold;
	background: url(../img/main_stitle_bg.gif) left bottom repeat-x;
}
.contactBt a {
	display: block;
	padding-left: 90px;
	text-decoration: none;
	background: url(../img/icon_arrow2_etc.gif) 70px center no-repeat;
}

/*
 attention
------------------------------------------- */
.attention {
	padding: 10px;
	background: #fcc;
}
.attention p {
	margin: 0;
}

/*
 linkList
------------------------------------------- */
.linkList a {
	display: block;
	padding-left: 20px;
	line-height: 28px;
	text-decoration: none;
	background: url(../img/icon_arrow1.gif) 1px 8px no-repeat;
}
.linkList a:hover {
	text-decoration: underline;
}

.linkList2 {
	list-style: none;
}
.linkList2 li {
	padding: 0 0 10px 0;

}
.linkList2 a {
	padding-left: 16px;
	background: url(../img/icon_arrow1.gif) 1px top no-repeat;
}
/*
 goTop
------------------------------------------- */
.goTop {
	clear: both;
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size: 10px;
	text-align: right;
}
.goTop a {
	width: 9em;
	white-space: nowrap;
	padding: 4px 18px 4px 4px;
	background: url(../img/icon_arrow_up.gif) right 3px no-repeat;
}

/*
 wlb [ work life balance ]
================================================================================== */

/*
 wlbTop
------------------------------------------- */

/* merit */
.merit {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}
.merit div {
	width: 322px;
	border: 1px solid #ccc;
	border-left-width: 6px;
	background: white;
}
.merit .left { float: left; margin-right: 5px; }
.merit .right { float: right; }
.merit h3 {
	text-align: center;
	margin-bottom: 10px;
}
.merit h4 {
	margin: 5px 0;
	padding-left: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}
.merit ul {
	padding-left: 2em;	
	margin: 0 0 6px 0;
}

/*
 lecture
------------------------------------------- */
.lecture .catch p {
	font-size: 90%;
	margin-bottom: 20px;
	color: #333;
}
.lecture table ul {
	margin: 0;
}

/*
 training
------------------------------------------- */

/* training01 point */
.wlb.training .point h3 {
	margin-bottom:5px;
}
.wlb.training .point table {
	width: 650px;
}
.wlb.training .point th,
.wlb.training .point td {
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}
.wlb.training .point .last th,
.wlb.training .point .last td {
	border: 0;
	padding-bottom: 5px;
}
.wlb.training .linkList2 {
	padding: 10px 0 0 10px;
}


/* training02 catch  */
.wlb.training .catch p {
	font-size: 90%;
	margin-bottom: 20px;
	color: #333;
	text-align:left;
}


/*
 ds [ diversity ]
================================================================================== */

/*
 dsTop
------------------------------------------- */
.dsTop .cont1 h4 {
	text-align: left;
	margin-bottom: 0;
}
.dsTop .cont1 p {
	margin-top: 0;
	padding-right: 10px;
	text-align: right;
}
.dsTop .cont2 h4 {
	margin-top: 0;
}
.dsTop .cont3 h4 {
	text-align: left;
}
.dsTop .cont5 p {
	font-size: 90%;
	line-height: 1.3;
}
.dsTop .cont5 {
	padding-bottom: 5px;
	border-bottom: 2px solid #ccc;
}
.dsTop .cont7 .text {
	font-size: 11px;
}

/*
 training
------------------------------------------- */
.ds.training .cont2 h4 {
	margin-bottom: 0;
}

.ds.training .cont2 p {
	margin-top: 0;
}
.ds.training .cont4 h4 {
	font-size: 90%;
	text-align: left;
}
.ds.training .cont7 ol {
	margin: 0;
}

/*
 consulting
------------------------------------------- */
.ds.consulting .cont2 h4 {
	text-align: left;
}

/*
 tw [ telework ]
================================================================================== */

/*
 twTop
------------------------------------------- */
.twTop .borderBox1 table {
	width: auto;
}
.twTop .borderBox1 th {
	font-weight: normal;
	padding-right: 15px;
}
.twTop .cont7 ol {
	margin-bottom: 0;
}
.twTop .tableWrap {
	text-align: center;
}
.twTop .tableWrap p {
	margin-bottom: 5px;
}
.twTop .tableWrap table {
	margin: 0 auto 10px auto;
	width: 520px;
	border-bottom: 1px solid #ccc;
}
.twTop .tableWrap th,
.twTop .tableWrap td {
	padding: 5px 10px;
	border-bottom: 0;
}
.twTop .tableWrap th {
	text-align: center;
	background: #f1f1f1;
}
.twTop .tableWrap .kome {
	border-top: 1px dotted #ccc;
}
.twTop .tableWrap.t2 table {
	margin-bottom: 5px;
}
.twTop .tableWrap.t2 p {
	margin-top: 0;
	margin-bottom: 15px;
}

.twTop .tableWrap.t1 .childTable table {
	width: 100%;
	margin: 0;
	border: 0;
}
.twTop .tableWrap.t1 .childTable th {
	background: none;
	font-weight: normal;
	text-align: left;
	border: 0;
}
.twTop .tableWrap.t1 .childTable td {
	border: 0;
	text-align: right;
}
.twTop .tableWrap.t1 .last {
	text-align: left;
	margin-bottom: 30px;
}

/*
 training
------------------------------------------- */
.tw.training .cont1 th {
	width: 90px;
	white-space: nowrap;
}
.tw.training .tstyle2 ul {
	margin-top: 0;
	margin-bottom: 0;
}
.tw.training .cont2 p {
	text-align: left;
}
.tw.training .section.cont2 {
	margin-bottom: 10px;
}
.tw.training .point table {
	width: auto;
}
.tw.training .point th {
	white-space: nowrap;
	padding-right: 15px;
}
.tw.training .point ol {
	margin-top: 0;
	margin-bottom: 0;
}

/*
 consulting
------------------------------------------- */
.tw.consulting .point ol {
	margin-top: 0;
	margin-bottom: 0;
}

/*
 success
================================================================================== */

/*
 flextime
------------------------------------------- */
.flextime .cont1 p {
	text-align: left;
	font-size: 90%;
	color: #333;
}
.flextime .cont3,
.flextime .cont4 {
	font-size: 90%;
	line-height: 1.4;
}
.flextime .cont3 h3,
.flextime .cont4 h3 {
	margin-top: 0;
	margin-bottom: 5px;
}
.flextime .cont4 ul {
	margin-top: 0;
	padding-left: 1.5em;
}
.flextime .cont5 table {
	width: 668px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.flextime .cont5 td {
	width: 50%;
	text-align: center;
	color: #333;
}
.flextime .cont7 th {
	width: 140px;
}
.flextime .cont7 td {
	padding-left: 50px;
}
/*
 successTop,
 coaching
------------------------------------------- */
.successTop .section.cont1,
.coaching .section.cont1 {
	margin-bottom: 5px;
}


/*
 etc
================================================================================== */

/*
 profile
------------------------------------------- */
.profile .cont2 p {
	color: #333;
	margin-bottom: 20px;
}
.profile .cont3 .point {
	padding: 20px 60px 30px 30px;
}
.profile .cont3 h4 {
	color:#3F82D4;
	font-size: 120%;
	margin: 10px 0 15px 0;
}
.profile .cont4 .catch h4 {
	color: #c00;
}
.profile .cont4 p.catch {
	font-weight: bold;
	margin: 20px 0;
}

/*
 survey
------------------------------------------- */
.survey p {
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}
.survey p.noBorder {
	padding-bottom: 0;
	border-bottom: none;
}
.survey .cont2 table {
	font-size: 90%;
}
.survey .cont2 td {
	width: 50%;
	text-align: center;
}

/*
 survey
------------------------------------------- */
.article .tTitle {
	background-color: #008080;
	color: white;
}
.article .tTitle h4 {
	margin: 8px;
}

/*
 media
------------------------------------------- */
.bookCont h4 {
	font-size: 120%;
}
.bookCont h5 {
	margin-top: 10px;
	font-size: 100%;
}
.bookTitle {
	margin: 0 0 20px 20px;
}
.bookTitle th {
	width: 1%;
	padding: 12px 8px 8px 12px;
	border: 1px solid #ccc;
}
.bookTitle td {
	padding-left: 40px;
}
.media .cont3 .tstyle2 {
	margin-top: 10px;
}
.media .cont3 .tstyle2 th {
	width: 120px;
}

/*
 society
------------------------------------------- */
.society table td {
	border-bottom: 1px dotted #ccc;
}

/*
 contact
------------------------------------------- */
.contact td,
.contact th {
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
	padding-bottom: 15px;
}
.contact .submit {
	margin: 15px;
	text-align: center;
}