@charset "utf-8";

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

LAYOUT TOP

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



/* CONTAINER

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

#container {

	width: 100%;

	position: relative;

	background: #fff;

	padding: 0px 0px 60px;

}

#pagetit {

	background: url(/img/common/pagetit_bg.jpg) center top no-repeat;

	height: 180px;

	padding-top: 40px;

	text-align: center;

	min-width: 960px;

	width: auto !important;

	width: 960px;

}



/* CONT WRAP

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

#contWrap {

	position: relative;

	clear: both;

	width: 100%;

	min-width: 960px;

	background: url(/img/common/cont_bg.png) center top no-repeat;

	margin: -110px 0 0 0;

	padding: 50px 0 0 0;

	z-index: 1;

}

#contWrap2 {

	position: relative;

	width: 960px;

	margin: 0px auto;

	background: none;

	padding: 0;

}



/* CONTENTS

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

#contents {

	float: left;

	width: 680px;

}

#path {

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px dotted #EEE;

}

hr {

	display: block;

	border: none;

	border-top: 1px dotted #EEE !important;

}

#contents .pagetop {

	text-align: right;

	margin: 20px 0 -20px 0;

}

#contents .pagetop a {

	background: url(/img/common/arw_top.gif) left center no-repeat;

	padding-left: 15px;

}

.anchorList {

	margin: 0 -10px -10px 0;

}

.anchorList li {

	float: left;

	width: 220px;

	height: 32px;

	margin: 0 10px 10px 0;

}

.anchorList li img {

	margin: -2px;

}

.anchorListTxt {

	border-top: 1px solid #EEE;

	border-bottom: 1px solid #EEE;

	padding-top: 10px;

}

.anchorListTxt li {

	float: left;

	margin: 0 0 10px 20px;

}

.anchorListTxt li a {

	background: url(/img/common/arw_bottom.jpg) left center no-repeat;

	padding-left: 15px;

}

#contents section {

	position: relative;

}

#contents section .btn {

	position: absolute;

	top: 15px;

	right: 10px;

}

#contents .sec {

	margin-top: 40px;

}

#contents .sec:first-child {

	margin-top: 0;

}

#contents .slideSec {

	position: relative;

}

#contents .slideSec .tit {

	padding-right: 100px !important;

}

#contents .slideSec .btn {

	position: absolute;

	top: 0 !important;

	right: 0;

	cursor: pointer;

}

#contents .boxSec h2 {

	margin-bottom: 1px !important;

}

#contents .boxSec .inner {

	border: 1px solid #EEE;

	padding: 19px;

}

#contents .sec h2 {

	margin-bottom: 20px;

}

#contents .sec h2.tit {

	background: url(/img/common/ttl_h2bg.jpg) center center repeat-x;

	border: 1px solid #EEE;

	padding: 10px;

	margin-bottom: 1px;

}

#contents .sec h2 a,

#contents .sec h2 span {

	display: block;

	background: url(/img/common/ttl_h2_icon.jpg) left center no-repeat;

	padding-left: 15px;

	line-height: 28px;

}

#contents .sec h2 a.imgTit {

	background: none;

	padding: 0;

	line-height: normal;

}

#contents .inner.line {

	border-top: 1px solid #EEE;

	padding-top: 20px;

}

#contents section.sec .btn {

	top: 10px;

}

#contents section .sec h3.tit,

#contents article .sec h3.tit {

	background: url(/img/common/ttl_h3_icon.gif) left top no-repeat;

	padding: 0 0 10px 25px;

	line-height: 20px;

	border-bottom: 1px solid #EEE;

	margin-bottom: 15px;

}

#contents section .sec h3.tit a {

	color: #003F98;

}

#contents section .sec h3.tit a:hover {

	color: #003F98;

}

#contents article section.sec .inner {

	padding: 0;

	border: none;

}

.imgTxt .img {

	float: left;

	width: 200px;

	padding-right: 10px;

}

.imgTxt .txt {

	float: right;

	width: 460px;

}

.txtImg .img {

	float: right;

	width: 200px;

}

.txtImg .txt {

	float: left;

	width: 460px;

}

.imgTxt02 .img {

	float: left;

	width: 240px;

}

.imgTxt02 .txt {

	float: right;

	width: 420px;

}

.txtImg02 .img {

	float: right;

	width: 240px;

}

.txtImg02 .txt {

	float: left;

	width: 420px;

}

.halfSecBlock .imgTxt .img {

	width: 120px;

}

.halfSecBlock .imgTxt .txt {

	width: 185px;

}

.fukiTitSec .tit {

	background: #EFF5FE;

	color: #024198;

	text-align: center;

	padding: 10px;

	line-height: 1;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.fukiTitSec .inner {

	background: url(/img/common/fuki.gif) center top no-repeat;

	padding: 15px 0 0 0;

}

ul.serviceList,

.serviceList dd {

	background: url(/img/common/gray_bg.gif);

	padding: 0 0 0 10px;

}

.serviceList li {

	float: left;

	padding: 10px 0;

	width: 149px;

	text-align: center;

	border-bottom: 1px solid #FFF;

}

ul.serviceList li {

	width: 163px;

	border-bottom: none;

}

ul.serviceList li:first-child a {

	border-left: 1px solid #FFF;

}

.serviceList li a {

	display: block;

	border-right: 1px solid #FFF;

}

.serviceList dd li:nth-child(3n+1) a {

	border-left: 1px solid #FFF;

}

.halfSecBlock .serviceList dd li:nth-child(3n+1) a {

	border-left: none;

}

.halfSecBlock .serviceList dd li:nth-child(2n+1) a {

	border-left: 1px solid #FFF;

}

.serviceList dd li img {

	margin: -4px 0;

}

.pointList {

	border-top: 1px solid #EEE;

}

.pointList li {

	padding: 5px 0 5px 100px;

	font-weight: bold;

	line-height: 40px;

	font-size: 14px;

	border-bottom: 1px dotted #EEE;

}

.pointList li:last-child {

	border-bottom: 1px solid #EEE;

}

.pointList li:nth-child(1) {

	background: url(/img/common/point01.gif) left center no-repeat;

}

.pointList li:nth-child(2) {

	background: url(/img/common/point02.gif) left center no-repeat;

}

.pointList li:nth-child(3) {

	background: url(/img/common/point03.gif) left center no-repeat;

}



.meritList {

	border: 1px solid #EEE;

	padding-bottom: 20px;

}

.meritList dt {

	margin: -1px -1px 10px -1px;

}

.meritList dd {

	border-bottom: 1px dotted #EEE;

	margin: 0 19px;

	padding: 10px 0 10px 25px;

	background: url(/img/common/icon_check.gif) left 10px no-repeat;

	line-height: 20px;

	font-weight: bold;

}



.lecturerList {

	margin-top: -20px;

}

.lecturerList li {

	float: left;

	width: 330px;

	margin-top: 20px;

}

.lecturerList li figure {

	float: left;

	width: 160px;

}

.lecturerList li p {

	float: right;

	width: 160px;

}

.lecturerList li:nth-child(odd) {

	margin-right: 20px;

}



.checkList {

	margin-top: -10px;

}

.checkList li {

	border-bottom: 1px dotted #EEE;

	padding: 10px 0 10px 25px;

	background: url(/img/common/icon_check.gif) left 10px no-repeat;

	line-height: 20px;

	font-weight: bold;

}



.list {

	margin-top: -10px;

}

.list li {

	background: url(/img/common/list_icon.gif) left 15px no-repeat;

	border-bottom: 1px dotted #EEE;

	padding: 10px 0 10px 15px;

}

.list li.pdf {

	background: url(/img/common/icon_pdf.png) left center no-repeat;

	padding-left: 20px;

}



.halfSecBlock .sec {

	float: left;

	width: 320px;

	margin-top: 0 !important;

}

.halfSecBlock .sec:nth-child(odd) {

	clear: left;

	margin-right: 40px;

}



.flowList {

	border-bottom: 1px solid #EEE;

}

.flowList dt {

	padding: 15px 0 15px 50px;

	line-height: 20px;

	background-position: 0 5px;

	background-repeat: no-repeat;

	font-weight: bold;

	border-top: 1px solid #EEE;

}

.flowList dt.flow01 {

	background-image: url(/img/common/icon01.gif);

}

.flowList dt.flow02 {

	background-image: url(/img/common/icon02.gif);

}

.flowList dt.flow03 {

	background-image: url(/img/common/icon03.gif);

}

.flowList dt.flow04 {

	background-image: url(/img/common/icon04.gif);

}

.flowList dt.flow05 {

	background-image: url(/img/common/icon05.gif);

}

.flowList dt.flow06 {

	background-image: url(/img/common/icon06.gif);

}

.flowList dd {

	padding: 15px 10px;

	border-top: 1px dotted #EEE;

}



.newsTable {

	width: 100%;

	margin-top: -10px;

}

.newsTable th {

	padding: 10px 0;

	border-bottom: 1px dotted #EEE;

	white-space: nowrap;

}

.newsTable td {

	padding: 10px 0 10px 10px;

	border-bottom: 1px dotted #EEE;

}

.newsTable td:last-child {

	width: 100%;

}



.rankTable {

	border-collapse: collapse;

}

.rankTable th {

	padding: 10px;

	border: 1px solid #EEE;

}

.rankTable th:first-child {

	background: #FAFAFA;

	white-space: nowrap;

}

.rankTable .crownRow td {

	border: none;

	border-bottom: 1px solid #EEE;

	padding: 5px;

	text-align: center;

}

.rankTable td {

	padding: 10px;

	border: 1px solid #EEE;

	text-align: left;

}

.rankTable .regular {

	background: #EFF5FE;

}

.rankTable .silver {

	background: #CCC;

}

.rankTable .gold {

	background: #D9A300;

	color: #FFF;

}

.rankTable .pgold {

	background: #C09F03;

	color: #FFF;

}

.rankTable .platinum {

	background: #868695;

	color: #FFF;

}

.rankTable .diamond {

	background: #BFBFFF;

	color: #FFF;

}



.table01 {

	width: 100%;

	border-collapse: collapse;

}

.table01 th {

	background: #FAFAFA;

	white-space: nowrap;

	border: 1px solid #EEE;

	padding: 10px;

}

.table01 td {

	width: 100%;

	border: 1px solid #EEE;

	padding: 10px;

}

}

.table02 {

	width: 100%;

	border-collapse: collapse;

}

.table02 th {

	background: #F0F0F0;

	white-space: nowrap;

	border: 1px solid #F0F0F0;

	padding: 10px;

}

.table02 td {

	width: 33%;

	border: 1px solid #F0F0F0;

	padding: 10px;

}

.caseSec.multiline {

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px dotted #EEE;

}

.caseSec article {

	float: left;

	width: 320px;

}

.caseSec article:nth-child(odd) {

	padding-right: 20px;

	border-right: 1px dotted #EEE;

}

.caseSec article:nth-child(even) {

	padding-left: 20px;

	border-left: 1px dotted #EEE;

	margin: 0 -1px;

}

.caseSec article .img {

	float: left;

	width: 150px;

}

.caseSec article .img img {

	width: 150px;

	height: auto;

}

.caseSec article .txt {

	float: right;

	width: 155px;

}



.wp-pagenavi {

	text-align: center;

	margin-top: 40px;

}



.catList {

	margin: -10px -5px 0 0;

}

.catList li {

	display: inline-block;

	*display: inline;

	*zoom: 1;

	margin: 10px 5px 0 0;

}

.catList li a {

	color: #FFF;

	background: url(/img/common/arw_blue.png) 10px center no-repeat #024198;

	padding: 5px 10px 5px 25px;

}



.pickUpBnrs {

	margin-right: -10px;

	height: 64px;

}

.pickUpBnrs li {

	float: left;

	width: 220px;

	height: 60px;

	margin-right: 10px;

}

.pickUpBnrs img {

	margin: -2px;

}

.bnr img {

	margin: -2px;

}



#supportSec {

	margin-top: 40px;

	border: 5px solid #EEE;

}

#supportSec h2 {

	margin: -10px -10px 0 -10px;

}

#supportSec .inner {

	padding: 10px;

}

#supportSec ul {

	margin-right: -10px;

}

#supportSec li {

	float: left;

	margin: 10px 10px 0 0;

}



.arwLink {

	background: url(/img/common/arw.gif) left center no-repeat;

	padding-left: 16px;

	line-height: 1;

}

a.pdf {

	background: url(/img/common/icon_pdf.png) left center no-repeat;

	padding-left: 18px;

}

a.blank {

	background: url(/img/common/icon_blank.png) left center no-repeat;

	padding-left: 18px;

}

.tRight {

	text-align: right;

}

.tCenter {

	text-align: center;

}



/* SIDE

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

#side {

	float: right;

	width: 240px;

}

#side #sNav {

	border: 5px solid #EEE;

	padding-bottom: 10px;

	margin-bottom: 30px;

}

#side #sNav dt {

	margin: -10px -10px 0 -10px;

}

#side #sNav dd {

	padding: 10px 0;

	margin: 0 10px;

	border-bottom: 1px dotted #EEE;

}

#side #sNav dd a {

	display: block;

	padding-left: 15px;

	background: url(/img/common/arw.gif) left top no-repeat;

	line-height: 1;

}

#side #sNav dd li {

	padding: 5px 0 0 15px;

}

#side #sNav dd li a {

	background: url(/img/common/arw_mini.gif) left center no-repeat;

	padding-left: 10px;

	line-height: 1;

}

#side .bnrs li {

	margin-bottom: 10px;

}

#side .bnrs li:last-child {

	margin-bottom: 0;

}

#side .bnrs li img {

	margin: -2px;

}

#sSupport,

#sTel {

	border: 5px solid #EEE;

	text-align: center;

}

#sSupport dt,

#sTel dt {

	margin: -10px -10px 10px -10px;

}

#sSupport dd {

	padding-bottom: 5px;

}

#sSupport dd:last-child {

	padding-bottom: 10px;

}

#sTel dd {

	padding-bottom: 10px;

}

#sTel dd:last-child {

	padding: 5px 0 0 0;

	background: #EEE;

}



/* HOME

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

#main {

	position: relative;

	width: 960px;

	height: 490px;

	margin: 0 auto;

	z-index: 0;

}

#main figure {

	position: absolute;

	top: 0;

	left: -100px;

	z-index: 0;

}

#main figure img {

	position: absolute;

	top: 0;

	left: 0;

}

#main dl {

	position: absolute;

	top: 30px;

	right: 0;

	width: 285px;

}

#main dl dd.txt {

	background: url(/img/home/main_bg.png) center bottom no-repeat;

	padding: 15px 20px;

	color: #FFF;

	font-weight: bold;

}

#mainBtn {

	position: absolute;

	top: -40px;

	left: 0;

	background: url(/img/home/main_nav.gif) center center repeat-x;

	padding: 5px 10px 5px 0;

}

#mainBtn li {

	float: left;

	margin-left: 10px;

	width: 30px;

	height: 5px;

	cursor: pointer;

	overflow: hidden;

}

#home #sec01 h2 {

	margin-bottom: 1px;

}

#home #sec01 .inner {

	border: 5px solid #02306C;

	padding: 20px;

}

#home #sec01 section {

	float: left;

	width: 200px;

	margin-left: 15px;

	cursor: pointer;

}

#home #sec01 section:first-child {

	margin-left: 0;

}

#home #sec01 section h3 {

	margin-bottom: 2px;

}

#home #sec01 section .inner {

	padding: 0;

	border: none;

}

#home #sec02 section {

	padding: 20px 0;

	border-top: 1px dotted #EEE;

	border-bottom: 1px dotted #EEE;

	margin-bottom: -1px;

}

#home #sec02 section .txt {

	width: 465px !important;

}



/* PARTNER

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

#case .logoImg,

#interview .logoImg {

	display: table-cell;

	width: 320px;

	height: 120px;

	text-align: center;

	vertical-align: middle;

	layout-grid-line: 120px;
	/* IE7以下 */

	border: 1px solid #F7F7F7;

}

#case .logoImg img,

#interview .logoImg img {

	max-width: 320px;

	width: auto !important;

	width: 320px;

	max-height: 120px;

	height: auto !important;

	height: 120px;

}



/* FLOW

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

#flow .flowTable {

	border-collapse: collapse;

	border-top: 1px solid #EEE;

}

#flow .flowTable th {

	width: 200px;

	padding: 30px 0 10px 0;

}

#flow .flowTable tr:nth-child(1) th {

	background: #A3CAFE;

	vertical-align: middle;

}

#flow .flowTable tr:nth-child(2) th {

	background: url(/img/flow/flow02_bg.gif) center top no-repeat #2682FD;

}

#flow .flowTable tr:nth-child(3) th {

	background: url(/img/flow/flow03_bg.gif) center top no-repeat #0254C1;

}

#flow .flowTable tr:nth-child(4) th {

	background: url(/img/flow/flow04_bg.gif) center top no-repeat #012C65;

}

#flow .flowTable td {

	padding: 20px 0 20px 20px;

	border-bottom: 1px solid #EEE;

}

#booklet .bookletTable {

	border-collapse: collapse;

	margin-top: -10px;

}

#booklet .bookletTable th {

	text-align: left;

	padding: 10px 10px 10px 0;

	color: #024198;

	border-bottom: 1px dotted #EEE;

	width: 100%;

}

#booklet .bookletTable td {

	text-align: right;

	padding: 10px 0;

	white-space: nowrap;

	border-bottom: 1px dotted #EEE;

}



/* SEMINAR

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

.seminarListTable {

	border-collapse: collapse;

	margin-top: -10px;

}

.seminarListTable th {

	position: relative;

	padding: 40px 10px 10px 0;

	white-space: nowrap;

	border-bottom: 1px dotted #EEE;

}

.seminarListTable td {

	width: 100%;

	padding: 40px 0 10px 0;

	width: 100%;

	border-bottom: 1px dotted #EEE;

}

.seminarListTable .icons {

	position: absolute;

	top: 10px;

	left: 0;

	width: 680px;

}

.seminarListTable .icons li {

	float: left;

}

.meetingListTable {

	border-collapse: collapse;

	text-align: center;

}

.meetingListTable th {

	background: #FAFAFA;

	border: 1px solid #EEE;

	padding: 10px;

	width: 90px;

}

.meetingListTable td {

	border: 1px solid #EEE;

	padding: 10px;

}

.meetingListTable td:last-child {

	padding: 5px !important;

	width: auto !important;

}



/* NEWS

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

.newsDetailSec .tit time {

	float: right;

	margin-left: 10px;

	font-size: 66.6%;

}

.newsDetailSec .imgTxt .img {

	width: 240px;

	margin-top: -10px;

}

.newsDetailSec .imgTxt .img img {

	margin-top: 10px;

}

.newsDetailSec .imgTxt .txt {

	width: 420px;

}

.newsDetailSec .inner p,

.newsDetailSec .txt p {

	margin-top: 20px;

}

.newsDetailSec .inner p:first-child,

.newsDetailSec .txt p:first-child {

	margin-top: 0;

}

.newsDetailSec .linkList {

	border-top: 1px dotted #EEE;

	margin-top: 20px;

}

.newsDetailSec li {

	padding: 10px 0;

	border-bottom: 1px dotted #EEE;

}

.newsDetailSec .linkList a {

	display: block;

	background: url(/img/common/arw.gif) left center no-repeat;

	line-height: 1;

	padding-left: 18px;

}

.newsDetailSec .linkList li.pdf a {

	background: url(/img/common/icon_pdf.png) left center no-repeat;

}



/* APPLY

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

.applyScroll {

	border: 1px solid #EEE;

	padding: 9px;

	overflow: auto;

	height: 230px;

}



/* FORM

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

input.formBox,

textarea.formBox {

	border: 1px solid #DDD;

	padding: 4px;

	max-width: 390px;

}

select.formBox {

	border: 1px solid #DDD;

	padding: 4px;

}

.formBtn {

	text-align: center;

}

.formBtn input,

.formBtn img {

	display: inline;

	margin: 0 5px;

}

.resumeTable {

	border-collapse: collapse;

	margin-top: -10px;

}

.resumeTable th {

	text-align: left;

	padding: 10px 10px 10px 0;

	color: #024198;

	border-bottom: 1px dotted #EEE;

	width: 100%;

}

.resumeTable td {

	text-align: right;

	padding: 10px 0;

	white-space: nowrap;

	border-bottom: 1px dotted #EEE;

}

.privacyScroll {

	border: 1px solid #EEE;

	padding: 9px;

	width: 660px;

	height: 230px;

	margin-top: 20px;

}

#form .table01 th {

	text-align: left;

	vertical-align: top;

}

#form .table01 th.rq {

	background: url(/img/common/icon_rq.png) 10px 10px no-repeat #FAFAFA;

	padding-left: 50px;

}

#form .table01 th.fr {

	background: url(/img/common/icon_free.png) 10px 10px no-repeat #FAFAFA;

	padding-left: 50px;

}



/* SITEMAP

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

#sitemapList {

	border-top: 1px dotted #EEE;

}

#sitemapList dt,

#sitemapList dd {

	border-bottom: 1px dotted #EEE;

	padding: 10px 0;

}

#sitemapList dt a {

	background: url(/img/common/arw.gif) left center no-repeat;

	padding-left: 15px;

}

#sitemapList dd a {

	background: url(/img/common/arw_mini.gif) left center no-repeat;

	padding-left: 10px;

	margin-left: 15px;

}

#sitemapList dd li {

	margin: 5px 0 0 10px;

}

#sitemapList dd li a {

	background: none;

}



/* POPUP

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



body#pop {

	background: #FFF;

	text-align: center;

}



/* MEMBER

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



.technicalSec .img {

	float: left;

	width: 130px;

}

.technicalSec .txt {

	float: right;

	width: 180px;

}



.trendList {

	border-bottom: 1px dotted #EEE;

}

.trendList dt {

	font-size: 16px;

	font-weight: bold;

	border-top: 1px dotted #EEE;

	padding-top: 20px;

	margin: 10px 0;

}

.trendList dt time {

	font-size: 13px;

}

.trendList dd {

	margin-bottom: 10px;

}



#sec04 .trendList dt:first-child {

	padding-top: 0;

	margin-top: 0;

	border: none;

}



#loginForm th,
#passwordForm th,
#passwordResetForm th,
#passwordEntryForm th {

	width: 160px !important;

}

#loginForm td,
#passwordForm td,
#passwordResetForm td,
#passwordEntryForm td {

	width: auto !important;

}

#loginForm td input,
#passwordForm td input,
#passwordResetForm td input,
#passwordEntryForm td input {

	border: 1px solid #CCC;

	padding: 4px;

	width: 300px;

}

#loginForm p,
#passwordForm p,
#passwordResetForm p,
#passwordEntryForm p {

	text-align: center;

}



#loginForm p.error,
#passwordForm p.error,
#passwordResetForm p.error,
#passwordEntryForm p.error {

	text-align: left !important;

	color: #CC0000;

}



/* 20210629 */

.dl_table{
	border-collapse: collapse;
}

.dl_table tr th,
.dl_table tr td {
	border: #CCC solid 1px;
	padding: 6px;
}

.dl_table tr th{
	background: #F0F0F0;
}