@charset "utf-8";
@import url("reset.css");
@import url("base.css");

#ui-tab .toptab a {
	display: block;
	width: 988px;
	height: 239px;
	color: #fff;
	text-decoration: none;
}

#ui-tab #toptab1,
#ui-tab #toptab1 a {
	background: url(img/tabbg/top01.jpg) 0 0 no-repeat;
}
#ui-tab #toptab2,
#ui-tab #toptab2 a {
	background: url(img/tabbg/top02.jpg) 0 0 no-repeat;
}
#ui-tab #toptab3,
#ui-tab #toptab3 a {
	background: url(img/tabbg/top03.jpg) 0 0 no-repeat;
}
#ui-tab #toptab9,
#ui-tab #toptab9 a {
	background: url(img/tabbg/top09.jpg) 0 0 no-repeat;
}
#ui-tab #voicetab1,
#ui-tab #voicetab1 a {
	background: url(img/tabbg/voice01.jpg) 0 0 no-repeat;
}
#ui-tab #voicetab2,
#ui-tab #voicetab2 a {
	background: url(img/tabbg/voice02.jpg) 0 0 no-repeat;
}
#ui-tab #voicetab3,
#ui-tab #voicetab3 a {
	background: url(img/tabbg/voice03.jpg) 0 0 no-repeat;
}
#ui-tab #semtab1,
#ui-tab #semtab1 a {
	background: url(img/tabbg/sem01.jpg) 0 0 no-repeat;
}
#ui-tab #semtab2,
#ui-tab #semtab2 a {
	background: url(img/tabbg/sem02.jpg) 0 0 no-repeat;
}
#ui-tab #semtab3,
#ui-tab #semtab3 a {
	background: url(img/tabbg/sem03.jpg) 0 0 no-repeat;
}
#ui-tab #tratab1,
#ui-tab #tratab1 a {
	background: url(img/tabbg/tra01.jpg) 0 0 no-repeat;
}
#ui-tab #tratab2,
#ui-tab #tratab2 a {
	background: url(img/tabbg/tra02.jpg) 0 0 no-repeat;
}
#ui-tab #tratab3,
#ui-tab #tratab3 a {
	background: url(img/tabbg/tra03.jpg) 0 0 no-repeat;
}


#ui-tab span {
	display: block;
	width: 550px;
	margin: 0 75px;
}
#ui-tab .tabTtl {
	font-size:3.0em;
	padding-top: 65px;
}

#ui-tab .tabDesc1 {
	font-size: 2.2em;
	margin: 25px 75px 2px;
	line-height: 1.4;
}

#ui-tab .tabDesc2 {
	font-size: 1.4em;
	margin: 2px 75px;
	line-height: 1.4;
}

#foodContents .foodContents p,
#gmsContent .gmsContents p,
#interview .interviewContents p,
#ns .nsContents p,
#future .futureContents p,
#gm .gmContents p {
	margin: 1em 0;
	font-size: 1.2em;
	line-height: 1.6;
}

/* seminar */
#detailHeader .section {
	margin: 20px 10px;
}

#seminarDetail #title,
#trainingDetail #title,
.interviewContents #title {
	display: inline;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.0;
}
.interviewContents #title {
	display: block;
	padding-top: 15px;
}
#seminarDetail .label,
#trainingDetail .label {
	display: inline;
}
#seminarDetail #description,
#trainingDetail #description{
	margin-top: 5px;
	font-size: 1.2em;
}
#trainingDetail #description{
	width: 475px;
	float: left;
}
#seminarDetail #comment,
#trainingDetail #comment {
	margin: 15px 0 20px;
	color: #535353;
	font-size: 1.2em;
}
#seminarDate {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 20px;
	border-top: #d6d6d6 solid 1px;
}
#seminarDate dl {
	float: left;
	width: 305px;
	margin: 8px 11px;
	_margin-left: 5px;
	color: #535353;
	font-size: 1.2em;
}
#seminarDate dt {
	margin-top: 17px;
	line-height: 1.0;
	font-weight: bold;
}
#seminarDetail table,
#trainingDetail table {
	border: #d6d6d6 solid 1px;
}
#seminarDetail table tr,
#trainingDetail table tr {
	
}
#seminarDetail table th,
#trainingDetail table th {
	padding: 15px 23px;
	border: #d6d6d6 solid 1px;
	background-color: #e8e8e8;
}
#seminarDetail table td,
#trainingDetail table td {
	padding: 12px 10px;
	border: #d6d6d6 solid 1px;
	background-color: #fff;
}
#seminarDate table {
	float: right;
	font-size: 1.2em;
	width: 305px;
	margin: 25px 11px 0 0;
	_margin-right: 5px;
}
#seminarDate table th {
	_width: 80px;
	padding: 18px 10px;
	border: #d6d6d6 solid 1px;
	background-color: #e8e8e8;
	text-align: center;
	font-weight: bold;
}
#seminarDate table td {
	padding: 12px 10px;
	border: #d6d6d6 solid 1px;
	background-color: #fff;
}

/* training */
#trainingDate {
	clear: both;
	margin: 0 10px;
}
#trainingDetail table td {
	padding: 12px 10px;
	border: #d6d6d6 solid 1px;
	background-color: #fff;
}
#trainingDate table {
	width: 625px;
	margin: 0 11px 0 0;
	_margin-right: 5px;
	font-size: 1.0em;
}
#trainingDate table th {
	width: 147px;
	padding: 18px 0 18px 23px;
	border: #d6d6d6 solid 1px;
	font-weight: bold;
	font-size: 1.4em;
	vertical-align: top;
	background-color: #e8e8e8;
}
#trainingDate table td {
	font-size: 1.2em;
	padding: 12px 20px;
	border: #d6d6d6 solid 1px;
	background-color: #fff;
}

#trainingDate dl {
	margin: 10px 0 20px;
	font-size: 1.2em;
}
#trainingDate dl dt {
	margin: 7px 0 3px;
}
#trainingDate dl dd {
	
}


/*　一覧に表示させる日程表 */


table.riatable {
	float: right;
	margin-left: 10px;
	border: 1px solid #D6D6D6;
}
table.riatable th,
table.riatable td {
	padding: 5px;
	border: 1px solid #D6D6D6;
}
table.riatable th {
	text-align: center;
	background-color: #e8e8e8;
}
table.riatable td {
	text-align: center;
	background-color: #ffffff;
	font-size: 0.9em;
	
}

#dnvtracontent ul li, #top #tabTrainingCon ul li {
	overflow: hidden;
}

/* お申し込みフォーム */

#application {
	position: relative;
}
#application p {
	margin: 7px;
	font-size: 1.2em;
}
#application p.attention {
	color: #f00;
}
#application table.riatable th,
#application table.riatable td {
	padding: 15px 0;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}
#application table.riatable td {
	width: 188px;
}
#application table {
	width: 625px;
	margin: 20px 10px;
}
#application table.check {
	font-size: 1.2em;
	_font-size: 1.0em;
}
#application table#addname {
	margin-top: -20px;
	border-top: none;
}
#application table#addname th {
	border-top: none;
}
#application table#kihon th, 
#application table#addname th  {
	width: 154px;
	font-size: 1.4em;
	vertical-align: top;
}
#application table#kihon th img {
	float: right;
	margin: -1px 0 0 15px;
	_margin-top: -1.7em;
}
*:first-child+html #application table#kihon th img {
	margin-top: -1.7em;
}
#application table#kihon td, 
#application table#addname td {
	width: 405px;
}
#application table .name td,
#application table .address td,
#application table .participant td {
	border: none;
}
#application table .place td {
	font-size: 1.2em;
}
#application table .strong {
	display: inline-block;
	width: 4em;
	_width: 4.5em;
	margin-right: 0.5em;
	font-weight: bold;
	font-size: 1.2em;
}
#application table .address .strong {
	width: 1em;
}
#application input {
	width: 230px;
	margin-right: 7px;
	padding: 3px;
	border: #d6d6d6 solid 1px;
	font-size: 1.2em;
}
#application .position input {
	width: 120px;
}
#application .address input {
}
#application table .address input.zip {
	width: 100px;
	margin-right: 0;
}

#button {
	position: relative;
}
input#check,
input#submit,
input#clear {
	border: none;
	text-indent: -9999em;
	cursor: pointer;
	width: 102px;
	height: 34px;
	position: relative;
	_position: absolute;
	padding: 0;
	outline: none;
}

*:first-child+html input#check,
*:first-child+html input#submit,
*:first-child+html input#clear {
	position: absolute;
}

input#check,
input#submit {
	top: 0;
	left: 250px;
	background: url(../images/btn_submit.png) 0 0 no-repeat;
}
input#check {
	background: url(../images/btn_check.png) 0 0 no-repeat;
}
input#clear {
	top: 0;
	left: 255px;
	_top: 5px;
	_left: 367px;
	width: 82px;
	height: 24px;
	background: url(../images/btn_clear.png) 0 0 no-repeat;
}

*:first-child+html input#clear {
	top: 5px;
	left: 367px;
}

/* マトリックス */

#hyotraining {
	position: relative;
}
#hyotraining p {
	margin: 7px;
	font-size: 1.2em;
}
#hyotraining p.attention {
	color: #f00;
}
#hyotraining table.riatable th,
#hyotraining table.riatable td {
	padding: 15px 0;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}
#hyotraining table.riatable td {
	width: 188px;
}
#hyotraining table {
	width: 625px;
	margin: 20px 10px;
}
#hyotraining table.check {
	font-size: 1.2em;
	_font-size: 1.0em;
}
#hyotraining table#addname {
	margin-top: -20px;
	border-top: none;
}
#hyotraining table#addname th {
	border-top: none;
}
#hyotraining table#kihon th, 
#hyotraining table#addname th  {
	width: 154px;
	font-size: 1.4em;
	vertical-align: top;
}
#hyotraining table#kihon th img {
	float: right;
	margin: -1px 0 0 15px;
	_margin-top: -1.7em;
}
*:first-child+html #hyotraining table#kihon th img {
	margin-top: -1.7em;
}
#hyotraining table#kihon td, 
#hyotraining table#addname td {
	width: 405px;
}
#hyotraining table .name td,
#hyotraining table .address td,
#hyotraining table .participant td {
	border: none;
}
#hyotraining table .place td {
	font-size: 1.2em;
}
#hyotraining table .strong {
	display: inline-block;
	width: 4em;
	_width: 4.5em;
	margin-right: 0.5em;
	font-weight: bold;
	font-size: 1.2em;
}
#hyotraining table .address .strong {
	width: 1em;
}

/* voice, news */
#voiceContent,
#newsContent {
	margin: 0 17px 0 20px;
}
#voiceContent h3,
#voiceContent #description,
#newsContent h2,
#tabContentCon h3,
#tabPriceCon h3,
#dnvtracontent h3,
#top #tabTrainingCon h3,
#food #foodContents h3,
#gms #gmsContent h3,
#interview .interviewContents h3,
#ns .nsContents h3,
#timeTable h3,
#future .futureContents h3,
#gm .gmContents h3 {
	margin: 5px 0 14px;
	padding: 10px 4px;
	font-weight: bold;
	font-size: 1.3em;
	background: transparent url(img/bg_voice_h3.png) 0 100% repeat-x;
	zoom: 1;
}
#newsContent h2 {
	clear: both;
	border: none;
}
#ns .nsContents h4 {
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 1px;
}
#voiceContent #voiceMainImg {
	margin-top: 18px;
}
#voiceContent p,
#newsContent p {
	margin: 14px 7px;
	font-size: 1.2em;
	_font-size: 1.0em;
}
#voiceContent #voiceSubImg {
	margin: 30px 0 25px;
}
#entInfo {
	overflow: hidden;
	margin-top: 30px;
	padding: 16px;
	border: #d6d6d6 solid 1px;
	zoom: 1;
}
.entInfobox {
	overflow: hidden;
	zoom: 1;
}
#entInfo .thumbnail {
	float: left;
	margin-right: 17px;
	padding: 17px 31px;
	background: #fff url(img/layout1_img_bg.jpg) repeat-x scroll 0 0;
}
#entInfo .thumbnail img {
	border: solid 1px #dbdbdb;
}
#entInfo .contents {
	
}
#entInfo .contents h3 {
	margin: 0;
	font-weight: bold;
	font-size: 1.4em;
}
#entInfo .contents h3 a {
	padding-right: 15px;
	background:transparent url(img/blank.gif) no-repeat scroll 100% 3px;
}
#entInfo .contents p {
	overflow: hidden;
	margin: 10px 0;
	font-size: 1.2em;
	_font-size: 1.2em;
	zoom: 1;
}
#con-tab.related {
	position: relative;
	margin-top: 25px;
}

#entInt {
	float: left;
	width: 450px;
}
#timeTable {
	float: right;
	width: 150px;
}
#timeTable h3 {
	margin-top: 0;
	padding-top: 0;
}
#timeTable table {
	border: solid 1px #cfcfcf;
	background-color: #fff;
}
#timeTable th {
	padding: 3px 3px 3px 10px;
	border-bottom: dotted 1px #cfcfcf;
}
#timeTable td {
	padding: 3px 3px 3px 10px;
	border-bottom: solid 1px #cfcfcf;
}

/* e-learning */
#elcontent {
}

#elearning #return {
	overflow: hidden;
	zoom: 1;
}
#elearning #textbox {
	float: left;
	width: 381px;
	margin-right: 78px;
}
#elearning #textbox p {
	margin: 20px 0 20px 24px;
	font-size: 1.2em;
}
#elearning #button {
	float: left;
	width: 162px;
	margin: 20px 24px 0 0;
	text-align: left;
}
#elearning #button div {
	margin-bottom: 6px;
}
#elearning #login {
	padding-bottom: 9px;
}
#elearning #login h2 {
}
#elearning #login .button {
	margin-top: 9px;
	padding: 7px 15px 1px 20px;
	background-color: #e5f5ea;
}
#elearning #login strong {
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
}
#elearning #login p {
	margin-bottom: 6px;
}
#elearning #login .button div {
	margin-bottom: 6px;
}

#tabFeatureCon {
	
}
#tabFeatureCon ol {
	overflow: hidden;
	zoom: 1;
}
#tabFeatureCon ol li {
	clear: both;
	padding: 18px 24px;
	border-bottom: #d6d6d6 solid 1px;
	zoom: 1;
}
#tabFeatureCon ol li h3 {
	margin-bottom: 3px;
	font-size: 1.4em;
	color: #535353;
}
#tabFeatureCon ol li p {
	font-size: 1.2em;
	_font-size: 1.0em;
	zoom: 1;
}
#tabFeatureCon .link {
	margin-top: 10px;
	padding-left: 12px;
	font-size: 1.2em;
	_font-size: 1.0em;
	background:transparent url(img/link.gif) no-repeat scroll 0 7px;
	zoom: 1;
}
#tabFeatureCon .samplePdf {
	margin-left: 420px;
}
#tabFeatureCon .link a {
	display: inline-block;
	background: url(img/bg_link_pdf.png) no-repeat scroll 100% 1px;
	padding: 1px 20px 1px 0;
	color: #c94c4c;
	zoom: 1;
}


#tabContentCon {
	
}
#tabContentCon ol {
	padding: 25px 0 15px;
	border-bottom: #d6d6d6 solid 1px;
}
#tabContentCon ol li {
	color: #237021;
	margin: 0 22px 0 25px;
}
#tabContentCon h3,
.lowpage #tabContentCon dl {
	margin: 15px 17px 0 20px;
	font-size: 1.2em;
	_font-size: 1.0em;
}
.lowpage #tabContentCon dt {
	margin: 17px 7px 2px 7px;
	color: #015B8C;
}
.lowpage #tabContentCon dd {
	margin: 2px 7px 17px 7px;
}
#tabContentCon h4 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
	_font-size: 1em;
}
#tabContentCon p {
	margin-bottom: 10px;
	color: #000;
	font-size: 1.2em;
	_font-size: 1em;
}

#elearning #con-tab .ui-tabs-nav {
	_top: 13px;
	_right: 23px;
}
#tabPriceCon {
	
}
#tabPriceCon .pricebox {
	margin-bottom: 20px;
	padding: 0 17px 12px 20px;
	border-bottom: #d6d6d6 solid 1px;
}
#tabPriceCon table {
	width: 605px;
	font-size: 1.2em;
	_font-size: 1.02em;
	text-align: center;
}
#tabPriceCon tr {
	
}
#tabPriceCon th {
	text-align: center;
	padding: 12px 18px;
	border: #d6d6d6 solid 1px;
	background-color: #fff5ef;
}
#tabPriceCon td {
	padding: 12px 18px;
	border: #d6d6d6 solid 1px;
}
#tabPriceCon th.firstcell,
#tabPriceCon td.firstcell {
	text-align: left;
}
#tabPriceCon p {
	margin: 12px 0;
	font-size: 1.2em;
	_font-size: 1.0em;
	color: #535353;
	text-indent: -1em;
	margin-left: 1em;
}

#tabUseCon {
	
}
#tabUseCon ul {
	
}
#tabUseCon ul li {
	padding: 20px 25px;
	border-bottom: #d6d6d6 solid 1px;
}
#tabUseCon ul li h3 {
	margin-bottom: 10px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 1.4em;
	background: url(img/link.gif) 0 7px no-repeat;
	_background: url(img/link.gif) 0 3px no-repeat;
}
#tabUseCon ul li h3 a {
	zoom: 1;
	color: #c94c4c;
}
#tabUseCon ul li h3 a.pdf {
	padding-right: 25px;
	background: url(img/bg_link_pdf.png) 100% 0 no-repeat;
}
#tabUseCon ul li h3 a.blank {
	padding-right: 25px;
	background: url(img/elearning_blank.png) 100% 0 no-repeat;
}
#tabUseCon ul li h3 a.download {
	padding-right: 25px;
	background: url(img/bg_link_download.png) 100% 2px no-repeat;
}
#tabUseCon ul li p {
	font-size: 1.2em;
	_font-size: 1.0em;
}

#dnvtracontent {
}
#training #dnvtracontent {
	position: static;
}
#dnvtracontent h3,
#top #tabTrainingCon h3,
#food .foodContents,
#gms .gmsContents,
#interview .interviewContents,
#ns .nsContents,
#future .futureContents,
#gm .gmContents {
	margin: 10px 20px 0;
}
#dnvtracontent ul,
#top #tabTrainingCon ul {
	margin: 0 20px 10px;
}
#dnvtracontent ul li,
#top #tabTrainingCon ul li {
	padding: 25px 7px 15px;
}
#dnvtracontent ul li h4,
#top #tabTrainingCon ul li h4 {
	display: inline;
	font-size: 1.4em;
}
#dnvtracontent ul li h4 a,
#top #tabTrainingCon ul li h4 a {
	float: none;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	background: none;
	font-size: 1.0em;
}
#dnvtracontent {
	
}

#nsContent p {
	margin-bottom: 20px;
}
#nsContent p.q {
	font-weight: bold;
}
#nsContent div.img {
	margin-bottom: 15px;
}

#keyman .img {
	float: left;
	width: 140px;
	text-align: center;
}
#keyman .text {
	overflow: hidden;
	float: right;
	zoom: 1;
	width: 113px;
}
#keyman .text h3 {
	margin-bottom: 7px;
}




/* 100521add CSS */
p.review {
	margin: 1em 0;
}
p.review img {
	vertical-align: text-bottom;
}
p.review span {
	font-size: 1.2em;
	margin-left: 0.5em;
}

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:180px;
}

#tooltip .tipHeader {
	height:8px;
	background:url(img/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
	text-align: left;
}

#tooltip .tipFooter {
	height:8px;
	background:url(img/tipFooter.gif) no-repeat;
}

#scrollButton {
	float: left;
}













body .fs10 {
	font-size: 1.0em;
}
body .fs11 {
	font-size: 1.0em;
}
body .fs09 {
	font-size: .9em;
}
body .fs08 {
	font-size: .8em;
}

body .attention {
	font-size: .8em;
}

body .bold {
	font-weight: bold;
}


#news .img {
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-right: 50px;
}
.alignright {
	float: right;
	margin-left: 50px;
}
