@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-03-31
------------------------------------------------------------ */


/* About Style
------------------------------------------------------------ */

.aboutList {
	width: 620px;
	height: 340px;
	background: url(/j/syokuiku/minna_navi/about/img/about_list_bg.jpg) no-repeat left top;
}

.aboutList div { padding: 70px 275px 15px 15px; }

.aboutList div li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 15px;
}

.aboutList li img { vertical-align: bottom; }


/* Group Style
------------------------------------------------------------ */

.aboutGpTitle1,
.aboutGpTitle2,
.aboutGpTitle3,
.aboutGpTitle4,
.aboutGpTitle5,
.aboutGpTitle6 {
	font-size: 120%;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 18px;
}

.aboutGpTitle1 { background: url(/j/syokuiku/minna_navi/about/img/group_bar_01.gif) no-repeat left 2px; }
.aboutGpTitle2 { background: url(/j/syokuiku/minna_navi/about/img/group_bar_02.gif) no-repeat left 2px; }
.aboutGpTitle3 { background: url(/j/syokuiku/minna_navi/about/img/group_bar_03.gif) no-repeat left 2px; }
.aboutGpTitle4 { background: url(/j/syokuiku/minna_navi/about/img/group_bar_04.gif) no-repeat left 2px; }
.aboutGpTitle5 { background: url(/j/syokuiku/minna_navi/about/img/group_bar_05.gif) no-repeat left 2px; }
.aboutGpTitle6 { background: url(/j/syokuiku/minna_navi/about/img/group_bar_06.gif) no-repeat left 2px; }

.aboutGpFrame {
	background: url(/j/syokuiku/minna_navi/about/img/group_img_06.gif) no-repeat left top;
	padding: 31px 28px 29px 130px;
	margin-bottom: 40px;
}

.aboutGpColor01 { color: #a2910a; }
.aboutGpColor02 { color: #277d16; }
.aboutGpColor03 { color: #c85c62; }
.aboutGpColor04 { color: #7459a3; }
.aboutGpColor05 { color: #518ba7; }

/* Count Style
------------------------------------------------------------ */

.aboutCtFrame {
	border: solid 3px #cccccc;
	background: url(/j/syokuiku/minna_navi/about/img/count_bg.gif) no-repeat 1px 1px #ffffff;
	padding: 10px;
}

.aboutCtFrame .qText {
	background: url(/j/syokuiku/minna_navi/about/img/count_q.gif) no-repeat left top;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	padding: 6px 0 16px 60px;
}

.aboutCtFrame .aText {
	background: url(/j/syokuiku/minna_navi/about/img/count_a.gif) no-repeat left top;
	padding: 6px 0 0 60px;
}


/* Chart Style
------------------------------ */

.chartTitle1,
.chartTitle2,
.chartTitle3,
.chartTitle4,
.chartTitle5 {
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 10px;
}

.chartTitle1 { border-left: solid 5px #dea62b; }
.chartTitle2 { border-left: solid 5px #7fa778; }
.chartTitle3 { border-left: solid 5px #e9827f; }
.chartTitle4 { border-left: solid 5px #a17e9f; }
.chartTitle5 { border-left: solid 5px #529db8; }

.chartTable { background-color: #333333; }

.chartTable td { background-color: #ffffff; padding: 6px 5px 4px 5px; }
.chartTable td.item0 { font-weight: bold; color: #333333; background-color: #ffffff; }
.chartTable td.item1 { font-weight: bold; color: #ffffff; background-color: #dea62b; }
.chartTable td.item2 { font-weight: bold; color: #ffffff; background-color: #7fa778; }
.chartTable td.item3 { font-weight: bold; color: #ffffff; background-color: #e9827f; }
.chartTable td.item4 { font-weight: bold; color: #ffffff; background-color: #a17e9f; }
.chartTable td.item5 { font-weight: bold; color: #ffffff; background-color: #529db8; }
.chartTable td.item6 { font-weight: bold; color: #ffffff; background-color: #0072bc; }

.chartTable td.bg1 { background-color: #f6dcab; }
.chartTable td.bg2 { background-color: #d0e1c8; }
.chartTable td.bg3 { background-color: #f9d0cb; }
.chartTable td.bg4 { background-color: #decbdc; }
.chartTable td.bg5 { background-color: #cde6f5; }
.chartTable td.bg6 { background-color: #e0e9f6; }

.chartTable td.color1 { font-weight: bold; color: #c9921b; }
.chartTable td.color2 { font-weight: bold; color: #609956; }
.chartTable td.color3 { font-weight: bold; color: #e26461; }
.chartTable td.color4 { font-weight: bold; color: #9a6197; }
.chartTable td.color5 { font-weight: bold; color: #348bab; }
.chartTable td.color6 { font-weight: bold; color: #0072bc; }

.chartTableLeft {
	clear:both;
	float: left;
}

.chartTableRight {
	float: left;
	margin-left: 20px;
}