/*---------------------------------------------------
プランページだけの#container(左のメニューがある)
-----------------------------------------------------*/
.plan#container{
          background : #ffffff url(../plan/images/bg_pagearea3.gif) repeat-y;
}

/*---------------------------------------------------
PageArea
-----------------------------------------------------*/

#pageArea{
    overflow: hidden;
    text-align:left;
}

#pageArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #pageArea {
    height: 1em;
    overflow: visible;
}
/**/

/*---------------------------------------------------
メインイメージ
-----------------------------------------------------*/
#imageArea{
	margin:0 auto;
	padding:0;
	width: 750px;
}

/*---------------------------------------------------
夏の特典用
-----------------------------------------------------*/

.pankuzu{
          margin:0px;
          padding-left:15px;
          padding-top:3px;
          padding-bottom:3px;
          color:white;
          border:2px solid;
          border-color : #ffffff;
          background-image : url(../images/pankuzu.gif);background-repeat : repeat-x;
          text-align:left;
          background-color:#5F3EBE;
}

.pankuzu A:link { COLOR: white; text-decoration:underline! important;}
.pankuzu A:visited { COLOR: orange; text-decoration:underline! important;}
.pankuzu A:hover { COLOR: #BFBEFF; text-decoration:underline! important;}
.pankuzu A:active { COLOR: #BFBEFF; text-decoration:underline! important;}

.crui{
          font-size:16px;
          margin:0;
          padding-left:20px;
          padding-top:10px;
          padding-right:20px;
          padding-bottom:5px;
          text-align:left;
          color:#ff0000;
}

.cruise{
          font-size:16px;
          margin:0;
          padding-left:20px;
          padding-top:5px;
          padding-right:20px;
          padding-bottom:5px;
          text-align:left;
}

.cruisen{
          font-size:16px;
          margin:0;
          padding-left:6px;
          padding-top:0px;
          padding-right:0px;
          padding-bottom:2px;
          text-align:left;
}



.cruisein{
          font-size:14px;
          margin:0;
          padding-left:35px;
          padding-top:5px;
          padding-right:30px;
          padding-bottom:5px;
          text-align:left;
}

.cruiseh{
          font-size:13px;
          margin:0;
          padding-left:7px;
          padding-top:5px;
          padding-right:7px;
          padding-bottom:5px;
}

.cruiset{
          font-size:14px;
          margin:0;
          padding-left:7px;
          padding-top:5px;
          padding-right:7px;
          padding-bottom:5px;
          text-align:left;
}

/*---------------------------------------------------
プラン内フォント
-----------------------------------------------------*/

.fontRed{
          color:#cc0000;
          font-weight:bold;
}

.fontRedR{
          color:#ff0000;
}

.fontB{
          color:#0000ff;
}

.fontped{
          color:#FF3366;
          font-weight:bold;
}

.fontBold{
           font-weight:bold;
}
.boxRed{
           width:98%;
           padding:2px;
           border:1px solid #c40026;
           margin:5px 10px 5px 3px;
}
.col-yel{
          color:yellow;
}


/*---------------------------------------------------
左のメニュー
-----------------------------------------------------*/
#leftMenu{
     width:160px;
     float:left;
     margin;0;
     padding:0;
}


/*左のメニュー・プランの移動
-------------------------------------*/
#leftMenu h4#child a 
{
background-image: url(../plan/images/over/bt_child.gif);
}
#leftMenu h4#tokuten a{
background-image: url(../plan/images/over/bt_tokuten.gif);
}
#leftMenu h4#yoyaku a {
background-image: url(../images/goyoyaku_yoko.gif);
}

#leftMenu h4#kusitu a {
background-image: url(../plan/images/over/bt_kusitu.gif);
}

#leftMenu h4#kankou a {
background-image: url(../plan/images/over/bt_kankou.gif);
}

#leftMenu h4#ganban a {
background-image: url(../plan/images/over/bt_ganban.gif);
}
#leftMenu h4#ganban{
 padding-top:10px;
 }

#leftMenu h4#esthe a {
background-image: url(../plan/images/over/bt_esthe.gif);
}
#leftMenu h4#esthe{
 padding-top:15px;
 }

#leftMenu h4.toku{
          width: 160px;
          height: 36px;
          padding-bottom:10px;
}

#leftMenu h4.other{
          width: 160px;
          height: 80px;
}

/*-------------------------------------
カレントプラン内のコースの移動
-------------------------------------*/
#leftMenu h3{
     text-align:center;
     font-weight:bold;
     display:block;
     margin:0;
     font-size:16px;
     color:#fff;
     padding:7px 5px 0px 10px;
     background-color:#8B6AB8;
     line-height:120%;
}
.sub{
     font-size:10px;
     color:white;
     line-height:100%;
}

.current{
          width:150px;
          margin:3px 5px;
          padding:0;
          }


.current ul{
          margin:0;
          padding:0;
          list-style:none;
          }


.current li{
          padding:3px 0 3px 16px;
          margin:0px;
          line-height:130%;
          border-bottom: 1px dotted #9A8DCF;
          background:url(../plan/images/icn1.gif) no-repeat;
          background-color:#D4C8F4;
}
.current li.last{
          border-bottom:2px groove #9A8DCF;
          padding-bottom:5px;
}


/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
-------------------------------- */
#leftMenu h4.toku,
#leftMenu h4.toku a{
          display: block;
          width: 160px;
          height: 36px;
          background-repeat: no-repeat;
          text-decoration: none;
          text-indent:-999px;
}
#leftMenu h4.other,
#leftMenu h4.other a 
{
          display: block;
          width: 160px;
          height: 90px;
          background-repeat: no-repeat;
          text-decoration: none;
          text-indent:-999px;
}

/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオン、現在地を
左右につないだもの。横幅は480px。
-------------------------------- */
#kondate{
          display: block;
          width: 160px;
          height: 20px;
}


/* マウスオンすると重なった160px右の画像が出てきます
-------------------------------- */
#leftMenu h4 a:hover{
background-position: -160px 0px;
}
/* ここまでmenu部分
-------------------------------- */


/*右側の内容部分*/
#alpha{
     width:590px;
     float:left;
     text-align:center;
     margin:0 auto;
     padding:0;
}

#alpha a,
#alpha a:visited{
         text-decoration:underline;
         color:#2b499b;
}

#alpha a:hover,
#alpha a:active{
         color:#9b2b38;
         text-decotation:none;
}

#alpha hr{
     display:none;
}
.itamaeArea{
     width:260px;
     float:left;
}
.commentArea{
     float:right;
     width:330px;
     text-align:left;
}
.commentArea p{
    padding:5px 3px 3px 3px;
    line-height:150%;
    margin-bottom:5px;
}


/*カニのうんちくエリア*/
.kaniArea{
     width:310px;
     float:left;
     text-align:left;
     background-color:white;
}
.kanicommentArea{
     float:right;
     width:440px;
     text-align:left;
}
.kanicommentArea p{
    padding:3px 3px 3px 3px;
    line-height:150%;
    margin-bottom:5px;
}
.kanititle{
    text-align:center;
    padding:1px;
    font-size:10px;
    line-height:100%;
    background-color:#333;
    color:white;
    width:80px;
    margin:0;
  }

/*---------------------------------------------------
コース
-----------------------------------------------------*/
#courseArea{
          clear:both;
          width:566px;
          padding:0;
          text-align:left;
          margin:0px auto 10px auto;
}

.entry{
           margin-bottom:15px;
              width:566px;
}
.entry p{
    margin:5px 0;
}

/*料金テーブルのスタイル*/
.entry table,
.tokubetsu table,
.child table{
           clear:both;
           width:100%;
           font-size:90%;
           border-spacing: 1px;
}

.entry caption,
.tokubetsu caption{
          font-size:0.8em;
          text-align:left;
          color:#990000;
}
.entry tr{
           text-align:center;
}
.entry th{
           width:25%;
           color:#990000;
           background-color:#D0AD8D;
           padding:3px;
}
.entry td{
           width:25%;
           color:#333;
           background-color:#D0CA8E;
           padding:3px;
}

.tokubetsu th{
           color:#990000;
           background-color:#D0AD8D;
           padding:3px;
}
.tokubetsu th.toku_cource{
           color:#333;
           background-color:#c8b57b;
           padding:3px;
}
.tokubetsu td{
           color:#333;
           background-color:#D0CA8E;
           padding:3px;
}



/*注意書きと予約ボタンのスタイル*/
.caution{
          margin-top:5px;
          width:405px;
          float:left;
}

.yoyaku{
          margin-top:5px;
          width:150px;
          float:right;
}

.caution ul{
          padding:0;
          margin:0;
}

.caution li{
          list-style:inside;
}


#utageArea,#childArea{
    width:565px;
    margin:10px auto;
    text-align:center;
    padding:0;
}

#childArea caption{
    clear:both;
    width:100%;
    font-size:0.9em;
    border-spacing: 1px;
}
#childArea table{
    clear:both;
    width:100%;
    font-size:0.9em;
    border-spacing: 1px;
}
#childArea caption{
    text-align:left;
    color:#990000;
　　font-size:0.85em;
}
#childArea th{
　　text-align:left;
    background-color:#D0AD8D;
    padding:3px;
　　width:70%;
}
#childArea td{
    background-color:#D0CA8E;
    padding:3px;
　　width:30%;
    text-align:center;
}
/*こども↑*/
.utage table{
    float:right;;
    width:230px;
    font-size:1em;
    border-spacing: 1px;
}

/*回り込み*/
.img_L{
float:left;
padding-right:5px;
}


/*渡月の*/
#moveArea{
margin:5px;}

/*---------------------------------------------------
こどものページ
-----------------------------------------------------*/
.child h4{
          margin:10px 0;
          font-size:14px;
          color:#fff;
          padding:5px;
          background-color:#009453;
}

.child ul,
.child li{
          list-style:none;
}



/*---------------------------------------------------
特集間の移動
-----------------------------------------------------*/

.special{
          margin:15px auto 5px auto;
          padding:5px 0;
          width:146px;
}

#back_white{
	background-color: #FFFFFF;
}
#back_white p{
    line-height:150%;
    margin-bottom:5px;
 }
#back_white table{
	margin-bottom: 7px;
	font-size:75%;
	color:#333333;
	line-height:130%;
}
#back_white .blockquote{
	font-size:80%;
	color:#333333;
	border: 1px solid #010180;
	margin-top: 10px;
	width: 720px;
	margin-left: 15px;
}
#back_white .blockquote a,
#back_white .blockquote a:visited{
         text-decoration:underline;
         color:#9b2b38;
}

#back_white .blockquote a:hover,
#back_white .blockquote a:active{
         color:#9b2b38;
         text-decotation:none;
}
#back_white ul{
	font-size:90%;
	color:#333333;
	float: left;
	text-align: left;
	list-style-type: none;
	margin: 5px 0px;
	padding: 0px 0px 5px 10px;
	background-color: #FFFFFF;
}
.clear{
	clear: both;
}


/*---------------------------------------------------
求人情報
-----------------------------------------------------*/
.rec_table {
border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width:1px;
color:#333333;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:554px;
}
.rec_table th {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#f5e1fa;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
border-collapse:collapse;
font-weight:normal;
text-align:left;
text-indent:10px;
vertical-align:middle;
width:140px;
}
.rec_table th span {
color:#FB0101;
font-size:100%;
}
.rec_table td {
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
text-align:left;
width:404px;
}
.rec_table input, textarea {
font-size:100%;
line-height:1.5em;
}