@charset "utf-8";
/* ================================
   w-stays.com 
   /party/css/index.css
================================== */
@import url("/common/css/subpage.css");
@import url("/common/css/eventbox.css");

/*   plan
===================================================================  */
#planBtn {
	width: 700px;
	overflow: hidden;
	margin: 29px 0 0 0;
}

#planBtn a img {
	float: left;
}

#planBtn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#planBtn a img.odd {
	margin-right: 10px;
}


/*   #partyProgress
===================================================================  */
#progress .asBox01 {
	overflow: hidden;
	margin: 20px 0 20px 0;
}

#progress .asBox01 img {
	float: left;
	margin-left: 5px;
}

#progress .asBox01 h2 {
	float: right;
	padding-bottom: 5px;
	width: 445px;
	color: #b01f00;
	font-weight: bold;
}

#progress .asBox01 p {
	float: right;
	width: 450px;
	line-height: 1.3;
}
*html #progress .asBox01 p {
	width: 363px;
}

.pgBox01 {
	padding-left: 80px;
	margin: 50px 0 30px 0;
	clear: both;
}

.pgBox01 a {
	color: #FF3300;
}

.pgBox01 p {
	padding-top: 10px;
	line-height: 1.6;
}

#progress .next01 {
	background: url(../img/progress/no1.jpg) left top no-repeat;
}

#progress .next02 {
	background: url(../img/progress/no2.jpg) left top no-repeat;
}

#progress .next03 {
	background: url(../img/progress/no3.jpg) left top no-repeat;
}

#progress .next04 {
	background: url(../img/progress/no4.jpg) left top no-repeat;
}

#progress .next05 {
	background: url(../img/progress/no5.jpg) left top no-repeat;
}

#progress .next06 {
	background: url(../img/progress/no6.jpg) left top no-repeat;
}

#progress .next07 {
	background: url(../img/progress/no7.jpg) left top no-repeat;
}

#progress .pgBoxnx {
	background: url(../img/progress/next.png) 20px center no-repeat;
	border-bottom: solid 1px #ccc;
	overflow: hidden;
	width: 700px;
	text-align: center;
}

#progress .pgBoxnx img {
	margin-bottom: 30px;
}

#progress .pgBoxnxend {
	width: 700px;
	text-align: center;
	border-bottom: solid 1px #ccc;
}

#progress .pgBoxnxend img {
	margin-bottom: 30px;
}


/*   #faq
===================================================================  */
#faq .questionBox {
	margin: 50px 0 0 0;
	padding: 10px 20px 30px;
	overflow: hidden;
	border: solid 3px #E7E2D4;
	background-color: #fff;
}

#faq .questionBox h2 {
	font-size: 144%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #ea0000;
	background-image: url(../img/faq/question.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 3px 0 10px 50px;
	overflow: hidden;

}

#faq .questionBox p {
	margin: 10px 0 0 0;
	font-size: 100%;
	line-height: 1.5;
	letter-spacing: 0.07em;
	color: #333;
	background-image: url(../img/faq/answer.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 3px 0 0 50px;
	overflow: hidden;
}



/*   #afterservice
===================================================================  */
#afterservice h2 {
	clear: both;
	margin: 30px 0 30px;
	overflow: hidden;
	padding-top: 25px;
	border-top: solid 1px #ccc;
}

#afterservice .afBox01 {
	overflow: hidden;
	padding-left: 60px;
}

#afterservice h3 {
	margin: 30px 0 15px 0;
}

#afterservice .afBox01 p {
	line-height: 1.6;
}

#afterservice .afBox01 ol {
	margin: 10px 0 10px 0;
	overflow: hidden;
}

#afterservice .afBox01 ol li {
	font-size: 100%;
	line-height: 1.5;
	margin-left: 30px;
	list-style-type: decimal;
}

#afterservice ul {
	margin: 10px 0 0 15px;
}

#afterservice ul li {
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 10px;
	padding-left: 15px;
	background-image: url(/common/img/listmark02.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
}

#afterservice .next01 {
	background: url(../img/after/no1.jpg) left top no-repeat;
}

#afterservice .next02 {
	background: url(../img/after/no2.jpg) left top no-repeat;
}

#afterservice .next03 {
	background: url(../img/after/no3.jpg) left top no-repeat;
}

#afterservice p.psp01 {
	padding-bottom: 30px;
}


/*   #point
===================================================================  */
#point h2 img {
	margin-bottom: 5px;
}

#point p {
	line-height: 1.5;
	margin-left: 5px;
}

.avBox {
	padding-left: 110px;
	margin: 50px 0;
	overflow: hidden;
	min-height: 80px;
}

.point01 {
	background-image: url(../img/point/point1.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

.point02 {
	background-image: url(../img/point/point2.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point03 {
	background-image: url(../img/point/point3.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point04 {
	background-image: url(../img/point/point4.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point05 {
	background-image: url(../img/point/point5.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point06 {
	background-image: url(../img/point/point6.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point07 {
	background-image: url(../img/point/point7.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point08 {
	background-image: url(../img/point/point8.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point09 {
	background-image: url(../img/point/point9.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.point10 {
	background-image: url(../img/point/point10.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}


/*   #report
===================================================================  */

#report h2 {
	display: none;
}

.ReportBox {
	clear: both;
	width: 700px;
	overflow: hidden;
	margin: 26px 0 0 0;
}

.ReportBox .Inner {
	width: 698px;
	overflow: hidden;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #fff;
	padding: 0 0 15px 0;
}

.ReportBox h3 {
	padding: 8px 20px 5px 20px;
	color: #fff;
	line-height: 1.5;
}

.ReportBox h3.red {
	background: url(/common/img/bg-eventboxttl-red.jpg) repeat-y 0 0;
}

.ReportBox .Inner img {
	float: left;
	margin: 15px 0 0 15px;
}

.ReportBox .Inner p {
	float: left;
	margin: 15px 0 0 15px;
	width: 535px;
	line-height: 1.5;
	font-size: 92%;

}