@charset "utf-8";



/* 静的ページ共通部分
------------------------------------------------*/
/* ページナビ */
#page-navi {
	width: 720px;
	margin: 40px 0;
	padding: 10px;
	background: url("../img/pages/bg-navi.jpg");
	overflow: hidden;
}
#page-navi li {
	padding: 0 10px 0 0;
	display: inline;
}
#page-navi li a {
	padding: 0 0 0 15px;
	font-size: 85%;
	background: url("../img/pages/arr-down.gif") no-repeat center left;
	overflow: hidden;
}
/* タイトル */
.subtitle {
	padding: 20px 0 0;
	clear: both;
	overflow: hidden;
}
.contents-box h5 {
	padding: 0 0 10px;
}
.subtitle-p40 {
	padding: 40px 0 10px;
}
/* コンテンツ */
.undercolumn-pages a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.contents-box {
	width: 698px;
	margin: 20px 0 10px;
	padding: 20px;
	font-size: 90%;
	border: 1px solid #ECEBEA;
	background: #FFF;
	overflow: hidden;
}
.contents-box .left {
	float: left;
	overflow: hidden;
}
.contents-box .right {
	float: right;
	overflow: hidden;
}
.contents-box .p10 {
	padding: 0 0 10px;
}
.contents-line {
	padding: 10px 0 0;
	clear: both;
	overflow: hidden;
}
.contents-pagetop {
	padding: 0 0 50px;
	font-size: 85%;
	text-align: right;
}
.contents-pagetop a {
	padding: 0 15px 0 0;
	background: url("../img/pages/arr-up.gif") no-repeat center right;
}
.other-contents,
.subcontents-box {
	width: 700px;
	padding: 20px;
	background: url("../img/pages/bg-navi.jpg") center top;
	overflow: hidden;
}
.subcontents-box {
	margin: 20px 0;
}
.introduction-line {
	background: #FFF;
	border-top: 1px solid #E6E6E4;
	border-left: 1px solid #E6E6E4;
	border-right: 1px solid #E6E6E4;
	border-bottom: none;
	clear: both;
	overflow: hidden;
}
.introduction-line-end {
	margin: 0 0 20px;
	background: #FFF;
	border: 1px solid #E6E6E4;
	clear: both;
	overflow: hidden;
}
.introduction-box {
	width: 322px;
	padding: 25px 23px 20px;
	float: left;
	border-right: 1px solid #E6E6E4;
	overflow: hidden;
}
.introduction-box-end {
	width: 322px;
	padding: 25px 23px 0 0;
	float: right;
	overflow: hidden;
}
.introduction-box p,
.introduction-box-end p {
	padding: 10px 0 0;
	font-size: 90%;
}
/* おすすめコンテンツ */
#title-othercontents {
	height: 0;
	margin: 0 0 10px;
	padding-top: 25px;
	background: url("../img/pages/title-othercontents.jpg") no-repeat left top;
	overflow: hidden;
}
.other-left {
	padding: 0 7px 0 0;
        margin-bottom: 10px;
	border-right: 1px dotted #C8C2BB;
	float: left;
	overflow: hidden;
}
.other-right {
	padding: 0;
        margin-bottom: 10px;
	border-right: none;
	float: right;
	overflow: hidden;
}

/* 手作り鞄の魅力
------------------------------------------------*/
#undercolumn-aboutherz {
}
#title-aboutherz {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/aboutherz/title.jpg") no-repeat center top;
	overflow: hidden;
}

/* 素材のこだわり
------------------------------------------------*/
#undercolumn-material {
}
#title-material {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/material/title.jpg") no-repeat center top;
	overflow: hidden;
}
.innder-box {
	width: 660px;
	padding: 20px;
	background: url("../img/pages/material/bg-innerbox.jpg") repeat-y center top;
	overflow: hidden;
}
.innnerbox-left {
	width: 322px;
	float: left;
	overflow: hidden;
}
.innnerbox-right {
	width: 322px;
	float: right;
	overflow: hidden;
}
.innder-box img {
	padding: 0 0 10px;
}
.subcontents-line {
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
}
.subcontents-line li {
	padding: 0 2px 0 0;
	display: inline;
}
.subcontents-line .end {
	padding: 0;
}
#undercolumn-material .m20,
#undercolumn-attention .m20 {
	margin: 0 0 20px;
}

/* お手入れと修理案内
------------------------------------------------*/
#undercolumn-aftercare {
}
#title-aftercare {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/aftercare/title.jpg") no-repeat center top;
	overflow: hidden;
}
#undercolumn-aftercare h4 {
	padding: 20px 0 0;
}
.aftercare-list-box {
	width: 660px;
	padding: 20px;
	background: url("../img/pages/aftercare/bg-aftercare.jpg") repeat-y center top;
	overflow: hidden;
}
.aftercare-box {
	width: 192px;
	padding: 0 42px 0 0;
	float: left;
	overflow: hidden;
}
.aftercare-box-end {
	width: 192px;
	margin: 0;
	border: none;
	float: right;
	overflow: hidden;
}
#undercolumn-aftercare .btn-detail {
	padding: 20px 0 0;
	overflow: hidden;
}
#undercolumn-aftercare .btn-contact {
	padding: 0;
	overflow: hidden;
}
#movie-box {
	margin: 0 0 20px;
	padding: 15px;
	background: url("../img/pages/aftercare/bg-movie.jpg") center top;
	overflow: hidden;
}
#movie-box h6 {
	padding: 0 0 10px;
}
.final-conclusion {
	padding: 20px 0 5px;
	font-size: 90%;
}
#arr-beforeafter {
	padding: 140px 0 0 15px;
}
.examples-box {
	width: 201px;
	margin: 0 17px 0 0;
	padding: 15px 10px 10px;
	float: left;
	background: url("../img/pages/material/bg-innerbox.jpg") repeat-y center top;
	overflow: hidden;
}
.examples-box-end {
	width: 201px;
	margin: 0;
	padding: 15px 10px 10px;
	float: right;
	background: url("../img/pages/material/bg-innerbox.jpg") repeat-y center top;
	overflow: hidden;
}
.examples-box h6,
.examples-box-end h6 {
	padding: 0 0 5px;
}
.examples-box p,
.examples-box-end p {
	padding: 5px 0 0;
	font-size: 85%;
}

/*  経年変化を楽しむ
------------------------------------------------*/
#title-aging {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/aging/title.jpg") no-repeat center top;
	overflow: hidden;
}
#undercolumn-aging .beforeafter {
	margin: 0 0 20px;
	text-align: center;
}
.introductionouter-line {
	margin: 0 0 30px;
	background: #FFF;
	border-top: 1px solid #E6E6E4;
	border-left: 1px solid #E6E6E4;
	border-right: 1px solid #E6E6E4;
}
.beforeafter-line {
	background: #FFF;
	border-bottom: 1px solid #E6E6E4;
	clear: both;
	overflow: hidden;
}
.beforeafter-box {
	width: 322px;
	padding: 25px 25px 20px 0;
	float: left;
	border-right: 1px solid #E6E6E4;
	overflow: hidden;
}
.beforeafter-box-end {
	width: 322px;
	padding: 25px 0 0;
	float: right;
	ovevrflow: hidden;
}
.beforeafter-box p, 
.beforeafter-box-end p {
	padding: 10px 0 0;
}
#undercolumn-aging .m30 {
	margin: 0 0 30px;
}

/*  知ってほしいこと
------------------------------------------------*/
#undercolumn-attention p {
	font-size: 90%;
}
#title-attention {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/attention/title.jpg") no-repeat center top;
	overflow: hidden;
}
.contents-wrapper-top {
	padding: 1px 0 0;
	background: url("../img/pages/attention/bg-wrapper-top.jpg") no-repeat center top;
	overflow: hidden;
}
.contents-wrapper {
	width: 740px;
	font-size: 90%;
	background: url("../img/pages/attention/bg-wrapper.jpg") repeat-y center top;
	overflow: hidden;
}
.contents-wrapper-bottom {
	margin: 0 0 15px;
	padding: 0 0 1px;
	background: url("../img/pages/attention/bg-wrapper-bottom.jpg") no-repeat center bottom;
	overflow: hidden;
}
.contents-box-left {
	width: 320px;
	padding: 20px;
	float: left;
	overflow: hidden;
}
.contents-box-right {
	width: 320px;
	padding: 20px;
	float: right;
	overflow: hidden;
}
.contents-wrapper h5 img {
	padding: 0 0 15px;
}
.aftercare-list-box-top {
	width: 660px;
	padding: 20px;
	border-bottom: 1px solid #E3E3E3;
	background: url("../img/pages/aftercare/bg-aftercare.jpg") repeat-y center top;
	overflow: hidden;
}

/*  お買い物ガイド
------------------------------------------------*/
#undercolumn-guide {
}
#title-shoppingguide {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/guide/title.jpg") no-repeat center top;
	overflow: hidden;
}
#undercolumn-guide h3 {
	padding: 0 0 20px;
	clear: both;
	overflow: hidden;
}
#howtoorder h4 {
	padding: 30px 0 10px;
	clear: both;
	overflow: hidden;
}
#howtoorder .on-border {
	padding: 5px;
	border: 1px solid #E1E1E0;
}
/*  テーブル */
#creditcard-information {
	width: 698px;
	margin: 20px 0;
	text-align: center;
	border-left: 2px solid #A59C96;
	border-right: 2px solid #A59C96;
	border-bottom: 2px solid #A59C96;
	clear: both;
}
#creditcard-information th {
	padding: 5px;
	color: #FFF;
	border-right: 1px solid #FFF;
	background: #A59C96;
}
#creditcard-information td {
	padding: 5px;
	border-right: 1px solid #A59C96;
	border-bottom: 1px solid #A59C96;
}
#creditcard-information .white {
	background: #FFF;
}
#creditcard-information .brown {
	background: #EBE9E7;
}

/*  FAQ
------------------------------------------------*/
#undercolumn-faq {
}
#title-faq {
	height: 0;
	padding-top: 120px;
	background: url("../img/pages/faq/title.jpg") no-repeat center top;
	overflow: hidden;
}
.faqbox {
	width: 718px;
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #E4E4E4;
	background: url("../img/pages/faq/bg-faqbox.jpg") repeat-y center top;
	overflow: hidden;
}
.question {
	margin: 10px 0 0;
	padding: 5px 25px 15px 50px;
	background: url("../img/pages/faq/bg-q.jpg") no-repeat left top;
}
.answer-top {
	padding: 10px 0 0;
	background: url("../img/pages/faq/bg-a-top.jpg") no-repeat center top;
}
.answer {
	width: 696px;
	padding: 10px;
	background: url("../img/pages/faq/bg-a.jpg") repeat-y center top;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}
.answer p {
	min-height: 30px;
	padding: 5px 0 0 40px;
	background: url("../img/pages/faq/icon-a.png") no-repeat left top;
}
.accordion-head {
	cursor:pointer;
}

/*  お知らせ
------------------------------------------------*/
.newsbox {
	padding: 30px 0 10px;
	clear: both;
	overflow: hidden;
}
.newsbox h3 {
	padding: 10px 0 10px 25px;
	font-size: 120%;
	background: url("../img/pages/news/bg-title.jpg") no-repeat left center;
}
.news-statusarea {
	padding: 8px 0 22px 60px;
	font-size: 85%;
	background: url("../img/pages/news/bg-statusarea.jpg") no-repeat center top;
	clear: both;
	overflow: hidden;
}

/*  サイトマップ
------------------------------------------------*/
.sitemap-line {
	padding: 20px 0 0;
	font-size: 90%;
	clear: both;
	overflow: hidden;
}
.sitemap-line .left {
	float: left;
	overflow: hidden;
}
.sitemap-line .right {
	float: right;
	overflow: hidden;
}
.sitemap-box {
	width: 355px;
	padding: 15px 0 10px;
	overflow: hidden;
}
.sitemap-box ul {
	padding: 0 10px 0 0;
}
.sitemap-box ul li {
	line-height: 2;
}
.sitemap-box a {
	padding: 0 0 0 10px;
	background: url("../img/pages/sitemap/arrow.gif") no-repeat left center;
}

/*  特集ページ
------------------------------------------------*/
#undercolumn-special h5 {
	height: 25px;
	margin: 20px 0 10px;
	padding: 5px 0 5px 10px;
	font-size: 110%;
	background: url("../img/pages/special/planning/bg-subtitle.jpg") no-repeat left top;
	overflow: hidden;
}
.special-navi {
	width: 700px;
	margin: 30px 0 20px;
	padding: 20px;
	background: url("../img/pages/special/bg-special.png") repeat-y center top;
	overflow: hidden;
}
.special-naviline {
	width: 700px;
	margin: 15px 0 0;
	background: url("../img/pages/special/border.png") no-repeat center top;
	overflow: hidden;
}
.special-naviline li {
	padding: 0 13px 0 0;
	display: inline;
	overflow: hidden;
}
.special-naviline li.end {
	padding: 0;
	display: inline;
	border: none;
	overflow: hidden;
}
.special-line01 {
	width: 700px;
	padding: 20px;
	background: url("../img/pages/special/bg-line.png") no-repeat center bottom;
	overflow: hidden;
}
.special-line02 {
	width: 700px;
	padding: 20px;
	background: url("../img/pages/special/planning/bg-planning.jpg") no-repeat center bottom;
	overflow: hidden;
}
#undercolumn-special .left {
	float: left;
	overflow: hidden;
}
#undercolumn-special .right {
	float: right;
	overflow: hidden;
}
#undercolumn-special h4 {
	font-size: 120%;
}
.date-area {
	margin: 0;
	padding: 15px 0 5px;
	font-size: 90%;
	color: #999999;
	font-weight: lighter;
}
.date-area strong {
	color: #000;
	font-weight: bold;
}
#special-paging {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	font-size: 12px;
	clear: both;
	overflow: hidden;
}
#special-paging li {
	display: inline;
}
#special-paging strong {
	padding: 7px 15px;
	color: #FFF;
	background: url("../img/pages/special/paging-on.jpg") no-repeat center top;
	overflow: hidden;
}
#special-paging a {
	padding: 7px 15px;
	background: url("../img/pages/special/paging.jpg") no-repeat center top;
}
#special-paging a:hover {
	padding: 7px 15px;
	color: #FFF;
	background: url("../img/pages/special/paging-on.jpg") no-repeat center top;
}
.special-comment {
	font-size: 90%;
}
.special-navi .conetnts-line {
	padding: 10px 0 20px;
	clear: both;
	overflow: hidden;
}

/*  特集ページ
------------------------------------------------*/
#undercolumn-staff .left {
	float: left;
	overflow: hidden;
}
#undercolumn-staff .right {
	float: right;
	overflow: hidden;
}
#undercolumn-staff .m20 {
	margin: 40px 0 20px;
}
.staff-recommend {
	width: 740px;
	margin: 20px 0;
	background: url("../img/bloc/bg-recommend.jpg") repeat-y center top;
	overflow: hidden;
}
.staff-box {
	width: 230px;
	padding: 9px;
	float: left;
	overflow: hidden;
}
.staff-box-end {
	width: 230px;
	padding: 9px 7px;
	float: right;
	overflow: hidden;
}
.spec-box {
	padding: 5px 0 0 3px;
	font-size: 90%;
}
#staffproduct-detail {
	width: 740px;
	margin: 20px 0;
	clear: both;
	overflow: hidden;
}
#staffbox-left {
	width: 321px;
	float: left;
	background: url("../img/pages/staff/bg-staff.jpg") no-repeat center top;
	overflow: hidden;
}
#staffbox-left-long {
	width: 321px;
	float: left;
	background: url("../img/pages/staff/bg-staff-long.jpg") no-repeat center top;
	overflow: hidden;
}
.staffbox-img {
	padding: 5px 5px 25px;
}
.staffbox-info {
	padding: 0 0 0 110px;
	font-size: 85%;
}
#staffbox-right {
	width: 395px;
	float: right;
	overflow: hidden;
}
.staffbox-inner {
	background: #FFF;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.staffquestion-box {
	width: 355px;
	margin: 0 auto;
	padding: 20px 0 0;
	font-size: 85%;
	border-bottom: 1px dotted #B4ACA7;
	overflow: hidden;
}
.staffquestion-box-end {
	width: 355px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 85%;
	overflow: hidden;
}
.staffquestion-box h4,
.staffquestion-box-end h4 {
	padding: 5px 0 10px 25px;
	font-size: 120%;
	background: url("../img/pages/staff/icon-q.jpg") no-repeat left center;
}
.staffcontents-box {
	width: 700px;
	padding: 19px;
	font-size: 90%;
	background: #FFF;
	border-top: 1px solid #ECEBEA;
	border-left: 1px solid #ECEBEA;
	border-right: 1px solid #ECEBEA;
	clear: both;
	overflow: hidden;
}
.staff-beforeafter-box {
	width: 660px;
	margin: 20px 0 10px;
	padding: 20px;
	background: url("../img/pages/staff/bg-beforeafter.png") repeat-y center top;
	overflow: hidden;
}
#product-introduction {
	width: 718px;
	padding: 10px;
	background: url("../img/pages/staff/bg-product.jpg") repeat-y center  top;
	border: 1px solid #ECEBEA;
	overflow: hidden;
}
.product-description {
	font-size: 80%;
}
#btn-list {
	padding: 30px 0 10px;
	text-align: right;
	clear: both;
	overflow: hidden;
}