@charset "UTF-8";
/* CSS Document */

/*
==================================================
site style setting

 - common
 - site style
  : header
  : movie
  : info
  : bana
  : footer
 - legacy style
 
================================================== */


/*
==================================================
 - common
================================================== */
/* float */
.clearfix {
	overflow: hidden;
	zoom: 0;
    clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right
}
/* align */
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.valignMiddle {
	vertical-align: middle;
}
/* margin */
.margin10 {
	margin: 10px;
}
.margin20 {
	margin: 20px;
}
.margin30 {
	margin: 30px;
}
.noMargin {
	/* 左右のマージンを除去 */
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* padding */
.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}
.padding30 {
	padding: 30px;
}

.hide {
	display: none;
}
.notice {
	margin: 0;
	text-align: left;
	padding-left: 20px;
	font-size: 11px;
}

/*
==================================================
 - site style
================================================== */
body,td,th {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}

/*
==================================================
 - site style : header
================================================== */
#header {
	border-top: 17px solid #d7310b;
	background: url(../image/bg_headTitle.png) no-repeat left top;
}
h1 a {
	display: block;
	width: 290px;
	height: 60px;
	position: absolute;
	top: 29px;
	left: 22px;
	text-indent: -9999px;
}
.headContact a {
	display: block;
	width: 331px;
	height: 42px;
	position: absolute;
	top: 34px;
	left: 648px;
	background: url(../image/btn_headReserve.png) no-repeat;
	text-indent: -9999px;
}
.headContact a, .headContact a:link, .headContact a:visited {
	background-position: left top;
}
.headContact a:active, .headContact a:hover, .headContact a:focus {
	background-position: left bottom;
}
/* headNav */
.headNav {
	width: 980px;
	position: absolute;
	top: 117px;
}
.headNav ul {
	overflow: hidden;
	zoom: 0;
	margin-bottom: 2px;
}
.headNav ul li {
	float: left;
}
.headNav ul li a {
	display: block;
	width: 163px;
	height: 45px;
	background-image: url(../image/btn_headNav.png);
	text-indent: -9999px;
}
.headNav ul li a.nav1, .headNav ul li a.nav1:link, .headNav ul li a.nav1:visited { background-position: 0 0; }
.headNav ul li a.nav1:active, .headNav ul li a.nav1:hover, .headNav ul li a.nav1:focus { background-position: 0 -90px; }
.headNav ul li a.nav2, .headNav ul li a.nav2:link, .headNav ul li a.nav2:visited { background-position: -163px 0; }
.headNav ul li a.nav2:active, .headNav ul li a.nav2:hover, .headNav ul li a.nav2:focus { background-position: -163px -90px; }
.headNav ul li a.nav6, .headNav ul li a.nav6:link, .headNav ul li a.nav6:visited { background-position: -815px 0; }
.headNav ul li a.nav6:active, .headNav ul li a.nav6:hover, .headNav ul li a.nav6:focus { background-position: -815px -90px; }
.headNav ul li a.nav7, .headNav ul li a.nav7:link, .headNav ul li a.nav7:visited { background-position: 0 -45px; }
.headNav ul li a.nav7:active, .headNav ul li a.nav7:hover, .headNav ul li a.nav7:focus { background-position: 0 -135px; }
.headNav ul li a.nav8, .headNav ul li a.nav8:link, .headNav ul li a.nav8:visited { background-position: -163px -45px; }
.headNav ul li a.nav8:active, .headNav ul li a.nav8:hover, .headNav ul li a.nav8:focus { background-position: -163px -135px; }
.headNav ul li a.nav9, .headNav ul li a.nav9:link, .headNav ul li a.nav9:visited { background-position: -326px -45px; }
.headNav ul li a.nav9:active, .headNav ul li a.nav9:hover, .headNav ul li a.nav9:focus { background-position: -326px -135px; }
.headNav ul li a.nav10, .headNav ul li a.nav10:link, .headNav ul li a.nav10:visited { background-position: -489px -45px; }
.headNav ul li a.nav10:active, .headNav ul li a.nav10:hover, .headNav ul li a.nav10:focus { background-position: -489px -135px; }
.headNav ul li a.nav11, .headNav ul li a.nav11:link, .headNav ul li a.nav11:visited { background-position: -652px -45px; }
.headNav ul li a.nav11:active, .headNav ul li a.nav11:hover, .headNav ul li a.nav11:focus { background-position: -652px -135px; }
.headNav ul li a.nav12, .headNav ul li a.nav12:link, .headNav ul li a.nav12:visited { background-position: -815px -45px; }
.headNav ul li a.nav12:active, .headNav ul li a.nav12:hover, .headNav ul li a.nav12:focus { background-position: -815px -135px; }
.headNav ul li.sub {
	position: relative;
	overflow: hidden;
	zoom: 0;
	width: 652px;
	background: url(../image/btn_headNav.png) no-repeat -163px 0;
}
.headNav ul li.sub a {
	float: left;
}
.headNav ul li.sub ul {	
	width: 450px;
	height: 20px;
	position: absolute;
	top: 12px;
	left: 180px;
}
.headNav ul li.sub ul li a {
	float: left;
	display: block;
	height: 20px;
	background-image: url(../image/btn_headSubNav.png);
}
.headNav ul li.sub ul li a.nav3 { width: 120px; }
.headNav ul li.sub ul li a.nav3, .headNav ul li.sub ul li a.nav3:link, .headNav ul li.sub ul li a.nav3:visited { background-position: 0 0; }
.headNav ul li.sub ul li a.nav3:active, .headNav ul li.sub ul li a.nav3:hover, .headNav ul li.sub ul li a.nav3:focus { background-position: 0 -20px; }
.headNav ul li.sub ul li a.nav4 { width: 125px; }
.headNav ul li.sub ul li a.nav4, .headNav ul li.sub ul li a.nav4:link, .headNav ul li.sub ul li a.nav4:visited { background-position: -120px 0; }
.headNav ul li.sub ul li a.nav4:active, .headNav ul li.sub ul li a.nav4:hover, .headNav ul li.sub ul li a.nav4:focus { background-position: -120px -20px; }
.headNav ul li.sub ul li a.nav5 { width: 205px; }
.headNav ul li.sub ul li a.nav5, .headNav ul li.sub ul li a.nav5:link, .headNav ul li.sub ul li a.nav5:visited { background-position: -245px 0; }
.headNav ul li.sub ul li a.nav5:active, .headNav ul li.sub ul li a.nav5:hover, .headNav ul li.sub ul li a.nav5:focus { background-position: -245px -20px; }

.headNav ul li:last-child a {
	width: 165px;
}
/* headImg */
.headImg {
	position: absolute;
	top: 208px;
	display: block;
	width: 980px;
	height: 159px;
	margin-top:15px;
}


/*
==================================================
 - site style : movie
================================================== */
.ctsBox1 {
	width: 960px;
	margin: 30px auto 10px;
}

.ctsBox {
	width: 960px;
	margin: 10px auto;
}

.movieWrap {
	overflow: hidden;
	zoom: 0;
	height: 344px;
	background: url(../image/bg_indexMovie.png) no-repeat left top;
}
.movieWrap div {
	height: 344px;
	margin-top: 26px;
}
#movieArea {
		margin-top: 0;
}
h2 {
	display: none;
}
/* left */
.movieBtn {
	width: 189px;
	margin-left: 22px;
	position: relative;
}
.movieBtn a {
	display: block;
	position: absolute;
	top: 0;
	width: 200px;
	height: 300px;
	background: url(../image/btn_indexMovie.png) no-repeat;
	text-indent: -9999px;
}
.movieBtn a, .movieBtn a:link, .movieBtn a:visited { background-position: left top; }
.movieBtn a:active, .movieBtn a:hover, .movieBtn a:focus { background-position: right top; }
/* center */
.movieMain {
	width: 520px;
	margin-left: 10px;
}
/* right */
.movieList {
	margin-left: 10px;
	width: 185px;
}
.movieList ul li {
	height: 50px;
	margin-bottom: 10px;
	background: #ccc;
}
.movieList ul li a {
	display: block;
	line-height: 46px;
	text-decoration: none;
}
.movieList ul li a, .movieList ul li a:link, .movieList ul li a:visited { color: #000; }
.movieList ul li a:active, .movieList ul li a:hover, .movieList ul li a:focus { color: #f00; }
.movieList ul li a img {
	margin: 2px;
	margin-right: 5px;
	max-height: 45px;
}


/*
==================================================
 - site style : info
================================================== */
.infoWrap {
	overflow: hidden;
	zoom: 0;
	width: 960px;
}
.infoWrap div {
	width: 314px;
}
.infoWrap div h3 {
	height: 44px;
	text-indent: -9999px;
}
.infoWrap div.infoNew {
	margin-right: 9px;
}
.infoWrap div.infoEvent h3 {
	background: url(../image/head_indexEvent.png) no-repeat left top;
}
.infoWrap div.infoNew h3 {
	background: url(../image/head_indexNew.png) no-repeat left top;
}
.infoWrap div.infoBlog h3 {
	background: url(../image/head_indexBlog.png) no-repeat left top;
}
.infoWrap div ul {
	margin-top: 0;
	height: 270px;
	padding-top: 8px;
	border: 1px solid #cdcdcd;
	border-width: 0 1px 1px 1px;
	background-color: #ffffff;
}
.infoWrap div ul li {
	overflow: hidden;
	zoom: 0;
	margin: 0 5px 18px;
	font-size:15px;
}
.infoWrap div ul li img {
	margin-right: 8px;
}
.infoWrap div ul li span {
	display: block;
	font-size: 0.8em;
	color: #333333;
	line-height: 1em;
}
.infoWrap div ul li a {
	line-height: 1.4em;
}
.infoWrap div ul li a, .infoWrap div ul li a:link, .infoWrap div ul li a:visited { color: #0072c6; }
.infoWrap div ul li a:active, .infoWrap div ul li a:hover, .infoWrap div ul li a:focus { color: #f00; }
.infoWrap div ul li p {
	font-size: 0.9em;
	line-height: 1.2em;
}


/*
==================================================
 - site style : bana
================================================== */
.banaWrap ul li {
	margin-bottom: 12px;
}

.banaSmallWrap {
	text-align: center;
}
.banaSmallWrap ul {
	margin: 0 auto;
}
.banaSmallWrap ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 3px;
}


/*
==================================================
 - site style : footer
================================================== */


/*
==================================================
 - legacy style
================================================== */
#pageContents {
	overflow: hidden;
	width: 789px;
	background: url(../image/common_con_top.gif) repeat-x left top;
	text-align: left;
}
.pageBox {
	overflow: hidden;
	zoom: 0;
	margin: 20px;
}
.pageBox h3 {
	margin: 0;
	margin-bottom: 20px;
}
.pageBox h3 a {
	display: block;
	width: 789px;
	height: 34px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.pageBox p {
	clear: both;
	font-size: 12px;
}
.pageBox p.fontSmall {
	font-size: 10px;
}
.pageBox p.fontBig {
	font-size: 14px;
}
.pageBox.orange h3 a {
	background-image: url(../tdc/image/head_tdcCompany.png);
}
.pageBox.green h3 a {
	background-image: url(../tdc/image/head_tdcPersonal.png);
}
.pageBox.blue h3 a {
	background-image: url(../tdc/image/head_tdcRacing.png);
}
.pageBox hr {
	visibility: hidden;
	clear: both;
	margin-bottom: 25px;
}
.pageBox hr.thin {
	visibility: hidden;
	clear: both;
	margin-bottom: 0;
}
.ctsWrap {
	width: 355px;
}
.pageBox.blue .ctsWrap { height: 70px; }
.ctsWrap h4,
.ctsWrap p {
	margin: 0;
	padding: 0;
}
.ctsWrap h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
}
.orange .ctsWrap h4 { color: #f7941d; }
.green .ctsWrap h4 { color: #39b54a; }
.blue .ctsWrap h4 { color: #07abe1; }
.ctsWrap p {
	font-size: 12px;
	line-height: 150%;
}

/* PDFダウンロードボタン */
.btnPdf {
	display: block;
	width: 183px;
	height: 25px;
	margin: 0 auto;
	background: url(../tdc/image/btn_tdcPdf.png) no-repeat left top;
	text-indent: -9999px;
}
/* ロゴ付きボックス */
.aboutBox {
	position: relative;
	height: auto;
	margin-top: 20px;
	padding-top: 20px;
	background: url(../tdc/image/bg_tdcLogo.png) no-repeat 0 20px;
	border-top: 1px solid #ccc;
}
.aboutBox p {
	margin: 0;
	margin-left: 150px;
	text-align: left;
}
.aboutBox div {
	margin-top: 20px;
	text-align: right;
}
.aboutBox div.ie {
	margin-top: 30px;
}
.aboutBox div.ie10 {
	margin-top: 50px;
}
.aboutBox div a img {
	border: 0;
}
/* label */
.labelWrap {
	display: block;
	width: 360px;
	text-align: left;
}
.labelWrap.noWidth {
	width: auto !important;
}
.labelWrap.topMargin {
	margin-top: 20px;
}
.labelWrap ul {
	overflow: hidden;
	zoom: 0;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}
.labelWrap ul li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
}
.labelWrap ul li a img {
	border: 0;
}
.labelWrap ul li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
/* instractor */
.instWrap {
	margin-top: 20px;
}
/* listMovie */
.listMovieHead {
	display: block;
	width: 750px;
	height: 31px;
	margin: 0 auto;
	background: url(../tdc/image/head_tdcTraining.png) no-repeat left top;
	text-indent: -9999px;
}
.listMovie h3 {
	width: 750px;
	height: 26px;
	background: url(../tdc/image/bg_headMovieCat.png) no-repeat left top;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	text-indent: 10px;
	color: #fff;
	letter-spacing: 4px;
}
.listMovie div {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 20px;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
.listMovie div.noBorder {
	border-bottom: 0;
	margin-bottom: 0;
}
.listMovie div a {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.listMovie div a img {
	float: left;
	margin-right: 20px;
	border: 0;
}
.listMovie div a, .listMovie div a:link, .listMovie div a:visited { color: #ff6600; }
.listMovie div a:active, .listMovie div a:hover, .listMovie div a:focus { color: #f00; }
.listMovie div p {
	clear: none;
	margin: 0;
	padding: 0;
}

/* 見出しを背景に変更 */
.tableStyle01 {
	position: relative;
	margin: 15px 0;
	background-color: #f9f8ef;
}
.tableStyle01 div {
	position: absolute;
	top: 10px;
	left: 680px;
}
.tableStyle01 h3 {
	margin: 0;
	padding: 0;
	height: 30px;
	text-indent: -9999px;
	background: url(../tdc/image/top_img05.gif) no-repeat left top;
}
.tableStyle01 p {
	margin: 0;
	padding: 10px;
	border: 2px solid #ccc9c0;
	border-top: 0;
	font-size: 12px;
}
.tableStyleIe p {
	padding: 14px 10px !important;
}

/* 講習説明文マージン設定 */
.marginset {
	margin: 0;
	padding: 0;
	margin-top: -5px;
	padding-bottom: 20px;
}
.marginset2 {
	padding-top: 10px;
}


/* 20140216 追記 TM fukuda */
.ctsWrap .title_box{
	margin-bottom: 5px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	width:100%;
}

.ctsWrap .title_box:after{
	content: ""; 
	display: block; 
	clear: both;
}

/* 20141224 追記 TM fukuda */

.infoWrap div.infoBlog{
	position:relative;
}


.infoWrap div.infoBlog p.more {
	position:absolute;
	right:8px;
	top:8px;
}

/* 20150216 追記 TM fukuda */

.infoWrap div.boxFuji{
	height:315px;
	/*	height: auto;*/
	*height:282px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 4px solid #f0f0f0;
	background: url("../image/bg_box01.gif");
	background-repeat:repeat;
	background-attachment:scroll;
	-webkit-box-shadow: 2px 2px 5px rgb(150, 150, 150);
	box-shadow: 2px 2px 5px rgb(150, 150, 150);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:16px;
	margin: 2px 5px;
	width: 309px;
	*width: 270px;

}

.boxFuji h2{
	display:block;
	margin-bottom: 10px;
}

.boxFuji .boxFujiInner {
    padding: 0;
	width: 100%;
}

.boxFuji .boxFujiInner .note{
	color:#FFF;
	margin-bottom:3px;
	margin-top: 5px;
    text-align: right;
}

.boxFuji .boxFujiFrame {
	position: relative;
	width: 100%;
	*width: 262px;
	padding-bottom: -5px;
	border: 4px solid #FFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.boxFuji .boxFujiFrame p.icon {
	position: absolute;
	top: 30%;
	left: 70%;
	width: 30%;
	margin-left: -35%;
}


.boxFuji .boxFujiFrame p.icon {
    left: 70%;
    margin-left: -35%;
    position: absolute;
    top: 30%;
    width: 30%;
}


.boxFuji .boxFuji p.note {
    color: #fff;
    font-size: 80%;
    margin-top: 5px;
    text-align: right;
}

.boxFuji img{
    height: auto;
    max-width: 100%;
    width: auto;
}

/*20150818 追加*/
.txt_red {
	color:red !important;
	}



/*20160217 講習プログラム改修 */
body {
    color: #333;
    font: 13px/1.7 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
}
.content{
	background:url("../image/common_con_top.gif") no-repeat left top;
	float: right;
    padding: 28px 20px;
    width: 749px;
}
table.tbl01 {
  width: 100%;
  border-spacing: 0;
  font-size:14px;
  border: none;
  margin:0 0 10px 0;
}
table.tbl01 th {
  font-size:12px;
  color: #fff;
  padding: 4px 2px;
  background: #595959;
  font-weight: bold;
  border-left:1px solid #bdbdbd;
  border-top:1px solid #bdbdbd;
  line-height: 1.2em;
  text-align: center;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.tbl01 th.fchild {
  border-radius: 5px 0 0 0;	
}
table.tbl01 th.lchild {
  border-radius:0 5px 0 0;
}
table.tbl01 tr td {
  padding: 6px 8px;
  border-bottom: 1px solid #d7d7d2;
  border-left: 1px solid #d7d7d2;
  text-align: center;
}
table.tbl01 tr td.last{
  border-right: 1px solid #d7d7d2;
}
table.tbl01 tr {
  background: #fff;
}
table.tbl01 tr:nth-child(2n+1) {
  background: #f1f6fc;
}
table.tbl01 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.tbl01 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table.tbl01 tr:hover {
  background: #bdbdbd;
  cursor:pointer;
}
table.tbl01 td{font-size:11px;}
table.tbl01 td.txt{text-align:left;}
.attent{
	font-size:10px;
	color:#909090;
	line-height:1.4em;
	margin:0;
}
.info_box{
	border:3px solid #9F9A95;
	padding:10px;
	border-radius: 5px;
	margin:20px 0;
	overflow:hidden;
	clear:both;

}
.info_box .tel_box{
	margin:10px 0 0 70px;
	overflow:hidden;
}
.info_box .tel{
	font-size:12px;
	line-height:1.4em;
	width:550px;
	float:left;
	margin-left:10px;
}
.info_box p{margin:0;}

#tdcNews p {
    line-height: 1.4;
    color: #e00;
    font-size: 1.2em;
    font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
}
.course{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	line-height:1.2em;
	position:relative;
}
#course01{
	margin-right:9px;
	background:url("../tdc/image/cource04.png") no-repeat left top;
	width:370px;
	height:128px;
	float:left;
	position:relative;
	display: inline;
}
#course02{
	background:url("../tdc/image/cource11.png") no-repeat left top;
	width:370px;
	height:111px;
	float:left;
	position:relative;
	display: inline;
}
#course08{
	background:url("../tdc/image/cource01.png") no-repeat left top;
	width:370px;
	height:111px;
	float:left;
	position:relative;
	display: inline;
	margin: 10px 0 0;
}
#course08 h4{
	top: 7px;
}
#course08 h4 .emph{
    margin: 0 0 0 8px;
	color: #e00;
}
.course h4{
	margin:0;
	position:absolute;
	top:11px;
	left:28px;
}
.course .txt{
	position:absolute;
	top:48px;
	left:10px;
	line-height:1.2em;
}
.course .txt p{margin:0;}
.course .txt p.cnt{margin-bottom:10px;}
.course .ico{
	position:absolute;
	bottom:8px;
	right:8px;
	cursor: pointer;
}
.course .ico.free{
	cursor: default;
}
.course .ico:hover {
    opacity: 0.75;
}
.course .ico.free:hover {
    opacity: 1;
}
.course .ico2{
	position:absolute;
	bottom:8px;
	right:68px;
	cursor: pointer;
}
.course .ico2.free{
	cursor: default;
}
.course .ico2:hover {
    opacity: 0.75;
}
.course .ico2.free:hover {
    opacity: 1;
}
.course .ico3{
	position:absolute;
	bottom:8px;
	right:128px;
	cursor: pointer;
}
.course .ico3.free{
	cursor: default;
}
.course .ico3:hover {
    opacity: 0.75;
}
.course .ico3.free:hover {
    opacity: 1;
}
.course .course12 {
    background-image: url(../tdc/image/cource12.png);
}
#course03{
	position:relative;
	display: inline;
	float:left;
	width:749px;
	height:111px;
	margin:0 0 10px;
	background:url("../tdc/image/cource03.png") no-repeat left top;
}
#course03 h4{
	margin:0;
	position:absolute;
	top:11px;
	left:28px;
	display: inline;
}
#course03 .txt{
	position:absolute;
	top:56px;
	left:10px;	
}
#course03 .icon_box{
	position:absolute;
	bottom:5px;
	right:8px;
}
#course03 .icon_box img{
	cursor: pointer;
}
#course03 .icon_box .free{
	cursor: default;
}
#course03 .icon_box img:hover {
    opacity: 0.75;
}
#course03 .icon_box .free:hover {
    opacity: 1;
}
#course05{
	background:url("../tdc/image/cource09.png") no-repeat left top;
	width:749px;
	height:144px;
	position:relative;
	margin:0 0 10px 0;
}
#course06{
	background:url("../tdc/image/cource08.png") no-repeat left top;
	width:749px;
	height:129px;
	position:relative;
	margin:0 0 10px 0;
}
#course07{
	background:url("../tdc/image/cource10.png") no-repeat left top;
	width:749px;
	height:129px;
	position:relative;
	margin:0 0 10px 0;
}
.course #course03.course12 {
    background-image: url(../tdc/image/cource12.png);
}
#course_flex{
	background:url("../tdc/image/cource_flex.png") no-repeat left top;
	width:749px;
	height:auto;
	position:relative;
	margin:0 0 10px;
}
#course_flex h4{
	position: static;
	padding: 12px 28px;
}
#course_flex p{
	margin: 0 0 10px;
}
#course_flex .attent{
	margin: 0 0 10px;
}
#course_flex .attent p{
	margin: 0;
}
#course_flex .txt{
	position: static;
	padding: 10px 10px 0;
}
#course_flex.icon1 .txt{
    margin-right: 60px;
}
#course_flex.icon2 .txt{
    margin-right: 120px;
}
#course_flex .icons{
	float: right;
	overflow: hidden;
	margin: 10px 0 0 0;
}
#course_flex .icons img{
    float: right;
	margin: 0 8px 0 0;
	cursor: pointer;
}
#course_flex .icons .free{
    cursor: default;
}
#course_flex .icons img:hover {
    opacity: 0.75;
}
#course_flex .icons .free:hover {
    opacity: 1;
}
#course_flex.icon1 .icons{
	width: 60px;
}
#course_flex.icon2 .icons{
	width: 120px;
}
#course_flex::after{
    display: block;
	content: '';
	width: 100%;
	height: 5px;
	background:url("../tdc/image/cource_flex.png") no-repeat left bottom;
}

.tabrow {
    font-size: 14px;
    height: 54px;
    line-height: 24px;
    list-style: outside none none;
    margin: 0 0 20px 2px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
}
.tabrow li a.first {
	margin: 0 0 0 10px;
}
.tabrow li a{
	float:left;
    background:#ccc;
    border: 1px solid #bdbdbd;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: block;
	zoom: 1;
    margin: 0;
    padding: 14px 16px;
    position: relative;
    z-index: 0;
	text-decoration:none;
}
.tabrow li a:hover{
	background:#ea7f00;
	color:#fff;
}
.tabrow li a:visited{color:#fff;}
.tabrow li span{font-size:10px;}
.tabrow li.selected a{
	color: #ea7f00;
	font-weight:bold;
    background: #fff none repeat scroll 0 0;
    border-bottom-color: #fff;
    z-index: 2;
}
.tabrow::before {
    border-bottom: 1px solid #bdbdbd;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.tabrow li::before, .tabrow li::after {
    border: 1px solid #bdbdbd;
    bottom: -1px;
    content: " ";
    height: 5px;
    position: absolute;
    width: 5px;
}
.tabrow li::before {
    border-width: 0 1px 1px 0;
    left: -6px;
}
.tabrow li::after {
    border-width: 0 0 1px 1px;
    right: -6px;
}

.prg_ttl{
	 background: url("../tdc/image/icon_ttl.png") no-repeat left 2px;
	 padding-left: 35px;
	 font-size: 20px;
	 height: 30px;
}
.detail_ttl{
	border:1px solid #ccc;
	padding:4px 10px;
	font-size:16px;
}
.photo_box{
	width:360px;
	margin-bottom:10px;
}
.photo_box p.ttl{
	font-weight:bold;
	margin:0 0 2px 0;
}
.photo_box p.movie{
	 background: url("../tdc/image/icon_movie.png") no-repeat left 2px;
	 padding-left: 20px;
	 font-size: 13px;
	 margin:3px 0;
}
.photo_box p.movie a{
	text-decoration:underline;
	color:#ea7f00;
}
.photo_box div{
	float:left;
	width:190px;
	padding:0 0 0 6px;
	font-size:12px;
}
.enter_btn{
  text-align:center;
  margin-bottom:6px;
}
.enter_btn a{
	border:1px solid #d37302;
	background: url("../tdc/image/per_icon.png") no-repeat 40px 12px;
	padding-left: 20px;
	font-size: 13px;
	margin:3px 0;
}
.enter_btn a:visited{color:#fff;}
.enter_btn a:link {
	display:inline-block;
	font-size:16px;
    text-decoration:none;
    padding:10px 30px 10px 70px;
    color:#fff;
    background-color:#fb8801;
    border-radius:5px;
}
.enter_btn a:hover {
    text-decoration:none;
	color:#fff;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
.btn_box .icon{margin:26px 0 0 10px;}
.btn_box{
	overflow: hidden;
	margin: 0 0 0 200px;
	padding:0px 0px 6px 0px;
}
.program.company .btn_box{
    overflow:hidden;
    margin:0 0 0 217px;
}
.program.company .contact_box{
    margin: 0 0 6px;
    text-align: center;
}

.driver_box{
	margin:0;
	overflow:hidden;
	clear:both;
}
.driver_box img{border:1px solid #ccc;}
.driver_box .txt{
	font-size:12px;
	line-height:1.4em;
	float:left;
	margin-left:10px;
}
.driver_box h3{
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
	color: #ea7f00;
}
.driver_ttl{margin:0;}
dl.prof_list dl,dt,dd {
	margin: 0;
	padding: 0;
}
dl.prof_list dl {
	width: 300px;
}
dl.prof_list dt,dd {padding: 3px;}
dl.prof_list dt {
	clear: left;
	float: left;
	width: 100px;
	text-align:right;
}
dl.prof_list dd {margin-left: 120px;}
.driver_box2{
	margin:10px 0;
	overflow:hidden;
	clear:both;
}
.driver_box2 div{
	text-align:center;
	float:left;
	width:117px;
	margin-left:3px;
}
.driver_box2 p{
	text-align:center;
	margin:10px 0;
	font-size: 12px;
    line-height: 1.4em;
}
.driver_box2 img{border:1px solid #ccc;}
.driver_box2 a:hover img{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}
.cource_info_box{
	font-size:10px;
	border:1px solid #ccc;
    background-color:#e4eef2;
	padding:10px 10px;
}
.cource_name{
	color:#ea7f00;
	font-weight:bold;
}

.cource_info_box p{margin:0; font-size:12px;}
.driver_box2 a:link {text-decoration:none;}
.photo_box p{font-size:12px;}
.photo_box img{float:left;}
.mr09{margin-right:9px;}
.mb20{margin-bottom:20px;}
span.small{font-size:12px;}
.mt10{margin-top:10px;}
.mb05{margin-bottom:5px:}


/*20161221 講習プログラム改修 */

.report {
	float:left;
	width:auto;
	margin-right:30px;
	}
.report1 {
	float:left;
	width:auto;
	}
	
.report p.pdficon,.report1 p.pdficon{
	margin:0;
	}
	
.report p.pdficon a,.report1 p.pdficon a{
	background:url("/mobilitas/image/arrow.gif") no-repeat scroll right center;
    display: inline;
    line-height: 125%;
    padding-right: 12px;
	}

/*20170927 ボタンデザイン改修 */
.btn_box a:hover {
    opacity: 0.75;
    text-decoration: none;
}


#course04{
	background:url("../tdc/image/cource04.png") no-repeat left top;
	width:370px;
	height:128px;
	float:left;
	position:relative;
	display: inline;
}

.ico_arw:after {
margin:-1px 0 0 7px;
vertical-align:middle;
display:inline-block;
background-image:url(/mobilitas/image/arrow.gif);
background-repeat:no-repeat;
content:"";
width:4px;
height:7px;
background-position:0 0;
}