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

/* -----------------------------------------------------------
 リセット
----------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/* -----------------------------------------------------------------------------
-- 基本設定
----------------------------------------------------------------------------- */
body{ font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; font-size:14px; color:#333333;line-height:1.8em;}

a {	color:#d71818;	text-decoration:none;}
a:hover { text-decoration: underline;}
a:hover img { opacity:0.8;}

#wrapper { width:100%;}


/* -----------------------------------------------------------------------------
-- キービジュアル
----------------------------------------------------------------------------- */
#keyvisual { width:100%; background:url(img/key_bg.jpg) repeat-x #999; height:420px;}
#keyvisual .inner { margin: 0 auto; width: 960px;}
#keyvisual .inner .mainImg { padding:10px 0;}

/* -----------------------------------------------------------------------------
-- コンテンツ
----------------------------------------------------------------------------- */
#container { width: 100%; background:url(img/cont_bg.jpg) repeat #CCC;}
#container .contInner { margin: 0 auto; width: 960px;}

#content { width: 960px; padding:25px 0 40px 0;}
#content h2.img { text-align:center;}
#content h3.img { text-align:center;}
#content .arr { text-align:center;}
#content .line { background: url(img/line.png) no-repeat; height:11px; margin:40px 0;}

.consul {}

.learnBox { background:url(img/manabu_bg.jpg) no-repeat top left #333; height:780px;}
.learnBox h2 { padding:48px 0 0 50px;}
.learnBox .det { padding:48px 0 0 50px;}
.learnBox .btnSemm { padding:35px 0 0 187px;}
.learnBox .tel { padding:30px 0 0 50px;}
.learnBox .txt { padding:35px 0 0 110px;}
.learnBox .btnArea { width:780px; padding:30px 0 0 100px;}
.learnBox .btnL { float:left; margin-right:45px;}
.learnBox .btnr { float:left;}

.troubleBox { width:960px;}
.troubleBox .det {}

.hopeBox { width:960px;}
.hopeBox .det {}

.semmBox { width:960px;}
.semmBox h3.tit {}
.semmBox .inner { background:url(img/seminar_innr.jpg) repeat-y;}
.semmBox .inner .det { width:910px; padding:30px 0 0 50px}
.semmBox .inner .detL { float:left; width:260px; margin-right:28px;}
.semmBox .inner .detR { float:left; width:570px;}
.semmBox .inner .detL02 { float:left; width:570px; margin-right:28px;}
.semmBox .inner .detR02 { float:left; width:260px;}
.semmBox .inner .prof { padding:15px 20px; background:#EEEEEE; line-height:1.5em; font-size:12px;}
.semmBox .bt { background:url(img/seminar_bt.jpg) no-repeat; height:50px;}

.menuBox { width:960px; background:url(img/semdet_tit.jpg) no-repeat top left #2D2D2D; padding-bottom:20px; }
.menuBox h3.tit { text-indent:-9999px; height:0;}
.menuBox .inner01 { margin:177px 0 0 20px; background:url(img/semdet_bg.jpg) no-repeat; padding-bottom:35px; }
.menuBox .inner01 .tit { padding:10px 0 0 10px;}
.menuBox .inner01 .txt { padding:35px 35px 0;}
.menuBox .inner { margin:25px 0 0 20px; background:url(img/semdet_bg.jpg) no-repeat; padding-bottom:35px; }
.menuBox .inner .tit { padding:10px 0 0 10px;}
.menuBox .inner .txt { padding:35px 35px 0;}

.promBox { width:960px; background:#2D2D2D; padding-bottom:40px;}
.promBox h3.tit { padding:33px 0 0 43px;}
.promBox .det { padding:35px 0 0 48px;}

.voiceBox { width:960px;}
.voiceBox .inner { width:960px;}
.voiceBox .innerL { float:left; margin-right:20px; background:#EEEEEE; height:220px;}
.voiceBox .innerR { float: right; background:#EEEEEE; height:220px;}
.voiceBox .txt {width:410px; margin:15px auto 20px;}

.infoBox { background:url(img/info_bg.jpg) no-repeat top left #333; height:930px;}
.infoBox h2 { padding:30px 0 0 48px;}
.infoBox .det { padding:15px 0 0 48px;}
.infoBox .infoInner { padding:20px 0 0 48px;}
.infoBox .infoInner .top { margin:0;}
.infoBox .infoInner .det { background:url(img/info_inner.jpg) repeat-y top left; padding:0 40px 15px; width:780px;}
.infoBox .infoInner .detL { float:left; margin-right:20px; width:345px;}
.infoBox .infoInner .detR { background:url(img/info_inner.jpg) repeat-y top left;}
.infoBox .infoInner .bt { background:url(img/info_bt.jpg) no-repeat; height:15px;}
.infoBox .txt { padding:35px 0 0 110px;}
.infoBox .btnArea { width:780px; padding:30px 0 0 100px;}
.infoBox .btnL { float:left; margin-right:45px;}
.infoBox .btnr { float:left;}

.fm { width:960px;}
.fm p.tit { text-align: left;}
.fm p.txt { text-align: left;}
.fm p.tel { text-align: center;}


.scrolltop {
    background: url(img/icon_top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10px;
    height: 60px;
    position: fixed;
    right: 10px;
    text-align: left;
    text-indent: -9999px;
    width: 60px;
}



#footer { width:100%; background:url(img/key_bg.jpg) repeat #CCC; padding:20px 0;}
#footer .innner { width:960px; margin:0 auto; line-height:1.2em;}
#footer .innner .cp { float:left; width:800px; font-size:12px; color:#151B51; padding:8px 0 0;}
#footer .innner .logo { float: right; width:160px; }



/* -----------------------------------------------------------
 clear
----------------------------------------------------------- */
.clea_b{
	clear:both;
	}
	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-table; }

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


/* -----------------------------------------------------------
 margin
----------------------------------------------------------- */

.mgn-00 { margin: 0 !important; }
.mgn-05 { margin: 5px !important; }
.mgn-10 { margin: 10px !important; }
.mgn-15 { margin: 15px !important; }
.mgn-20 { margin: 20px !important; }
.mgn-25 { margin: 25px !important; }
.mgn-30 { margin: 30px !important; }
.mgn-40 { margin: 40px !important; }
.mgn-50 { margin: 50px !important; }

.mgn-v05 { margin: 5px 0 !important; }
.mgn-v10 { margin: 10px 0 !important; }
.mgn-v15 { margin: 15px 0 !important; }
.mgn-v20 { margin: 20px 0 !important; }
.mgn-v25 { margin: 25px 0 !important; }
.mgn-v30 { margin: 30px 0 !important; }
.mgn-v40 { margin: 40px 0 !important; }
.mgn-v50 { margin: 50px 0 !important; }

.mgn-h05 { margin: 0 5px !important; }
.mgn-h10 { margin: 0 10px !important; }
.mgn-h15 { margin: 0 15px !important; }
.mgn-h20 { margin: 0 20px !important; }
.mgn-h25 { margin: 0 25px !important; }
.mgn-h30 { margin: 0 30px !important; }
.mgn-h40 { margin: 0 40px !important; }
.mgn-h50 { margin: 0 50px !important; }

.mgn-t00 { margin-top: 0 !important; }
.mgn-t05 { margin-top: 5px !important; }
.mgn-t10 { margin-top: 10px !important; }
.mgn-t15 { margin-top: 15px !important; }
.mgn-t20 { margin-top: 20px !important; }
.mgn-t25 { margin-top: 25px !important; }
.mgn-t30 { margin-top: 30px !important; }
.mgn-t40 { margin-top: 40px !important; }
.mgn-t50 { margin-top: 50px !important; }
.mgn-t60 { margin-top: 60px !important; }
.mgn-t80 { margin-top: 80px !important; }
.mgn-t100 { margin-top: 100px !important; }

.mgn-r00 { margin-right: 0 !important; }
.mgn-r05 { margin-right: 5px !important; }
.mgn-r10 { margin-right: 10px !important; }
.mgn-r15 { margin-right: 15px !important; }
.mgn-r20 { margin-right: 20px !important; }
.mgn-r25 { margin-right: 25px !important; }
.mgn-r30 { margin-right: 30px !important; }
.mgn-r35 { margin-right: 35px !important; }
.mgn-r40 { margin-right: 40px !important; }
.mgn-r50 { margin-right: 50px !important; }

.mgn-b00 { margin-bottom: 0 !important; }
.mgn-b05 { margin-bottom: 5px !important; }
.mgn-b10 { margin-bottom: 10px !important; }
.mgn-b15 { margin-bottom: 15px !important; }
.mgn-b20 { margin-bottom: 20px !important; }
.mgn-b25 { margin-bottom: 25px !important; }
.mgn-b30 { margin-bottom: 30px !important; }
.mgn-b35 { margin-bottom: 35px !important; }
.mgn-b40 { margin-bottom: 40px !important; }
.mgn-b50 { margin-bottom: 50px !important; }
.mgn-b60 { margin-bottom: 60px !important; }
.mgn-b80 { margin-bottom: 80px !important; }
.mgn-b100 { margin-bottom: 100px !important; }

.mgn-l00 { margin-left: 0 !important; }
.mgn-l05 { margin-left: 5px !important; }
.mgn-l10 { margin-left: 10px !important; }
.mgn-l15 { margin-left: 15px !important; }
.mgn-l20 { margin-left: 20px !important; }
.mgn-l25 { margin-left: 25px !important; }
.mgn-l30 { margin-left: 30px !important; }
.mgn-l40 { margin-left: 40px !important; }
.mgn-l50 { margin-left: 50px !important; }

/* -----------------------------------------------------------
 padding
----------------------------------------------------------- */

.pad-00 { padding: 0 !important; }
.pad-05 { padding: 5px !important; }
.pad-10 { padding: 10px !important; }
.pad-15 { padding: 15px !important; }
.pad-20 { padding: 20px !important; }
.pad-25 { padding: 25px !important; }
.pad-30 { padding: 30px !important; }
.pad-40 { padding: 40px !important; }
.pad-50 { padding: 50px !important; }

.pad-v05 { padding: 5px 0 !important; }
.pad-v10 { padding: 10px 0 !important; }
.pad-v15 { padding: 15px 0 !important; }
.pad-v20 { padding: 20px 0 !important; }
.pad-v25 { padding: 25px 0 !important; }
.pad-v30 { padding: 30px 0 !important; }
.pad-v40 { padding: 40px 0 !important; }
.pad-v50 { padding: 50px 0 !important; }

.pad-h05 { padding: 0 5px !important; }
.pad-h10 { padding: 0 10px !important; }
.pad-h15 { padding: 0 15px !important; }
.pad-h20 { padding: 0 20px !important; }
.pad-h25 { padding: 0 25px !important; }
.pad-h30 { padding: 0 30px !important; }
.pad-h40 { padding: 0 40px !important; }
.pad-h50 { padding: 0 50px !important; }

.pad-t00 { padding-top: 0 !important; }
.pad-t05 { padding-top: 5px !important; }
.pad-t10 { padding-top: 10px !important; }
.pad-t15 { padding-top: 15px !important; }
.pad-t20 { padding-top: 20px !important; }
.pad-t25 { padding-top: 25px !important; }
.pad-t30 { padding-top: 30px !important; }
.pad-t40 { padding-top: 40px !important; }
.pad-t50 { padding-top: 50px !important; }

.pad-r00 { padding-right: 0 !important; }
.pad-r05 { padding-right: 5px !important; }
.pad-r10 { padding-right: 10px !important; }
.pad-r15 { padding-right: 15px !important; }
.pad-r20 { padding-right: 20px !important; }
.pad-r25 { padding-right: 25px !important; }
.pad-r30 { padding-right: 30px !important; }
.pad-r40 { padding-right: 40px !important; }
.pad-r50 { padding-right: 50px !important; }

.pad-b00 { padding-bottom: 0 !important; }
.pad-b05 { padding-bottom: 5px !important; }
.pad-b10 { padding-bottom: 10px !important; }
.pad-b15 { padding-bottom: 15px !important; }
.pad-b20 { padding-bottom: 20px !important; }
.pad-b25 { padding-bottom: 25px !important; }
.pad-b30 { padding-bottom: 30px !important; }
.pad-b40 { padding-bottom: 40px !important; }
.pad-b50 { padding-bottom: 50px !important; }

.pad-l00 { padding-left: 0 !important; }
.pad-l05 { padding-left: 5px !important; }
.pad-l10 { padding-left: 10px !important; }
.pad-l15 { padding-left: 15px !important; }
.pad-l20 { padding-left: 20px !important; }
.pad-l25 { padding-left: 25px !important; }
.pad-l30 { padding-left: 30px !important; }
.pad-l40 { padding-left: 40px !important; }
.pad-l50 { padding-left: 50px !important; }


/* contactform */
section.contactform {
	width: 100%;
	padding-bottom: 100px;
}
section.contactform form {
	text-align: left;
	width: 100%;
	margin-top: 14px;
	border-radius: 10px;  /* CSS3草案 */
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	;
	color: #000;
	margin-right: auto;
	margin-left: auto;
}
section.contactform form td {}

section.contactform form table {
	width: 100%;
	margin: 0 auto;
}
form button.jqTransformButton span span {
	display: none;
}
form button.jqTransformButton span {
	display: none;
}
section.contactform form tr {
	display: block;
	padding: 20px 20px;
	border-bottom: dotted  1px #8A95B8;
	border-bottom: dotted  1px #8A95B8\9;
}
section.contactform form tr > td:first-child {
	width: 250px;
}
td.address span {
	color: #797979;
}


td span.postcode {
	float: left;
	margin-right: 10px;
	color: #000;
}

textarea {
	width: 600px;
	height: 5em;
}

input.input_text { 
	height: 1.7em;
}

.textarea{
	vertical-align: top;
}

p.confirmation{
	margin-top: 40px;

}

#confirmation_button {
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	display: block;
	width: 284px;
	height: 60px;
	border: none;
	text-indent: -9999px;
	background: url(img/btn_form.jpg) no-repeat 0 0;
}

#confirmation_button:hover {
	background: url(img/btn_form_ov.jpg) no-repeat 0 0;
}



/* 送信確認ページ */
#confirm {
	background-image: url(img/cont_bg.jpg);
	background-position: top center;
	background-repeat: repeat;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 100px;
	background-image: url(img/cont_bg.jpg)\9;
}
#confirm article section {
	text-align: left;
	width: 760px;
	background-color: #fff;
	padding: 30px;
	margin-top: 14px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	-o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	background-image: url(images/form_white.png)\9;
}
/* 送信完了ページ */
#fin {
	background-image: url(img/cont_bg.jpg);
	background-position: top center;
	background-repeat: repeat;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 100px;
	background-image: url(img/cont_bg.jpg)\9;
}
#fin article {
	text-align: left;
	width: 760px;
	background-color: #fff;
	padding: 30px;
	margin-top: 14px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	-o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.73);
	background-image: url(images/form_white.png)\9;
}
#fin article a {
    color: #D81DD0;
}