@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-05-20
------------------------------------------------------------ */


/* Topics Style
------------------------------------------------------------ */

h2.topics {
	width: 620px;
	height: 33px;
	border: 0;
	margin-bottom: 18px;
}

.topicsTextLink ul { clear: both; }

.topicsTextLink li {
	display: inline;
	background: none;
	padding-left: 0;
	margin-left: 0;
}

.topicsTextLink a {
	background: url(/j/syokuiku/minna_navi/topics/img/topics_text_link.gif) no-repeat left center;
	padding-left: 17px;
	zoom: 1;
}


/* Topics Index Style
------------------------------------------------------------ */

.topicsIndexNavi {
	clear: both;
	width: 620px;
}

.topicsIndexNavi dl { float: left; width: 300px; }
.topicsIndexNavi dt { float: left; width: 90px; }
.topicsIndexNavi dd { float: left; width: 210px; }
.topicsIndexNavi dd p { margin: 10px 0 0 15px; }


/* Topics1 Style
------------------------------ */

.topicsTable {
	line-height: 13px;
	background-color: #333333;
	margin-bottom: 20px;
	table-layout: fixed;
}

.topicsTable td { background-color: #ffffff; padding: 6px 5px 4px 5px; }
.topicsTable td.item { font-weight: bold; color: #ffffff; background-color: #666666; vertical-align: middle; }
.topicsTable td
}


/* Topics2 Style
------------------------------ */

.topics2Text370 { float: left; width: 370px; }
.topics2Img230 { float: right; width: 230px; }

.topics2Text300 { float: left; width: 300px; }
.topics2Img300 { float: right; width: 300px; }

.topics2Frame5 {
	width: 620px;
	background: url(/j/syokuiku/minna_navi/topics/img/topics2_img5_bg.gif) no-repeat left top;
	padding: 28px 0 27px 0;
	margin-bottom: 50px;
}

.topics2Frame5 table { margin-left: 64px; }
.topics2Frame5 table td { vertical-align: top; }
.topics2Frame5 table .txt1 { padding-top: 47px; }
.topics2Frame5 table .txt2 { padding-top: 52px; }
.topics2Frame5 table .txt3 { padding-top: 44px; }


/* Topics3 Style
------------------------------ */

.topics3Tble1 {
	width: 620px;
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
	table-layout: fixed;
}

.topics3Tble1 th {
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	background-color: #999999;
	color: #ffffff;
	text-align: center;
	padding: 5px;
}

.topics3Tble1 td {
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	text-align: center;
	padding: 5px;
}

.topics3Tble1 td.name {
	font-weight: bold;
}

.topics3Tble1 td.name img {
	padding-bottom: 5px;
}

.topics3Tble1 td.item1 {
	background-color: #ffff99;
	text-align: left;
}

.topics3Tble1 td.item2 {
	background-color: #ffdd99;
	text-align: left;
}

.topics3Tble1 td.item3 {
	background-color: #ffbb99;
	text-align: left;
}

.topics3ImgBox {
	width: 620px;
	height: 245px;
}


/* Topics4 Style
------------------------------ */

.topicsTable04 {
	background-color: #333333;
	table-layout: fixed;
}

.topicsTable04 th { background-color: #666666; color: #ffffff; text-align: center; padding: 5px; }
.topicsTable04 td { background-color: #ffffff; text-align: center; padding: 5px; }

.topics4ImgBox {
	width: 620px;
}

.topics4ImgBox img {
	float: right;
	width: 214px;
	margin: 0 0 20px 20px;
}


/* Topics5 Style
------------------------------ */

.topics5Img {
	width: 620px;
	height: 668px;
	background: url(/j/syokuiku/minna_navi/topics/img/topics5_04_img_bg.gif) no-repeat left top;
	text-align: center;
}