@charset "utf-8";

/* ------------------------------------------------------------------------------------ header */

dl#topBanner {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 840px;
	height: 400px;
	background: url(../img/header-topbanner.jpg) 0 0 no-repeat;
}



/* ------------------------------------------------------------------------------------ container */

#container h2 {
	margin: 0 0 30px 0px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 840px;
	height: 60px;
	background: url(../img/top-container-h2.gif) 0 0 no-repeat;
}

#container p.base {
	margin: 0 0 30px 20px;
	padding: 0px 0px 0px 0px;
	width: 800px;
}
#container p.footprint {
	margin: 0px 0 30px 0px;
	padding: 0px 0px 0px 20px;
	width: 820px;
	background: url(../img/top-container-p.gif) center left no-repeat;
}
#container p strong.black { font-size: 125%; }
#container p strong.red { color: #E3320C; font-size: 125%; }

#container img.base {
	margin: 0 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#container dl.quotation {
	margin: 0 0 40px 20px;
	padding: 20px 0px 20px 0px;
	width: 790px;
	border: 5px solid #D3E0A3;
	background: #EEF2DB;
	clear: both;
}

#container dl.quotation dt {
	margin: 0 0 10px 20px;
	padding: 0px 0px 0px 140px;
	color: #7C9421;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.2;
	width: 630px;
	min-height: 60px;
	_height: 60px;
	background: url(../img/container-quotation-dt.gif) 0 0 no-repeat;
}

#container dl.quotation dt strong {
	color: #E3320C;
	font-size: 85%;
	line-height: 1.5;
}

#container dl.quotation dt a {
	display: block;
	margin: 0 0 0 65px;
	font-size: 50%;
	line-height: 1.2;
}

#container dl.quotation dd {
	margin: 0 0 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 750px;
}

/* お客様の声 */
#voice {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#voice h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 0;
}

#voice ul {
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	list-style: none;
	width: 610px;
}

#voice ul li {
	position: relative;
	display: inline;
	margin: 0 5px 0 0;
	padding: 5px 0 0 0;
	list-style: none;
	width: 190px;
	height: 235px;
	border: 5px solid #E9D5AB;
	background: #FCF1D3;
	float: left;
}
#voice ul li.edge { margin-right: 0; }

#voice ul li img {
	display: block;
	margin: 0 auto 0px auto;
	width: 180px;
}

#voice ul li p {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	font-size: 80%;
	_font-size: 85%;
	text-align: center;
	line-height: 1.3;
}
*:first-child+html #voice ul li p { padding-top: 5px; font-size: 80%; } /* IE7 */
html>body #voice ul li p { font-size: 80%; } /* Firefox */

#voice ul li a.detail {
	display: block;
	margin: 0 auto 20px auto;
	padding: 0px 0 0 0;
	text-indent: -9999em;
	width: 160px;
	height: 30px;
	background: url(../img/top-container-voice-detail01.gif) 0 0 no-repeat;
}
#voice ul li a.detail:hover { background-position: 0 -30px; }

#voice a.voice {
	display: block;
	margin: 0 auto 0px auto;
	padding: 0px 0 0 0;
	text-indent: -9999em;
	width: 300px;
	height: 35px;
	background: url(../img/top-container-voice-detail02.gif) 0 0 no-repeat;
}
#voice a.voice:hover { background-position: 0 -35px; }

/* 症状 */
#condition {
	margin: 0 0 60px 0px;
	padding: 0px 0 0 0;
	width: 840px;
	clear: both;
}

#condition h2 { background-position: 0 -50px; }

#condition ul {
	margin: 0 auto 30px auto;
	padding: 30px 0 0 0px;
	list-style: none;
	width: 600px;
	min-height: 210px;
	_height: 210px;
	background: url(../img/top-container-condition-ul.gif) left top no-repeat;
}
#condition ul li {
	margin: 0 0 5px 40px;
	padding: 2px 0 0 30px;
	font-size: 150%;
	line-height: 1.1;
	list-style: none;
	width: 508px;
	background: url(../img/icon-check-red.gif) 0 0 no-repeat;
}

#condition p {
	margin: 0 0 0px 20px;
	padding: 18px 0 0 110px;
	font-size: 130%;
	line-height: 1.3;
	width: 690px;
	height: 62px;
	background: url(../img/top-container-condition-p.gif) 0 0 no-repeat;
}
#condition p strong {
	color: #E3320C;
	font-size: 100%;
	line-height: 1.3;
}

/* 元気に振る舞います */
#behave {
	margin: 0 0 30px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#behave h2 { background-position: 0 -110px; }

/* 具合が悪くなってからでは */
#late {
	margin: 0 0 30px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#late h2 { background-position: 0 -170px; }

#late dl.bacteria {
	margin: 0 0 40px 20px;
	padding: 20px 0px 20px 0px;
	width: 790px;
	border: 5px solid #D3E0A3;
	background: #EEF2DB;
	clear: both;
}

#late dl.bacteria dt {
	margin: 0 0 30px 50px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999em;
	width: 609px;
	height: 48px;
	background: url(../img/top-container-late-bacteria-dt.gif) 0 0 no-repeat;
}

#late dl.bacteria dd {
	margin: 0 0 0px 50px;
	padding: 0px 0px 0px 0px;
	width: 690px;
}

#late dl.bacteria dd p {
	margin: 0 0 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 280px;
}

/* 腸内環境の改善 */
#improve {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
	width: 840px;
}
*:first-child+html #improve { margin-bottom: 0; } /* IE7 */
html>body #improve { margin-bottom: 60px } /* Firefox */

#improve h2 { background-position: 0 -230px; }

#improve ul.ingredient {
	margin: 0 0 30px 20px;
	padding: 20px 20px 10px 20px;
	width: 750px;
	border: 5px solid #E9D5AB;
	background: #FCF1D3;
}

#improve ul.ingredient li {
	margin: 0 0 5px 0px;
	padding: 5px 0 0 45px;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
	list-style: none;
	width: 700px;
	min-height: 25px;
	_height: 25px;
	background: url(../img/icon-footprint-red.gif) 0 0 no-repeat;
}
#improve ul.ingredient li strong {
	color: #E3320C;
	font-size: 100%;
	line-height: 1.2;
	list-style: none;
}

#improve .section {
	margin: 0 0 50px 20px;
	padding: 20px 20px 10px 20px;
	width: 760px;
	border: 1px solid #DEE7C2;
	background: #F8F9F0;
	clear: both;
}

#improve .section h3 {
	margin: 0 0 30px 0px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 727px;
	height: 58px;
	background: url(../img/top-container-improve-h3.gif) 0 0 no-repeat;
}
#improve .enzyme h3 { background-position: 0 0; }
#improve .probiotics h3 { background-position: 0 -58px; }

#improve .section p {
	margin: 0 0 30px 20px;
	padding: 0 0 0 0;
}
#improve .section img.right {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
}

#improve .section h4 {
	margin: 0 0 30px 20px;
	padding: 0 0 0 0;
	color: #E3320C;
	font-size: 160%;
	line-height: 1.2;
	clear: both;
}

#improve dl.quotation {
	margin-left: 0px;
	width: 750px;
}
#improve .enzyme dl.quotation { padding-bottom: 5px; }

#container dl.quotation dt { width: 580px; }

#container dl.quotation dd { width: 710px; }
#container dl.quotation dd ul {
	margin: 0 0 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 710px;
}

#container dl.quotation dd ul li {
	margin: 0 0 15px 0px;
	padding: 0px 0px 0px 45px;
	line-height: 1.3;
	list-style: none;
	background: url(../img/icon-footprint-green.gif) 0 0 no-repeat;
}

#container p.bacteria {
	margin: 0 0 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 550px;
}

#container img.bacteria {
	margin: 0 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* プロキュア */
#feature {
	margin: 0 0 60px 0px;
	padding: 0 0 0 0;
	width: 840px;
	clear: both;
}

#feature h2 { background-position: 0 -290px; }

#feature dl.feature {
	margin: 0 0 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 800px;
}

#feature dl.feature dt {
	margin: 0 0 20px 0;
	padding: 0px 0px 0px 0px;
	text-indent: -9999em;
	width: 734px;
	height: 68px;
	background: url(../img/top-container-feature-dt.gif) 0 0 no-repeat;
	clear: both;
}
#feature dl.feature dt.fe01 { background-position: 0 0; }
#feature dl.feature dt.fe02 { background-position: 0 -68px; }
#feature dl.feature dt.fe03 { background-position: 0 -136px; }
#feature dl.feature dt.fe04 { background-position: 0 -204px; }
#feature dl.feature dt.fe05 { background-position: 0 -272px; }
#feature dl.feature dt.fe06 { background-position: 0 -340px; }
#feature dl.feature dt.fe07 { background-position: 0 -408px; }
#feature dl.feature dt.fe08 { background-position: 0 -476px; }

#feature dl dd {
	margin: 0 0 30px 0;
	padding: 0px 0px 30px 0px;
	width: 800px;
	border-bottom: 5px dotted #E9D5AB;
}

#feature dl dd p.left {
	margin: 0 0 0px 40px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#feature dl dd img.right {
	margin: 0 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#feature dl dd img.price { margin-right: 60px; }
#feature dl dd img.last { margin-top: 20px; }

/* 商品詳細 */
dl#detail {
	margin: 0 auto 60px auto;
	padding: 0px;
	text-indent: -9999em;
	width: 603px;
	height: 371px;
	background: url(../img/top-container-detail-bg.jpg) 0 0 no-repeat;
}

dl#detail2 {
	margin: 0 auto 60px auto;
	padding: 0px;
	text-indent: -9999em;
	width: 670px;
	height: 371px;
	background: url(../img/top-container-detail-bg.jpg) 0 0 no-repeat;
}

/* 最後に */
dl#postscript {
	margin: 0 auto 60px auto;
	padding: 0px;
	width: 500px;
}

#postscript dt {
	margin: 0 0 0px 0px;
	padding: 0px;
	color: #90AB26;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

#postscript dd {
	margin: 0 0 0px 0px;
	padding: 0px 0 0 0px;
	text-align: center;
	width: 500px;
}

#postscript dd img {
	display: block;
	margin: 0 0 20px 0px;
	padding: 0px 0 0 0px;
}




/* 商品 */
#item {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#item h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -350px;
}

/* よくある質問 */
#faq {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#faq p {
}

#faq h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -400px;
}


/* よくある質問詳細 */
#faq_s {
	width: 610px;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 60px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#faq_s .caption {
	font-size: 21px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 45px;
	margin-bottom: 10px;
	padding: 3px;
	border: thin solid #FF6600;
	background-color: #FF6600;
}
#faq_s .answer {
	line-height: 170%;
	margin-right: 0px;
	margin-left: 0px;
}


/* お客様の声 */
#uservoice {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#uservoice h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -450px;
}

#uservoice .table2 {
	width: 610px;
	margin-top: 35px;
}
#uservoice .table2 th {

}
#uservoice .table2 td {
	padding: 0px 0px 15px 13px;
	text-align: left;
	background-color: #FDF7E7;
}

/* お客様の声詳細 */
#uservoice_s {
	width: 840px;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 60px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
}

#uservoice_s .caption {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 45px;
	margin-bottom: 10px;
	padding: 5px;
	border: thin solid #FF6600;
	background-color: #FF6600;
}

#uservoice_s .table2 {
	width: 750px;
	margin-bottom: 25px;
}
#uservoice_s .table2 th {

}
#uservoice_s .table2 td {
	padding: 5px;
	text-align: center;
	background-color: #FDF7E7;
}


/* 会社概要 */
#company {
	position: relative;
	margin: 0 0 50px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#company h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -500px;
}

#company .table1 {
	border: 1px none #FDF7E7;
	background-color: #FDF7E7;
	width: 610px;
	margin-top: 15px;
}
#company .table1 th {

}
#company .table1 td {
	border: 1px solid #CCCC66;
	padding: 10px;
}


/* 特定商取引法の表記 */
#law {
	position: relative;
	margin: 0 0 50px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#law h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -550px;
}

#law .table1 {
	border: 1px none #FDF7E7;
	background-color: #FDF7E7;
	width: 610px;
	margin-top: 15px;
}
#law .table1 th {

}
#law .table1 td {
	border: 1px solid #CCCC66;
	padding: 10px;
}


/* プライバシーポリシー */
#privacy {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#privacy h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -600px;
}

#privacy .caption {
	font-size: 125%;
	color: #C3422F;
	margin-top: 35px;
	margin-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-top-color: #C3422F;
	border-right-color: #C3422F;
	border-bottom-color: #C3422F;
	border-left-color: #C3422F;
	padding-bottom: 7px;
}

#privacy .table1 {
	border: 1px none #FDF7E7;
	margin-bottom: 25px;
	background-color: #FDF7E7;
	width: 600px;
	margin-top: 15px;
}
#privacy .table1 th {

}
#privacy .table1 td {
	border: 1px solid #CCCC66;
	padding: 10px;
}


/* 動物病院でも使われています */
#hospital {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#hospital h2 {
	margin-bottom: 20px;
	width: 610px;
	height: 50px;
	background-position: 0 -650px;
}

#hospital .caption {
	font-size: 135%;
	color: #C3422F;
	margin-top: 55px;
	margin-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-top-color: #C3422F;
	border-right-color: #C3422F;
	border-bottom-color: #C3422F;
	border-left-color: #C3422F;
	padding-bottom: 7px;
	font-weight: bold;
}

#hospital .frame {
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 13px;
	border: thin solid #FFFFCC;
	line-height: 180%;
	background-color: #FDF7E7;
}

#hospital ul {
	padding:12px 0px 13px 11px;
	margin:0px;
}

#hospital li {
	list-style-type: none;
	list-style-position: outside;
	background:url("../img/check.gif")  #FDF7E7 top left no-repeat;
	padding:1px 0px 0px 22px;
	margin: 0px;
	font-size: 120%;

}





#s {
	width: 800px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 35px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#s .caption {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 45px;
	margin-bottom: 10px;
	padding: 5px;
	border: thin solid #FF6600;
	background-color: #FF6600;
}
.pcbox1 {
	display: none;
}