@charset "shift_jis";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 ページ上部（サブナビ・タイトル）
--------------------------------------------------------------------------------------- */

div#page-catch {
	width: 738px;
	margin-bottom: 30px;
}

div#page-catch:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#page-catch { display:inline-block; }
/*\*/
* html div#page-catch { height:1%; }
div#page-catch { display:block; }
/**/

div#page-catch-left {
	float: left;
	width: 176px;
}

div#page-catch-right {
	float: right;
	width: 543px;
}


/* サブナビ -------------------- */

dl#menu-about {
	width: 176px;
}

dl#menu-about dt {
	padding: 5px 0 5px 12px;
	background: #00AA24 url(../img/left_menu_tp.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}

* html dl#menu-about dt {
	padding: 8px 0px 7px 12px;
}

dl#menu-about dt a:link,
dl#menu-about dt a:visited,
dl#menu-about dt a:hover,
dl#menu-about dt a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

dl#menu-about dt img {
	margin: 0px 0px -1px 1px;
}

dl#menu-about dt.green {
	padding: 5px 0 5px 12px;
	background: #00AA24 url(../img/left_menu_tp.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}

dl#menu-about dd ul {
	background: url(../../aboutgaba/img/bg_snavi.jpg) no-repeat left top;
}

dl#menu-about dd ul li {
	margin: 0 9px;
	padding: 8px 2px 9px;
	background: url(../img/left_menu_partition.gif) no-repeat left bottom;
	font-weight: bold;
	line-height: 1.2em;
}

dl#menu-about dd ul li a {
	color: #00AB25;
}

dl#menu-about dd ul li a:hover {
	border-bottom: 1px solid #FF8A00;
}

dl#menu-about dd ul li span {
	display: block;
	font-size: 86%;
}

dl#menu-about dd ul li.end {
	background: none;
}


/* ページタイトル -------------------- */

/* トップ */

div#title-index {
	min-height: 260px;
	background: url(../../aboutgaba/img/pageimage_index.jpg) no-repeat;
}

* html div#title-index {
	height: 260px;
}


div#title-index h1 {
	margin-bottom: 5px;
	font-size: 242%;
	font-weight: bold;
	line-height: 1em;
}

div#title-index h1 span {
	display: block;
	margin-bottom: 3px;
	font-size: 41%;
	font-weight: normal;
	line-height: 1em;
}

div#title-index p {
	margin: 0 2px;
	color: #00AB25;
	line-height: 1.3em;
}

/* 下層 */

div#title-other {
	min-height: 320px;
}

* html div#title-other {
	height: 320px;
}

div#title-other h1 {
	margin-bottom: 4px;
	font-size: 242%;
	font-weight: bold;
	line-height: 1.1em;
}

div#title-other h1 span {
	display: block;
	float: left;
	width: 3.5em;
	padding-top: 10px;
	font-size: 41%;
	font-weight: normal;
	line-height: 1em;
}

div#title-other p {
	margin: 0 2px;
	color: #00AB25;
	line-height: 1.3em;
}

div#title-other02 {
	min-height: 260px;
}

* html div#title-other02 {
	height: 260px;
}

div#title-other02 h1 {
	margin-bottom: 4px;
	font-size: 242%;
	font-weight: bold;
	line-height: 1.1em;
}

div#title-other02 h1 span {
	display: block;
	float: left;
	width: 3.5em;
	padding-top: 10px;
	font-size: 41%;
	font-weight: normal;
	line-height: 1em;
}

div#title-other02 p {
	margin: 0 2px;
	color: #00AB25;
	line-height: 1.3em;
}


div.mantoman {
	background: url(../../aboutgaba/img/pageimage_mantoman.jpg) no-repeat;
}
div.lessonplan {
	background: url(../../aboutgaba/img/pageimage_lessonplan.jpg) no-repeat;
}
div.instructor {
	background: url(../../aboutgaba/img/pageimage_instructor.jpg) no-repeat;
}
div.textbook {
	background: url(../../aboutgaba/img/pageimage_textbook.jpg) no-repeat;
}
div.easy {
	background: url(../../aboutgaba/img/pageimage_easy.jpg) no-repeat;
}


/* ページ内容紹介 -------------------- */

div.page-info-in p.mantoman {
	padding: 4px 12px 3px;
	background: url(../../aboutgaba/img/pageinfo_tp_mantoman.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}
div.page-info-in p.lessonplan {
	padding: 4px 12px 3px;
	background: url(../../aboutgaba/img/pageinfo_tp_lessonplan.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}
div.page-info-in p.instructor {
	padding: 4px 12px 3px;
	background: url(../../aboutgaba/img/pageinfo_tp_instructor.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}
div.page-info-in p.textbook {
	padding: 4px 12px 3px;
	background: url(../../aboutgaba/img/pageinfo_tp_textbook.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}
div.page-info-in p.easy {
	padding: 4px 12px 3px;
	background: url(../../aboutgaba/img/pageinfo_tp_easy.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}

/* ページ内容紹介 -------------------- */

div.page-info-in p.index {
	padding: 4px 12px;
	background: url(../../aboutgaba/img/pageinfo_tp_index.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 なるほどGaba 上達の理由
--------------------------------------------------------------------------------------- */



/* ボックス1 -------------------- */

div.ct-box01 {
	width: 739px;
	background: url(../../aboutgaba/img/bg_ctbox01_repeat.gif) repeat-y;
}

div.ct-box01-bt {
	width: 739px;
	padding-bottom: 11px;
	background: url(../../aboutgaba/img/bg_ctbox01_bt.gif) no-repeat left bottom;
}

div.ct-box01-in {
	position: relative;
	width: 739px;
	padding-top: 11px;
	min-height: 187px;
	background: url(../../aboutgaba/img/bg_ctbox01_tp.gif) no-repeat;
}

* html div.ct-box01-in {
	height: 199px;
}


/* テキストエリア -------------------- */

div.ct-box01 h2 {
	margin: 0px 10px 15px 271px;
	color: #00AB25;
	font-size: 191%;
}

div.ct-box01 h2 span {
	display: block;
	margin-bottom: 5px;
	color: #1F140F;
	font-size: 52%;
}

div.ct-box01 p.image {
	position: absolute;
	top: 11px;
	left: 11px;
	margin: 0;
}

div.ct-box01 p {
	margin: 0 10px 0px 271px;
	color: #5C5B5F;
}

div.ct-box01 p.txt {
	min-height: 110px;
}

* html div.ct-box01 p.txt {
	height: 110px;
}

div.ct-box01 p.detail {
	padding-left: 14px;
	background: url(../img/icon_arrow_green.gif) no-repeat 0 .3em;
}


/* ボックス2 -------------------- */

div.ct-box02 {
	width: 739px;
	margin-top: 20px;
	background: url(../../aboutgaba/img/bg_ctbox02_repeat.gif) repeat-y;
}

div.ct-box02-in {
	width: 739px;
	background: url(../../aboutgaba/img/bg_ctbox02_bt.gif) no-repeat left bottom;
}

div.ct-box02-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box02-in { display:inline-block; }
/*\*/
* html div.ct-box02-in { height:1%; }
div.ct-box02-in { display:block; }
/**/

div.ct-box02-left {
	float: left;
	width: 365px;
	margin-right: 9px;
	padding-bottom: 7px;
	background: url(../../aboutgaba/img/bg_ctbox02_tp.gif) no-repeat left top;
}

div.ct-box02-right {
	float: left;
	width: 365px;
	padding-bottom: 7px;
	background: url(../../aboutgaba/img/bg_ctbox02_tp.gif) no-repeat left top;
}


/* テキストエリア -------------------- */

div.ct-box02 h2 {
	padding: 5px 11px;
	color: #00AB25;
	font-size: 191%;
}

div.ct-box02 h2 span {
	display: block;
	margin-bottom: 5px;
	color: #1F140F;
	font-size: 52%;
}

div.cont {
	position: relative;
	width: 348px;
	margin-left: 11px;
}

div.cont p.image {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 0;
}

div.cont p {
	margin: 0 0 4px 150px;
	color: #5C5B5F;
}

div.cont p.txt {
	min-height: 85px;
}

* html div.cont p.txt {
	height: 85px;
}

div.cont p.detail {
	padding-left: 14px;
	background: url(../img/icon_arrow_green.gif) no-repeat 0 .3em;
}



/* --------------------------------------------------------------------------------------
 上達の理由 下層
--------------------------------------------------------------------------------------- */

div.ct-box {
	width: 738px;
	margin-bottom: 30px;
}

div.ct-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box { display:inline-block; }
/*\*/
* html div.ct-box { height:1%; }
div.ct-box { display:block; }
/**/


/* カラムタイプ -------------------- */

div.ct-box-left {
	float: left;
	width: 460px;
}

div.ct-box-left02 {
	float: left;
	width: 305px;
}

div.ct-box-left03 {
	float: left;
	width: 400px;
}

div.ct-box p.ct-box-right {
	float: right;
	width: 260px;
}

div.ct-box p.ct-box-right02 {
	float: right;
	width: 414px;
}

div.ct-box p.ct-box-right03 {
	float: right;
	width: 320px;
}


/* テキストエリア -------------------- */

div.ct-box h2 {
	margin-bottom: 5px;
	color: #00AB25;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2em;
}

div.ct-box p {
	color: #5C5B5F;
}

div.ct-box p em {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

div.ct-box p span.attention {
	color: #E0040B;
	font-size: 86%;
}

div.ct-box p span.comment {
	display: block;
	margin-top: 4px;
}


/* 続けやすいシステム固有 -------------------- */

div.ct-box p.txt01 {
	float: left;
	width: 188px;
	margin-right: 15px;
}

div.ct-box p.txt02 {
	float: left;
	width: 260px;
	margin-right: 15px;
}

div.ct-box p.txt03 {
	float: left;
	width: 260px;
}

div.ct-box p.txt01 img,
div.ct-box p.txt02 img,
div.ct-box p.txt03 img {
	margin-bottom: 4px;
}