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

/*アクティブ設定*/

li#gNavi02 a ,
li#gNavi02 a:hover {
	background-position: -190px -80px;
}

/*トップ*/

/*
カテゴリリストトップ
*/
.top #categoryTop {
	margin-left: -10px;
	padding-bottom: 34px;
}

.top dl.categoryTopList {
	position: relative;
	float: left;
	display: inline;
	margin-left: 10px;
	width: 350px;
	background: url(/common/img/img_content_02.gif) right bottom no-repeat;
}

.top dl.categoryTopList dt {
	padding-bottom: 7px;
}

.top dl.categoryTopList dd {
	margin-bottom: 55px;
	padding: 0 15px;
	line-height: 1.65;
}

.top dl.categoryTopList dd ul {
	position: absolute;
	bottom: 20px;
	left: 15px;
}

.top dl.categoryTopList dd ul li {
	float: left;
	margin-right: 20px;
}

/*メインイメージ*/
.top #contentImage {
	padding-bottom: 38px;
}

/*カテゴリリストボトム*/
.top #categoryBottom {
	padding-bottom: 50px;
	margin-left: -10px;
}

/*カテゴリタイトル*/
.top h4.check {
	clear: both;
	margin: 0 0 0 10px;
	padding: 27px 0 8px 5px;
	background: url(/common/img/img_title_01.gif) left bottom repeat-x;
}

.top dl.categoryList {
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
	width: 230px;
	background: url(/common/img/img_content_01.gif) right bottom no-repeat #F9F9F7;
}

.top dl.categoryList dt a {
	display: block;
	width: 100%;
}

.top dt#categoryList01 a {
	background: url(/course/img/bnr_index_03_on.jpg) left top no-repeat;
}

.top dt#categoryList01 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList01 a:hover img {
	visibility: hidden;
}

.top dt#categoryList02 a {
	background: url(/course/img/bnr_index_04_on.jpg) left top no-repeat;
}

.top dt#categoryList02 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList02 a:hover img {
	visibility: hidden;
}

.top dt#categoryList03 a {
	background: url(/course/img/bnr_index_05_on.jpg) left top no-repeat;
}

.top dt#categoryList03 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList03 a:hover img {
	visibility: hidden;
}

.top dt#categoryList04 a {
	background: url(/course/img/bnr_index_06_on.jpg) left top no-repeat;
}

.top dt#categoryList04 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList04 a:hover img {
	visibility: hidden;
}

.top dt#categoryList05 a {
	background: url(/course/img/bnr_index_07_on.jpg) left top no-repeat;
}

.top dt#categoryList05 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList05 a:hover img {
	visibility: hidden;
}

.top dt#categoryList06 a {
	background: url(/course/img/bnr_index_08_on.jpg) left top no-repeat;
}

.top dt#categoryList06 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList06 a:hover img {
	visibility: hidden;
}

.top dt#categoryList07 a {
	background: url(/course/img/bnr_index_09_on.jpg) left top no-repeat;
}

.top dt#categoryList07 a:hover {
	background-color: #FFFFFF;
}

.top dt#categoryList07 a:hover img {
	visibility: hidden;
}

.top dl.categoryList dd {
	padding: 8px 14px 18px 10px;
	line-height: 1.65;
}

.top ul.categoryList {
	float: right;
	margin-top: 10px;
	width: 230px;
	background: url(/common/img/img_content_01.gif) right bottom no-repeat #F9F9F7;
}

.top ul.categoryList li {
	padding: 10px 5px;
	/*background: url(/life/img/img_index_03.gif) left top no-repeat;*/
}

.top ul.categoryList li dl {
	width: 198px;
}

.top ul.categoryList li dl dt {
	float: right;
}

.top ul.categoryList li dl dd {
	float: left;
}


/*お菓子の日本一企画*/

.nihonichi #secMain {
	margin-bottom: 30px;
}

.nihonichi .sec {
	margin-left: -25px;
	padding-bottom: 20px;
}

.nihonichi .sec dl {
	float: left;
	margin-left: 25px;
	display: inline;
	width: 220px;
}

.nihonichi .sec dl dt {
	margin-bottom: 15px;
}

.nihonichi .sec dl dd {
	margin-bottom: 10px;
}

.nihonichi p.subText02 {
	margin-bottom: 40px;
}


/*卒業制作展*/

.representation #sec01 {
	margin-bottom: 34px;
}

.representation #sec01 dl dt {
	margin-bottom: 30px;
}

.representation #sec01 dl dd {
	padding-bottom: 26px;
}

.representation #sec01 dl dd ul {
	margin-left: -2px;
}

.representation #sec01 dl dd ul li {
	float: left;
	display: inline;
	margin: 0 0 2px 2px;
}

.representation #sec02 {
	padding-bottom: 30px;
}

.representation .secSub {
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(/common/img/img_border_dot_gray_x.gif) left bottom repeat-x;
}

.representation .secSubIn01 {
	background: url(/course/img/img_representation_20.jpg) right bottom no-repeat;
}

.representation .secSubIn02 {
	background: url(/course/img/img_representation_22.jpg) right bottom no-repeat;
}

.representation .secSubIn03 {
	background: url(/course/img/img_representation_24.jpg) right bottom no-repeat;
}

.representation .secSubIn04 {
	background: url(/course/img/img_representation_26.jpg) right bottom no-repeat;
}

.representation .sec02SubInTop {
	margin-bottom: 20px;
	width: 465px;
}

.representation .sec02SubInTop dl {
	float: right;
	width: 265px;
}

.representation .sec02SubInTop dl dt {
	margin-bottom: 10px;
	height: 16px;
}

.representation .sec02SubInTop dl dd {
	margin-bottom: 10px;
}

.representation .sec02SubInTop dl dd span {
	font-size: 116%;
}

.representation .sec02SubInImage {
	width: 190px;
}

.representation dl.sec02SubInBottom {
	width: 455px;
}

.representation dl.sec02SubInBottom dt {
	margin-bottom: 20px;

}

/*海外研修*/

.overseas #sec01 {
	padding-bottom: 30px;
}

.overseas #sec01 dl dt {
	margin-bottom: 20px;
}

.overseas #sec01 dl dt img {
	vertical-align: bottom;
}

.overseas #sec01 dl dd {
	margin-bottom: 30px;
}

.overseas #sec02 {
	padding-bottom: 30px;
}

.overseas #sec02 dl {
	padding-bottom: 30px;
}

.overseas #sec02 dl dt {
	margin-bottom: 20px;
}

.overseas #sec02 dl dt.courseTitle img {
	vertical-align: bottom;
}

.overseas #sec02 dl dd dl {
	float: right;
	padding-bottom: 0;
	width: 415px;
}

.overseas #sec02 dl dd dl dt {
	margin-bottom: 10px;
}
.overseas #sec02 dl dd dl dt.courseList {
	margin-bottom: 2px;
}
.overseas #sec02 dl dd dl dd {
	margin-bottom: 20px;
}

.overseas #sec02 dl dd .sec02Image {
	float: left;
	width: 271px;
}


/*実習*/

.practical p.subText02 {
	margin-bottom: 60px;
}

.practical #sec01 {
	padding-bottom: 30px;
}

.practical #sec01 .sec01Sub {
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(/common/img/img_border_dot_gray_x.gif) left bottom repeat-x;
}

.practical #sec01 h4 {
	margin-bottom: 20px;
}

.practical #sec01 dl.secList01 dt ,
.practical #sec01 dl.secList03 dt {
	float: right;
	width: 470px;
}

.practical #sec01 dl.secList01 dd ,
.practical #sec01 dl.secList03 dd {
	float: left;
	width: 230px;
}

.practical #sec01 dl.secList02 dt {
	float: left;
	width: 470px;
}

.practical #sec01 dl.secList02 dd {
	float: right;
	width: 230px;
}

.practical #sec01 ul.arrowGray li {
	margin-top: 20px;
}

.practical .sec02 {
	padding-bottom: 30px;
}

.practical .sec02 .sec01Sub {
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(/common/img/img_border_dot_gray_x.gif) left bottom repeat-x;
}

.practical .sec02 h4 {
	margin-bottom: 20px;
}

.practical .sec02 dl.secList01 dt ,
.practical .sec02 dl.secList03 dt {
	float: right;
	width: 470px;
}

.practical .sec02 dl.secList01 dd ,
.practical .sec02 dl.secList03 dd {
	float: left;
	width: 230px;
}

.practical .sec02 dl.secList02 dt {
	float: left;
	width: 470px;
}

.practical .sec02 dl.secList02 dd {
	float: right;
	width: 230px;
}

.practical .sec02 ul.arrowGray li {
	margin-top: 20px;
}

.practical #sec03 {
	margin-bottom: 30px;
}

.practical #sec03 dl {
	padding-bottom: 30px;
	background: url(/course/img/img_practical_23.gif) 450px bottom no-repeat;
}

.practical #sec03 dl.sec03ListLast {
	background-image: none;
}
.practical #sec03 dl dt {
	float: right;
	margin-top: 60px;
	width: 460px;
}

.practical #sec03 dl dd {
	float: left;
	width: 230px;
}

.practical #sec03 h4 {
	margin-bottom: 20px;
}

.practical #sec03 dl.secList {
	background-image: none;
}

.practical #sec03 dl.secList dt {
	float: right;
	margin-top: 0;
	width: 403px;
}

.practical #sec03 dl.secList dd {
	float: left;
	width: 283px;
}

.practical #sec04 {
	padding-bottom: 30px;
}

.practical #sec04 .sec01Sub {
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(/common/img/img_border_dot_gray_x.gif) left bottom repeat-x;
}

.practical #sec04 h4 {
	margin-bottom: 20px;
}

.practical #sec04 dl.secList01 dt ,
.practical #sec04 dl.secList03 dt {
	float: right;
	width: 470px;
}

.practical #sec04 dl.secList01 dd ,
.practical #sec04 dl.secList03 dd {
	float: left;
	width: 230px;
}

.practical #sec04 dl.secList02 dt {
	float: left;
	width: 470px;
}

.practical #sec04 dl.secList02 dd {
	float: right;
	width: 230px;
}

/* */
#sec02,#sec03,#sec04 {
	clear: both;
}

.practical .arrowGray {
	clear: both;
}

.practical .sec01Sub {
	clear: both;
}
.practical .sec01Sub ul.arrowGray li a span {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/*プレミアム系ライセンス系*/
.about h4 {
	margin-bottom: 20px;
	height: 16px;
}

.about #systemList {
	margin: 0 0 60px -20px;
}

.about #systemList dl {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 345px;
}

.about #subImage {
	margin-bottom: 60px;
}

.about #systemList dl dt {
	margin-bottom: 20px;
}

.about .sec {
	padding-bottom: 30px;
}

.about .sec table {
	margin-bottom: 30px;
}

.about .sec table tr th {
	width: 75px;
}

.about .sec table tr.cellBeige th ,
.about .sec table tr.cellBrown th {
	width: 108px;
}

.about .sec table tr th p {
	padding: 5px 0;
}

.about .sec table tr.cellBeige th p ,
.about .sec table tr.cellBrown th p {
	padding: 15px 5px;
}

.about #secList {
	margin-bottom: 30px;
}

.about #secList dl dt {
	float: left;
}

.about #secList dl dd ul li {
	float: left;
	display: inline;
	margin-left: 10px;
}

.about #secImage {
	margin-bottom: 60px;
}

.about .sec table.tableSmall01 {
	width: 408px;
}

.about .sec table.tableSmall02 {
	width: 333px;
}

.about .secYellow  {
	padding: 15px 11px;
}

.about .secYellow p {
	margin-bottom: 10px;
}

.about .secYellow dl dt {
	margin-bottom: 10px;
}

.about .secYellow dl dd dl dt {
	float: left;
	margin-top: 15px;
	width: 220px;
}

.about .secYellow dl dd dl dd {
	float: right;
	width: 448px;
}

.about ul#bnrListCourse {
	margin: 0 0 60px -20px;
}

.about ul#bnrListCourse li {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 345px;
}

.about ul#bnrListCourse li a {
	display: block;
	width: 345px;
}


.about ul#bnrListCourse li a:hover {
	background-color: #FFFFFF;
}

.about ul#bnrListCourse li a:hover img {
	visibility: hidden;
}

.about li#bnrListCourse01 a {
	background: url(/course/img/bnr_about_01_on.jpg) left top no-repeat;
}

.about li#bnrListCourse02 a {
	background: url(/course/img/bnr_about_02_on.jpg) left top no-repeat;
}

.about table tr th p img {
	padding-bottom: 5px;
	vertical-align: bottom;
}


/*イベントセミナー*/

.event ul#subImageList {
	margin: 0 0 60px -20px;
}

.event ul#subImageList li {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 345px;
}

.event #sec {
	padding-bottom: 30px;
}

.event .secSub01 {
	background: url(/course/img/img_event_05.jpg) right 45px no-repeat;
}

.event .secSub02 {
	background: url(/course/img/img_event_07.jpg) right 45px no-repeat;
}

.event .secSub03 {
	background: url(/course/img/img_event_09.jpg) right 45px no-repeat;
}

.event .secSubIn {
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(/common/img/img_border_dot_gray_x.gif) left bottom repeat-x;
}

.event .secSubIn dl {
	float: right;
	width: 470px;
}

.event .secSubIn dl dt {
	margin-bottom: 10px;
	height: 16px;
}

.event .secSubIn dl dd {
	margin-bottom: 10px;
	width: 310px;
}

.event .secSubInImage {
	float: left;
	width: 230px;
}

.event .secYellow #secYellowImage {
	position: relative;
}

.event .secYellow #secYellowImage img {
	position: absolute;
	left: 0;
	top: -50px;
}

.event .secYellow dl {
	padding-left: 240px;
}

.event .secYellow dl dt {
	margin-bottom: 20px;
}

.event .secYellow dl dd {
	margin-bottom: 30px;
}


/*技術選手権大会*/

.championship ul#subImage {
	margin: 0 0 30px -20px;
}

.championship ul#subImage li {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 345px;
}

.championship #sec01 {
	padding-bottom: 40px;
}

.championship #secLeft01 {
	float: left;
	width: 460px;
}

.championship #secLeft01 dl {
	margin-bottom: 30px;
}

.championship #secLeft01 dl dt {
	margin-bottom: 10px;
}

.championship #secLeft01 dl dd dl {
	margin-bottom: 0;
}

.championship #secLeft01 dl dd dl dt {
	margin-bottom: 0;
	font-weight: bold;
}

.championship #secLeft01 table {
	width: 460px;
}

.championship th.cellBrown {
	width: 140px;
	background-color: #E4C7A3;
}

.championship th.cellBeige {
	width: 60px;
	background-color: #F5E8BA;
}

.championship th.cellPink {
	background-color: #FF99B2;
}

.championship th.cellOrange {
	background-color: #FFC59F;
}

.championship #secLeft01 table td {
	width: 320px;
}

.championship #secLeft01 table th p {
	padding: 5px 0;
}

.championship #secLeft01 table td p {
	text-align: left;
	padding-left: 10px;
}

.championship #secRight01 {
	float: right;
	width: 230px;
}

.championship #secRight01 ul li {
	margin-bottom: 30px;
}

.championship #sec02 {
	padding-bottom: 50px;
}

.championship #secLeft02 {
	float: left;
	width: 230px;
}

.championship #secLeft02 table {
	width: 230px;
}

.championship #secLeft02 table th {
	width: 75px;
	vertical-align: top;
}

.championship #secLeft02 table th p {
	padding-top: 5px;
}

.championship #secLeft02 table td p {
	padding: 5px 0 5px 10px;
	text-align: left;
}

.championship #secRight02 {
	float: right;
	width: 411px;
}

.championship #secRight02 ul {
	margin-left: -10px;
}

.championship #secRight02 ul li {
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
}