@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------*/

/*　WEB・モバイル専門セミナー　専用スタイルシート　　　*/

/* ----------------------------------------------------*/

/* --------------------------------------------------- */
/* 共通 */
/* --------------------------------------------------- */

/*index.htmlの枠消し*/
#kenshu div.article.idx{
	padding:0;
	border:none;
}

/*カテゴリリンク*/
.ctgLink{
	margin-top:20px;
}
dl.ctgLink dt{
	width:6em;
}
dl.ctgLink dd{
	margin-left:5em;
}

/*本文内リンクボタン*/
.linkBtn{
	margin-top:10px;
}

.linkBtn li{
	margin-top:5px;
}

/*ピンクのライン*/
div.line_p{
	background:url(../common/img/line_dot_pink.gif) repeat-x;
	height:1px;
	clear:both;
}


/* --------------------------------------------------- */
/* トップページ */
/* --------------------------------------------------- */

/*セミナートップページ*/
#kenshu img.ph_seminar{
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}
#kenshu .mt10{
	margin-top:10px;
	line-height:1.2em;
}

/*リンクボタン*/
#kenshu .btn_link{
	margin-top:10px;
	margin-bottom:10px;
	height:18px;
}
#kenshu .btn_link li{
	float:left;
	margin-right:30px;
}


/*講師陣*/
#kenshu dl.teachers{
	width:300px;
	height:auto;
	padding:5px;
}
#kenshu .lft{
	float:left;
}
#kenshu .rgt{
	float:right;
}
*html #kenshu dl.teachers{ /*for IE6*/
	width:303px;
	height:auto;
	padding:5px;
}
*:first-child+html #kenshu dl.teachers{ /*for IE7*/
	width:300px;
	height:auto;
	padding:5px;
}
#kenshu dl.teachers dt{
	float:left;
	margin-right:10px;
}
#kenshu dl.teachers dd{
	line-height:1.1em;
	margin-top:3px;
}
#kenshu dl.teachers dd.name{
	font-weight:bold;
}
#kenshu dl.teachers dd.url{
	margin-top:5px;
}
#kenshu dl.teachers dd.txt{
	width:300px;
}
*html #kenshu dl.teachers dd.txt{ /*for IE6*/
	width:205px;
}
*:first-child+html #kenshu dl.teachers dd.txt{ /*for IE7*/
	width:207px;
}

/*お客様の声*/
#top_voice{
	padding-left:240px;
	padding-bottom:10px;
	background:url(img/idx_ph_03.jpg) left center no-repeat;
}
*html #top_voice dd{ /*for IE6*/
	padding-bottom:-30px;
	margin-bottom:0;
}
*:first-child+html #top_voice dd{ /*for IE7*/
	padding-bottom:-20px;
	margin-bottom:-5px;
}
#top_voice dt{
	margin-top:10px;
	padding:3px;
	background-color:#F5F4EF;
	font-weight:bold;
	clear:both;
}

#top_voice dd{
	margin-top:5px;
}

#top_voice dd.link{
	text-align:right;
}

/* すぐなるウェブタント */
.sugu{
	width:340px;
	margin-top:15px;
	padding:10px;
	border:#d1d1d1 1px solid;
}
.sugu img{
	float:left;
	margin-right:8px;
}



/* --------------------------------------------------- */
/* 個別ページ */
/* --------------------------------------------------- */

/*受講生の声、主催者様の声、講師陣の声*/
.voices{
	padding:10px 10px 15px 10px;
	border-bottom:dotted 1px #ccc;
	margin-bottom:20px;
	background:#fff;
}
.voices img{
	float:left;
	margin-right:30px;
	border:solid 1px #ccc;
	padding:3px;
}
.voices dl{
	float:left;
	margin-bottom:20px;
}
.voices dt{
	font-weight:bold;
	border-left:solid 5px #841527;
	padding-left:10px;
}
.voices dt.top{
	margin-top:10px;
	padding:3px;
	background-color:#F5F4EF;
	font-weight:bold;
	border:none;
}
.voices p{
	clear:both;
}
.voices img.catch{
	border:none;
	margin:0 auto 5px 0;
}

*html .voices p{ /*for IE6*/
	margin-top:-5px;
}
*:first-child+html .voices p{ /*for IE7*/
	margin-top:-5px;
}

/* 講師陣紹介 */
#kenshu .teacher{
	margin:0 10px;
}
#kenshu dl.dl_teacher {
	padding-bottom:10px;
	clear:both;
	width:100%;
	height:auto;
}
#kenshu dl.dl_teacher dt {
	width:90px;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
}
*html #kenshu dl.dl_teacher dt{
	margin:0;
}
*:first-child+html #kenshu dl.dl_teacher dt{
	margin-bottom:10px;
}
#kenshu dl.dl_teacher dd {
	margin-bottom:20px;
	float:right;
	width:500px;
}
*html #kenshu dl.dl_teacher dd{ /*for IE6*/
	margin-bottom:10px;
}
*:first-child+html #kenshu dl.dl_teacher dd{ /*for IE7*/
	margin-bottom:10px;
}
#kenshu dl.dl_teacher dd.name {
	font-weight:bold;
	margin-top:10px;
	_margin-top:0;/*for IE6*/
}
#kenshu dl.dl_teacher dd.name a {
	font-weight:normal;
}

/*主催様様紹介*/
#kenshu .sponser{
	margin:0 10px 20px;
}
.sponser span{
	font-weight:bold;
	font-size:1.2em;
}

/*コース参加者実績*/
img.graph{
	width:323px;
	margin-left:159px;
}
p.caption{
	text-align:center;
}

#comment{
	width:600px;
	height:30px;
	margin:10px auto 0 auto;
	padding-top:15px;
	text-align:center;
	border:double 3px #ccc;
	background:url(../common/img/bg_contents.gif) repeat-x 0 0;
}


/*独自サービス*/
#otherService{
	padding:10px 0 10px 5px;
	background-color:#F5F4EF;
	overflow:hidden;
}

#otherService p{
	margin:0;
	padding:0 5px 0 0;
	width:305px;
	float:left;
}

#otherService p img{
	margin-right:5px;
	float:left;
}

/* 強み・特徴 */
#kenshu .mass{
	width:618px;
}

#kenshu .mass .text{
	width:385px;
	float:left;
	margin-right:5px;
}

/* コース例 */
#kenshu .mass .textR{
	width:400px;
	float:right;
}

#kenshu .mass .textR.wd450{
	width:450px;
	float:right;
}


/* --------------------------------------------------- */
/* 開催実績 */
/* --------------------------------------------------- */

/*タブインターフェース*/
.tabList{
	padding-left:10px;
}

.tabList li {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
}

#kenshu .tabList li a {
	min-width:28px;
	margin-right:2px;
	padding:7px 19px 3px 19px;
	display:block;
	background:url(../column/img/tab02.gif) left bottom no-repeat;
	color:#000;
}

/*IE6*/
*html #kenshu .tabList li a{
	width:28px;
}

#kenshu .tabList li.active a{
	padding:5px 19px;
	background:url(../column/img/tab01.gif) left top no-repeat;
	color:#fff;
	text-decoration:none;
}

.tabs {
	clear:both;
	padding:10px;
	border:#ccc 1px solid;
	background-color:#fff;
}

*html .tabs{/*for IE6*/
	padding:5px 10px;
}

*:first-child+html .tabs{/*for IE7*/
	padding:5px 10px;
}

.tabs table {display: none;}
.tabs table.active {display: block;}

/*index.htmlの枠消し*/
#kenshu div.article.idx{
	padding:0;
	border:none;
}


/*開催実績一覧*/
.tabs th{
	padding:2px 5px;
	border:#e6e6e6 1px solid;
	background-color:#f1f1f1;
	text-align:left;
	font-weight:normal;
}

.tabs td{
	padding-left:5px;
}

#kenshuDate{
	width:70px;
}

#kenshuTitle{
	width:540px;
}

#kenshuStaff{
	font-size:10px;
}

/* 事務局業務例 */
#kenshu table.office{
	border-top:1px solid #CCB0B0;
	border-left:1px solid #CCB0B0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin-top:10px;
	width:98%;
}
.office th{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    color:#666666;
    background-color:#FFF6F3;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.office td{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:center;
	vertical-align:top;
}
.office td.left{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:left;
	vertical-align:top;
}


/* --------------------------------------------------- */
/* すぐなる */
/* --------------------------------------------------- */

/* 導入 */
div#sugu_intro{
	text-align:center;
	margin-bottom:5px;
	padding:0 10px;
}
#sugu_intro table{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	background-color:#ffffff;
	border:solid 1px #ccc;
	margin:0 auto;
}
#sugu_intro table th{
	padding:5px 0 5px 10px;
	vertical-align:top;
	width:16px;
	background-color:#ffffff;
}
#sugu_intro table td{
	padding:5px 5px 5px 10px;
	vertical-align:top;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

/* テーブル1 */
table.sugu_detail{
	width:100%;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:10px;
}

table.sugu_detail th{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	font-size:12px;
	font-weight:normal;
	background:#F0F0F0;
	padding:5px;
}
table.sugu_detail td.h{
	background:#F0F0F0;
	padding:5px;
}
table.sugu_detail td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background:#fff;
	padding:5px;
	font-size:12px;
}
table.sugu_detail span{
	font-weight:bold;
	font-size:12px;
}

/* テーブル2 */
table.sugu_detail2{
	width:100%;
	border:solid 1px #ccc;
	border-spacing:0;
	margin-top:10px;
}
table.sugu_detail2 th{
	background:#F0F0F0;
	padding:3px	10px;
	text-align:left;
	font-weight:bold;
	font-size:13px;
}
table.sugu_detail2 td{
	background:#fff;
	padding:3px 5px;
	vertical-align:top;
	font-size:12px;
}
table.sugu_detail2 td.r{
	background:#fff;
	padding:3px 5px;
	text-align:right;
}

/* テーブル3 */
table.sugu_check{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	background-color:#ffffff;
	border:solid 1px #ccc;
	margin-top:10px;
}
table.sugu_check th{
	padding:5px 0 5px 10px;
	vertical-align:top;
	width:16px;
	background-color:#ffffff;
}
table.sugu_check td.bold{
	padding:5px 5px 5px 10px;
	vertical-align:top;
	font-size:13px;
	font-weight:bold;
}
table.sugu_check td{
	padding:5px;
	vertical-align:top;
	font-size:13px;
}
.sugu_check span.gr{
	font-size:13px;
	font-weight:bold;
	color:#999999;
}
.sugu_check span.bk{
	font-size:13px;
	font-weight:bold;
}

/* ブログリンク */
.sugu_blog{
	text-align:right;
	margin-top:10px;
}

/* お申込みの流れ */
.bdr{
	border:#ccc solid 1px;
	padding:10px;
	width:550px;
	margin:0 auto;
	background:#fff;
}
.bdr .ttl{
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color:#333;
}
.bdr .ttl13{
	font-weight:bold;
	font-size:13px;
	color:#333;
}
.bdr .copy{
	line-height:1.3em;
}
.bdr dl{
	margin-top:20px;
}
.bdr dt{
	font-weight:bold;
}
.bdr dd{
	line-height:1.4em;
}
.bdr img.right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

img.arrow{
	width:76px;
	height:27px;
	margin:5px 280px;
}
.bdr_last{
	border:#ccc solid 1px;
	padding:10px;
	width:550px;
	margin:0 auto 50px;
}
.bdr_last .ttl{
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color:#333;
}
