@charset "utf-8";

/*
*
*	01. Program Page Style
*	
*/

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

	Local Elements Style
	
=======================================*/


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

	Commons
	
=======================================*/

body.program h2 {
	width: 186px;
	float: left;
}

body.program p.lookSheet {
	min-height: 170px;
	_height: 170px; /* for IE */
	width: 256px;
	float: right;
}

body.program p.lookSheet a img {
	border: none;
}

body.program div.campaign p {

}

body.program div.message {
	width: 280px;
	float: left;
}

p.next {
	margin: 2.5em 0;
}

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

	たとえば、こんなキッカケで…
	
=======================================*/

body#programIndex div#programStart {
	width: 556px;
/*	_height: 600px; *//* for IE */ 
	overflow: visible;
	_overflow: hidden; /* for IE */
	height: auto;
}

body#programIndex div#programStart ul.menu {
	margin: 15px 0 0 0;
	padding: 0;
	width: 600px;

}

body#programIndex div#programStart ul.menu li {
	margin: 0 23px 30px 10px;
	height: 101px;
	width: 250px;
	float: left;
	display: inline;
}


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

	わたしのプログラム　各Caseページの共通スタイル
	
==========================================================*/


div#programContent {
	clear: both;
}

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

	タブナビゲーション共通
	
=======================================*/

div#programContent ul.menu {
 margin: 0;
 padding: 0;
 width: 558px;
}

div#programContent ul.menu:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}

div#programContent ul.menu li {
 margin: 0 2px 0 0;
 padding: 0;
 float: left;
 line-height: 1;
 list-style-type: none;
}

div#programContent ul.menu li a {
 display: block;
 height: 47px;
 width: 91px;
 position: relative;/* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 color: #333;
 text-align: center;
 text-decoration: none;
 text-indent: -9999px;
 background-image: url(../../program/img/menu/programMenu1.gif);
 outline: none;
}

div#programContent ul.menu li a:hover {
 color: #000;
 background-color: #ddd;
}


div#programContent ul.bottom li a {
 background-image: url(../../program/img/menu/programMenu2.gif);
}

/* Case1 キャリアアップ
-----------------*/

div#programContent ul.menu li.c1 a {
	background-position: 0 0;
}

div#programContent ul.menu li.c1 a:hover {
	background-position: 0 -50px;
}

div#programContent ul.menu li.c1 a.current {
	background-position: 0 -100px;
}

/* Case2 旅行
-----------------*/

div#programContent ul.menu li.c2 a {
	background-position: -93px 0;
}

div#programContent ul.menu li.c2 a:hover {
	background-position: -93px -50px;
}

div#programContent ul.menu li.c2 a.current {
	background-position: -93px -100px;
}

/* Case3 パーティー
-----------------*/

div#programContent ul.menu li.c3 a {
	background-position: -186px 0;
}

div#programContent ul.menu li.c3 a:hover {
	background-position: -186px -50px;
}

div#programContent ul.menu li.c3 a.current {
	background-position: -186px -100px;
}

/* Case4 オフィス
-----------------*/

div#programContent ul.menu li.c4 a {
	background-position: -279px 0;
}

div#programContent ul.menu li.c4 a:hover {
	background-position: -279px -50px;
}

div#programContent ul.menu li.c4 a.current {
	background-position: -279px -100px;
}

/* Case5 子育て
-----------------*/

div#programContent ul.menu li.c5 a {
	background-position: -372px 0;
}

div#programContent ul.menu li.c5 a:hover {
	background-position: -372px -50px;
}

div#programContent ul.menu li.c5 a.current {
	background-position: -372px -100px;
}

/* Case6 セカンドライフ
-----------------*/

div#programContent ul.menu li.c6 a {
	background-position: -465px 0;
}

div#programContent ul.menu li.c6 a:hover {
	background-position: -465px -50px;
}

div#programContent ul.menu li.c6 a.current {
	background-position: -465px -100px;
}


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

	CASE 1 ～ CASE 6の共通ページデザイン
	
=======================================*/

div#lessonFlow {
	_width: 554px;
	padding: 110px 0 0;
	border: 1px solid #f8dfdb;
	border-top: none;
	background-repeat: no-repeat;
}

div#lessonFlow h2 {
	display: none;
}

/* Profile
------------------*/

div#lessonFlow div.profile {
	margin: 3px 0 0 113px;
	border: 2px solid #000;
	width: 157px;
	float: left;
	display: inline;
}

div#lessonFlow div.profile table {
	margin: 1px;
	padding: 0.3em 0;
	border: 1px solid #000;
	width: 155px;
	border-spacing: 0;
}

div#lessonFlow div.profile table th,
div#lessonFlow div.profile table td {
	padding: 0.2em 3px;
	border: none;
	background-color: #fff;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
	vertical-align: top;
}

div#lessonFlow div.profile table th {
	width: 50px;
}

div#lessonFlow div#profileText {
	margin: 0 33px 0 285px;
	_margin: 0 0 0 285px;
}

div#lessonFlow div#profileText p {
	margin-top: 0;
}


/*--------------------------------------
	初回カウンセリング
---------------------------------------*/

div#lessonFlow div#counseling {
	margin: 2em 8px;
	padding: 117px 0 1px;
	background-color: #fcf2f0;
	background-repeat: no-repeat;
}

div#lessonFlow div#counseling h3,
div#lessonFlow div#counseling h4 {
	display: none;
}

div#lessonFlow div#counseling div.section {
	margin: 0 14px 0 6px;
	width: 248px;
	float: left;
	display: inline;
	color: #666;
}

/*--------------------------------------
	b でレッスン開始!
---------------------------------------*/

div#startLesson {
	background: url(../../program/img/common/load.gif) 0 180px no-repeat;
}

div#startLesson h3,
div#startLesson h4 {
	margin: 0;
}

div#startLesson h3 {
	margin-left: 33px;
}


div#startLesson div#month1,
div#startLesson div#month2,
div#startLesson div#month3,
div#startLesson div#month4 {
	margin-bottom: 2em;
	background-repeat: no-repeat;
}

/*レッスンポイント
------------------*/

div#startLesson dl.point {
	margin: 0;
	background-color: #fcf2f0;
}

div#startLesson dl.point dd {
	margin: 0.5em 10px;
	color: #000;
}


/*奇数月のスタイル*/

div#startLesson div#month1,
div#startLesson div#month3 {
	margin-right: 10px;
}

div#startLesson div#month1 h4,
div#startLesson div#month1 div.textBody,
div#startLesson div#month3 h4,
div#startLesson div#month3 div.textBody {
	margin-left: 280px;
}

/*偶数月のスタイル*/

div#startLesson div#month2,
div#startLesson div#month4 {
	margin-left: 10px;
}

div#startLesson div#month2 h4,
div#startLesson div#month2 div.textBody,
div#startLesson div#month4 h4,
div#startLesson div#month4 div.textBody {
	margin-right: 270px;
}


/*--------------------------------------
	レッスンの目標達成
---------------------------------------*/

div#lessonGoal {
	height: 212px;
}

div#lessonGoal h4,
div#lessonGoal div.textBody {
	display: none;
}




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

	わたしのプログラム 個別スタイル
	
	基本的なレイアウトは1つ手前の
	「わたしのプログラム 共通スタイル」に定義されています。
	
	ここでは、各ページで特殊なスタイル(画像等の差し替え)が定義されます。
	また、各CASE1～CASE6ページはbodyに付加されたclassで識別されます。
	
	例: <body class="case1"> (キャリアアップ ページ)
	
==========================================================*/

/*--------------------------------------
	CASE1 キャリアアップ
---------------------------------------*/

/*悩み・目標*/
body#case1 div#lessonFlow {
	background-image: url(../../program/case1/img/heading01.gif);
}

/*カウンセリング*/
body#case1 div#counseling {
	background-image: url(../../program/case1/img/counseling.gif);
}

/*目標達成*/
body#case1 div#lessonGoal {
	background-image: url(../../program/case1/img/goal.jpg);
}

/*各セクションの飾り*/

body#case1 div#month1 {
	background-image: url(../../program/case1/img/item01.gif);
	background-position: 130px 37px;
}

body#case1 div#month2 {
	background-image: url(../../program/case1/img/item02.gif);
	background-position: 300px 60px;
}

body#case1 div#month3 {
	background-image: url(../../program/case1/img/item03.gif);
	background-position: 110px 37px;
}

body#case1 div#month4 {
	background-image: url(../../program/case1/img/item04.gif);
	background-position: 300px 30px;
}

/*--------------------------------------
	CASE2 旅行で使いたい
---------------------------------------*/

/*悩み・目標*/
body#case2 div#lessonFlow {
	background-image: url(../../program/case2/img/heading01.gif);
}

/*カウンセリング*/
body#case2 div#counseling {
	background-image: url(../../program/case2/img/counseling.gif);
}

/*目標達成*/
body#case2 div#lessonGoal {
	background-image: url(../../program/case2/img/goal.gif);
}

/*各セクションの飾り*/

body#case2 div#month1 {
	background-image: url(../../program/case2/img/item01.gif);
	background-position: 150px 37px;
}

body#case2 div#month2 {
	background-image: url(../../program/case2/img/item02.gif);
	background-position: 295px 60px;
}

body#case2 div#month3 {
	background-image: url(../../program/case2/img/item03.gif);
	background-position: 90px 37px;
}

body#case2 div#month4 {
	background-image: url(../../program/case2/img/item04.gif);
	background-position: 300px 30px;
}

/*--------------------------------------
	CASE3 パーティーで使いたい
---------------------------------------*/

/*悩み・目標*/
body#case3 div#lessonFlow {
	background-image: url(../../program/case3/img/heading01.gif);
}

/*カウンセリング*/
body#case3 div#counseling {
	background-image: url(../../program/case3/img/counseling.gif);
}

/*目標達成*/
body#case3 div#lessonGoal {
	background-image: url(../../program/case3/img/goal.gif);
}

/*各セクションの飾り*/

body#case3 div#month1 {
	background-image: url(../../program/case3/img/item01.gif);
	background-position: 130px 37px;
}

body#case3 div#month2 {
	background-image: url(../../program/case3/img/item02.gif);
	background-position: 295px 60px;
}

body#case3 div#month3 {
	background-image: url(../../program/case3/img/item03.gif);
	background-position: 90px 37px;
}

body#case3 div#month4 {
	background-image: url(../../program/case3/img/item04.gif);
	background-position: 300px 30px;
}

/*--------------------------------------
	CASE4 オフィスでも使いたい
---------------------------------------*/

/*悩み・目標*/
body#case4 div#lessonFlow {
	background-image: url(../../program/case4/img/heading01.gif);
}

/*カウンセリング*/
body#case4 div#counseling {
	background-image: url(../../program/case4/img/counseling.gif);
}

/*目標達成*/
body#case4 div#lessonGoal {
	background-image: url(../../program/case4/img/goal.jpg);
}

/*各セクションの飾り*/

body#case4 div#month1 {
	background-image: url(../../program/case4/img/item01.gif);
	background-position: 95px 60px;
}

body#case4 div#month2 {
	background-image: url(../../program/case4/img/item02.gif);
	background-position: 290px 50px;
}

body#case4 div#month3 {
	background-image: url(../../program/case4/img/item03.gif);
	background-position: 85px 30px;
}

body#case4 div#month4 {
	background-image: url(../../program/case4/img/item04.gif);
	background-position: 290px 20px;
}

/*--------------------------------------
	CASE5 子育てに活かしたい
---------------------------------------*/

/*悩み・目標*/
body#case5 div#lessonFlow {
	background-image: url(../../program/case5/img/heading01.gif);
}

/*カウンセリング*/
body#case5 div#counseling {
	background-image: url(../../program/case5/img/counseling.gif);
}

/*目標達成*/
body#case5 div#lessonGoal {
	background-image: url(../../program/case5/img/goal.jpg);
}

/*各セクションの飾り*/

body#case5 div#month1 {
	background-image: url(../../program/case5/img/item01.gif);
	background-position: 95px 60px;
}

body#case5 div#month2 {
	background-image: url(../../program/case5/img/item02.gif);
	background-position: 290px 50px;
}

body#case5 div#month3 {
	background-image: url(../../program/case5/img/item03.gif);
	background-position: 85px 30px;
}

body#case5 div#month4 {
	background-image: url(../../program/case5/img/item04.gif);
	background-position: 290px 20px;
}

/*--------------------------------------
	CASE6 セカンドライフを楽しみたい
---------------------------------------*/

/*悩み・目標*/
body#case6 div#lessonFlow {
	background-image: url(../../program/case6/img/heading01.gif);
}

/*カウンセリング*/
body#case6 div#counseling {
	background-image: url(../../program/case6/img/counseling.gif);
}

/*目標達成*/
body#case6 div#lessonGoal {
	background-image: url(../../program/case6/img/goal.gif);
}

/*各セクションの飾り*/

body#case6 div#month1 {
	background-image: url(../../program/case6/img/item01.gif);
	background-position: 95px 45px;
}

body#case6 div#month2 {
	background-image: url(../../program/case6/img/item02.gif);
	background-position: 290px 30px;
}

body#case6 div#month3 {
	background-image: url(../../program/case6/img/item03.gif);
	background-position: 85px 50px;
}

body#case6 div#month4 {
	background-image: url(../../program/case6/img/item04.gif);
	background-position: 280px 20px;
}

/*--------------------------------------
	clearFix改
---------------------------------------*/

div#lessonFlow div#counseling {
	_height: 1px;
	min-height: 1px;
}

div#lessonFlow div#counseling:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/
div#lessonFlow div#counseling {
	height: auto;
	overflow: hidden;
}
/* end */

/*--------------------------------------
	その他の装飾
---------------------------------------*/
#programMes .boxL {
	margin-right: 10px;
}
#programMes .boxL a {
	background-image: url(/program/img/sheet01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 164px;
	width: 256px;
}
#programMes .boxR {
	width: 273px;
}
#programh2 {
	background-image: url(/program/img/heading01.gif);
	background-repeat: no-repeat;
	height: 41px;
	width: 186px;
}
#pgNext {
	margin-top: 25px;
	margin-bottom: 25px;
}
.bookingBtn {
	margin-top: 0px;
}
#programMes .boxL a {
	background-image: url(/program/img/sheet01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 164px;
	width: 256px;
}

.boxR p {
	font-size: 85%;
}
.underMap li {
	float: left;
	margin-right: 15px;
	margin-top: 0.3em;
	list-style-type: none;
	font-size: 85%;
}