@charset "utf-8";
/* CSS Document */

.intro {
	background: url(../sp_images/bg-intro.png) 0 0 no-repeat;
	position: relative;
	width: 690px;
	height: 460px;
}
.intro--ttl {
	height: 0;
}
.intro--txt {
	position: absolute;
	font-size: 13px;
	width: 295px;
	top: 250px;
	left: 50px;
}
.intro--doctor_img {
	position: absolute;
	top: 193px;
	right: 70px;
}
.intro--top_links {
	width: 210px;
	position: absolute;
	top: 15px;
	right: 15px;
}
.intro--top_links_list {
	list-style-type: none;
}
.intro--top_links_list:after {
	content: "";
	display: block;
	clear: both;
}
.intro--top_links_item {
	float: left;
	width: 100px;
	margin-left: 6px;
}
.intro--top_links_item:first-child {
	margin-left: 0;
}
.intro--top_links_link {}
.intro--top_links_txt {
	font-size: 9px;
	color: #fff;
	margin-top: 5px;
	line-height: 1.3;
}
.txt_color-sp {
	color: #5e3d1c;
}

.cmn-section {
	margin: 0 50px 35px;
	line-height: 1.9;
	position: relative;
}

.cmn-section:after {
	content: "";
	display: block;
	clear: both;
}

.cmn-section--txt {
	font-size: 13px;
	display: block;
}

.cmn-section--left {
	float: left;
}

.cmn-section-half {
	width: 270px;
}

.cmn-section--right {
	float: right;
}

.cmn-section--right-wide {
	width: 345px;
}

.img-right {
	margin-right: -10px;
}

.cmn-frame {
	background-image: url(../sp_images/bg-frame-top.gif), url(../sp_images/bg-frame-btm.gif), url(../sp_images/bg-frame-loop.gif);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 595px 70px, 595px 55px, 595px 10px;
	width: 595px;
	margin: 0 auto 60px;
	position: relative;
}

.cmn-frame-top_wide {
	background-image: url(../sp_images/bg-frame-top2.gif), url(../sp_images/bg-frame-btm.gif), url(../sp_images/bg-frame-loop.gif);
}

.cmn-frame--ttl {
	text-indent: 0em;
	text-align: center;
}

.cmn-frame--ttl-line {
	padding-top: 10px;
}

.cmn-frame--txt {
	font-size: 13px;
	width: 510px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 35px;
}

.cmn-frame--txt-mid {
	width: 375px;
	padding-right: 130px;
}

.cmn-frame--img {
	position: absolute;
	right: 0;
	top: 15px;
}

.img-section3 {
	position: absolute;
	top: 20px;
	right: 30px;
}

.cmn-section--txt_tea {
	padding-top: 210px;
	color: #5e3d1c;
	font-size: 13px;
	font-weight: bold;
}

.cmn-section--txt_tea-ttl {
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #5e3d1c;
	padding: 3px;
	margin-right: 3px;
}

.cmn-section--txt_tea-url {
	font-size: 11px;
	color: #725c50;
}

.cmn-h4 {
	text-indent: 0em;
}

.sayo--ttl {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.sayo--list {
	list-style-type: none;
}

.sayo--list:after {
	content: "";
	display: block;
	clear: both;
}

.sayo--item {
	float: left;
}

.sayo--link:hover {
	opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.situation {
	background-image: url(../sp_images/bg-situation-top.gif), url(../sp_images/bg-situation-btm.gif), url(../sp_images/bg-situation-loop.gif);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 595px 20px, 595px 20px, 595px 10px;
	width: 595px;
	margin: 20px auto 10px;
	padding: 20px;
	position: relative;
	box-sizing: border-box;
}

.situation:after {
	content: "";
	display: block;
	clear: both;
}

.situation--ttl {
	text-align: center;
	margin-bottom: 10px;
}

.situation--list {
	width: 160px;
	float: left;
	list-style-type: none;
	padding-left: 5px;
}

.situation--item {
	padding-left: 12px;
	background: url(../sp_images/bg-situation-list-dot.gif) center left no-repeat;
}

.situation--txt {
	float: right;
	width: 147px;
	padding-right: 130px;
}

.situation--img1 {
	position: absolute;
	top: 90px;
	left: 120px;
}

.situation--img2 {
	position: absolute;
	top: 60px;
	right: -10px;
}

.situation-half {
	background-image: url(../sp_images/bg-situation-half-top.gif), url(../sp_images/bg-situation-half-btm.gif), url(../sp_images/bg-situation-half-loop.gif);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 287px 20px, 287px 20px, 287px 10px;
	width: 287px;
	float: left;
	margin-right: 16px;
	margin-bottom: 30px;
}

.situation-half-last {
	margin-right: 0;
}

.situation-half--img1 {
	position: absolute;
	right: 20px;
	bottom: -30px;
}

.situation-half--img2 {
	position: absolute;
	right: -40px;
	bottom: -30px;
}

.doctor {
	padding: 30px 0;
	background-image: url(../sp_images/bg-section-doctor-top.gif), url(../sp_images/bg-section-doctor-btm.gif);
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 590px 5px, 590px 5px;
	width: 590px;
}

.doctor--ttl {
	font-size: 14px;
	background: url(../sp_images/bg-section-doctor-ttl-left.gif) center left no-repeat;
	padding-left: 55px;
	color: #5e3d1c;
	line-height: 1.6;
	margin-bottom: 20px;
	margin-left: 20px;
}

.doctor--ttl-sub {
	font-size: 10px;
	font-weight: normal;
}

.doctor--ttl-doctor {
	font-size: 12px;
}

.doctor--txt {
	text-indent: 0em;
	margin-left: 20px;
	width: 370px;
}

.doctor--img {
	position: absolute;
	right: 20px;
	bottom: 5px;
}




#right-container .cmn-h2 {
	text-indent: 0em;
	height: 50px;
	margin-bottom: 13px;
	margin-left: -20px;
}

#right-container .cmn-h3 {
	text-indent: 0em;
	height: 45px;
	margin-bottom: 22px;
}

div.report-intro {
	position: relative;
	width: 690px;
	height: 490px;
	background: url(../images/bg_h1-report.jpg) no-repeat;
	clear:both;
}
#right-container .visible{
	overflow: visible;
}
#right-container div.report-intro h1, #right-container div.report-intro p {
	position: absolute;
	right: 30px;
	bottom: 20px;
	color: #623517;
	font-size: 10px;
}
div.h2-block {
	width: 650px;
	height: 390px;
	background: url(../images/bg_h2-report.gif) no-repeat top center;
	position:relative;
}
#right-container div.h2-block h2 {
	position:absolute;
	top:20px;
	left:25px;
	text-indent:0px !important;
	overflow:visible !important;
}
div.h2-block p.left {
	display:block;
	position:absolute;
	top:120px;
	left:35px;
	width: 325px;
	line-height: 1.6em;
	color: #4E3212;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
div.h2-block p.left a.h2-block--btn_more {
	display: block;
	margin-top: 15px;
}
div.h2-block p.left a.h2-block--btn_more:hover {
	opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
div.h2-block .rightimg {
	position:absolute;
	width: 250px;
	top: 15px;
	left:380px;
	text-align:center;
}
div.h2-block .rightimg p {
	display:block;
	color: #4E3212;
	line-height: 1.3em;
}
div.h2-block .rightimg span {
	font-size:90%;
}
div.h2-block p.rightbtn {
	position:absolute;
	width: 250px;
	top:270px;
	right:15px;
}
div.h2-block p.rightbtn a {
	display: block;
	width: 235px;
	height: 60px;
	background: url(../images/btn_recipe.png) no-repeat;
	text-indent:-9999px;
	}
	div.h2-block p.rightbtn a:hover {
		background: url(../images/btn_recipe.png) no-repeat 0px -60px;
	}
div.left-side {
	float: left;
}
div.right-side {
	float: right;
}
#right-container div.contents01 {
	width: 640px;
	padding: 20px 0 0 10px;
}
#right-container div.contents01 div.left-side {
	width: 350px;
}
#right-container div.contents01 div.right-side {
	width: 275px;
	margin: 10px 0 20px 0;
}
#right-container div.contents01 div.right-side p {
	position:relative;
	font-size: 10px;
	line-height: 1.4em;
	color: #623517;
}
#right-container div.contents01 div.right-side p span {
	display:block;
	padding:5px 10px 10px 20px;
}
#right-container div.contents01 h3 {
	width: 350px;
	margin-bottom: 5px;
	text-indent: 0em;
}

#right-container div.contents02 {
	width: 640px;
	padding: 20px 10px 0 0
}
#right-container div.contents02 div.left-side {
	width: 275px;
	padding:0 0 20px 0;
}
#right-container div.contents02 div.left-side p {
	margin-bottom: 5px;
	font-size: 10px;
	line-height: 1.4em;
	color: #623517;
	position:relative;
}
#right-container div.contents02 div.left-side span {
	display:block;
	padding:5px 20px 10px 10px;
}
#right-container div.contents02 div.left-side p span.fix_txt {
	position:absolute;
	bottom: -10px;
	left: 10px;
	width:130px;
	padding:0 10px 0 0;
}
#right-container div.contents02 div.right-side {
	width: 350px;
}
#right-container div.contents02 h3 {
	width: 350px;
	margin-bottom: 5px;
	text-indent: 0em;
}
#right-container div.contents03 {
	width: 640px;
	padding: 20px 0 0 10px;
}
#right-container div.contents03 div.left-side {
	margin-top: 30px;
	width: 350px;
}
#right-container div.contents03 div.right-side {
	position:relative;
	width: 275px;
	margin:-40px 0 20px 0;
}
#right-container div.contents03 div.right-side p {
	font-size: 10px;
	line-height: 1.4em;
	color: #623517;
}
#right-container div.contents03 div.right-side p.top {
	margin-top: 10px;
}
#right-container div.contents03 div.right-side span {
	display:block;
	padding:0 10px 10px 10px;
}
#right-container div.contents03 h3 {
	width: 350px;
	margin-bottom: 5px;
	text-indent: 0em;
}
#right-container div.bottom-link {
	position: relative;
}
div.bottom-link p.bottom-menu {
	padding: 10px 0px 10px 375px;
	_padding-top: 0px;
}
div.bottom-link p.official {
	position: absolute;
	top:0;
	left:0;
}

div.bottom-link p.official a {
	position: absolute;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	width: 375px;
	height:165px;
	top: 0px;
	left: -20px;
	background: url(../images/btn_shopping.jpg) no-repeat;
}
div.bottom-link p.official a:hover {
	background: url(../images/btn_shopping.jpg) no-repeat 0px -165px;
}

p.bottom-menu a.recipe-b {
	display: block;
	width:275px;
	height:150px;
	background: url(../images/btn_recipe-b.jpg) no-repeat;
}
p.bottom-menu a:hover.recipe-b {
	background: url(../images/btn_recipe-b.jpg) no-repeat 0px -150px;
}
div.h2-block p.right-side a,div.bottom-link p a {
	text-indent: -9999em;
	overflow: hidden;
}