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


/*---------------------------------------------------------------------

Common Setting

---------------------------------------------------------------------*/

body {
	background: url(../images/common/bg.jpg) no-repeat center top;
}
a {
	color: #369;
	text-decoration: none;
}
a:hover {
	color: #f69;
	text-decoration: underline;
}
	body div#container {
		width: 800px;
		margin: 0 auto;
		font-size: 1.2em;
		color: #435c41;
		background: url(../images/common/container_bg.jpg) no-repeat 0 0;
	}
		body div#container div#wrapper {
			width: 800px;
			margin: 0 auto;
			padding: 10px 0;
		}
			body div#container div#wrapper div#main_contents {
				width: 515px;
				float: left;
			}
			body div#container div#wrapper div#side_navi {
				width: 285px;
				float: left;
			}


/*---------------------------------------------------------------------

Header

---------------------------------------------------------------------*/

		body div#container h1 {
			width: 790px;
			height: 12px;
			margin: 0 auto;
			padding: 4px 5px 8px;
		}
		body div#container div#header {
			width: 800px;
			height: 151px;
			margin: 0 auto;
			background: url(../images/common/header.jpg) no-repeat 0 0;
			position: relative;
		}
			body div#container div#header p,body div#container div#header address {
				display: none;
			}
			body div#container div#header h2 {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 104px;
			}
			body div#container div#header div#logo {
				position: absolute;
				top: 2px;
				left: 7px;
				width: 228px;
				height: 42px;
				text-indent: -9999px;
			}
				body div#container div#header div#logo a {
					display: block;
					width: 228px;
					height: 42px;
					overflow: hidden;
				}



/*---------------------------------------------------------------------

Gloval Navigation

---------------------------------------------------------------------*/

		body div#container ul#gnavi {
			width: 755px;
			height: 45px;
			margin: 0 auto;
			background: url(../images/common/gnavi_bg_02.jpg) no-repeat 0 0;
			padding: 8px 23px 0 22px;
		}
			body div#container ul#gnavi li {
				float: left;
				height: 37px;
				text-indent: -9999px;
			}
				body div#container ul#gnavi li a {
					display: block;
					height: 37px;
					overflow: hidden;
				}
			body div#container ul#gnavi li.top {
				width: 55px;
			}
				body div#container ul#gnavi li.top a:hover {
					width: 55px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -22px -8px;
				}
			body div#container ul#gnavi li.about {
				width: 87px;
			}
				body div#container ul#gnavi li.about a:hover {
					width: 87px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -77px -8px;
				}
			body div#container ul#gnavi li.mecha {
				width: 128px;
			}
				body div#container ul#gnavi li.mecha a:hover {
					width: 128px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -164px -8px;
				}
			body div#container ul#gnavi li.tft {
				width: 67px;
			}
				body div#container ul#gnavi li.tft a:hover {
					width: 67px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -292px -8px;
				}
			body div#container ul#gnavi li.flow {
				width: 92px;
			}
				body div#container ul#gnavi li.flow a:hover {
					width: 92px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -359px -8px;
				}
			body div#container ul#gnavi li.qa {
				width: 44px;
			}
				body div#container ul#gnavi li.qa a:hover {
					width: 44px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -451px -8px;
				}
			body div#container ul#gnavi li.voice {
				width: 80px;
			}
				body div#container ul#gnavi li.voice a:hover {
					width: 80px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -495px -8px;
				}
			body div#container ul#gnavi li.course {
				width: 117px;
			}
				body div#container ul#gnavi li.course a:hover {
					width: 117px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -575px -8px;
				}
			body div#container ul#gnavi li.intro {
				width: 85px;
			}
				body div#container ul#gnavi li.intro a:hover {
					width: 85px;
					background: url(../images/common/gnavi_bg_on_02.jpg) no-repeat -692px -8px;
				}



/*---------------------------------------------------------------------

Main Contents

---------------------------------------------------------------------*/

			body div#container div#wrapper div#main_contents {
				padding-bottom: 10px;
			}
				body div#container div#wrapper div#main_contents div#main_box {
					width: 501px;
					min-height: 445px;
					margin: 0 auto;
					background: url(../images/common/main_box_line.jpg) repeat-y;
				}
						body div#container div#wrapper div#main_contents div#main_box span.btm {
							display: block;
							width: 501px;
							height: 27px;
							background: url(../images/common/main_box_btm.jpg) no-repeat center bottom;
						}
						body div#container div#wrapper div#main_contents div#main_box div#main_box_in {
							width: 501px;
							min-height: 418px;
							background: url(../images/common/main_box_top.jpg) no-repeat 0 0;
						}
						*html body div#container div#wrapper div#main_contents div#main_box div#main_box_in {
							height: 418px;
						}
							body div#container div#wrapper div#main_contents div#main_box div#main_box_in h3 {
								padding: 16px 0 0 27px;
							}
							body div#container div#wrapper div#main_contents div#main_box div#main_box_in h4 {
								font-size: 1.4em;
								font-weight: bold;
								border-bottom: 1px solid #7EB78A;
								border-left: 5px solid #7EB78A;
								width: 405px;
								margin: 2.5em auto 1.4em;
								padding: 5px;
							}
							body div#container div#wrapper div#main_contents div#main_box div#main_box_in p {
								width: 400px;
								margin: 0 auto 2em;
								line-height: 150%;
							}

/*---------------------------------------------------------------------

Side Navigation

---------------------------------------------------------------------*/

			body div#container div#wrapper div#side_navi {
				padding-bottom: 20px;
			}
				body div#container div#wrapper div#side_navi div.bnr {
					width: 268px;
					position: relative;
				}
					body div#container div#wrapper div#side_navi div.bnr h4,body div#container div#wrapper div#side_navi div.bnr address,body div#container div#wrapper div#side_navi div.bnr p {
						display: none;
					}
					body div#container div#wrapper div#side_navi div.bnr a {
						display: block;
					}
				body div#container div#wrapper div#side_navi div.bnr.n01 {
					height: 145px;
					background: url(../images/common/side/bnr_01.jpg) no-repeat 0 0;
				}
				body div#container div#wrapper div#side_navi div.bnr.n02 {
					height: 148px;
					background: url(../images/common/side/bnr_02.jpg) no-repeat 0 0;
				}
					body div#container div#wrapper div#side_navi div.bnr.n02 a {
						width: 183px;
						height: 33px;
						text-indent: -9999px;
						overflow: hidden;
						position: absolute;
						bottom: 19px;
						left: 41px;
					}
				body div#container div#wrapper div#side_navi div.bnr.n03 {
					height: 148px;
					background: url(../images/common/side/bnr_03.jpg) no-repeat 0 0;
				}
					body div#container div#wrapper div#side_navi div.bnr.n03 a {
						width: 190px;
						height: 23px;
						text-indent: -9999px;
						overflow: hidden;
						position: absolute;
						bottom: 14px;
						left: 43px;
					}
				body div#container div#wrapper div#side_navi div.bnr.n04 {
					height: 111px;
					background: url(../images/common/side/bnr_04.jpg) no-repeat 0 0;
				}
					body div#container div#wrapper div#side_navi div.bnr.n04 a {
						width: 243px;
						height: 86px;
						text-indent: -9999px;
						overflow: hidden;
						position: absolute;
						top: 15px;
						left: 12px;
					}



/*---------------------------------------------------------------------

Footer

---------------------------------------------------------------------*/

		body div#container div#footer {
			width: 800px;
			height: 109px;
			background: url(../images/common/footer.jpg) no-repeat 0 0;
			position: relative;
		}
			body div#container div#footer address.tel {
				display: none;
			}
			body div#container div#footer address#copyright {
				position: absolute;
				bottom: 4px;
				left: 0px;
				display: block;
				width: 530px;
				text-align: center;
				color: #fff;
			}
				body div#container div#footer address#copyright a {
					color: #fff;
				}
				body div#container div#footer address#copyright a:hover {
					color: #f69;
				}