@charset "shift_jis";
/********************************************************
�¡CSS file For �yC-Cruise�z
	FileName: plan.css
	data:2008/11/21 Yuichi Koma
�¡“K—pƒtƒ@ƒCƒ‹==========================================
/party_plan.html/,/plan_wedding.html/,//,//,//
********************************************************/

/*------------------------------------
�¡PropertyReset & CommonStyle
-------------------------------------*/
/***PropertyReset***/
img	{ border: 0px; }
.clear	{ clear: both; font-size: 0px; line-height: 0px; height: 0px; }

/***CommonStyle***/
.panLink{ width: 560px; display: block; font-size: 12px; line-height: 18px; padding: 0px 0px 10px 10px; }
.topBack{ background: url(/images/plan/topback.gif) no-repeat; padding: 0px 0px 0px 20px; font-size: 12px; display: block; float: right; margin-top: 15px; }

/*------------------------------------
�¡contentsBoxTop
-------------------------------------*/
/*** party_plan.html ***/
div.contentsBoxTop		{ width: 580px; padding: 10px 90px; }
div.contentsBoxTop .conceptBox	{ background: url(/images/plan/concept_bg.jpg) no-repeat; width: 580px; margin: 0px auto; font-size: 12px; line-height: 18px; padding: 37px 0px 25px 38px; }
div.contentsBoxTop .planBox	{ width: 580px; display: block; padding: 5px 0px 0px; }

div.contentsBoxTop .planBox .plan01		{ background: url(/images/plan/plan01_textbox.jpg) no-repeat bottom; width: 270px; height: 210px; display: block; float: left; padding: 10px 10px 0px; }
div.contentsBoxTop .planBox .plan01 h4		{ width: 270px; height: 110px; display: block; margin: 0px; }
div.contentsBoxTop .planBox .plan01 .detailBt	{ width: 270px; height: 34px; display: block; }
div.contentsBoxTop .planBox .plan01 p		{ width: 255px; margin: 0px; font-size: 12px; line-height: 18px; padding: 5px 0px 5px 12px; }
/*** Safari hack ***/
html[xmlns*=""] body:last-child div.contentsBoxTop .planBox .plan01 p { font-size: 11px; }

div.contentsBoxTop .planBox .plan02		{ background: url(/images/plan/plan02_textbox.jpg) no-repeat bottom; width: 270px; height: 210px; display: block; float: left; padding: 10px 10px 0px; }
div.contentsBoxTop .planBox .plan02 h4		{ width: 270px; height: 110px; display: block; margin: 0px; }
div.contentsBoxTop .planBox .plan02 .detailBt	{ width: 270px; height: 34px; display: block; }
div.contentsBoxTop .planBox .plan02 p		{ width: 255px; margin: 0px; font-size: 12px; line-height: 18px; padding: 5px 0px 5px 12px; }
/*** Safari hack ***/
html[xmlns*=""] body:last-child div.contentsBoxTop .planBox .plan02 p { font-size: 11px; }

div.contentsBoxTop .planBox .plan03		{ background: url(/images/plan/plan03_textbox.jpg) no-repeat bottom; width: 270px; height: 176px; display: block; float: left; padding: 20px 10px 0px; }
div.contentsBoxTop .planBox .plan03 h4		{ width: 270px; height: 40px; display: block; margin: 0px; }
div.contentsBoxTop .planBox .plan03 .detailBt	{ width: 270px; height: 34px; display: block; }
div.contentsBoxTop .planBox .plan03 p		{ width: 255px; margin: 0px; font-size: 12px; line-height: 18px; padding: 5px 0px 5px 12px; }
/*** Safari hack ***/
html[xmlns*=""] body:last-child div.contentsBoxTop .planBox .plan03 p { font-size: 11px; }

div.contentsBoxTop .planBox .plan04		{ background: url(/images/plan/plan04_textbox.jpg) no-repeat bottom; width: 270px; height: 176px; display: block; float: left; padding: 20px 10px 0px; }
div.contentsBoxTop .planBox .plan04 h4		{ width: 270px; height: 40px; display: block; margin: 0px; }
div.contentsBoxTop .planBox .plan04 .detailBt	{ width: 270px; height: 34px; display: block; }
div.contentsBoxTop .planBox .plan04 p		{ width: 255px; margin: 0px; font-size: 12px; line-height: 18px; padding: 5px 0px 5px 12px; }
/*** Safari hack ***/
html[xmlns*=""] body:last-child div.contentsBoxTop .planBox .plan04 p { font-size: 11px; }



/*------------------------------------
�¡contentsBox default
-------------------------------------*/
div.contentsBox			{ width: 760px; padding: 10px 30px; }
div.contentsBox ul.planNavi	{ margin: 0px; padding: 40px 0px 0px; }
div.contentsBox ul.planNavi li	{ margin: 0px; padding: 0px; width: 175px; height: 18px; display: block; float: left; }

/*------------------------------------
�¡weddingPlan
-------------------------------------*/
div.weddingPlan .planTitle	{ width: 700px; height: 212px; display: block; padding: 10px 0px 0px; }
div.weddingPlan .planTitle h4	{ width: 350px; height: 212px; display: block; float: left; }
div.weddingPlan .planTitle .leftBox	{ width: 350px; height: 212px; display: block; float: right; }
div.weddingPlan .planTitle .leftBox .linkBox	{ background: url(/images/plan/img_wedding_002.jpg) no-repeat; width: 350px; height: 43px; padding: 0px 0px 0px 26px; }

div.weddingPlan .underText	{ clear: both; width: 700px; padding: 10px 0px 10px 40px; }
div.weddingPlan .underText p	{ font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 5px; }
div.weddingPlan .underText ul.linkBnr		{ height: 26px; margin: 0px; padding: 0px; }
div.weddingPlan .underText ul.linkBnr li	{ width: 328px; height: 26px; display: block; float: left; list-style: none; }

div.weddingPlan .linkText	{ width: 700px; margin: 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; padding: 2px 0px 5px; }
div.weddingPlan .linkText ul	{ margin: 0px auto; padding: 0px; width: 580px; }
div.weddingPlan .linkText li	{ background: url(/images/plan/pt_wedding_001.gif) no-repeat; padding: 0px 0px 0px 20px; display: block; float: left; text-align: left; }
div.weddingPlan .linkText li.pd	{ padding: 0px 50px 0px 20px; }
div.weddingPlan .linkText li a	{ font-size: 12px; font-weight: bold; color: #000066; }

html:first-child div.weddingPlan .linkText ul	{ margin: 0px auto; padding: 0px; width: 600px; }
html:first-child div.weddingPlan .linkText li	{ background: url(/images/plan/pt_wedding_001.gif) no-repeat; padding: 0px 0px 0px 20px; display: block; float: left; text-align: left; }
html:first-child div.weddingPlan .linkText li.pd	{ padding: 0px 0px 0px 20px; }

*:first-child+html div.weddingPlan .linkText ul	{ margin: 0px auto; padding: 0px; width: 600px; }
*:first-child+html div.weddingPlan .linkText li	{ background: url(/images/plan/pt_wedding_001.gif) no-repeat; padding: 0px 0px 0px 20px; display: block; float: left; text-align: left; }
*:first-child+html div.weddingPlan .linkText li.pd	{ padding: 0px 0px 0px 20px; }


/*** MenuList ***/
div.weddingPlan .menuList	{ clear: both; width: 700px; padding: 20px 0px; }
div.weddingPlan .menuList h4		{ width: 700px; height: 25px; display: block; margin: 0px; padding: 0px; }
div.weddingPlan .menuList .listImage	{ width: 430px; height: 624px; display: block; float: left; padding: 20px 0px 0px; }
div.weddingPlan .menuList .rightBox	{ width: 260px; height: 624px; display: block; float: right; padding: 20px 0px 0px; }
div.weddingPlan .menuList .rightBox p	{ width: 260px; padding: 18px 0px; margin: 0px; font-size: 12px; line-height: 18px; }
div.weddingPlan .menuList .rightBox .image	{ width: 260px; height: 111px; display: block; }

/*** PlanImage ***/
div.weddingPlan .planImage	{ clear: both; width: 700px; padding: 20px 0px; }
div.weddingPlan .planImage h4		{ width: 700px; height: 25px; display: block; }
div.weddingPlan .planImage .conLeft	{ width: 300px; display: block; float: left; padding: 20px 0px 0px; }
div.weddingPlan .planImage .conLeft .dataBox	{ width: 145px; display: block; float: left; font-size: 12px; line-height: 18px; padding: 0px 5px 25px 0px; }
div.weddingPlan .planImage .conLeft .btmBox	{ width: 290px; display: block; font-size: 12px; line-height: 18px; padding: 0px 5px 25px 0px; }

div.weddingPlan .planImage .conRight	{ width: 400px; display: block; float: right; padding: 20px 0px 0px; }
div.weddingPlan .planImage .conRight h5		{ width: 400px; height: 28px; display: block; margin: 0px; padding: 0px; }
div.weddingPlan .planImage .conRight .tabBox		{ background: url(/images/plan/img_wedding_sample.gif) no-repeat; width: 400px; height: 902 display: block; padding: 0px 0px 0px 30px; }
div.weddingPlan .planImgge .conRight .tabBox table	{ width: 345px; line-height: 18px; }
div.weddingPlan .planImage .conRight .tabBox th		{ width: 50px; font-size: 14px; line-height: 18px; color: #C60; padding: 8px 0px; vertical-align: top; }
div.weddingPlan .planImage .conRight .tabBox td		{ width: 150px; font-size: 12px; line-height: 18px; color: #333; padding: 8px 0px 8px 0px; vertical-align: top; }
div.weddingPlan .planImage .conRight .tabBox td.color	{ width: 138px; font-size: 12px; line-height: 18px; color: #006; padding: 8px 0px 8px 8px; vertical-align: top; }
div.weddingPlan .planImage .conRight .bottom		{ width: 400px; height: 30px; display: block; }

/*** MenuOption ***/
div.weddingPlan .menuOption	{ clear: both; width: 700px; padding: 20px 0px; }
div.weddingPlan .menuOption .padd	{ padding: 30px 0px 0px 90px; }
div.weddingPlan .menuOption .optionBox	{ background: url(/images/plan/img_wedding_010.jpg) no-repeat; width: 513px; height: 191px; padding: 45px 0px 0px 185px; }
div.weddingPlan .menuOption .optionBox p{ width: 265px; font-size: 12px; display: block; margin: 0px; }


/*------------------------------------
�¡afterPlan20
-------------------------------------*/
div.afterPlan20 .planTitle	{ width: 700px; height: 212px; display: block; padding: 10px 0px 0px; position: relative; }
div.afterPlan20 .planTitle h4			{ width: 300px; height: 207px; display: block; float: left; }
div.afterPlan20 .planTitle .leftBox		{ background: url(/images/plan/img_20plan_001.jpg) no-repeat; width: 400px; height: 207px; display: block; float: right; }
div.afterPlan20 .planTitle .leftBox p		{ font-size: 12px; line-height: 18px; padding: 35px 10px 0px 2px; margin: 0px; }
html[xmlns*=""] body:last-child div.afterPlan20 .planTitle .leftBox p		{ letter-spacing: -1px; }
div.afterPlan20 .planTitle .leftBox .linkBox	{ width: 293px; height: 26px; padding: 15px 0px 0px 42px; position: absolute; top: 153px; right: 65px; }

div.afterPlan20 .underText	{ clear: both; width: 680px; padding: 10px 0px 30px 50px; }
div.afterPlan20 .underText p		{ width: 290px; display: block; float: left; font-size: 12px; line-height: 18px; margin: 0px; padding: 5px 0px 5px; }
div.afterPlan20 .underText ul.linkList		{ width: 320px; margin: 0px; display: block; float: left; padding: 0px 0px 0px 20px; }
div.afterPlan20 .underText ul.linkList li	{ background: url(/images/plan/dot_20plan_001.gif) repeat-x bottom; width: 320px; font-size: 12px; line-height: 18px; font-weight: bold; padding: 5px; list-style: none; }
div.afterPlan20 .underText ul.linkList li a	{ background: url(/images/plan/pt_20plan_001.gif) no-repeat; padding: 0px 10px 0px 15px; font-weight: normal; }

div.afterPlan20 .linkText	{ width: 700px; margin: 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; padding: 2px 0px 5px; }
div.afterPlan20 .linkText ul		{ margin: 0px auto; padding: 0px; width: 430px; }
div.afterPlan20 .linkText li		{ background: url(/images/plan/pt_wedding_001.gif) no-repeat; padding: 0px 0px 0px 20px; display: block; float: left; text-align: left; }
div.afterPlan20 .linkText li.pd		{ padding: 0px 50px 0px 20px; }
div.afterPlan20 .linkText li a		{ font-size: 12px; font-weight: bold; color: #000066; }

div.afterPlan20 .linkManager	{ width: 700px; height: 17px; display: block; text-align: right; padding: 5px 0px 0px; }

/*** MenuList ***/
div.afterPlan20 .menuList	{ clear: both; width: 700px; padding: 10px 0px 20px; }
div.afterPlan20 .menuList h4		{ width: 700px; height: 25px; display: block; margin: 0px; padding: 0px; }
div.afterPlan20 .menuList .listImage	{ width: 430px; height: 624px; display: block; float: left; padding: 20px 0px 0px; }
div.afterPlan20 .menuList .rightBox	{ width: 260px; height: 624px; display: block; float: right; padding: 20px 0px 0px; }
div.afterPlan20 .menuList .rightBox p	{ width: 260px; padding: 15px 0px; margin: 0px; font-size: 12px; line-height: 18px; }
div.afterPlan20 .menuList .rightBox .image	{ width: 260px; height: 111px; display: block; }

/*** MenuOption ***/
div.afterPlan20 .menuOption	{ clear: both; width: 700px; padding: 20px 0px; }
div.afterPlan20 .menuOption .padd	{ padding: 30px 0px 0px 90px; }
div.afterPlan20 .menuOption .optionBox	{ background: url(/images/plan/img_20plan_004.jpg) no-repeat; width: 513px; height: 191px; padding: 40px 0px 0px 185px; }
div.afterPlan20 .menuOption .optionBox p{ width: 265px; font-size: 12px; display: block; margin: 0px; }


/*------------------------------------
�¡afterPlan15
-------------------------------------*/
div.afterPlan15 .planTitle	{ width: 700px; height: 136px; display: block; padding: 10px 0px 0px; }
div.afterPlan15 .planTitle h4		{ width: 350px; height: 136px; display: block; float: left; }
div.afterPlan15 .planTitle .leftBox	{ background: url(/images/plan/img_15plan_001.jpg) no-repeat; width: 345px; height: 136px; display: block; float: right; font-size: 12px; line-height: 18px; }
div.afterPlan15 .planTitle .leftBox p	{ padding: 32px 10px 0px 0px; margin: 0px; }

/*** OnePoint ***/
div.afterPlan15 .onePoint	{ clear: both; width: 620px; display: block; padding: 15px 0px 25px 0px; margin-left: 40px; }
div.afterPlan15 .onePoint h5	{ width: 170px; height: 26px; display: block; margin: 0px; padding: 0px; }
div.afterPlan15 .onePoint p	{ font-size: 12px; line-height: 18px; padding: 10px 3px 0px; margin: 0px; }

/*** TypeBox ***/
div.afterPlan15 .typeBox	{ background: url(/images/plan/box_15plan_001.gif) no-repeat; width: 620px; height: 265px; margin-left: 40px; }
div.afterPlan15 .typeBox .padd		{ padding: 18px 15px 0px 55px; }
div.afterPlan15 .typeBox .dataBox	{ border-bottom: 1px solid #CCC; height: 105px; }
div.afterPlan15 .typeBox .dataBox2	{ padding: 18px 0px 0px; height: 100px; }
div.afterPlan15 .typeBox .icon		{ width: 101px; height: 84px; display: block; float: left; padding: 0px 5px 0px 0px; }
div.afterPlan15 .typeBox .detailData	{ width: 432px; display: block; float: left; padding: 0px; }
div.afterPlan15 .typeBox .detailData .cap	{ width: 432px; height: 25px; }
div.afterPlan15 .typeBox .detailData p		{ font-size: 12px; line-height: 18px; padding: 10px 15px 0px 15px; margin: 0px; }
div.afterPlan15 .typeBox .detailData p span	{ color: #663300; }

/*** MenuList ***/
div.afterPlan15 .menuList	{ clear: both; width: 700px; padding: 40px 0px 20px; }
div.afterPlan15 .menuList h4		{ width: 700px; height: 25px; display: block; margin: 0px; padding: 0px; }
div.afterPlan15 .menuList .listImage	{ width: 430px; height: 624px; display: block; float: left; padding: 20px 0px 0px; }
div.afterPlan15 .menuList .rightBox	{ width: 260px; height: 624px; display: block; float: right; padding: 20px 0px 0px; }
div.afterPlan15 .menuList .rightBox p	{ width: 260px; padding: 18px 0px; margin: 0px; font-size: 12px; line-height: 18px; }
div.afterPlan15 .menuList .rightBox .image	{ width: 260px; height: 111px; display: block; }

/*** AboutShip ***/
div.afterPlan15 .aboutShip	{ width: 660px; display: block; padding: 20px 0px 0px 40px; }
div.afterPlan15 .aboutShip h5		{ width: 620px; height: 35px; display: block; margin: 0px; padding: 0px; }
div.afterPlan15 .aboutShip p		{ width: 300px; display: block; float: left; font-size: 12px; line-height: 18px; margin: 0px; padding: 25px 0px 0px 20px; }
div.afterPlan15 .aboutShip .image	{ width: 290px; height: 130px; display: block; float: right; padding: 0px 20px 0px 0px; }


/*------------------------------------
�¡otherPlan
-------------------------------------*/
div.otherPlan .planTitle	{ width: 700px; height: 275px; display: block; padding: 10px 0px 0px; }
div.otherPlan .planTitle h4			{ width: 355px; height: 275px; display: block; float: left; }
div.otherPlan .planTitle .leftBox		{ width: 330px; height: 275px; display: block; float: right; }
div.otherPlan .planTitle .leftBox p		{ font-size: 12px; line-height: 18px; padding: 20px 10px 0px 2px; margin: 0px; }
div.otherPlan .planTitle .leftBox p a		{ font-weight: bold; color: #006; }
div.otherPlan .planTitle .leftBox .justDay	{ width: 298px; height: 108px; display: block; padding: 10px 0px 0px 10px; }
div.otherPlan .planTitle .leftBox .justDay h5	{ width: 298px; height: 22px; display: block; margin: 0px; padding: 0px; }
div.otherPlan .planTitle .leftBox .justDay .dataBox	{ background: url(/images/plan/img_other_001.gif) no-repeat; width: 298px; height: 86px; padding: 0px 0px 0px 25px; }
div.otherPlan .planTitle .leftBox .justDay .dataBox ul	{ margin: 0px; padding: 5px 0px 0px 0px; }
div.otherPlan .planTitle .leftBox .justDay .dataBox li	{ background: url(/images/plan/pt_20plan_001.gif) no-repeat; width: 120px; margin: 0px; padding: 0px 0px 0px 15px; display: block; float: left; font-size: 12px; line-height: 14px; list-style: none; }

div.otherPlan .underText	{ clear: both; width: 680px; padding: 10px 0px 30px 50px; }
div.otherPlan .underText p			{ width: 305px; display: block; float: left; font-size: 12px; line-height: 18px; margin: 0px; padding: 5px 0px 5px; }
div.otherPlan .underText ul.linkList		{ width: 320px; margin: 0px; display: block; float: left; padding: 0px 0px 0px 20px; }
div.otherPlan .underText ul.linkList li		{ background: url(/images/plan/dot_20plan_001.gif) repeat-x bottom; width: 300px; font-size: 12px; line-height: 18px; font-weight: bold; padding: 5px; list-style: none; }
div.otherPlan .underText ul.linkList li a	{ background: url(/images/plan/pt_20plan_001.gif) no-repeat; padding: 0px 10px 0px 15px; font-weight: normal; }

div.otherPlan .linkText		{ width: 700px; margin: 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; padding: 2px 0px 5px; }
div.otherPlan .linkText ul		{ margin: 0px auto; padding: 0px; width: 400px; }
div.otherPlan .linkText li		{ background: url(/images/plan/pt_wedding_001.gif) no-repeat; padding: 0px 0px 0px 20px; display: block; float: left; text-align: left; }
div.otherPlan .linkText li.pd		{ padding: 0px 50px 0px 20px; }
div.otherPlan .linkText li a		{ font-size: 12px; font-weight: bold; color: #000066; }

div.otherPlan .linkManager	{ width: 700px; height: 17px; display: block; text-align: right; padding: 5px 0px 0px; }

/*** MenuList ***/
div.otherPlan .menuList		{ clear: both; width: 700px; padding: 40px 0px 20px; }
div.otherPlan .menuList h4		{ width: 700px; height: 25px; display: block; margin: 0px; padding: 0px; }
div.otherPlan .menuList .listImage	{ width: 430px; height: 624px; display: block; float: left; padding: 20px 0px 0px; }
div.otherPlan .menuList .rightBox	{ width: 260px; height: 624px; display: block; float: right; padding: 20px 0px 0px; }
div.otherPlan .menuList .rightBox p	{ width: 260px; padding: 15px 0px; margin: 0px; font-size: 12px; line-height: 18px; }
div.otherPlan .menuList .rightBox .image{ width: 260px; height: 111px; display: block; }

/*** BnrBox ***/
div.otherPlan .bnrBox	{ width: 597px; height: 233px; padding: 35px 0px 0px 50px; }
div.otherPlan .bnrBox h5	{ width: 597px; height: 49px; display: block; margin: 0px; padding: 0px; }
div.otherPlan .bnrBox .dataBox	{ background: url(/images/plan/img_other_003.gif) no-repeat; width: 597px; height: 184px; }
div.otherPlan .bnrBox .dataBox .detail	{ clear: both; width: 580px; padding: 13px 0px 0px 10px; display: block; }
div.otherPlan .bnrBox .dataBox .detail .bnrData	{ width: 283px; height: 71px; display: block; float: left; }
div.otherPlan .bnrBox .dataBox .detail .textData{ width: 285px; font-size: 12px; line-height: 18px; display: block; float: left; }
div.otherPlan .bnrBox .dataBox .detail .textData strong	{ display: block; color: #006; }