@charset "shift_jis";



/* Level 2
--------------------------------------------------------- */


/* ----- Lavel 3 ----- */



/* =========================================================
 reset
========================================================= */

/* リセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }


img { vertical-align: bottom; }/* IE対策 */


/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

/* =========================================================
 共通スタイル
========================================================= */

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

.clearfix{
    display: inline-block;
}

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


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img, div, ul, li { 
	behavior: url(iepngfix.htc); 
}

#textbox p {
	margin: 20px 10px 20px 20px;
}


h2 {
	border-bottom: 1px dotted #0066CC;
	border-left: 7px solid #0066CC;
	padding: 5px;
	width: 650px;
}

.red {
	color:#FF0033;
}

.blue {
	color:#000000;
}



/* =========================================================
 ワイヤースタイル
========================================================= */
body  {
	font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../img/body_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
}
#container {
	width: 980px;
	text-align: left;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
} 

#mainContent {
	background: url(../img/base_y.png) repeat-y 150px;
	width: 1000px;
	position: relative;
	z-index: 1;
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
} 


/* ----- 管理画面用----- */
#mainContentkanri {
	width: 100%;
	position: relative;
	min-height: 1000px;
	margin: 100px auto;
} 

.baseimg {
	margin: 0px 0px 0px 150px;
}


/* ----- header ----- */
#header {
	background: url(../img/header-x.jpg) repeat-x;
	height: 110px;
	text-align: left;
}

#headerbox {
	height: 105px;
	width: 1000px;
	margin: 0px auto;
	background: url(../img/logo.jpg) no-repeat;
}
#rightbox {
	float: right;
	width: 350px;
}

#logo  {
	height: 100px;
	width: 320px;
	float: left;
}

#logo a {
	display: block;
	height: 0px;
	width: 220px;
	color: #333333;
	text-decoration: none;
	padding: 70px 0px 0px 100px;
	font-size: 12px;
}

#kanrirogo  {
	height: 100px;
	width: 300px;
	padding: 70px 0px 0px 100px;
}


/* ----- footer ----- */


#footer {
	padding: 0 10px 0 20px;
	background:#999999;
}
 
#footerlink {
	font-size: 14px;
	background: #CCCCCC;
	padding: 20px 10px;
	margin: 20px 0px 0px;
}

#footer p {
	margin: 0px auto;
	padding: 10px 0;
	width: 400px;
}



/* ----- 左メニュー ----- */
#menu1 {
	background: url(../img/menu1.png) no-repeat;
	width: 190px;
	top: 95px;
	position: absolute;
	left: 9px;
	z-index: 15;
}

#menu1 li ,#menu2 li, #menu3 li{
	margin: 10px 0px;
}

#menu1 ul ,#menu2 ul ,#menu3 ul{
	margin: 50px 0px 10px;
}


#menu2 {
	background: url(../img/menu2.png) no-repeat;
	height: 45px;
	width: 190px;
	top: 372px;
	position: absolute;
	left: 10px;
	z-index: 2;
}

#menu3 {
	background: url(../img/menu3.png) no-repeat;
	height: 45px;
	width: 190px;
	top: 581px;
	position: absolute;
	left: 10px;
	z-index: 20;
}
#flashbox {
	margin: 10px 0px;
}

/* =========================================================
 各ページのスタイル
========================================================= */

/* TOPページ
--------------------------------------------------------- */

/* ----- メイン部分----- */

#main {
	background: url(../img/mainbg.png) no-repeat;
	width: 800px;
	z-index: 10;
	position: relative;
	left: 170px;
	top: 30px;
	padding: 0px 0px 30px;
}


#main #intro {
	background: url(../img/main.png) no-repeat;
	height: 410px;
	width: 740px;
	margin: 0px 0px 10px 15px;
}
#introtext p {
	float: left;
	width: 330px;
	text-align: center;
	margin: 10px 10px 10px 25px;
	line-height: 1.5em;
}

#search {
	padding: 190px 0px 0px 20px;
}

/* ----- 理念 ----- */

#main #idea {
	background: url(../img/idea.png) no-repeat;
	height: 295px;
	width: 760px;
	margin: 0px 0px 0px 10px;
	color: #0000FF;
}
#main #idea p {
	width: 430px;
	line-height: 1.5em;
	padding: 35px 20px 20px 290px;
}
#idea  .stcolor {
	color: #0033CC;
}



/* ----- 特徴　----- */
#main #feature {
	background: url(../img/feature.jpg) no-repeat;
	height: 235px;
	width: 740px;
	margin: 0px 0px 20px 30px;
}
#main #feature li {
	margin: 0px 10px 15px 15px;
}

#main #feature ul {
	padding: 70px 0px 0px 35px;
	font-size: 14px;
}

/* ----- レビュー　----- */
#review {
	background: url(../img/review.jpg) no-repeat;
	height: 350px;
	width: 780px;
	padding: 95px 0px 0px 30px;
	margin: 20px 0px 0px;
}
#review h2 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

}

#review .namestyle {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 5px;
	display: block;
}

#review p {
	width: 700px;
	margin: 10px 10px 0px 5px;
	line-height: 1.5em;
	height: 70px;
}


.reviewbox {
	background: url(../img/review_y.png) repeat-y;
}
.reviewstyle {
	background: #FFFFFF;
	width: 700px;
	border: 1px solid #999999;
	margin: 10px auto 0px;
}
.reviewimg {
	margin: 20px 10px 0px 30px;
	width: 720px;
}
.reviewbox .hrstyle {
	width: 680px;
	margin: 5px auto;
	color: #FF99FF;
}

#review2 {
	width: 793px;
}

#review2 h2 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

}
.reviewbox h3 {
	padding: 0px 0px 0px 40px;
}


.reviewstyle .namestyle {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 5px;
	display: block;
}

.reviewstyle p {
	width: 660px;
	margin: 5px 10px 5px 15px;
	line-height: 1.5em;

}



/* 下層ページ
--------------------------------------------------------- */
/* ----- 共通　----- */
#main2 {
	width: 800px;
	z-index: 10;
	position: relative;
	left: 170px;
	top: 30px;
	padding: 30px 0px 30px 40px;
}
#mainimg {
	width: 720px;
	text-align: center;
	padding: 10px 0px;
}
#textbox {
	width: 660px;
	padding: 30px;
	line-height: 2em;
}
#textbox dt {
	margin: 10px 0px 0px;
}

#textbox dd {
	margin: 5px 0px 0px 10px;
}

#textbox ul {
	margin: 5px 0px 0px 20px;
}

/* ----- 会社概要 ----- */
table.abouttable {
	line-height: 1.5em;
	margin: 50px 0px 30px;
	width: 700px;
	border-collapse:collapse;
	border-right:1px solid #E5EFF8;
	border-top:1px solid #E5EFF8;
}

.abouttable th {
	background:#F4F9FE none repeat scroll 0 0;
	color:#0066FF;
	line-height:2em;
	text-align:center;
	border-bottom:1px solid #E5EFF8;
	width: 20%;
}
.abouttable td {
	padding: 10px;
}




/* ----- システム費用 ----- */
.systembox {
	width: 720px;
}

.systembox img{
	float: right;
}
.systembox .sysstyle {
	line-height: 1.5em;
	width: 350px;
	margin: 10px 10px 10px 30px;
	display: block;
	float: left;
}
.systembox2 {
	margin: 30px 20px 20px 30px;
	width: 680px;
	line-height: 2em;
}

.systembox .systitle {
	background: url(../img/system/system1.png) no-repeat;
	height: 30px;
	padding: 5px 0px 0px 40px;
}

.systembox .systitle2 {
	background: url(../img/system/system2.png) no-repeat;
	height: 30px;
	padding: 5px 0px 0px 40px;
}
.textstyle {
	margin: 20px 10px;
}


/* ----- お問い合わせフォーム ----- */
.formbox {
	margin: 10px 10px 10px 20px;
	border-top: 1px solid #E5EFF8;
	width: 700px;
}
.formbuttom input {
	margin: 10px 20px;
	width: 100px;
}

.formbox textarea {
	width: 300px;
	height: 100px;
	overflow: scroll;
}

.formbox td {
	padding: 10px;
	border-right: 1px solid #E5EFF8;
	border-bottom: 1px solid #E5EFF8;
	border-left: 1px solid #E5EFF8;
	background: #FFFFFF;
}

.mail input{
	width: 200px;
}
.mailtext {
	margin: 10px 0px 0px 10px;
}


.formbox th {
	border-bottom: 1px solid #E5EFF8;
	border-left: 1px solid #E5EFF8;
	padding: 10px;
	background: #F4F9FE;
	color: #666666;
}

/* ----- 紹介数をえるコツ ----- */
.hintbox ol {
	margin: 10px;
}

.hintbox {
	width: 650px;
	line-height: 2em;
	padding: 20px 0px 20px 30px;
}
.hintbox p {
	margin: 10px 0px 0px;
}
.hint1, .hint2, .hint3 {

	height: 30px;
	width: 600px;
	padding: 5px 0px 0px 50px;
}

.hint1 {
	background: url(../img/hint/hint1.png) no-repeat;
}

.hint2 {
	background: url(../img/hint/hint2.png) no-repeat;
}

.hint3 {
	background: url(../img/hint/hint3.png) no-repeat;
}


/* ----- 急募案件 ----- */
#urgentbox {
	padding: 10px;
	width: 700px;
}
#urgentbox ul {
	margin: 10px;
	line-height: 1.5em;
}
#urgentbox p {
	padding: 10px;
/*	width: 425px;*/
}

/* ----- 指導回数入力フォーム ----- */
.numberbox{
	width: 50px;
	margin: 0px 5px 0px 0px;
}

.t_stitle{
  width: 100px;
}/* 20110107*/


.tname {
	margin: 0px 5px 0px 0px;
}
.formbox li {
	margin: 10px 0px 0px;
}


#thanksbox {
	margin: 20px 0px 10px 10px;
	width: 600px;
}
.agreebox {
	margin: 0px 0px 0px 20px;
}
#mapbox {
	margin: 10px;
	width: 600px;
}
#mapbox ul {
	margin: 20px 0px;
	line-height: 1.5em;
}
.kyubo {
	background: url(../img/urgent/urgent.png) no-repeat;
	height: 356px;
	width: 250px;
	padding: 50px 0px 0px 70px;
	line-height: 1.5em;
	float: left;
}
.kyubo li {
	margin: 0px 0px 5px 5px;

}
.maptitle1 {
	background: url(../img/sitemap/student.png) no-repeat;
	height: 142px;
	width: 230px;
}

.maptitle2 {
	background: url(../img/sitemap/teacher.png) no-repeat;
	height: 142px;
	width: 230px;
}

.maptitle3 {
	background: url(../img/sitemap/member.png) no-repeat;
	height: 142px;
	width: 230px;
}

#mapbox li {
	padding: 0px 0px 0px 50px;
}
#faqbox {
	padding: 10px 0px 10px 30px;
	line-height: 2em;
}
#faqbox dt {
	margin: 10px 0px;
	background: url(../img/faq/q.jpg) no-repeat;
	height: 40px;
	padding: 10px 0px 0px 40px;
}
#faqbox .faqtitle1 {
	background: url(../img/faq/faq1.jpg) no-repeat;
}
#faqbox li {
	margin: 10px 0px 10px 10px;
	width: 600px;
}
#faqbox dl {
	margin: 30px 0px 0px;
}
#faqbox dd {
	width: 550px;
	margin: 0px 0px 0px 20px;
}
.marginstyle {
	margin: 20px 0px 0px;
}
.systembox2 p {
	margin: 10px 0px;
}