@charset "UTF-8";
/* CSS Document */
/*base.css*/
/**************************************** Default */
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, embed, object { margin: 0; padding: 0; vertical-align: baseline; font-size: 1em; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-size: 1.0em; }
* html table { border-collapse: collapse; }
*:first-child + html table { border-collapse: collapse; }
caption, th { text-align: left; font-weight: normal; }
table, th, td, img { border: 0; }
tr { vertical-align: top; }
q:before, q:after { content: ''; }
ul { list-style: none; }

/************************************** //Default */
body { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Helvetica,"Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS ゴシック", "MS PGothic", sans-serif !important; }
hr { background: none repeat scroll 0 0 transparent; color: #00A2D9; height: 2px; margin-bottom: 12px; }
a:link { color: #1111CC; text-decoration: underline; }
a:visited { color: #551A8B; text-decoration: underline; }
a:active { color: #43a0de; text-decoration: none; }
a:hover { color: #43a0de; text-decoration: underline; }
img { border: none; vertical-align: bottom; }
li { list-style: none; }
tr { vertical-align: top; }
p { line-height: 150%; margin-bottom: 1em; font-size: 13px; }

/************************************** Clear */
/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* IE 7 and MacIE*/
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */
.clear { clear: both; }
.imgover { font-family: Helvetica; }
span.adjust { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.sp-format { overflow: hidden; position: relative; }

/*************font.css************************* */
/* CSS Document */
i { font-size: 14px; }
.red { float: right; }
.gray { color: #777; }
.orange { font-size: 14px; font-weight: bold; color: #fc7f0e; }
b.orange { font-size: 14px; font-weight: bold; color: #fc7f0e; }
.blue { font-size: 14px; font-weight: bold; color: #00B3FF; }
p.refer { font-size: 10px; color: #666666; text-align: right; }
#headInner #topHead p, #headInner #topHead h1 { font-size: 10px; font-weight: normal; line-height: 27px; float: left; margin-bottom: 0; }
#headInner #topHead h1 a { color: #444444; text-decoration: none; }
#headInner #topHead h1 a:hover { color: #333333; text-decoration: none; }
#headInner #topHead h1 a:visited { color: #222222; text-decoration: none; }

/*************layout.css************************* */
/* main */
#content h1 { width: 813px; height: 76px; padding-right: 18px; padding-left: 18px; display: block; padding-top: 20px; }
h1.internship { width: 508px !important; float: left; padding-top: 0 !important; height: 135px !important; padding-left: 0 !important; }
#main #new { margin-right: 10px; margin-left: 10px; margin-bottom: 15px; width: 489px; }
#main #lay tr th, #main #new tr th { padding-right: 10px; padding-bottom: 3px; padding-top: 3px; width: 60px; }
#main #new_success { margin-bottom: 1em; }
#main #new_success td, #main #new td { background-image: url("../img/icon/arrow.png"); background-repeat: no-repeat; background-position: left 8px; padding-left: 16px; padding-bottom: 3px; padding-top: 3px; vertical-align: middle; }
h2 { clear: both; margin-bottom: 15px; overflow: hidden; position: relative; }
#main #lay td { background-image: url("../img/icon/arrow.png"); background-position: left 8px; background-repeat: no-repeat; padding-bottom: 3px; padding-left: 16px; padding-top: 3px; }
h2.pro { background: url("../img/title/title_bg.png") no-repeat scroll center top transparent; font-size: 14px; font-weight: bold; padding: 11px 0px 11px 30px; }
#uspbar { text-align: center; }

/* h2???? blogtitile 2010-05-31 */
h2.blogtitle { width: 250px; float: left; }
#main p { padding-right: 10px; padding-left: 10px; font-size: 13px; }
#main p img.wide { width: 100%; }
p.center { margin-left: -10px; }
th.center { text-align: center; }
td.center { text-align: center; }
h2.success { width: 508px !important; float: left; height: 76px; padding-right: 18px; padding-left: 18px; display: block; padding-top: 20px; }
p.title { width: 813px; height: 76px; padding-right: 18px; padding-left: 18px; display: block; padding-top: 20px; }
strong { font-weight: normal; }
#main h3 { padding-bottom: 15px; }
.service { padding-bottom: 15px; }
.service li { list-style: circle; margin-left: 25px; padding: 5px; padding-bottom: 5px; line-height: 1.5; }
.service2 li { line-height: 0.8; list-style: circle outside none; margin-left: 25px; padding: 5px; }
#main h4 { padding-bottom: 15px; }

/* ---------------back h2-2010-09-09------------------ */
h2 span { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#main h2#h2title { height: 38px; width: 509px; }
#main h2#h2bluetitle { height: 17px; width: 485px; }
#main h2#h2longtitle { height: 208px; width: 509px; }
h2#h2widetitle { height: 75px; width: 813px; margin-right: 18px; margin-left: 18px; margin-top: 20px; display: block; }

/* index */
#main h2#h2title.jisseki span { background: url("/img/title/jisseki.png") no-repeat scroll 0 0 transparent; }

/* method */
#main h2#h2title.about span { background: url("/img/title/about.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.honshitsu span { background: url("/img/title/honshitsu.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.grad2011 span { background: url("/img/title/grad2011.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.grad15 span { background: url("/img/title/15.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.jiko span { background: url("/img/title/jiko.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.gyokai span { background: url("/img/title/gyokai.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.gyokai2 span { background: url("/img/title/gyokai2.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.hikki span { background: url("/img/title/hikki.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.note span { background: url("/img/title/note.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.nikkei span { background: url("/img/title/nikkei.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.pr span { background: url("/img/title/pr.png") no-repeat scroll 0 0 transparent; }
#main h2#h2bluetitle.point span { background: url("/img/title/point.png") no-repeat scroll 0 0 transparent; }
#main h2#h2bluetitle.appeal span { background: url("/img/title/appeal.png") no-repeat scroll 0 0 transparent; }
#main h2#h2bluetitle.tsutaekata span { background: url("/img/title/tsutaekata.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.douki span { background: url("/img/title/douki.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.es span { background: url("/img/title/es.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.gd span { background: url("/img/title/gd.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.men span { background: url("/img/title/men.png") no-repeat scroll 0 0 transparent; }

/* sccess */
#main h2#h2title.tag span { background: url("/img/title/tag.png") no-repeat scroll 0 0 transparent; }

/* shaki */
#main h2#h2title.shaki_about span { background: url("/img/title/shaki_about.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.shaki_kouza span { background: url("/img/title/shaki_kouza.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.shaki_voice span { background: url("/img/title/shaki_voice.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.shaki_seminar span { background: url("/img/title/shaki_seminar.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.shaki_seminar_about span { background: url("/img/title/shaki_seminar_about.png") no-repeat scroll 0 0 transparent; }

/* fix pages */
#main h2#h2longtitle.course2 span { background: url("/img/pic/course2.png") no-repeat scroll 0 0 transparent; }
#main h2#h2title.hyo span { background: url("/img/title/hyo.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page158 span { /* ?R?[?`?Љ・*/ background: url("/img/title/page158.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page128 span { /* ?R?[?X?燉e?Ɖ??i */ background: url("/img/title/page128.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page63 span { /* ?悭???鎿?・*/ background: url("/img/title/page63.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page69 span { /* ?・ﾐ?T?v */ background: url("/img/title/page69.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page73 span { /* ???݃????N */ background: url("/img/title/page73.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page577 span { /* ???݃????N?Q */ background: url("/img/title/page577.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page606 span { /* ???݃????N?W3 */ background: url("/img/title/page606.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page394 span { /* ???݃????N?蜿W */ background: url("/img/title/page394.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page70 span { /* ?T?C?g?}?b?v */ background: url("/img/title/page70.png") no-repeat scroll 0 0 transparent; }
h2#h2widetitle.page43 span { /* ???₢???킹 */ background: url("/img/title/page43.png") no-repeat scroll 0 0 transparent; }

/*----------- shaki/content ----------------------- */
table.shaki_kouza td { padding: 5px; line-height: 1.3em;}
ul li.shakireport { background: url(../img/icon/pdf.png) no-repeat left center transparent; padding: 3px 0 3px 30px; margin: 5px 0; }
ul li.shakireport a { cursor: pointer; }

/*------------------------------------------------- */
/*--------------------------------------------------- */
/* faq */
.q { min-height: 20px; background-image: url(../img/icon/q.png); background-repeat: no-repeat; background-position: left top; padding-top: 4px; padding-left: 30px; display: block; margin-bottom: 10px; line-height: 1.5; }
.a { min-height: 20px; background-image: url(../img/icon/a.png); background-repeat: no-repeat; background-position: left top; padding-top: 4px; padding-left: 30px; display: block; margin-bottom: 10px; padding-bottom: 10px; line-height: 1.5; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d3d3d3; }

/* company */
.company { margin-bottom: 15px; width: 489px; margin-right: 10px; margin-left: 10px; }
.company tr th, .company tr td { padding-bottom: 5px; padding-top: 5px; line-height: 1.5; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d3d3d3; }
.company tr th { padding-right: 15px; padding-left: 10px; }
.company2 { margin-bottom: 15px; width: 509px; margin-right: 3px; margin-left: 3px; }
.company2 tr th, .company2 tr td { padding-bottom: 5px; padding-top: 5px; line-height: 1.5; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d3d3d3; }
.company2 tr th { padding-right: 30px; padding-left: 10px; width: 95px; }
#pic { padding-bottom: 15px; text-align: center; }
#pic span a img { border-width: 1px; border-style: solid; border-color: #d3d3d3; padding: 1px; margin-left: 1px; margin-right: 1px; }

/* book */
.book { border-width: 1px; border-style: solid; border-color: #d3d3d3; padding: 1px; margin-left: 10px; margin-bottom: 20px; }
.link { background-image: url(../img/icon/link.png); background-repeat: no-repeat; background-position: left 4px; display: block; padding-left: 18px; }

/* ?ƊE???? */
.ed { width: 505px; border-width: 1px; border-style: solid; border-color: #d3d3d3; padding-top: 15px; margin-bottom: 15px; }
.edbg { background-image: url(../img/pic/ed.png); background-repeat: no-repeat; background-position: 420px center; }
.ed dt { float: left; padding-left: 50px; padding-bottom: 10px; width: 202px; }
.ed dd { padding-bottom: 10px; width: 505px; }

/* ?R?[?X ?燉e?Ɖ??i*/
.cource { width: 509px; border-top-width: 1px; border-left-width: 1px; border-top-style: dotted; border-left-style: dotted; border-top-color: #d3d3d3; border-left-color: #d3d3d3; margin-bottom: 15px; }
.cource tr th { width: 180px; background-color: #ecf6fc; padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-weight: bold; color: #43a0de; }
.cource tr td { padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; }
table.cource_list tr th { background-color: #ecf6fc; padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; border-top: 1px dotted #d3d3d3; font-weight: bold; color: #43a0de; }
.cource_list tr td { padding: 8px; line-height: 0.4; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; }

/* table */
.halfyellow { width: 509px; border-top-width: 1px; border-left-width: 1px; border-top-style: dotted; border-left-style: dotted; border-top-color: #d3d3d3; border-left-color: #d3d3d3; margin-bottom: 15px; }
.halfyellow tr th { width: 180px; background-color: #FFFFDE; padding: 8px; line-height: 1.5; border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; border-right-color: #d3d3d3; border-bottom-color: #d3d3d3; font-weight: bold; color: #FC7F0E; }
.halfyellow tr td { padding: 8px; line-height: 1.5; border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; border-right-color: #d3d3d3; border-bottom-color: #d3d3d3; }
#main .price tr td { text-align: right; }
#main .price tr .left { text-align: left; }
#main .price tr .right { text-align: right; vertical-align: bottom; }
.price tr .ye { background-color: #fff3e8; }
.defo { font-size: 12px; color: #555; }
#dm tr th { width: 109px; }
#dm .dmtd { width: 176px; color: #43a0de; background-color: #ecf6fc; font-weight: bold; text-align: center; }
#dm ul li { list-style: circle; margin-left: 15px; padding-bottom: 5px; }
.begi { padding-bottom: 15px; }
.begi .br { padding-right: 17px; float: left; }

/* ?R?[?` */
#pagecoach { padding: 18px; width: 813px; }
.cBox { clear: both; margin: 14px 18px; min-height: 1px; }
#container #content .coach { width: 260px; float: left; font-size: 12px; }
#container #content .coach th { width: 39px; line-height: 1.3; }
#container #content .coach .pic { padding: 2px; width: 79px; }
.pic img { width: 79px; }
.cl { margin-right: 15px; }

/* contact */
.base3 { font-size: 12px; line-height: 1.5em; margin-bottom: 30px; margin-left: 80px; width: 650px; }
.base2 td, .base2 th, .base3 td, .base3 th { border: 1px inset #000000; font-weight: bold; line-height: 1.35; padding: 10px; margin: 0 auto; }
.base2 { font-size: 12px; line-height: 1.5em; margin-bottom: 30px; width: 500px; margin-left: 5px; }
td.sbm { text-align: center; }
.fc { background-color: #4F4F4F; color: #FFF; width: auto; }
#sitemap tr th { width: 105px; background-image: url(../img/icon/arrow.png); background-repeat: no-repeat; background-position: left 10px; padding-left: 15px; }
.sitemap { display: block; padding-bottom: 5px; }
.sitemap a { margin-right: 10px; margin-left: 10px; }

/* ?熬・҂̐? */
#success_tag a { color: #43A0DE; text-decoration: none; }
#success_tag a:hover { color: #43A0DE; text-decoration: underline; }

/* ?U???i?r?Q?[?V???? */
.wp-pagenavi { font-size: 13px; width: 509px; text-align: center; padding-bottom: 20px; padding-top: 5px; }
.wp-pagenavi span.current { background-color: #a2a2a1; border: 1px solid #a2a2a2; color: #ffffff; font-weight: bold; margin: 2px; padding: 2px 4px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span { background-color: #ececec; border: 1px solid #dfdfdf; color: #626262; margin: 2px; padding: 2px 4px; text-decoration: none; }
.wp-pagenavi a:hover { background-color: #f7fbfe; border: 1px solid #dfdfdf; color: #43a0de; }
#footer ul li a { text-decoration: none; color: #43A0DE; }
#footer ul li a:hover { text-decoration: underline; }

/* loightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666665; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
a.page_shortcut { background-image: url("../img/icon/arrow.png"); background-repeat: no-repeat; background-position: left center; padding: 3px 16px; }
div.ichiryu_report { border-style: solid; border-width: 1px; border-color: #D3D3D3; padding: 15px; margin: 8px; }
div.ichiryu_report h3 { font-weight: bold; color: #43a0de; font-size: 1.3em; }
div.ichiryu_report h4 { font-weight: bold; font-size: 1.1em; padding-left: 10px; }
div.ichiryu_report dl dt { line-height: 1.5em; font-weight: bold; margin-bottom: 1em; }
div.ichiryu_report dl dd { line-height: 1.5em; font-size: 0.9em; }

/* ?R?[?X ?燉e?Ɖ??i*/
.ichiryu_cource { width: 509px; border-top-width: 1px; border-left-width: 1px; border-top-style: dotted; border-left-style: dotted; border-top-color: #d3d3d3; border-left-color: #d3d3d3; margin-bottom: 15px; }
.ichiryu_cource tr th { white-space: nowrap; background-color: #ecf6fc; padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-weight: bold; color: #43a0de; }
.ichiryu_cource tr td { padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-size: 13px; }
table.center th, table.center td { text-align: center; vertical-align: middle; }
table tr.yellow td { background-color: #ffff80; }
.jobskill-table { width: 509px; margin-bottom: 15px; border: 1px solid #bbb; border-collapse: collapse; }
.jobskill-table tr th { white-space: nowrap; padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-weight: bold; color: #43a0de; }
.jobskill-table tr td { padding: 8px; line-height: 1.5; border-right: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-size: 12px; color: #222; }
.jobskill-table tr th, .jobskill-table tr td { background-color: #ECF6FF; }
.jobskill-table tr td.center { text-align: center; vertical-align: middle; font-weight: bold; }

/*=====================
smt append
======================*/
#breadcrumbs { padding: 15px 19px 0 19px; }
#breadcrumbs ol li { float: left; font-size: 18px; padding-right: 5px; }
body.single-success h2.success, body.category-success h2.success, body.tag h2.success { padding-top: 15px; width: 813px !important; }
body.single-success #main, body.category-success #main, body.tag #main { padding-top: 0; width: 813px; padding-right: 19px; }
body.single-success #main p { font-size: 11px!important; line-height: 1.5em; margin-bottom: 2.5em; }
body.single-success h2.pro, body.category-success h2.pro, body.tag h2.pro { background: url("../img/title/title_bglong.png") no-repeat scroll left top transparent; height: 32px; font-size: 23px; }
body.single-success p.center { text-align: center; }
body.category-success table#new_success td, body.tag table#new_success td { font-size: 22px; line-height: 1.8em; background-position: left center!important; }
#success_tag { margin-bottom: 10px; }
#success_tag a { font-size: 140%; }

/*expression*/
table.express-check { width: 100%; border-collapse: collapse; margin-bottom: 1.2em; }
table.express-check caption { margin-bottom: 0.5em; }
table.express-check td { border: 1px dotted #888; font-size: 12px; padding: 6px 3px; }
table.express-check input { margin-right: 2px; vertical-align: middle; float: left; }
table.express-check label { width: 100%; display: block; height: 100%; position: relative; z-index: 100; }

/*************common.css************************* */
#container { float: left; width: 100%; color: #555; font-size: 13px; background-image: url(../img/bg2.png); background-repeat: repeat-y; background-position: center 110px; }

/* header */
#header { width: 100%; height: 137px; background-color: #fff; background-image: url(../img/header/menu/bg2.png); background-repeat: repeat-x; margin-left: auto; margin-right: auto; }
#headInner { margin: 0 auto; position: relative; width: 851px; }
#topHead { width: 851px; height: 27px; }
#headerT { width: 851px; margin-right: auto; margin-left: auto; height: 50px; padding-top: 10px; padding-bottom: 10px; }
#headerT h1 { width: 250px; float: left; height: 50px; margin-top: -8px; }
#logo { float: left; height: 50px; margin-top: -8px; width: 250px; }
#contact_parent { margin-top: 1px; float: right; height: 50px; padding-left: 10px; }
#contact { margin-top: 1px; float: right; height: 50px; padding-left: 10px; }
#tel { margin-top: 1px; float: right; height: 50px; }
#menuBg { width: 100%; height: 40px; clear: both; }
#menu { width: 858px; height: 40px; margin-right: auto; margin-left: auto; overflow: hidden; margin-left: -5px; }
#menu ul li { float: left; height: 40px; overflow: hidden; position: relative; padding-bottom: 0; }
#menu ul li span { background-image: url(../img/splite/glnavi.png); background-repeat: no-repeat; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; }

/*
gl menu splite
?bcompany?bexpression?bfaq?bhome?bjoblevel?bmantoman?bpopular?bservice?b
0?b87?b186?b299?b371?b485?b598?b743?b856?b
*/
#menu ul li a { padding-left: 10px; font-size: 10px; vertical-align: top; }
#menu ul li.home { width: 72px; }
#menu ul li.joblevel { width: 114px; }
#menu ul li.service { width: 113px; }
#menu ul li.mantoman { width: 113px; }
#menu ul li.popular { width: 145px; }
#menu ul li.expression { width: 99px; }
#menu ul li.faq { width: 113px; }
#menu ul li.company { width: 88px; margin: 0; }
#menu ul li.home span { width: 72px; }
#menu ul li.home:hover span { background-position: 0 -40px; }
#menu ul li.joblevel span { background-position: -72px 0; width: 114px; }
#menu ul li.joblevel:hover span { background-position: -72px -40px; }
#menu ul li.service span { background-position: -186px 0; width: 113px; }
#menu ul li.service:hover span { background-position: -186px -40px; }
#menu ul li.mantoman span { background-position: -300px 0; width: 113px; }
#menu ul li.mantoman:hover span { background-position: -300px -40px; }
#menu ul li.popular span { background-position: -414px 0; width: 145px; }
#menu ul li.popular:hover span { background-position: -414px -40px; }
#menu ul li.expression span { background-position: -560px 0; width: 99px; }
#menu ul li.expression:hover span { background-position: -560px -40px; }
#menu ul li.faq span { background-position: -660px 0; width: 113px; }
#menu ul li.faq:hover span { background-position: -660px -40px; }
#menu ul li.company span { background-position: -774px 0; width: 88px; }
#menu ul li.company:hover span { background-position: -774px -40px; }

/*	menu drop2	---------------------------------------------------*/
ul#pulldown-menu a { font-weight: bold; color: #FFFFFF; text-decoration: none; }
ul#pulldown-menu a:link, ul#pulldown-menu a:visited { background-color: #29D8FF; }
ul#pulldown-menu a:hover, ul#pulldown-menu a:active { background-color: #319ECD; color: #FFFFFF; font-weight: bold; }
ul#pulldown-menu li { float: left; position: relative; margin: 0; height: 26px; font-weight: bold; line-height: 2.5em; }
ul#pulldown-menu li a { display: block; height: 26px; text-align: center; }

/* ???w?̃??j???[?s?Ž??ﾉ */
ul#pulldown-menu li ul { display: none; }

/* ?^???v?f :hover ?ʼn??w?̃??j???[?ﾂ???ﾉ */
ul#pulldown-menu li:hover ul { display: block; position: absolute; z-index: 100; top: 38px; }
ul#pulldown-menu li ul li { float: none; margin: 0; font-weight: normal; font-size: 10px; min-width: 112px; }
ul#pulldown-menu li ul li { padding: 0px; }

/*	menu drop2	?????܂ﾅ--------------------------------*/
#content { width: 849px; margin-right: auto; margin-left: auto; display: block; }
#first { width: 239px; height: 206px; background-image: url(../img/header/main.png); background-repeat: no-repeat; background-position: top; padding-bottom: 12px; padding-top: 4px; padding-left: 602px; padding-right: 8px; }

/* side */
#side { position: relative; width: 300px; padding-top: 10px; padding-left: 5px; float: right; padding-bottom: 20px; }
#side #subnavi { padding-bottom: 20px; padding-top: 10px; }
#side #telS { width: 285px; height: 223px; margin-top: 20px; }
#side #telS li { width: 283px; }
#side .fb-like-box { width: 282px; overflow: hidden; border: 1px solid #aaa; }
#telS li.qrcode { text-align: center; margin-top: 20px; }

/*----------- side link box ----------------------- */
#side .linkfree { border: 2px solid #00A2D9; margin-left: 0; padding: 5px; width: 267px; text-align: center; margin-top: 20px; }
#side .link_box textarea { background-color: #CFF1FF; border: 2px inset #DDDDDD; font-size: 10px; height: 35px; line-height: 100%; overflow: auto; padding: 5px; text-align: left; width: 250px; }
#side div.linkfree a, #side div.linkfree p { font-size: 12px; text-decoration: underline; color: #43A0DE; margin-bottom: 3px; }

/*----------- side splite----------*/
#side ul li.dlcontents { ;margin-bottom:10px; }
#side ul li.dlcontents a:hover{ opacity:0.8;}
#side ul li.blog { margin-left: -2px;margin-bottom:10px ; }
#side ul li.blog:hover { opacity: 0.8; }
#side ul li.blog img{ width: 285px; }
#side ul li.success { height: 80px; width: 282px; overflow: hidden; position: relative; }
#side ul li.success span { background: url(../img/splite/side.png) no-repeat scroll 0 0 transparent; }
#side ul li.success:hover span { background-position: -283px 0; }
#side ul#subnavi li { height: 58px; width: 282px; overflow: hidden; position: relative; }
#side ul#subnavi li span { background-image: url(../img/splite/side.png); background-repeat: no-repeat; }
#side ul#subnavi li.label { height: 30px; }
#side ul#subnavi li.label span { background-position: -1830px 0; }
#side ul#subnavi li.essence span { background-position: 0 -202px; }
#side ul#subnavi li.essence:hover span { background-position: -283px -202px; }
#side ul#subnavi li.ziko span { background-position: -566px -303px; }
#side ul#subnavi li.ziko:hover span { background-position: -849px -303px; }
#side ul#subnavi li.jikopr span { background-position: -566px -202px; }
#side ul#subnavi li.jikopr:hover span { background-position: -849px -202px; }
#side ul#subnavi li.gyokai span { background-position: -1132px -101px; }
#side ul#subnavi li.gyokai:hover span { background-position: -1415px -101px; }
#side ul#subnavi li.kigyo span { background-position: -1132px -202px; }
#side ul#subnavi li.kigyo:hover span { background-position: -1415px -202px; }
#side ul#subnavi li.shiboudouki span { background-position: 0 -303px; }
#side ul#subnavi li.shiboudouki:hover span { background-position: -283px -303px; }
#side ul#subnavi li.hikki span { background-position: -1698px -101px; }
#side ul#subnavi li.hikki:hover span { background-position: -1981px -101px; }
#side ul#subnavi li.es span { background-position: 0 -101px; }
#side ul#subnavi li.es:hover span { background-position: -283px -101px; }
#side ul#subnavi li.gd span { background-position: -566px -101px; }
#side ul#subnavi li.gd:hover span { background-position: -849px -101px; }
#side ul#subnavi li.interview { height: 61px; }
#side ul#subnavi li.interview span { background-position: -1698px -202px; }
#side ul#subnavi li.interview:hover span { background-position: -1981px -202px; }
#side ul#telS li span, #side ul#telS p.linkword span, #side ul#telS p.minibanner span { background-image: url(../img/splite/side.png); background-repeat: no-repeat; }
#side ul#telS li.form { height: 114px; width: 283px; overflow: hidden; position: relative; }
#side ul#telS li.form span { background-position: -1416px -303px; }
#side ul#telS li.form:hover span { background-position: -1700px -303px; }
#side ul#telS li.tel { height: 178px; width: 283px; overflow: hidden; position: relative; }
#side ul#telS li.tel span { background-position: -1132px -303px; }
#side ul#telS p.linkword { height: 40px; width: 267px; overflow: hidden; position: relative; }
#side ul#telS p.linkword span { background-position: -849px 0; }
#side ul#telS p.minibanner { height: 40px; width: 135px; overflow: hidden; position: relative; display: inline-block; }
#side ul#telS p.minibanner span { background-position: -1218px 3px; }
#side ul#telS li.sideblog { height: 49px; width: 282px; overflow: hidden; position: relative; margin-top: 20px; }
#side ul#telS li.sideblog span { background-position: -566px 0; }
#side ul#telS li.qrcode { height: 100px; width: 100px; overflow: hidden; position: relative; display: table; margin: 10px auto; }
#side ul#telS li.qrcode span { background-position: -1117px 0; }
#side ul#telS span.mob-txt { text-align: center; display: block; }

/* main */
#main { padding-top: 15px; padding-left: 19px; padding-right: 5px; padding-bottom: 20px; width: 509px; float: left; min-height: 1880px; }
#main #success_caption { min-height: 300px; border-bottom: 1px solid #00A2D9; padding-bottom: 20px; margin-bottom: 10px; }

/* main splite*/
#main .record a { height: 318px; width: 509px; display: block; }
#main .sp-format span.adjust { background-image: url("../img/splite/top.png"); background-repeat: no-repeat; }
#main .record a span { background-position: 0 0; }
#main .usp a { width: 509px; display: block; }
#main #usp_1.usp a { height: 275px; }
#main #usp_2.usp a { height: 359px; }
#main #usp_3.usp a { height: 253px; }
#main #usp_1.usp a span { background-position: -511px -721px; }
#main #usp_1.usp a:hover span { background-position: -511px -997px; }
#main #usp_2.usp a span { background-position: -511px 0; }
#main #usp_2.usp a:hover span { background-position: -511px -360px; }
#main #usp_3.usp a span { background-position: -511px -1267px; }
#main #usp_3.usp a:hover span { background-position: -511px -1521px; }
#main .voice h2 span, #main .voice ul li { width: 509px; background-image: url("../img/splite/top.png"); background-repeat: no-repeat; }
#main .voice h2 { height: 50px; margin-bottom: 0; }
#main .voice h2 span { background-position: 0 -319px; }
#main .voice ul li.voice1 { height: 323px; }
#main .voice ul li.voice1 span { background-position: 0 -369px; }
#main .voice ul li.voice1:hover span { background-position: 0 -693px; }
#main .voice ul li.voice2 { height: 333px; }
#main .voice ul li.voice2 span { background-position: 0 -1016px; }
#main .voice ul li.voice2:hover span { background-position: 0 -1350px; }
#main .voice ul li.voice3 { height: 333px; }
#main .voice ul li.voice3 span { background-position: 0 -1780px; }
#main .voice ul li.voice3:hover span { background-position: -510px -1780px; }
#main .voice ul li.voice4 { height: 342px; margin-bottom: 20px; }
#main .voice ul li.voice4 span { background-position: 0 -2114px; }
#main .voice ul li.voice4:hover span { background-position: -510px -2114px; }

/*----------- top usp----------------------- */
/* success */
#success_voice { border: 1px #ccc solid; background-color: #f9f9f9; padding: 18px 16px; margin-bottom: 20px; }
div.success_voice { border: 1px #ccc solid; background-color: #f9f9f9; padding: 18px 16px; margin-bottom: 20px; line-height: 140%; }
#success_tag { border: 2px solid #00AAD1; margin-top: 30px; padding: 18px 16px; }

/* footer */
.pt { float: left; height: 25px; width: 100%; background-image: url(../img/bg2.png); background-repeat: repeat-y; background-position: center top; }
.pt2 { margin: 3px 20px 5px 0px; }
.pt span { margin-right: auto; margin-left: auto; display: block; width: 812px; height: 25px; padding-left: 19px; padding-right: 18px; }
#footerBg { float: left; width: 100%; background-image: url(../img/footer/bg.png); background-repeat: repeat-x; }
#footer { font-size: 13px; clear: both; padding-top: 20px; border-top-width: 4px; border-top-style: solid; border-top-color: #43a0de; width: 851px; margin-right: auto; margin-left: auto; text-align: center; }
#footer ul { font-size: 1em; }
#footer ul li { display: inline; padding-right: 10px; padding-left: 10px; }
#footer ul.foot_job { width: 800px; }
address { padding-top: 10px; color: #CCC; padding-bottom: 10px; clear: both; font-style: normal; }

/*	2010-06-05 RightfixedMenu */
#fixedItem_1 { position: fixed !important; position: absolute; top: 155px; right: 0px; }
#fixedItem_2 { position: fixed !important; position: absolute; top: 310px; right: 0px; }
#fixedItem_3 { position: fixed !important; position: absolute; top: 465px; right: 0px; }

/*pc-switcher*/
.pc-switcher { text-align: center; display: table; margin: 0 auto; font-size: 13px; }
.pc-switcher a { color: #43A0DE; }
.pc-switcher a, .pc-switcher span { padding: 3px; }
/*wysija*/
form#wysija-subscriptions{}
form#wysija-subscriptions tr.lname{}
form#wysija-subscriptions tr.fname{}
form#wysija-subscriptions tr.your-list{}
#wysija .wpcf7 input { display: block; font-family: inherit; padding: 6px 12px; font-size: 1em; line-height: 1.42857143; color: #555; margin: 0 auto; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
#wysija .wpcf7 input[type="radio"] { display:inline;  width: 16px;height: 16px;vertical-align: middle; }
#wysija .wpcf7 span.wpcf7-list-item{display:block;line-height: 2em;}
#wysija .wpcf7 tr.submit { text-align: center; }
#wysija .wpcf7 tr.submit td { position:relative; }
#wysija .wpcf7 tr.submit td img.ajax-loader{ position:absolute;bottom:16px; }
#wysija .wpcf7 tr.submit input { cursor: pointer; }
#wysija .wpcf7 tr.submit input:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.wpcf7-validation-errors { padding: 5px 10px; background-color: #f2dede; border-radius: 2px; }
.wpcf7-not-valid-tip { padding: 5px 10px; background-color: #f2dede; border-radius: 2px; }
.wpcf7-mail-sent-ok { padding: 5px 10px; background-color: #d9edf7; border-radius: 2px; }

/* 2017-08 */
#main .record span.adjust{background-image: url(../img/splite/naitei.jpg);}
#main .record a { height: 340px;}

/* 2020-08 */
#main .record span.adjust{background-image: url(../img/splite/naitei_20200811.jpg);}

#side ul#telS li span{}
#side ul#telS li.form span { background-image: url(/img/side/side-contact-new.png);background-repeat: no-repeat;background-position: -1px;}
#side ul#telS li.form:hover span {background-position: -1px;}

.hover-banner{}
.hover-banner a img{width:100%;height:auto;}
.hover-banner a img:hover{opacity:.7;}

/* 2017-08 */
ul.media{}
ul.media li{margin: auto auto 15px;padding-bottom: 15px; border-bottom:1px solid #ccc;}
.media-thumb{width: 100%;height: auto;margin:auto auto 15px;}
ul.media li .media-thumb img{width: 100%;height: auto;}
ul.media li .media-info{width:100%;height: auto;}
ul.media li .media-days{font-size: 14px;color: #999;}
ul.media li .media-title{font-size: 18px;font-weight: bold;margin: auto auto 5px;}
ul.media li .media-link{background: url(/img/media/arrow-link.png) left 50% no-repeat;padding-left: 14px;}
ul.media li .media-link a{ }

/*　2020　*/
#main h2#h2longtitle.course2020{
	height: 250px;
}
#main h2#h2longtitle.course2.course2020 span{
	background: url("/img/pic/course3.jpg") no-repeat scroll 0 0 transparent;
}