@charset "utf-8";
/*

	各レイアウトに関する設定
 	Outline
		General layout
		div#header
		div#content
		div#menu
		div#main
		div#footer

*/





/*=========================================================

	Layout - 各レイアウトに関する設定

=========================================================*/

/*======================================

	General Layout

=======================================*/

body {
	text-align: center; /* Centering for IE6 */
	color: #524b3f;
	background: url(../images/bg.jpg) repeat-x #f8f8f4;
	font-size: 14px;
}


/*======================================

	div#rap

=======================================*/

div#wrap {
	width: 810px;
	margin: 0 auto;
	background: url(../images/bg_yloop.jpg) repeat-y;
}

div#rap {
	width: 810px;
	margin: 0 auto;
	background: url(../images/main_bg.jpg) no-repeat;
}



/*======================================

	div#header

=======================================*/

div#header {
	width:780px;
	height: 97px;
	margin: 0 auto;
	text-align: left;
	font-size: 9px;
}
div#header div.left {
	float: left;
}
div#header div.right {
	float: right;
}
div.right img {
	border: none;
	margin: 0;
	padding: 0;
}
div#header h1 {
	padding-top: 8px;
}



/*======================================

	div#menu

=======================================*/

div#menu {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
div#menu ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}



/*======================================

	div#headimg

=======================================*/

div#headimg {
	width: 800px;
	margin: 0 auto;
}


/*======================================

	div#topimg

=======================================*/

div#topimg {
	margin-bottom: 10px;
}



/*======================================

	div#contents

=======================================*/

div#contents {
	width: 780px;
	margin: 10px auto;
	text-align: left;
}
div#contents div.left {
	width: 580px;
	float: left;
}
div#contents div.right {
	width: 190px;
	float: right;
}

div#contents div.left div.tophead {
	width: 580px;
	position: relative;
}
div#contents div.left div.tophead h3 {
	position: absolute;
	top: 2px;
	left: 170px;
}

/*-- NEWS --*/
div#contents div.left p.imp {
	width: 556px;
	margin-top: 0;
	padding: 10px;
	background: #f2f0df;
	border: 2px solid #5f9b39;
	color: #d26300;
	font-weight: bold;
}
* html body div#contents div.left p.imp {
	width: 556px;
}
div#contents div.left p.imp a {
	color: #d26300;
}

div#contents div.left div.newsinfo {
	width: 580px;
	border-bottom: 2px solid #5f9b39;
}
div#contents div.left div.newsinfo div.left {
	width: auto;
	margin-bottom: 5px;
}
div#contents div.left div.newsinfo div.right {
	width: auto;
	margin-bottom: 5px;
}

div#contents div.left ul.news li {
	padding: 10px;
	list-style: none;
	border-bottom: 1px dotted #b7b7b3;
}


/*-- TIRED --*/
div#contents div.left div.toptired {
	width: 580px;
	background: #e1eed9;
}

div#contents div.left div.toptired div.left {
	width: auto;
}
div#contents div.left div.toptired div.right {
	width: 190px;
	padding: 10px;
}
* html body div#contents div.left div.toptired div.right {
	width: 210px;
}
div#contents div.left div.toptired div.tired ul {
	list-style: none;
	border-left: 1px solid #ae8f4b;
	border-right: 1px solid #ae8f4b;
	background: #fff;
	margin: 0;
	padding: 0;
}

div#contents div.left div.tired{
	width: 190px;
	}

div#contents div.left div.tired ul li {
	width: 162px;
	background: url(../images/vec.jpg) no-repeat 12px 8px;
	padding: 3px 16px;
	font-size: 80%;
}
*+html body div#contents div.left div.tired ul li {
	background: url(../images/vec.jpg) no-repeat 0px 8px;
	padding: 3px 4px;
}
* html body div#contents div.left div.tired ul li {
	width: 130px;
	background: url(../images/vec.jpg) no-repeat 0px 8px;
	padding: 3px 0 3px 4px;
}


/*-- CHECKER --*/
div#contents div.right div.checker {
	border: 3px solid #b7b7b3;
	background: url(../images/side_info_bg.jpg) no-repeat;
	width: 184px;
	height: 44px;
}

div#contents div.right div.area {
	background: #f5f4e8;
}
div#contents div.right div.area p {
	width: 170px;
	padding: 0px 10px;
	font-size: 70%;
	line-height: 1.1em;
}

/*-------------------------------------
	sub page
---------------------------------------*/

h3.head {
	border-bottom: 3px solid #c3e883;
	font-size: 160%;
	font-weight: bold;
	color: #5f9b39;
	margin: 20px 0 15px;
	padding-bottom: 4px;
}
h3.head span {
	font-size: 120%;
	color: #524b3f;
}

/*-------------------------------------
	course
---------------------------------------*/

table.tbl {
	margin: 10px 0;
}
table.tbl tr {
	background: url(../images/tbl_bg.jpg) repeat-x;
}
table.tbl td {
	font-size: 12px;
	vertical-align: top;
}
table.tbl td p {
	margin: 0;
}
table.tbl td p.comment {
	font-size: 80%;
}
table.tbl td p.coursename {
	margin-top: 10px;
	font-size: 120%;
	font-weight: bold;
}
table.tbl td p.price {
	font-size: 140%;
	font-weight: bold;
	text-align: right;
	color: #5f9b39;
}
table.tbl td.course {
	font-size: 80%;
	padding-left: 10px;
	color: #8a8a71;
}


/*-------------------------------------
	news
---------------------------------------*/

div#contents div.left h4.title {
	margin: 0;
	padding: 0;
	color: #5f9b39;
}
div#contents div.left p.impnews {
	padding: 10px;
	background: #f2f0df;
	border: 2px solid #5f9b39;
}

div#contents div.left p.date {
	margin: 0;
	padding: 0;
	text-align: right;
	color: #5f9b39;
}



/*-------------------------------------
	privacy
---------------------------------------*/


/*-------------------------------------
	qaa
---------------------------------------*/

div#contents div.left h4.q {
	padding: 10px 0 12px 30px;
	height: 10px;
	background: url(../images/q.jpg) no-repeat #b8d6a5 3px;
	color: #2e5e15;
}
* html body div#contents div.left h4.q {
	padding: 12px 0 8px 30px;
	height: 8px;
}


/*-------------------------------------
	recruit
---------------------------------------*/

div#contents div.left h4.work {
	margin: 15px 0;
	padding: 5px;
	border-left: 5px solid #5f9b39;
	color: #2e5e15;
}
div#contents div.left h5 {
	margin:	 30px 0 10px;
	font-weight: bold;
	border-bottom: 2px solid #d7d7ca;
}

table.tbl2 {
	margin: 10px 0;
}
table.tbl2 th {
	font-size: 12px;
	background: #c2f3b1;
	text-align: left;
	border-right: 1px solid #6eb655;
}
table.tbl2 td {
	font-size: 12px;
	background: #f2f4f1;
}
table.tbl2 td p {
	margin: 0;
}



/*-------------------------------------
	howto
---------------------------------------*/

div#contents div.left h4.howto {
	padding: 6px;
	background: url(../images/howto_head_bg.jpg) repeat-y;
}



/*-------------------------------------
	area
---------------------------------------*/

div#contents div.left div.arealeft {
	width: 290px;
	float: left;
}
div#contents div.left div.arearight {
	width: 280px;
	margin-left: 10px;
	float: left;
}


/*-------------------------------------
	dictionary
---------------------------------------*/

div#contents div.left ul.dic li {
	list-style: none;
	border: 1px solid #b7b7b3;
	background: #f6f5ea;
	margin: 1px;
	float: left;
}
div#contents div.left ul.dic li a {
	font-size: 12px;
	width: 169px;
	padding: 10px;
	display: block;
}
div#contents div.left ul.dic li.nl {
	font-size: 12px;
	width: 169px;
	padding: 10px;
	display: block;
}


/*-------------------------------------
	parts
---------------------------------------*/

div#contents div.left ul.par li {
	list-style: none;
	margin: 1px;
	float: left;
	width:260px;
}
div#contents div.left ul.par li.nl {
	font-size: 12px;
	width: 169px;
	padding: 10px;
	display: block;
}
/*-------------------------------------
	sitemap
---------------------------------------*/

div#contents div.left div.sitemapleft {
	list-style: none;
	margin: 1px;
	float: left;
	margin-right: 10px;
	width: 280px;
}
div#contents div.left div.sitemapright {
	list-style: none;
	margin: 1px;
	float: left;
	width: 280px;
}


/*-------------------------------------
	gototop
---------------------------------------*/

p.gototop {
	margin: 30px 0 15px;
	text-align: right;
}
/*======================================

	div#footer

=======================================*/

div#footer {
	width: 780px;
	margin: 0 auto;
	padding: 22px 10px;
	background: url(../images/foot_bg.jpg) repeat-x;
	font-size: 80%;
}
* html body div#footer {
	width: 800px;
}

div#copy {
	color: #b7b5b0;
	font-size: 80%;
}
div#copy a {
	color: #b7b5b0;
}