@charset "utf-8";
/* ===================================================================
CSS information

 file name  :story.css
 style info :体験談関連
=================================================================== */

/* -----------------------------------------------------------
	#titleArea
----------------------------------------------------------- */

#titleArea {
	width: 950px;
}
#titleArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
	#contentArea
----------------------------------------------------------- */

#contentArea {
	clear: both;
	width: 950px;
	margin-top: 15px;
}
#contentArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */

div#pagetop {
	padding-top: 0;
}


/* -----------------------------------------------------------
	体験談Top
----------------------------------------------------------- */

/*  [story_top_catch]
---------------------------------------------------- */
#story_top_catch {
	margin-bottom: 21px;
}
#story_top_catch p {
	color: #333333;
	font-size: 93%;
	line-height: 1.4;
	margin-bottom: 3px;
}

/*  [story_top_bnr]
---------------------------------------------------- */
#story_top_bnr {
	background: url("../story/images/bg_top_banner.jpg") no-repeat 7px 0;
	margin-left: -7px;
	margin-bottom: 38px;
}
#story_top_bnr li {
	float: left;
	display: inline;
	margin-left: 21px;
}


/* -----------------------------------------------------------
	体験談各Top
----------------------------------------------------------- */

/*  [story_navi]
---------------------------------------------------- */
#story_navi li {
	float: left;
	display: inline;
}

/*  [story_chapel_navi]
---------------------------------------------------- */
#story_chapel_navi {
	display: inline-block;
	margin-bottom: -16px;
}
#story_chapel_navi li {
	border-right: 1px solid #bfa899;
	float: left;
	display: inline;
	margin-right: 11px;
	padding-right: 16px;
}

/*  [story_chapel_title]
---------------------------------------------------- */
.story_chapel_title {
	clear: both;
	border-bottom: 1px solid #cebdb3;
	padding-bottom: 9px;
	margin: 39px 0 19px;
}

/*  [story_portal]
---------------------------------------------------- */
.story_portal {
	background: url("../story/images/bg_story_portal.gif") repeat-x 0 100%;
	padding-bottom: 40px;
}

/*  [story_portal_01]
---------------------------------------------------- */
.story_portal_01 {
	float: left;
	display: inline;
	width: 310px;
}

/*  [story_chapel_explain] ------------------------- */
.story_chapel_explain {
	background: #f4f2f2;
	padding: 13px 10px 18px 10px;
}
.story_chapel_explain h4 {
	margin-bottom: 9px;
}
.story_chapel_explain p {
	color: #666666;
	font-size: 93%;
	line-height: 1.5;
	margin-bottom: 6px;
}
.story_chapel_explain ul {
	color: #666666;
	font-size: 86%;
	line-height: 1.5;
	margin-bottom: 6px;
}
.story_chapel_explain p.story_chapel_link {
	margin: 17px 0 0;
}

/*  [story_icon_explain] ------------------------- */
.story_icon_explain {
	background: #f8f5ed;
	margin-top: 33px;
	padding: 5px 0 9px 10px;
}
.story_icon_explain li {
	float: left;
	display: inline;
	margin-top: 5px;
	margin-right: 11px;
}

/*  [story_portal_link] ------------------------- */
.story_portal_link {
	clear: both;
	margin-top: 10px;
}

/*  [story_portal_02]
---------------------------------------------------- */
.story_portal_02 {
	float: right;
	display: inline;
	width: 624px;
	margin-top: -56px;
	margin-right: 15px;
}

/*  [story_portal_soon] ------------------------- */
.story_portal_soon {
	margin: 187px 0 0 189px;
}

/*  [story_box_01] ------------------------- */
.story_box_01 {
	float: left;
	display: inline;
	width: 267px;
	margin-top: 56px;
	margin-left: 45px;
}
.story_box_01 h4,
.story_box_01 h3 {
	background: url("../story/images/bg_story_title.gif") no-repeat 4px 0.1em;
	border-bottom: 1px solid #ccb9a4;
	color: #330000;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
	padding: 0 3px 3px 18px;
}
.story_box_01 h4 img,
.story_box_01 h3 img {
	float: right;
	vertical-align: top;
}
.story_box_01 p.story_portal_photo {
	float: left;
	display: inline;
}
.story_box_01 div {
	float: right;
	display: inline;
	width: 153px;
}
.story_box_01 div p {
	color: #333333;
	font-size: 93%;
	line-height: 1.4;
	min-height: 65px;
}
.story_box_01 div ul {
	margin-left: -3px;
}
.story_box_01 div ul li {
	float: left;
	display: inline;
	margin-left: 3px;
}
.story_box_01 div p.story_link {
	clear: left;
	line-height: 1;
	margin-top: 5px;
	min-height: 0;
}

/*  [story_portal_contact]
---------------------------------------------------- */
.story_portal_contact {
	clear: both;
	margin-top: 21px;
}
.story_portal_contact ul {
	margin-top: 10px;
}
.story_portal_contact ul li {
	float: left;
	display: inline;
	margin-right: 10px;
}

/*  [story_top_link]
---------------------------------------------------- */
.story_top_link {
	clear: both;
	margin-top: 29px;
}


/* -----------------------------------------------------------
	体験談詳細
----------------------------------------------------------- */

/*  [lnav]
---------------------------------------------------- */
.lnav li {
	float: left;
	display: inline;
}

/*  [story_mainvisual]
---------------------------------------------------- */
#story_mainvisual ul {
	width: 939px;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-left: 9px;
}
#story_mainvisual ul li {
	float: left;
	display: inline;
}
#story_mainvisual ul li img {
	margin-bottom: 10px;
}
#story_mainvisual_l {
	width: 224px;
	margin-right: 9px;
}
#story_mainvisual_c {
	width: 464px;
	margin-right: 9px;
}
#story_mainvisual_r {
	width: 224px;
	margin-right: 9px;
}
#story_mainvisual p {
	clear: both;
	color: #666666;
	font-size: 77%;
	margin: 4px 1px 0;
}

/*  [story_page_link]
---------------------------------------------------- */
#story_page_link {
	border-bottom: 1px solid #bdaa95;
	margin-top: 11px;
	padding: 0 1px 2px 823px;
}
#story_page_prev {
	float: left;
	display: inline;
}
#story_page_prev_last,
#story_page_next {
	float: right;
	display: inline;
}

/*  [story_detail]
---------------------------------------------------- */
#story_detail {
	clear: both;
	margin-top: 27px;
}

/*  [story_detail_photo] ------------------------- */
#story_detail #story_detail_photo {
	float: left;
	display: inline;
	width: 191px;
	margin-top: -7px;
}
#story_detail #story_detail_photo ul li {
	margin-top: 9px;
}

/*  [story_detail_text] ------------------------- */
#story_detail #story_detail_text {
	float: left;
	display: inline;
	width: 464px;
	margin-left: 52px;
}
#story_detail #story_detail_text h3 {
	color: #48322a;
	font-size: 125%;
	line-height: 1.3;
}
#story_detail #story_detail_text dt {
	font-size: 86%;
	margin: 20px 0 9px;
}
#story_detail #story_detail_text dd {
	color: #666666;
	font-size: 77%;
	line-height: 1.4;
}

/*  [story_detail_info] ------------------------- */
#story_detail #story_detail_info {
	float: right;
	display: inline;
	width: 191px;
}

/*  [story_detail_data] ------------------------- */
#story_detail #story_detail_info #story_detail_data h4 {
	margin-bottom: 7px;
}
#story_detail #story_detail_info #story_detail_data ul {
	margin-left: -3px;
	margin-bottom: -2px;
}
#story_detail #story_detail_info #story_detail_data ul li {
	float: left;
	display: inline;
	margin-left: 3px;
}
#story_detail #story_detail_info #story_detail_data dl {
	clear: both;
}
#story_detail #story_detail_info #story_detail_data dl dt {
	margin-top: 7px;
}
#story_detail #story_detail_info #story_detail_data dl dd {
	background: url("../story/images/bg_wedding_data.gif") repeat-x 0 100%;
	color: #320000;
	font-size: 86%;
	line-height: 1.3;
	margin-top: 3px;
	padding-bottom: 6px;
}
#story_detail #story_detail_info #story_detail_data dl dd a {
	color: #320000;
}

/*  [story_detail_staff] ------------------------- */
#story_detail #story_detail_info #story_detail_staff {
	border: 1px solid #cccccc;
	margin-top: 11px;
	padding: 9px 14px 10px;
}
#story_detail #story_detail_info #story_detail_staff dd {
	color: #666666;
	font-size: 77%;
	line-height: 1.3;
	margin-top: 4px;
}
#story_detail #story_detail_info #story_detail_staff dd a {
	color: #666666;
}
#story_detail #story_detail_info #story_detail_staff dd.story_staff_comment {
	margin-top: 10px;
}
#story_detail #story_detail_info #story_detail_staff dd.story_staff_second {
	margin-top: 18px;
}

/*  [story_detail_contact] ------------------------- */
#story_detail #story_detail_info #story_detail_contact {
	border: 1px solid #999999;
	margin-top: 10px;
	margin-left: 1px;
	padding: 0 0 6px;
}
#story_detail #story_detail_info #story_detail_contact img {
	vertical-align: top;
}
#story_detail #story_detail_info #story_detail_contact dt {
	margin-bottom: 9px;
}
#story_detail #story_detail_info #story_detail_contact dd {
	margin: 5px 7px 0 8px;
}
#story_detail #story_detail_info #story_detail_contact dd ul li {
	margin-top: 2px;
}

/*  [story_detail_photo] ------------------------- */
#story_detail #story_detail_info #story_detail_photo {
	margin-top: 1px;
}
#story_detail #story_detail_info #story_detail_photo ul li {
	margin-top: 9px;
}

/*  [story_chapeltop_link] ------------------------- */
.story_chapeltop_link {
	margin-top: 15px;
}


/* -----------------------------------------------------------
	体験談詳細（Special Feature）
----------------------------------------------------------- */

/*  [story_special_icon]
---------------------------------------------------- */
#story_special_icon {
	clear: both;
	margin-top: 15px;
	margin-bottom: -17px;
}
#story_special_icon ul {
	float: right;
	display: inline;
}
#story_special_icon li {
	float: left;
	display: inline;
	margin-left: 3px;
}

/*  [story_special_link]
---------------------------------------------------- */
.story_special_link {
	text-align: right;
	font-size: 77%;
	font-weight: bold;
	margin-top: 10px;
}



/* -----------------------------------------------------------
	体験談詳細（特別レイアウト）
----------------------------------------------------------- */
.story_jewel_first {
	color: #ff3399;
	font-size: 86%;
	margin-top: 3px;
	margin-bottom: 10px;
}
.story_jewel_first em {
	font-weight: bold;
}