@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{
margin:0 0 10px}

span.new{display:none}

#main .adr div{margin:0}

#main .fig,
#main .btn{text-align:center}

.pageTop{
clear:both;
margin:0 0 10px;
text-align:right}

/* 見出し
*****************************************/

#main h3{
background:url(../img/sec/h3bg.jpg) repeat-x 0 50%;
border:1px solid #e6e6e6;
font-weight:bold;
margin:0 0 20px;
padding:6px 0}

#main h3 span{
border-left:5px solid #469025;
color:#666;
display:block;
font-size:large;
_font-size:medium;
padding:0 0 0 8px}

#main h4{
border-bottom:2px solid #ffcc00;
font-size:115%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px}

#main h4.note{
border:none;
padding:0}

#main h5{
background:url(../img/sec/h5bg.jpg) repeat-x 0 50%;
color:#e0e0e0;
font-weight:bold;
margin:0 0 15px;
padding:2px 0 2px 5px}

/* リスト
*****************************************/

#main ul li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
padding:0 0 0 10px}

#main ul li.note{background:none}

#main ul.note li{
background:none;
padding:0}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{padding:0 0 0 10px}

/* テーブル
*****************************************/

#main table{
height:auto;
width:100%}

#main table th{
background:#f2f2f2;
border-bottom:1px dotted #c0bcad;
font-weight:bold;
padding:5px 10px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table th.note{background:#c7c5b2}

#main table td{
border-bottom:1px dotted #c0bcad;
padding:5px 5px 5px 10px}

#main table th.firstChild,
#main table td.firstChild{border-top:1px dotted #c0bcad}

#main table td p,
#main table td ul,
#main table td div{margin:0}

.form table span{color:#cc0000}

.form table th{width:180px}

.form table td input{margin:0 0 5px}

*:first-child+html .form table td input{margin:0}
* html body .form table td input{margin:0}

.form table td input.text01{width:150px}

.form table td input.text03{width:100px}

.form table td input.text02{width:80px}

.form table td input.text04{width:380px}

.form #main ul.btn li{
background:none;
display:inline;
margin:0 10px;
padding:0}

#main table.col th{background:#ecece6}

#main table.col th.firstChild,
#main table.col td{
border-left:1px dotted #c0bcad;
text-align:center;
vertical-align:middle}

#main table.col th.firstChild{background:#f2f2f2}

#main table.col th.firstChild.note{border-left:none}

/* セミナー
*****************************************/

#main p span.b{font-size:120%}

#main p span.b2{font-size:140%}

#main .semiDetail:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .semiDetail{
background:#ebebeb;
display:inline-block;
padding:10px}

/*\*/
*html #main .semiDetail{height:1%}
#main .semiDetail{display:block}
/**/

#main .semiDetail dl{
background:#fff;
float:left;
margin:0;
min-height:170px;
_height:170px;
padding:10px;
width:550px;
_width:570px}

#main .semiDetail dl dt{
color:#257422;
margin:0 0 5px}

#main .semiDetail .pict{
float:right;
margin:0;
text-align:center;
width:90px}

#main .semiDetail .pict p,
#main .semiDetail .pict div{margin:0}

/* 選ばれる理由
*****************************************/

#main table.reason{
border-collapse:separate;
border-spacing:10px;
margin:0 -10px 10px}

#main table.reason td{
border:1px solid #d3d3d3;
padding:0;
width:335px}

/* 講師紹介
*****************************************/

#main .intro:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .intro{display:inline-block;}

/*\*/
*html #main .intro{height:1%}
#main .intro{display:block}
/**/

#main .intro .img{
float:left;
margin:0 10px 0 0;
width:140px}

#main .intro .detail{
float:right;
margin:0;
width:530px}

/* 受講生の声
*****************************************/

#main .voice{
background:url(../img/sec/voiceBg.jpg) repeat;
border:1px solid #a9c763;
padding:20px;
text-align:right}

#main .voice p{text-align:left}

#main .voice p.man{
background:url(../img/sec/voiceMan.jpg) no-repeat 0 0;
color:#7aa90e;
display:inline;
font-weight:bold;
margin:0;
padding:0 0 0 15px;
text-align:right}

/* Q&A
*****************************************/

#main dl.faq dt{
background:url(../img/sec/faq.jpg) no-repeat 0 0;
min-height:68px;
_height:63px;
padding:5px 0 0 60px}

#main dl.faq dd{
margin:-2.7em 0 2.3em 60px;
padding:0}

/* 実績紹介
*****************************************/

#main ul.jisseki:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.jisseki{display:inline-block;}

/*\*/
*html #main ul.jisseki{height:1%}
#main ul.jisseki{display:block}
/**/

#main ul.jisseki li{
background:none;
float:left;
padding:0;
width:320px}

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
height:1%;
margin:0 0 5px;
padding:0 0 0 10px}

#main ul.sitemap li.note{background:none}

#main ul.sitemap li ul li{
background:url(../img/common/icon03.gif) no-repeat 0 8px;
padding:0 0 0 10px}

/***********************************************/

#index #main h3,
#index #main h3 span{
background:none;
border:none;
margin:0;
padding:0}

#index #main h3 img{vertical-align:bottom}

#index #main .h301 h3{margin:0 0 20px}

#main table.all th,
#index #main .h301 table th{
background:none;
border-bottom:1px dotted #d2d2d2;
padding:5px 10px 5px 0;
vertical-align:top}

#main table.all th img,
#index #main .h301 table th img{vertical-align:bottom}

#main table.all td,
#index #main .h301 table td{
border-bottom:1px dotted #d2d2d2;
padding:5px 0}

#main table.news th,
#index #main .h302 table th{
background:none;
border-bottom:1px dotted #999;
font-weight:normal;
padding:5px 10px 5px 0}

#main table.news th span,
#index #main .h302 table th span{margin:0 10px 0 0}

#main table.news th span img,
#index #main .h302 table th span img{vertical-align:middle}

#main table.news td,
#index #main .h302 table td{
background:url(../img/common/icon02.gif) no-repeat 0 12px;
border-bottom:1px dotted #999;
padding:5px 10px}

#index #main .h303 h3{margin:0 0 10px}

#index #main .h303 p{
clear:both}

#index #main .h303:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .h303{display:inline-block;}

/*\*/
*html #index #main .h303{height:1%}
#index #main .h303{display:block}
/**/

#index #main .h303 div{
float:left;
margin:0 10px 0 0;
width:200px}

#index #main .h303 .intro{
float:right;
margin:0;
width:470px}

#index #main .h303 .intro ul{margin:0}

#index #main .h303 .intro ul li{
background:url(../img/common/icon04.gif) no-repeat 0 8px;}

#index #main .h303 p.note{margin:0}

#index #main .h303 div.link{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
float:none;
margin:0 0 20px;
padding:0 0 0 10px}

#main ul.banner li{
background:none;
display:inline;
padding:0}

#main ul.banner li.firstChild{margin:0 10px 0 0}