/* ==================　　文字に対する指定など、基本的な部分　　================ */

/* 参考フォント */



/* ======== 別のフォント群(非表示）  ====================== 
         “ヒラギノ角ゴ Pro W3”,”Hiragino Kaku Gothic Pro”,”Osaka”,”メイリオ”,”Meiryo”,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif 
===========================================================
          font-family:  'ヒラギノ角ゴ ProN' , 'ヒラギノ角ゴ Pro' , 'Hiragino Kaku Gothic Pro' , 'Hiragino Kaku Gothic ProN' ,
           'メイリオ' , 'Meiryo' , "ＭＳ Ｐゴシック" , "MS PGothic" , 'HiraKakuProN-W3' , 'TakaoExゴシック' , 
           'TakaoExGothic' , 'MotoyaLCedar' , 'Droid Sans Japanese' , 'sans-serif' ;
=========================================================== */



/* -----（任意で指定する）画像をセンターに表示をしたい時　 class="center"をimgの中に入れる　*/
.center   {
          display:block;
          margin:0 auto;
          }
.right
          {
          text-align: right;
          }
.cen
          {
          text-align: center;
          }


/* -----罫線を引きたい時、使う。p class="line1"　/p　<!-- 細い区切り線　横罫線 -->　とか。*/
p.line3 	{
			border-bottom: 3px solid #b0e0e6; 
			margin: 15px 0px 20px 0px; /*--上右下左--*/
			
			}

p.line1 	{
			border-bottom: 1px dotted #b0e0e6; 
			margin: 15px 0px 20px 0px; /*--上右下左--*/
			
			}


.simple a:link		{
					color: #006666;
					text-decoration:  underline;
					}/*まだ見ていない、下線付き*/
.simple a:visited	{color: #336666;}/*既に見た*/
.simple a:hover		{
					color: #0066cc;
					text-decoration:  underline;/*カーソルが上にある時の色と下線表示*/
					}
.simple a:active	{color: #1e90ff;}/*リンクを選択した時*/

          
/* ------------------------------------------------------------------------------- */

/* ----- 本文下部の表示指定 */
          
          
.simple   /*フレームの指定*/
          {
          padding: 30px 1% 10px 1%;/*--左サイドバー画像余白、上右下左--*/
          line-height: 14px;
          text-align: left;
          border-left-style: dotted;
          border-left-color: #006666;
          border-width: 1px;
          }

.simple h1/* ----コースの紹介分のフォントとして使用中------ */
          {
          font-family: "HGP創英角ポップ体" , "ＤＦＰPOP体" ,  "ヒラギノ角ゴ ProN W6" , "HiraKakuProN-W6" , 
          "ヒラギノ角ゴ Pro W6" , "HiraKakuPro-W6" , "Comic Sans MS" , "Sans-Serif" ;
          font-size: 19px;
          line-height: 17px;
          text-align: center;
		  padding: 15px 0px 20px 0px; /*--上右下左--*/
          }

.simple h2/* ----コースの紹介分のフォントとして使用中------ */
          {
          font-family: "HGP創英角ポップ体" , "ＤＦＰPOP体" ,  "ヒラギノ角ゴ ProN W6" , "HiraKakuProN-W6" , 
          "ヒラギノ角ゴ Pro W6" , "HiraKakuPro-W6" , "Comic Sans MS" , "Sans-Serif" ;
          font-size: 16px;
          line-height: 16px;
		  padding: 10px 0px 10px 10px; /*--上右下左--*/
          }





.stage1 em 
		{
		font: inherit;
		font-weight: bold;
		font-size: 20px;
		}
.stage1 p
			{
			padding: 10px 0px 30px 10px; /*--上右下左--*/
			line-height: 150%;
			}
.stage1 h3
          {
          font-family:  'ヒラギノ角ゴ ProN' , 'ヒラギノ角ゴ Pro' , 'Hiragino Kaku Gothic Pro' , 'Hiragino Kaku Gothic ProN' ,
           'メイリオ' , 'Meiryo' , "ＭＳ Ｐゴシック" , "MS PGothic" , 'HiraKakuProN-W3' , 'TakaoExゴシック' , 
           'TakaoExGothic' , 'MotoyaLCedar' , 'Droid Sans Japanese' , 'sans-serif' ;
          font-size: 14px;
          line-height: 14px;
          text-align: center;
		  padding: 3px 0px 3px 0px; /*--上右下左--*/
          }

.stage1 h2
          {
          font-family: "HGP創英角ポップ体" , "ＤＦＰPOP体" ,  "ヒラギノ角ゴ ProN W6" , "HiraKakuProN-W6" , 
          "ヒラギノ角ゴ Pro W6" , "HiraKakuPro-W6" , "Comic Sans MS" , "Sans-Serif" ;
          font-size: 20px;
          color: #000099;
          text-align: center;
          line-height: 20px;
		  padding: 0px 0px 10px 10px; /*--上右下左--*/
          }
.stage1 h1
          {
          font-family: "HGP創英角ポップ体" , "ＤＦＰPOP体" ,  "ヒラギノ角ゴ ProN W6" , "HiraKakuProN-W6" , 
          "ヒラギノ角ゴ Pro W6" , "HiraKakuPro-W6" , "Comic Sans MS" , "Sans-Serif" ;
          font-size: 14px;
          line-height: 16px;
          color: #ff3300;
          font-style: italic;
          text-align: left;
		  padding: 3px 0px 3px 0px; /*--上右下左--*/
          }

/* -------------＝＝＝＝＝＝＝＝ココまで----＜各コースの説明＆写真ボタンの表示指定＞-----ココまで＝＝＝＝＝＝＝＝＝ */

.footer  /*Twitterボタン、TOPボタンの位置指定*/
			{
          font-size: 10px;
          text-align: right;
          line-height: 12px;
          padding: 50px 0px 5px; /*上　左右　下*/
          margin: 0px;
          clear: both;
          }


/* ------------------------------------------------------------------------------- */



/* ---------コース内容の最初の段落、コースタイトル、金額などの指定-------- */

.cl		{
		clear: both; /*横並びの解除*/
		width: 78%;
		}

.stage1
		{
		margin:0 auto;

		width: 90%
		}
		
.stage1 img
		{
        float: right;
        width: 150px;
        padding: 8px 10px 8px; /*上　左右　下*/
		}
		



/* --------stage2は1段目のみ使用　表の様なレイアウト指定----------- */
.stage2
		{
        float: left;
        width: 25%;
        }
.stage2 img
		{
        width: 160px; 
		margin:0 auto;
        padding: 8px 10px 8px; /*上　左右　下*/
		}

/* --------stage2-2は2段目以降に使用　表の様なレイアウト指定----------- */
.stage2-2
		{
		clear: both;
        float: left;
        width: 25%;
        }
.stage2-2 img
		{
        width: 160px; 
		margin:0 auto;
        padding: 8px 10px 8px; /*上　左右　下*/
		}

/* --------stage3は右側の説明文に使用　表の様なレイアウト指定----------- */
.stage3
		{
        float: right;
        width: 75%;
        line-height: 150%;
		}


.stage3 dd
          {
          list-style-position: inside;
          padding: 0px 50px 0px; /*上　左右　下*/
/*          line-height: 150%;
*/
          list-style-type: none;
          }




/* --------stage4はリストに三角のマークをつけるレイアウト指定----------- */

.stage4
		{
		clear: both;
		margin:0 auto;
		width: 95%
        padding: 8px 10px 40px; /*上　左右　下*/
		}
		

.stage4 ul
          {
          list-style-position: outside;
          list-style-image: url("../button/arrow002.gif");
          padding: 0px 50px 0px; /*上　左右　下*/
          margin: 0 0 0 1.5em;
          line-height: 150%;
          list-style-type: none;
          }


/* --------stage5はリストにマークを何もつけないレイアウト指定、h2の前に〇△マークがつく指定----------- */
.stage5
		{
        width: 95%;
        line-height: 150%;
		margin:0 auto;
        padding: 8px 10px 20px; /*上　左右　下*/
		}

.stage5 ul
          {
          list-style-position: inside;
          padding: 0px 50px 0px; /*上　左右　下*/
          line-height: 150%;
          list-style-type: none;
          }

.stage5 h2
          {
          font-family: "HGP創英角ポップ体" , "ＤＦＰPOP体" ,  "ヒラギノ角ゴ ProN W6" , "HiraKakuProN-W6" , 
          "ヒラギノ角ゴ Pro W6" , "HiraKakuPro-W6" , "Comic Sans MS" , "Sans-Serif" ;
          font-size: 16px;
          line-height: 16px;
		  padding: 10px 0px 10px 10px; /*--上右下左--*/
		  background-image: url("../button/arrow003.gif");
	      background-repeat: no-repeat;
	      background-position: left center;
          margin: 10px 0 0 10px; /*--上右下左--*/
          }

.stage5 p
			{
			padding: 8px 20px 30px 20px; /*--上右下左--*/
			}
.stage5 img
		{
        float: right;
        width: 200px;
        padding: 8px 10px 8px; /*上　左右　下*/
		}


		

/* --------stagep-1は料金表　1段目画像のみ使用　表の様なレイアウト指定----------- */
.stagep-1
		{
        float: left;
        width: 35%;
        }
.stagep-1 img
		{
        width: 220px; 
		margin:0 auto;
        padding: 8px 10px 8px; /*上　左右　下*/
		}
.stagep-1 h1
          {
          font-family: "HGP創英角ポップ体" , "ＤＦＰPOP体" ,  "ヒラギノ角ゴ ProN W6" , "HiraKakuProN-W6" , 
          "ヒラギノ角ゴ Pro W6" , "HiraKakuPro-W6" , "Comic Sans MS" , "Sans-Serif" ;
          font-size: 16px;
          line-height: 16px;
		  padding: 10px 0px 10px 10px; /*--上右下左--*/
          text-align: left;
          }


/* --------stagep-2は料金表　2段目以降画像のみに使用　表の様なレイアウト指定----------- */
.stagep-2
		{
		clear: both;
        float: left;
        width: 35%;
        }
.stagep-2 img
		{
        width: 220px; 
		margin:0 auto;
        padding: 8px 8px 8px; /*上　左右　下*/
		}

/* --------stagep-3は料金表、画像の右側　料金の表組みに使用　表の様なレイアウト指定----------- */
.stagep-3
		{
        float: right;
        width: 65%;
/*        line-height: 200%;*/
		}

.stagep-3 table
		{
		width: 96%;
		table-layout: auto;
		margin:0 auto;
          cellspacing: 20px;
/*          cellpadding: 1px 0px 10px 0px;*/  /*--上右下左--*/
          
		}

.stagep-3 td#p3
		{
		width: 10%
		}

.stagep-3 td 
		{
		font-size: 98%;
		padding: 0.3em;
		border-bottom: 2px #b0e0e6 dotted;
		}

.stagep-3 h2
          {
          font-family:  'ヒラギノ角ゴ ProN' , 'ヒラギノ角ゴ Pro' , 'Hiragino Kaku Gothic Pro' , 'Hiragino Kaku Gothic ProN' , 'メイリオ' , 'Meiryo' , "ＭＳ Ｐゴシック" , "MS PGothic" , 'HiraKakuProN-W3' , 'TakaoExゴシック' , 'TakaoExGothic' , 'MotoyaLCedar' , 'Droid Sans Japanese' , 'sans-serif' ;
          font-size: 14px;
          text-align: center;
		  padding: 3px 0px 3px 0px; /*--上右下左--*/
          }

.stagep-3 h3
          {
          font-size: 100%;
          text-align: center;
		  padding: 3px 0px 3px 0px; /*--上右下左--*/
          }