@charset "utf-8";

/* top.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/


/*　トップページ 共通設定
////////////////////////////////////////////////////*/

#contents {
	padding-top: 1em;
}

#contents h3 {
	margin-bottom: 0;
}

/*　タブ設定
////////////////////////////////////////////////////*/

.tabSet2 {
	width: 690px;
	margin: 0 0 15px;
}

#tabNav2 {
	position: relative;
	height: 38px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#tabNav2 li {
	list-style-type: none;
	float: left;
}

#tabNav2 li img {
	margin-right: 2px;
}

.content {
	border: 1px solid #B2B2B2;
	zoom: 1; /* ie */
	margin: -1px 0 0 0;
	padding: 20px 10px 15px;
	background: url(../img/bg_tab.jpg) repeat-x left top #F1F2F2;
	position: relative;
	z-index: 1;
}

.innerTabBox {
	overflow: hidden;
}

.listBox {
	float: left;
	width: 230px;
	background: url(../common/img/bg_border.jpg) repeat-y right top;
}

.firstBox {
	width: 266px;
}

.firstBox02 {
	width: 230px;
}

.secondBox {
	width: 245px;
}

.secondBox02 {
	width: 230px;
}

.thirdBox {
	width: 205px;
	background: none;
}

.thirdBox02 {
	width: 205px;
	background: none;
}

.listBox dl {
	float: none;
	margin: 0 5px 5px 5px;
}

.listBox dt {
/*cursor: pointer;*/
}

.listBox dd {
	margin: 5px 0 0;
}

.listBox dd span {
	padding-left: 20px;
}

.listBox dd a {
	display: block;
	padding-left: 20px;
}

.tabInsurance a {
	background: url(../common/img/bg_indent_insurance.jpg) no-repeat 6px 6px;
}

.tabBbridal a {
	background: url(../common/img/bg_indent_bridal.jpg) no-repeat 6px 6px;
}

.tabFuneral a {
	background: url(../common/img/bg_indent_funeral.jpg) no-repeat 6px 6px;
}

.tabEdit a {
	background: url(../common/img/bg_indent_edit.jpg) no-repeat 6px 6px;
}

.tabEnvironment a {
	background: url(../common/img/bg_indent_environment.jpg) no-repeat 6px 6px;
}

.tabOther a {
	background: url(../common/img/bg_indent_etc.jpg) no-repeat 6px 6px;
}

.tabOther2 a {
	background: url(../common/img/bg_indent_etc.jpg) no-repeat 6px 6px;
}

.tabModel a {
	background: url(../common/img/bg_indent_model.jpg) no-repeat 6px 6px;
}

.tabOther {
	float: left;
}

.tabOther2 {
	float: right;
	margin-top: 40px;
}

/* 追加設定 */

.listBox span.boxNew {
	padding-left: 10px;
}

.listBox span.boxNew img {
	vertical-align: middle;
}

/*　PICK UP設定
////////////////////////////////////////////////////*/

.pickupBox {
	position: relative;
	width: 710px;
	margin-left: -20px;
	padding-top: 1px;
}

.outlinePickupBox {
	float: left;
	width: 355px;
}

.innerPickupBox {
	margin-left: 20px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	border-top: none;
	background: url(../img/bg_pickup.jpg) repeat-x left top #F6F7F7;
}

.pickupBox02 .innerPickupBox {
	border-top: 1px solid #CCC;
}

#contents .innerPickupBox h3 {
	margin: -1px 0 9px 0;
}

.innerPickupBox h4 {
	margin: 0 12px 11px;
}

.pickupBox02 .innerPickupBox h4 {
	margin-top: 10px;
}

.pickupPhoto {
	display: block;
	float: left;
	width: 165px;
}

.pickupPhoto img {
	margin-left: 12px;
	padding: 5px 5px 12px 5px;
	background: url(../common/img/bg_img.jpg) no-repeat left top;
}

.pickupText {
	margin: 0 12px;
}

.pickupText dt {
	margin-bottom: 5px;
	line-height: 1.5;
}

.pickupText dt span {
	display: block;
	width: 10px;
}

.pickupText dt a {
	xdisplay: inline-block;
	padding-left: 10px;
	background: url(../common/img/bg_indent02.jpg) no-repeat 0 7px;
	font-size: 120%;
	xcolor: #0155A6;
}

#newsBox dd {
	padding: 0 0 0 105px;
}

#newsBox dd a {
	padding-left: 40px;
}

#newsBox dd span.important {
	background: url(../common/img/mark_important.jpg) no-repeat left 5px;
}

.insuranceNews2 dd {
	background: url(../common/img/mark_insurance.jpg) no-repeat right 5px;
}

.bridalNews2 dd {
	background: url(../common/img/mark_bridal.jpg) no-repeat right 5px;
}

.funeralNews2 dd {
	background: url(../common/img/mark_funeral.jpg) no-repeat right 5px;
}

.editNews2 dd {
	background: url(../common/img/mark_edit.jpg) no-repeat right 5px;
}

.otherNews2 dd {
	background: url(../common/img/mark_other.jpg) no-repeat right 5px;
}

.topicNews2 dd {
	background: url(../common/img/mark_news.jpg) no-repeat right 5px;
}

/*　ご注文はこちらから（2016/11/08追加）
////////////////////////////////////////////////////*/

.listBox dd.order_link_button a {
	margin: 0 20px 15px 20px;
	padding: 4px;
	color: #fff;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
	background: none;
	border-radius: 2px;
}

.listBox dd.order_link_button a:link,
.listBox dd.order_link_button a:visited,
.listBox dd.order_link_button a:active {
	background-color: #0155a6;
	background-image: -webkit-linear-gradient(270deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
}

.listBox dd.order_link_button a:hover {
	background-color: #ff3366;
	background-image: -webkit-linear-gradient(270deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
}

/* ------------------------------ */

.pickupText dt a.order_link_button {
	display: inline-block;
	margin: 5px 10px 15px 10px;
	padding: 4px 10px;
	color: #fff;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
	background: none;
	border-radius: 2px;
}

.pickupText dt a.order_link_button:link,
.pickupText dt a.order_link_button:visited,
.pickupText dt a.order_link_button:active {
	background-color: #0155a6;
	background-image: -webkit-linear-gradient(270deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(65,128,188,1.00) 0%, rgba(26,102,175,1.00) 100%);
}

.pickupText dt a.order_link_button:hover {
	background-color: #ff3366;
	background-image: -webkit-linear-gradient(270deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(255,102,140,1.00) 0%, rgba(255,71,117,1.00) 100%);
}

/*　PICK UPのNEW（2016/11/08追加）
////////////////////////////////////////////////////*/

.innerPickupBox h4 {
	position: relative;
}

.innerPickupBox h4 span.boxNew {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 10px;
	line-height: 13px;
	background-color: #f00;
}