@charset "utf-8";

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

Menu  :
	1.BROWSER-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.CUSTOM STYLE

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

/* 1.BROWSER-RESET
--------------------------------------------------------- */
#force,
#force * {
	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	list-style: none;
	margin: 0;
	padding: 0;
}

#force a {
/* \*/
	overflow: hidden;
/* */
}

/* 2.BASE-SET
--------------------------------------------------------- */

/* CLEAR-FIX */

.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}
/* End hide from IE6/IE Mac */

/* 3.WIRE-FRAME
--------------------------------------------------------- */

/* 4.CUSTOM STYLE
--------------------------------------------------------- */

#page {
	background: #eee;
}

/* FORCE */

#force {
	background: #fff;
	margin: 0 auto 20px;
	width: 600px;
}

#force #main {
	margin-bottom: 25px;
}

#force #main .unit {
	padding-top: 16px;
}

#force #main .unit .txt {
	float: right;
	width: 385px;
}

#force #main .unit .visual {
	float: left;
	width: 200px;
}

#force #main .unit .txt .title {
	color: #674f33;
	font-size: 116%;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 5px;
}

#force #main .unit .txt .info {
	color: #674f33;
	margin-bottom: 5px;
}

#force #main .unit .txt .i {
	border-bottom: 1px dashed #d0d0d0;
	color: #674f33;
	padding-bottom: 5px;
	padding-top: 3px;
	position: relative;
	width: 385px;
}

#force #main .unit .txt .privilege {
	border-top: 1px dashed #d0d0d0;
}

#force #main .unit .txt .person {
	margin-bottom: 15px;
}

#force #main .unit .txt .i dt {
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	width: 75px;
}

#force #main .unit .txt .privilege dt {
	background-image: url("/user1/img/kaijo-images/plan_img/privilege.png");
	height: 41px;
}

#force #main .unit .txt .date dt {
	background-image: url("/user1/img/kaijo-images/plan_img/date.png");
}

#force #main .unit .txt .person dt {
	background-image: url("/user1/img/kaijo-images/plan_img/person.png");
}

#force #main .unit .txt .i dd {
	padding-left: 85px;
	padding-top: 3px;
}

#force #main .unit .txt .privilege .note {
	color: #b97c35;
	font-size: 77%;
}

#force #main .unit .txt .date .note {
	color: #999;
	font-size: 77%;
}

#force #main .unit .txt .feature {
	color: #f1688c;
	margin-bottom: 15px;
}

#force #main .unit .txt .feature dt {
	display: block;
	font-weight: bold;
}

#force #main .unit .txt .content {
	color: #cf8d42;
	margin-bottom: 15px;
}

#force #main .unit .txt .content dt {
	display: block;
	font-weight: bold;
}

#force #main .unit .txt .content ul {
	background: url("/user1/img/kaijo-images/plan_img/content.png") 0 -60px no-repeat;
	font-weight: bold;
	height: 71px;
	position: relative;
	width: 385px;
}

#force #main .unit .txt .content ul li {
	background: url("/user1/img/kaijo-images/plan_img/content.png") no-repeat;
	height: 17px;
	position: absolute;
	text-indent: -9999px;
	width: 76px;
}

#force #main .unit .txt .content ul .c01 { top: 0; left:   0  ; background-position:    0   0;}
#force #main .unit .txt .content ul .c02 { top: 0; left:  77px; background-position:  -77px 0;}
#force #main .unit .txt .content ul .c03 { top: 0; left: 154px; background-position: -154px 0;}
#force #main .unit .txt .content ul .c04 { top: 0; left: 231px; background-position: -231px 0;}
#force #main .unit .txt .content ul .c05 { top: 0; left: 308px; background-position: -308px 0;}
#force #main .unit .txt .content ul .c06 { top: 18px; left:   0  ; background-position:    0   -18px;}
#force #main .unit .txt .content ul .c07 { top: 18px; left:  77px; background-position:  -77px -18px;}
#force #main .unit .txt .content ul .c08 { top: 18px; left: 154px; background-position: -154px -18px;}
#force #main .unit .txt .content ul .c09 { top: 18px; left: 231px; background-position: -231px -18px;}
#force #main .unit .txt .content ul .c10 { top: 18px; left: 308px; background-position: -308px -18px;}
#force #main .unit .txt .content ul .c11 { top: 36px; left:   0  ; background-position:    0   -36px;}
#force #main .unit .txt .content ul .c12 { top: 36px; left:  77px; background-position:  -77px -36px;}
#force #main .unit .txt .content ul .c13 { top: 36px; left: 154px; background-position: -154px -36px;}
#force #main .unit .txt .content ul .c14 { top: 36px; left: 231px; background-position: -231px -36px;}

#force #main .unit .txt .content ul .c15 {
	background: #fff;
	border: 1px solid #f4deb9;
	color: #bd884c;
	display: block;
	font-size: 10px;
	height: 10px;
	left: 0;
	line-height: 10px;
	padding: 3px;
	text-indent: 0;
	top: 54px;
	width: auto;
}

#force #main .unit .visual .img {
	text-align: center;
	margin-bottom: 10px;
}

#force #main .unit .visual .priceUnit {
	background: url("/user1/img/kaijo-images/plan_img/price_bottom.png") 0 100% no-repeat;
	color: #684f34;
	margin-bottom: 15px;
	padding-bottom: 30px;
}

#force #main .unit .visual .priceUnit .price {
	background: url("/user1/img/kaijo-images/plan_img/price_top.png") no-repeat;
	font-weight: bold;
	height: 25px;
	padding-left: 27px;
	padding-top: 40px;
}

#force #main .unit .visual .priceUnit .price var {
	color: #e53d6f;
	font-size: 108%;
	font-weight: bold;
	margin-right: 3px;
}

#force #main .unit .visual .priceUnit .priceBody {
	background: url("/user1/img/kaijo-images/plan_img/price_body.png") repeat-y;
	padding: 5px 30px 0;
}

#force #main .unit .visual .priceUnit .priceBody li label {
	float: left;
}

#force #main .unit .visual .priceUnit .priceBody li var {
	color: #e53d6f;
	float: right;
}

#force #main .unit .visual .special {
	color: #684f34;
}

#force #main .unit .visual .special dt {
	display: block;
	font-size: 85%;
	font-weight: bold;
}

#force #main .unit .visual .special dd {
	font-size: 77%;
}

#force #main .contact {
	text-align: center;
}

#force #main .contact a {
	background: url("/user1/img/kaijo-images/plan_img/contact.png") no-repeat;
	display: block;
	height: 40px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 292px;
}

#force #main .contact a:hover {
	background-position: 0 -40px;
}

#force #exList {
	background: url("/user1/img/kaijo-images/plan_img/exlist.png") no-repeat;
	color: #684f34;
	padding-top: 35px;
}

.list #force #exList {
	background: none;
	padding-top: 0;
}

#force #exList .lead {
	color: #f00;
	font-size: 93%;
	margin-bottom: 10px;
}

#force #exList .sub {
	background: url("/user1/img/kaijo-images/plan_img/ex_bottom.png") 0 100% no-repeat;
	margin-bottom: 10px;
	padding-bottom: 18px;
	width: 600px;
}

#force #exList .sub .subHead {
	background: url("/user1/img/kaijo-images/plan_img/ex_top.png") no-repeat;
	padding: 25px 30px 10px;
}

#force #exList .sub .subHead h3 {
	font-size: 116%;
	font-weight: bold;
}

#force #exList .sub .subBody {
	background: url("/user1/img/kaijo-images/plan_img/ex_body.png") repeat-y;
	padding: 0 30px;
}

#force #exList .sub .subBody .point {
	margin-bottom: 15px;
}

#force #exList .sub .subBody .point dt {
	background: url("/user1/img/kaijo-images/plan_img/point.png") no-repeat;
	float: left;
	height: 51px;
	text-indent: -9999px;
	width: 82px;
}

#force #exList .sub .subBody .point dd {
	float: right;
	width: 450px;
}

#force #exList .sub .subBody .spec {
	border: 1px solid #e0e0e0;
	padding: 10px;
}

#force #exList .sub .subBody li.i {
	float: left;
	margin-right: 10px;
	width: 160px;
}

#force #exList .sub .subBody li.date {
	margin-right: 0;
	width: 170px;
}

#force #exList .sub .subBody li label {
	background-repeat: no-repeat;
	float: left;
	height: 23px;
	text-indent: -9999px;
	width: 69px;
}

#force #exList .sub .subBody .price label {
	background-image: url("/user1/img/kaijo-images/plan_img/spec-price.png");
}

#force #exList .sub .subBody .person label {
	background-image: url("/user1/img/kaijo-images/plan_img/spec-person.png");
}

#force #exList .sub .subBody .period label {
	background-image: url("/user1/img/kaijo-images/plan_img/spec-period.png");
}

#force #exList .sub .subBody .date label {
	background-image: url("/user1/img/kaijo-images/plan_img/spec-date.png");
	width: 46px;
}

#force #exList .sub .subBody .spec ul,
#force #exList .sub .subBody .spec li.price {
	border-bottom: 1px dashed #d0d0d0;
	margin-bottom: 1px;
}

#force #exList .sub .subBody .spec ul {
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#force #exList .sub .subBody .spec li var {
	float: right;
	font-weight: bold;
	padding: 3px 0;
	width: 435px;
}

#force #exList .sub .subBody .spec li.price var {
	font-weight: normal;
}

#force #exList .sub .subBody .spec li.price var .cost {
	color: #e53d6f;
	font-size: 108%;
	font-weight: bold;
	margin-right: 5px;
}

#force #exList .sub .subBody .spec li.price var .option {
	color: #e53d6f;
	margin-left: 5px;
}

#force #exList .sub .subBody .spec li.i var {
	width: 80px;
}

#force #exList .sub .subBody .spec li.date var {
	width: 120px;
}

#force #exList .sub .subBody .spec .planner {
	text-align: right;
}

#force #exList .sub .subBody .action {
	margin-top: 15px;
}

#force #exList .sub .subBody .action li {
	float: left;
}

#force #exList .sub .subBody .action .addfav {
	margin-top: 2px;
	padding-top: 5px;
}

#force #exList .sub .subBody .action .addfav a {
	background: url("/user1/img/kaijo-images/plan_img/addfav.png") no-repeat;
	color: #684f34;
	display: block;
	font-size: 10px;
	height: 28px;
	padding-left: 32px;
	width: 100px;
}

#force #exList .sub .subBody .action .addfav a:hover {
	background-position: 0 -28px;
}

#force #exList .sub .subBody .action .contact a {
	background: url("/user1/img/kaijo-images/plan_img/contact.png") no-repeat;
	display: block;
	height: 40px;
	text-indent: -9999px;
	width: 292px;
}

#force #exList .sub .subBody .action .contact a:hover {
	background-position: 0 -40px;
}

#force .other a {
	background: url("/user1/img/kaijo-images/plan_img/other.png") no-repeat;
	display: block;
	height: 40px;
	margin-top: 20px;
	text-indent: -9999px;
	width: 292px;
}

#force .other a:hover {
	background-position: 0 -40px;
}

#force #serp {
	margin-bottom: 30px;
}

#force #serp h3 {
	margin-bottom: 10px;
}

#force #serp .nav {
	margin-bottom: 10px;
}

#force #serp .hit {
	color: #674f33;
	float: left;
}

#force #serp .hit .result {
	font-size: 116%;
}

#force #serp .hit var {
	margin: 0 2px;
}

#force #serp .hit .status {
	margin-left: 0.5em;
}

#force #serp .pager {
	float: right;
}

#force #serp .pager li {
	margin-right: 2px;
}

#force #serp .pager li.next {
	margin-right: 0;
}

#force #serp .pager a,
#force #serp .pager span {
	color: #674f33;
	font-size: 108%;
	font-weight: bold;
	padding: 2px 4px;
}

#force #serp .pager .prev a,
#force #serp .pager .next a {
	text-decoration: underline;
	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 100%;
}

#force #serp .pager .prev a {
	background: url("/user1/img/kaijo-images/plan_img/preva.png") 0 no-repeat;
	padding-left: 16px;
}

#force #serp .pager .next a {
	background: url("/user1/img/kaijo-images/plan_img/nexta.png") 100% no-repeat;
	padding-right: 16px;
}

#force #serp .unit {
	color: #684f34;
	margin-bottom: 10px;
}

#force #serp .unit .img {
	float: left;
	padding-left: 5px;
	text-align: center;
	width: 150px;
}

#force #serp .unit .img img {
	margin-bottom: 3px;
}

#force #serp .unit .img p {
	font-size: 85%;
	text-align: left;
}

#force #serp .unit .txt {
	float: right;
	padding-right: 5px;
	width: 410px; /* change for page width */
}

#force #serp .unit .lead {
	background: #ffa7ca;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 88%;
	font-weight: bold;
	padding: 2px 9px 0;
}

#force #serp .unit .title {
	background: url("/user1/img/kaijo-images/plan_img/list_label.png") no-repeat;
	padding: 10px;
	padding-bottom: 5px;
}

#force #serp .unit .title .shop {
	background: url("/user1/img/kaijo-images/plan_img/nexta.png") 3px no-repeat;
	padding-left: 13px;
}

#force #serp .unit .title .shop a {
	color: #684f34;
	font-weight: bold;
}

#force #serp .unit .box {
	background: url("/user1/img/kaijo-images/plan_img/list_top.png") no-repeat;
	padding-top: 17px;
}

#force #serp .unit .boxBody {
	background: url("/user1/img/kaijo-images/plan_img/list_body.png") repeat-y;
	padding: 0 10px;
}

#force #serp .unit .boxBottom {
	background: url("/user1/img/kaijo-images/plan_img/list_bottom.png") 0 100% repeat-y;
	height: 5px;
}


#force #serp .unit h4 {
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

#force #serp .unit h4 span {
	color: #ff902e;
	margin-right: 8px;
}

#force #serp .unit h4 a {
	background: url("/user1/img/kaijo-images/plan_img/go.png") 0 3px no-repeat;
	display: block;
	padding-left: 20px;
}

#wedding-plan #force #serp .unit .title a {
	background: url("/user1/img/kaijo-images/plan_img/mark.png") 0 no-repeat;
	display: block;
	margin-bottom: 5px;
	padding-left: 8px;
}

#force #serp .unit .area {
	font-size: 85%;
	padding-left: 20px;
}

#wedding-plan #force #serp .unit .area {
	padding-left: 8px;
}

#force #serp .unit .info {
	margin-bottom: 15px;
}

#wedding-plan #force #serp .unit .basic,
#wedding-plan #force #serp .unit .price {
	margin-bottom: 10px;
}

#wedding-plan #force #serp .unit .basic .date {
	float: left;
	width: 270px;
}

#wedding-plan #force #serp .unit .basic .note {
	color: #999;
	display: block;
	font-size: 10px;
	padding-left: 48px;
}

#wedding-plan #force #serp .unit .basic .option {
	float: right;
	width: 126px;
}

#wedding-plan #force #serp .unit .price {
	background: url("/user1/img/kaijo-images/plan_img/prices_top.png") no-repeat;
	padding-top: 20px;
	position: relative;
	width: 298px;
}

#wedding-plan #force #serp .unit .price .priceInfo {
	background: url("/user1/img/kaijo-images/plan_img/prices_bottom.png") 0 100% no-repeat;
	padding-bottom: 21px;
}

#wedding-plan #force #serp .unit .price .priceInfo p {
	margin-left: 100px;
	margin-right: 10px;
}

#wedding-plan #force #serp .unit .price .priceNum {
	margin-bottom: 3px;
}

#wedding-plan #force #serp .unit .price .priceNum var {
	color: #e53d6f;
	font-size: 116%;
	font-weight: bold;
	margin-right: 3px;
}

#wedding-plan #force #serp .unit .price .priceView {
	background: url("/user1/img/kaijo-images/plan_img/list_detail.png") no-repeat;
	bottom: 0;
	display: block;
	height: 58px;
	position: absolute;
	right: -112px;;
	text-indent: -9999px;
	width: 102px;
}

#wedding-plan #force #serp .unit .price .priceView:hover {
	background-position: 0 -60px;
}

#wedding-plan #force #serp .unit .price .priceOne {
	font-size: 10px;
}

#wedding-plan #force #serp .unit .price .priceOne var {
	color: #e53d6f;
	margin-left: 0.5em;
}

#wedding-plan #force #serp .unit .basic .option li {
	float: right;
	height: 24px;
	margin-left: 1px;
	text-indent: -9999px;
	width: 62px;
}

#wedding-plan #force #serp .unit .basic .option .optionPri {
	background: url("/user1/img/kaijo-images/plan_img/option-pri_s.png") no-repeat;
}

#wedding-plan #force #serp .unit .basic .option .optionEst {
	background: url("/user1/img/kaijo-images/plan_img/option-est_s.png") no-repeat;
}

#force .inline li {
	float: left;
}

/* =========================================================
既存見出し調整
=========================================================*/

#force .main-subtitle{
	margin-top: 30px;
	padding-top: 4px;
	padding-bottom: 15px;
	background: url(/user1/img/kaijo-images/bg/main_subtitle_top.png) no-repeat top left;
}
#force .main-subtitle-container{
	padding-bottom: 4px;
	background: url(/user1/img/kaijo-images/bg/main_subtitle_bot.png) no-repeat bottom left;
}
#force .main-subtitle-container h2{
	padding-left: 12px;
	font-weight: bold;
	color: #fff;
}