@charset "UTF-8";

/*----------------------------------------
Name: couse.css
Date Created:2009/02/10 [s.nakamura]
Last Updated:2009/02/10 [ID]
Copyright:Prudence.inc
----------------------------------------*/
#header #globalNavi li.navi_03 a {background-image:url(../img/common/navi_03_over.gif);}

/*
各種見出し
*/

h3{
	padding:0 0 12px 0;
}

/*
コース紹介見出しタイトル周り
*/
.intro ul.tab_select {
	height: 100%;
}
.intro ul.tab_select li {
	height: 40px;
}

.intro #patissier-clo {
	border: solid #E7326D;
	border-width: 0 0 2px;
}

.intro #cafe-clo {
	border: solid #7B4D3A;
	border-width: 0 0 2px;
}

.intro #boul-clo {
	border: solid #F39700;
	border-width: 0 0 2px;
}

.intro #food-clo {
	border: solid #94BD4C;
	border-width: 0 0 2px;
}

.intro ul.tab_select:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.intro ul.tab_select li{
	float:left;
	padding:0 5px 0 0;
}

.intro .title_box_p{
	clear:both;
	padding:20px;
	background:#E7326D;
}

.intro .title_box_c {
	clear:both;
	padding:20px;
	background:#7B4D3A;
}

.intro .title_box_b {
	clear:both;
	padding:20px;
	background:#F39700;
}

.intro .title_box_f {
	clear:both;
	padding:20px;
	background:#94BD4C;
}

.intro .course_list{
	padding:6px 0 30px 0;
}
.intro .course_list li{
	float:left;
}

.intro p.intro-lead {
	margin: 0 0 30px;
}

.intro ul.feature-list {
	margin: 0 0 30px;
}

.intro ul.feature-list:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.intro ul.feature-list li {
	display: inline;
	float: left;
	width: 209px;
	margin: 0 14px 0 0;
}

.intro ul.feature-list li.end {
	margin: 0;
}

/*
カリキュラム
*/
.curriculum{
	padding:0 10px;
}
.curriculum p.list{
	padding-bottom:15px;
}
.curriculum .point{
	clear:both;
	padding:0 0 30px 0;
}
.curriculum .point dt{
	padding:0 0 3px 0;
}
.curriculum .point dd{
	padding:0 0 15px 67px;
}


.course_box_left{
	float:left;
	width:430px;
}
.course_box_right{
	float:right;
	width:430px;
}

.course_box_left .f_left{
	float:left;
	width:200px;
}
.course_box_left .f_right{
	float:right;
	text-align:right;
	width:200px;
}


/*
右側にRがあるボックス
*/
#mainColumn .box_R{
	clear:both;
	padding:15px 0 0 0;
	background:url(../img/common/box_top_R.gif) no-repeat 0 0;
}

#mainColumn .cafe_R {
	background: url(../img/course/cafe/box_top_R_cafe.gif) no-repeat 0 0;
}

#mainColumn .boul_R {
	background: url(../img/course/boulanger/box_top_R_boul.gif) no-repeat 0 0;
}

#mainColumn .food_R {
	background: url(../img/course/food_coordinator/box_top_R_food.gif) no-repeat 0 0;
}

#mainColumn .box_R .inner{
	padding:5px 15px 20px 20px;
	border:1px solid #E7326D;
	border-top:none;
}

#mainColumn .box_R .cafe{
	border: solid #7B4D3A;
	border-width: 0 1px 1px; 
}

#mainColumn .box_R .boul{
	border: solid #F39802;
	border-width: 0 1px 1px; 
}

#mainColumn .box_R .food{
	border: solid #94BD4C;
	border-width: 0 1px 1px; 
}

#mainColumn .box_R .inner ul{
	padding:10px 0;
}
#mainColumn .box_R .inner ul li {
	float:left;
	display:block;
	padding:10px 0;
	width:210px;
}
#mainColumn .box_R .inner ul li img{
	padding:0 0 3px 0;
}

/*タイトルテキスト左右振り分け*/
.f_left{
	float:left;
	width:200px;
}
.f_right{
	float:right;
	text-align:right;
	width:200px;
}

/*横幅430pxの角Rボックス*/
.box_R_harf{
	clear:both;
	padding:15px 0 0 0;
	background:url(../img/common/box_top_R_harf.gif) no-repeat 0 0;
	line-height:1em;
}

.R_harf_cafe {
	background: url(../img/course/cafe/box_top_R_harf.gif) no-repeat 0 0;
}

.R_harf_boul {
	background: url(../img/course/boulanger/box_top_R_harf.gif) no-repeat 0 0;
}

.R_harf_food {
	background: url(../img/course/food_coordinator/box_top_R_harf.gif) no-repeat 0 0;
}
.R_harf_food img{
}

.inner_harf{
	clear:both;
	padding:0 15px 20px 20px;
	border:1px solid #E7326D;
	border-top:none;
}

.inner_harf_cafe {
	border: solid #7C4E3B;
	border-width: 0 1px 1px;
}

.inner_harf_boul {
	border: solid #F39701;
	border-width: 0 1px 1px;
}
.inner_harf_food {
	border: solid #94BD4C;
	border-width: 0 1px 1px;
}

.box_R_harf .inner_harf ul{
	clear:both;
}
.box_R_harf .inner_harf ul li {
	float:left;
	padding:10px 12px 0 0;
}
.box_R_harf .inner_harf ul li dl dt{
	margin: 0 0 10px;
	padding: 0 0 0 0;
}
.txt_right{
	text-align:right;
}

.item_area{
	border:1px solid #E7326D;
	padding:15px;
}

.cafe_item_area{
	border:1px solid #7C4E3B;
	padding:15px;
}

.boul_item_area{
	border:1px solid #F39700;
	padding:15px;
}

.food_item_area{
	border:1px solid #94BD4C;
	padding:15px;
}

.inner_harf dl {
	height: 100%;
}

.inner_harf dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.inner_harf dl dt {
	margin: 0 0 20px;
}

.inner_harf dl dd {
	display: inline;
	float: left;
	width: 270px;
	line-height: 1.3;
	margin: 0 5px 0 0;
	vertical-align: bottom;
}


/*
プログラムの特徴
*/
p.point-1 {
	margin: 0 0 30px;
}

p.point-2 {
	margin: 0 0 30px;
}

.feature-point {
	height: 100%;
	margin: 0 0 22px;
}

.feature-point:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.feature-point h3 {
}

.feature-point .point-detail {
	display: inline;
	float: left;
	height: 100%;
	width: 520px;
}

.feature-point .point-detail:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.feature-point .point-detail dl {
	margin: 0 0 19px 15px;
}

.feature-point .point-detail dl dt {
	margin: 0 0 17px;
}

.feature-point .point-detail dl dd {
	line-height: 1.5;
}
.feature-point .point-detail dl dd.read{
	padding-right:10px;
}

.feature-point .point-detail dl.detail-example {
}

.feature-point .point-detail dl.detail-example dt {
	margin: 0 0 9px;
}

.feature-point .point-detail dl.detail-example dd {
	display: inline;
	float: left;
	width: 240px;
	margin: 0 0 5px;
}

.feature-point .point-detail dl.detail-list1 {
	display: inline;
	float: left;
	width: 250px;
	margin: 0 0 0 15px;
	background: url(../img/course/patissier/patissier_dot_01.gif) no-repeat 100% 0;
}

.feature-point .point-detail dl.detail-list1 dt {
	margin: 0 0 9px;
}

.feature-point .point-detail dl.detail-list1 dd {
}

.feature-point .point-detail dl.detail-list1 dd ul {
}

.feature-point .point-detail dl.detail-list1 dd ul li {
	margin: 0 0 0 10px;
}

.feature-point .point-detail dl.detail-list2 {
	display: inline;
	float: right;
	width: 245px;
	margin: 0;
	padding: 0 0 0 10px;
}

.feature-point .point-detail dl.detail-list2 dt {
	margin: 0 0 9px;
}

.feature-point .point-detail dl.detail-list2 dd {
}

.feature-point .point-ph {
	display: inline;
	float: right;
	width: 350px;
}

.purpose {
	margin: 0 0 30px;
	padding: 10px 0 0; 
	background: url(../img/course/patissier/purpose_bg_01.gif) no-repeat 0 0;
}

.purpose-inner {
	background: url(../img/course/patissier/purpose_bg_03.gif) repeat-y;
}

.purpose dl {
	height: 100%;
	margin: 0 0 5px;
	padding: 10px 0 5px;
	background: url(../img/common/dot_bg_02.gif) repeat-x 0 100%;
}

.purpose dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.purpose dl.first {
	padding: 10px 0 0;
}

.purpose dl.end {
	background: url(../img/course/patissier/purpose_bg_02.gif) repeat-x 0 100%;
}

.purpose dl dt {
	display: inline;
	float: left;
	width: 390px;
	height: 63px;
	margin: 15px 0 0 19px;
	clear: both;
	background: url(../img/course/patissier/arrow_ico_01.gif) no-repeat 100% 0;
}

.purpose dl dt.cafe {
	background: url(../img/course/cafe/arrow_ico_01.gif) no-repeat 100% 0;
}

.purpose dl dt.boul {
	background: url(../img/course/boulanger/arrow_ico_01.gif) no-repeat 100% 0;
}

.purpose dl dt.food {
	background: url(../img/course/food_coordinator/arrow_ico_01.gif) no-repeat 100% 0;
}

.purpose dl dd {
	display: inline;
	float: right;
	width: 377px;
	height: 63px;
	margin: 0 19px 0 0;
}

/*
パティシエコース詳細
*/
.patissier-course-detail {
	background: url(../img/common/dot_bg_03.gif) repeat-x;
	padding: 20px 0 0;
}

.patissier-course-detail dl {
	height: 100%;
	margin: 0 0 30px;
	padding: 8px;
	border: 1px solid #E7336E;
}

.patissier-course-detail dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.patissier-course-detail dl dt {
	margin: 0 0 10px;
}

.patissier-course-detail dl dd {
	display: inline;
	float: left;
	width: 278px;
	margin: 0 12px 0 0;
}

.patissier-course-detail dl dd.end {
	margin: 0;
}

/*
カフェコース詳細
*/
.cafe-course-detail {
	background: url(../img/course/cafe/dot_bg_01.gif) repeat-x;
	padding: 20px 0 0;
}

.cafe-course-detail dl {
	height: 100%;
	margin: 0 0 30px;
	padding: 8px 8px 0 8px;
	border: 1px solid #7B4E3B;
}

* html .cafe-course-detail dl {  /* for IE6 */
	padding: 8px;
}

*:first-child + html .cafe-course-detail dl {  /* for IE7 */
	padding: 8px;
}

.cafe-course-detail dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.cafe-course-detail dl dt {
	margin: 0 0 10px;
}

.cafe-course-detail dl dd {
	display: inline;
	float: left;
	width: 278px;
	margin: 0 12px 12px 0;
}

.cafe-course-detail dl dd.end {
	margin: 0 0 12px 0;
}

/*
ブランジェコース詳細
*/
.boul-course-detail {
	background: url(../img/course/boulanger/dot_bg_01.gif) repeat-x;
	padding: 20px 0 0;
}

.boul-course-detail dl {
	height: 100%;
	margin: 0 0 30px;
	padding: 8px 8px 0 8px;
	border: 1px solid #F39700;
}

* html .boul-course-detail dl {  /* for IE6 */
	padding: 8px;
}

*:first-child + html .boul-course-detail dl {  /* for IE7 */
	padding: 8px;
}

.boul-course-detail dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.boul-course-detail dl dt {
	margin: 0 0 10px;
}

.boul-course-detail dl dd {
	display: inline;
	float: left;
	width: 278px;
	margin: 0 12px 12px 0;
}

.boul-course-detail dl dd.end {
	margin: 0 0 12px 0;
}

/*
フードコーディネーターコース詳細
*/
.food-course-detail {
	background: url(../img/course/food_coordinator/dot_bg_01.gif) repeat-x;
	padding: 20px 0 0;
}

.food-course-detail dl {
	height: 100%;
	margin: 0 0 30px;
	padding: 8px 8px 0 8px;
	border: 1px solid #94BD4C;
}

* html .food-course-detail dl {  /* for IE6 */
	padding: 8px;
}

*:first-child + html .food-course-detail dl {  /* for IE7 */
	padding: 8px;
}

.food-course-detail dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.food-course-detail dl dt {
	margin: 0 0 10px;
}

.food-course-detail dl dd {
	display: inline;
	float: left;
	width: 278px;
	margin: 0 12px 12px 0;
}

.food-course-detail dl dd.end {
	margin: 0 0 12px 0;
}


/*
実習アイテム
*/
#thumbnail-enlarge {
	height: 100%;
}

#thumbnail-enlarge:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}


#thumbnail-enlarge #slideshow {
	display: inline;
	float: left;
	width: 282px;
}

#thumbnail-enlarge #slideshow #dot-line {
	margin: 0 0 5px;
	border: 1px dotted #C74D88;
}

#thumbnail-enlarge #slideshow #enlargement {
	padding: 10px 0;
	text-align: center;
}

#thumbnail-enlarge #item-erea {
	display: inline;
	float: right;
	width: 553px;
}

#thumbnail-enlarge ul {
	height: 100%;
	margin: 20px 0 0;
}

#thumbnail-enlarge ul:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#thumbnail-enlarge ul li {
	display: inline;
	float: left;
	width: 60px;
	margin: 0 7px 10px 0;
}

/* ../course/xxxx/index.html point2 */

.pointImage {
	padding-bottom:30px;
}
.pointImage dd {
	float:left;
	width:190px !important;
}
