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

  サブページ 共通

======================================= */
.subpage > #contentsBox {
	padding: 0;}
#subpageWrap {
	padding: 2%;}

.subpageBox {
	height: auto;}	
.subpageBox img {
	vertical-align: top;}		
.subpageCap {
	width: 540px;
	padding: 10px;}
.subpageCap span {
	vertical-align: top;
	margin-left: -20px;}
.subpageBox_bottom {
	margin-bottom: 0;}
.subpageCap_bottom {
	padding: 10px;}	
.subpage_table td ul {
	margin: 0;
	padding-left: 25px;}

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

  こ～みそ～れ本舗とは

======================================= */
	
#aboutusWrap {
	padding: 2%;
	background: url(../img/sub/aboutus_top.jpg), url(../img/sub/ikeda.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: right 90px, right bottom;}
#aboutusWrap h3 {
	margin: 0;
	padding: 5px;}

#aboutus_top {
	margin: 20px 0 80px 0;}
.aboutus_top img {
	display: inline-block;}
#aboutus_top a {
	text-decoration: underline;
	padding: 0 2px;
	font-weight: bold;}

#aboutus_middle {
	margin-bottom: 60px;}
#aboutus_middle span {
	display: inline-block;
	width: 271px;
	height: auto;
	vertical-align: top;}
#aboutus_middle h3 i {
	vertical-align: top;
	margin-top: 7px;}
#aboutus_middle > span div.aboutus_middleCap {
	padding: 10px;}
	
#aboutus_bottom {
	height: 440PX;}	
#aboutus_bottom > div.aboutus_bottomCap {
	padding: 10px;}
#aboutus_bottom > div.aboutus_bottomCap div span {
	line-height: 2.3;}	
	
#aboutus_middle a,	
#aboutus_bottom	a {
	text-decoration: underline;}	
.subpage_boxWrap {
	background: #efefef;
	border-top: 2px solid #999;
	padding: 15px 5px;
	max-width: 580px;
	margin: 5px 0;}
	
/* =======================================

  宮古牛

======================================= */
#miyakogyuWrap {
	padding: 2%;
	background-repeat: no-repeat;
	background-position: -30px 350px;}
#miyakogyuWrap > div > div > .subpage_boxWrap {
	border: 1px solid #999;
	background: #fff;
	border-radius: 3px;
	padding: 15px 10px;
	max-width: 580px;
	margin: 5px 0;}	
.subpage_boxWrap_kodawari {
	margin-top: -63px;
	margin-right: 10px;
	width: 320px;
	padding: 7px;
	background: #fff;}
	
/* =======================================

  宮古牛 蒼

======================================= */
#miyakogyuaoWrap {
	padding: 2%;}

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

  石垣牛

======================================= */
#ishigakigyuWrap {
	padding: 2%;}

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

  サイトマップ

======================================= */
ul.sitemap {	
	display: inline-block;
	width: 395px;
	vertical-align: top;
	list-style: none;
	padding: 0;
	line-height: 2.8;}
ul.sitemap li {
	position: relative;}	
ul.sitemap li div {
	position: relative;
	list-style: none;
	margin-left: 40px;}
ul.sitemap li div::before {
	content: "";
	position: absolute;
	top: -13px;
	left: -16px;
	width: 10px;
	height: calc(100% + 2.2em);
	border-left: 1px solid #999;}
ul.sitemap li div:last-child::before {
	height: calc(1em + .25em);}
ul.sitemap li div::after {
	content: "";
	position: absolute;
	top: 26px;
	left: -16px;
	width: 20px;
	border-bottom: 1px solid #999;}
  
/* =======================================

  相互リンク

======================================= */
#contentsBox table.subpage_table {
	width: 850px;
	height: auto;
	margin: 0 auto;
	padding: 2%;}
#contentsBox table.subpage_table th {
	text-align: left;
	padding: 15px;
	width: 250px;	
	border-bottom: 3px solid #fff;	
	background: #ede1d3;}
#contentsBox table.subpage_table th a {
	display: block;
	width: 100%;}
#contentsBox table.subpage_table th a:hover {
	padding: 5px 10px;
	border-radius: 5px;}
#contentsBox table.subpage_table td {
	padding: 15px;
	border-bottom: 1px solid #ddd;}
#contentsBox table.subpage_table td.subpage_td_first {
	border-top: 1px solid #ddd;}

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

  よくある質問

======================================= */
#contentsBox p span.subpage_question,
#contentsBox p span.subpage_answer,
#contentsBox p span.subpage_faq_time {
	border-bottom: none;}
span.subpage_question {
 	position: relative;
	display: inline-block;
	padding: 1px 6px;
	border-radius: 3px;
	background: #999;}
span.subpage_question:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -4px;
	border: 5px solid transparent;
	border-left: 7px solid #999;}
span.subpage_answer {	
 	position: relative;
	display: inline-block;
	padding: 0 6px;
	border-radius: 3px;
	background: #c80000;}	
span.subpage_answer:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -3px;
	border: 3px solid transparent;
	border-left: 5px solid #c80000;}	
span.subpage_faq_time {
	border: 1px solid #999 !important;
	border-radius: 3px;
	padding: 5px 15px;}	
p.subpage_answer_p {
	margin-bottom: 60px;}
	
/* =======================================

  牛肉のトレーサビリティ

======================================= */
div.subpage_traceCap a,
div.subpage_traceCap_bottom a {
	text-decoration: underline;}
div.subpage_traceCap {
	width: 544px;
	padding: 10px;}
div.subpage_traceCap_bottom {
	padding: 10px;}