@charset "utf-8";
/*////////////////////////////////////////////////////////////
/*natural.css*/


/*------------------------------------------------------------
	1. main,whiteround
-------------------------------------------------------------*/
#main {
	width: 960px;
	margin: 0 auto;
	background: url(../img/share/natural_roundtop.gif) no-repeat;
	padding-top: 10px;
	}
#main .inner{
	background: url(../img/share/natural_roundbg.gif) no-repeat bottom;
	padding: 0 10px 10px;
	}

/* content */
#whiteRound {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 8px;
	}
#whiteRound .innerDog{
	background: url(../dog/img/share/natural_dog_mainbg.jpg) no-repeat top center;
	}
#whiteRound .innerCat{
	background: url(../cat/img/share/natural_cat_mainbg.jpg) no-repeat top center;
	}

/* mainsection */
#whiteRound .innerCat #mainSection,#whiteRound .innerDog #mainSection {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	}
#mainSection h3 {
	padding-top: 10px;
	}
#mainSection .leftSection{
	width: 550px;
	float: left;
	padding: 30px 30px 0 30px;
	font-size: 100%;
	}
#mainSection .rightSection{
	width: 260px;
	float: left;
	position: relative;
	top: -75px;
	_top: -84px;
	}
#mainSection .rightSection p{
	font-size: 85%;
	padding-bottom: 1.5em;
	}
.rightSection img.products {
	padding-bottom: 5px;
	}

/* analysisSection */
#analysisSection {
	}
#analysisSection .left {
	width: 260px;
	float: left;
	}
#analysisSection .right {
	width: 260px;
	float: right;
	}
#analysisSection .attention{
	width: 550px;
	clear: both;
	}

/* iconSection */
#iconSection {
	padding-bottom: 25px;
	}
#iconSection li div.left {
	float: left;
	width: 65px;
	padding: 10px 10px 10px 10px;
	}
#iconSection li div.right{
	float: right;
	width: 450px;
	padding: 10px 10px 10px 5px;
	}
#iconSection li .tit {
	font-weight: bold;
	padding-bottom: 3px;
	}
#iconSection li .pink {
	color: #EE00A8;	
	}
#iconSection li .green {
	color: #017135;	
	}
#iconSection li .bold {
	font-weight: bold;	
	}
#iconSection .data {
	font-size: 85%;	
	}

/*------------------------------------------------------------
	2. titArea,Section
-------------------------------------------------------------*/
#sectionTit {
	height: 170px;
	min-height: 170px;
	}
#sectionTit img.logo {
	float: left;
	padding: 30px 0 9px 48px;
	}
#sectionTit img.copy {
	float: left;
	padding: 22px 0 0 18px;
	}

/* win ie6 */
*html #sectionTit {
	}
*html #sectionTit img.logo {
	margin: 30px 0 0 48px;
	}
*html #sectionTit img.copy {
	margin: 22px 0 0 18px;
	}

/*------------------------------------------------------------
	3. mainSection
-------------------------------------------------------------*/
h4.copy {
	padding: 0 0 25px 0;
	line-height: 1.45;
	}

/* dog */
h4.puppy {
	color: #460d45;	
	}
h4.adult {
	color: #1b7249;	
	}
h4.light {
	color: #936435;	
	}

/* cat */
h4.puppy_cat {
	color: #aa6315;	
	}
h4.adult_cat {
	color: #1b7249;	
	}
h4.light_cat {
	color: #936435;	
	}

/* arrow style */
#mainSection  p.subtit {
	font-weight: bold;
	color: #3c0d00;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
	font-size: 100%;
	}

/* material */
#mainSection p.material {
	margin-bottom: 5px;
	}
/* xsmall */
span.xsmall {
	font-size: 10px;
	}
/* meyasu */
#mainSection p.subtit.meyasu {
	text-align: center;
	}
/* att */
#mainSection .att {
	font-size:74%;
	text-align:right;
	}
/* AAFCO */
#mainSection .attsmall {
	font-size:80%;
	}

/*------------------------------------------------------------
	3. table
-------------------------------------------------------------*/
#mainSection .leftSection table#data {
	width: 550px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 5px;
	margin-bottom: 25px;
	}
#mainSection .leftSection table#data.data2 {
	margin-bottom: 10px;
	}
table#data th {
	padding: 5px 0 5px 0;
	border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align: center;
	}
table#data td {
	padding: 3px;
	border-width: 1px;
	text-align: center;
	}

/*------------------------------------------------------------
	4. mainSection
-------------------------------------------------------------*/
#mainSection .rightSection ul#menuProducts {
	padding-bottom: 1.5em;
	}
.rightSection ul#menuProducts li p {
	font-size: 13px;
	padding: 5px 0 0 0 ;
	color: #007e3a;
	}
.rightSection ul#menuProducts li.puppytop p{
	color: #c085bf;
	}
.rightSection ul#menuProducts li.puppy p{
	color: #c085bf;
	}
.rightSection ul#menuProducts li.smalladult p{
	color: #de6874;
	}
.rightSection ul#menuProducts li.adult p{
	color: #1b7249;
	}
.rightSection ul#menuProducts li.light p{
	color: #936435;
	}
.rightSection ul#menuProducts li.senior p{
	color: #7b7d88;
	}

/*------------------------------------------------------------
	4-1. cat rightSection　
-------------------------------------------------------------*/
.rightSection ul#menuProducts li.cat_menu01 {
	background: url(../img/share/cat_menu_01.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-top: 1px dotted #cec69e;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.cat_menu01 p{
	color: #e28482;
	}

.rightSection ul#menuProducts li.cat_menu02 {
	background: url(../img/share/cat_menu_02.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.cat_menu02 p{
	color: #a7c273;
	}

.rightSection ul#menuProducts li.cat_menu03 {
	background: url(../img/share/cat_menu_03.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.cat_menu03 p{
	color: #f1ac83;
	}

.rightSection ul#menuProducts li.cat_menu04 {
	background: url(../img/share/cat_menu_04.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.cat_menu04 p{
	color: #8394c0;
	}

.rightSection ul#menuProducts li.cat_menu05 {
	background: url(../img/share/cat_menu_05.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.cat_menu05 p{
	color: #dc8099;
	}

/*------------------------------------------------------------
	4-2. dog rightSection
-------------------------------------------------------------*/
/* 01 */
.rightSection ul#menuProducts li.menu01 {
	background: url(../img/share/menu_01.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu01 p{
	color: #c085bf;
	}
/* 02 */
.rightSection ul#menuProducts li.menu02 {
	background: url(../img/share/menu_02.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-top: 1px dotted #cec69e;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu02 p{
	color: #6fb76d;
	}
/* 03 */
.rightSection ul#menuProducts li.menu03 {
	background: url(../img/share/menu_03.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu03 p{
	color: #84a7c5;
	}
/* 04 */
.rightSection ul#menuProducts li.menu04 {
	background: url(../img/share/menu_04.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu04 p{
	color: #46ab5f;
	}
/* 05 */
.rightSection ul#menuProducts li.menu05 {
	background: url(../img/share/menu_05.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu05 p{
	color: #48855b;
	}
/* 06 */
.rightSection ul#menuProducts li.menu06 {
	background: url(../img/share/menu_06.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu06 p{
	color: #ec618a;
	}
/* 07 */
.rightSection ul#menuProducts li.menu07 {
	background: url(../img/share/menu_07.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu07 p{
	color: #009e92;
	}
/* 08 */
.rightSection ul#menuProducts li.menu08 {
	background: url(../img/share/menu_08.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu08 p{
	color: #6ac3a5;
	}
/* 09 */
.rightSection ul#menuProducts li.menu09 {
	background: url(../img/share/menu_09.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu09 p{
	color: #38a5de;
	}
/* 10 */
.rightSection ul#menuProducts li.menu10 {
	background: url(../img/share/menu_10.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu10 p{
	color: #37b76c;
	}
/* 11 */
.rightSection ul#menuProducts li.menu11 {
	background: url(../img/share/menu_11.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu11 p{
	color: #b29063;
	}
/* 12 */
.rightSection ul#menuProducts li.menu12 {
	background: url(../img/share/menu_12.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cec69e;
	}
.rightSection ul#menuProducts li.menu12 p{
	color: #7b7d88;
	}
/* menuList */
ul#menuList {
	padding-bottom: 25px;
	}
.rightSection ul#menuList li {
	border-top: 1px dotted #cec69e;
	padding: 10px 0 10px 12px;
	}
.rightSection ul#menuList li.last {
	border-bottom: 1px dotted #cec69e;
	border-top: 1px dotted #cec69e;
	padding: 10px 0 10px 12px;
	}

/*------------------------------------------------------------
	5.List02
-------------------------------------------------------------*/
ul.List02 {
	padding: 15px 0 30px 0;
	}
ul.List02 li .title {
	float:left;
	margin:0;
	width:105px;
	text-align: center;
	font-weight: bold;
	}
ul.List02 li .data {
	float:right;
	width:430px;
	padding: 0 5px 0 0;
	}
ul.List02 li {
	padding: 7px 0;
	overflow: hidden;
	vertical-align: bottom;
	}
ul.List02 li.top {
	}
ul.List02 li.white {
	background-color: #fff;
	}
ul.List02 li.whitelast {
	padding: 7px 0;
	background-color: #fff;
	}
ul.List02 li.colorlast {
	padding: 7px 0;
	}

/* List03 */
ul.List03 {
	padding: 10px 0 15px 0;
	}
ul.List03 li {
	padding: 5px 0;
	vertical-align: bottom;
	}
ul.List03 li .title {
	float:left;
	margin:0;
	width:110px;
	padding: 0 0 0 10px;
	}
ul.List03 li .title2 {
	float:left;
	margin:0;
	width:90px;
	padding: 0 0 0 10px;
	}
ul.List03 li .data {
	float: right;
	width: 120px;
	padding: 0 10px 0 0;
	text-align: right;
	}
ul.List03 li .data2 {
	float: right;
	width: 140px;
	padding: 0 10px 0 0;
	text-align: right;
	}
ul.List03 li.top {
	}
ul.List03 li.white {
	background-color: #fff;
	}
ul.List03 li.whitelast {
	padding: 5px 0;
	background-color: #fff;
	}
ul.List03 li.colorlast {
	padding: 10px 0;
	}

/*------------------------------------------------------------
	2. mainSectionindex
-------------------------------------------------------------*/
#mainSectionindex {
	width: 880px;
	margin: 0 auto;
	}
ul#catMenu {
	width: 444px;
	height: 60px;
	min-height: 60px;
	padding: 10px 0 0 0;
	}
ul#catMenu li {
	float: left;
	display: block;
	}
ul#catMenu li a {
	width: 213px;
	padding: 0 9px 0 0;
	height: 60px;
	min-height: 60px;
	text-indent: -9999px;
	display: block;
	}
	
/* a */
ul#catMenu li.list a{	background: url(../img/share/catMenu.jpg) no-repeat 0px 0px;}
ul#catMenu li.feature a{ background: url(../img/share/catMenu.jpg)  no-repeat -223px 0px;}

/* fix */
ul#catMenu li.list_fix a{ background: url(../img/share/catMenu.jpg)  no-repeat 0px -60px;}
ul#catMenu li.feature_fix a{ background: url(../img/share/catMenu.jpg)  no-repeat -223px -60px;}

/*------------------------------------------------------------
	2. mainSectionindex
-------------------------------------------------------------*/
#mainSectionindex {
	width: 880px;
	margin: 0 auto;
	}
ul#dogMenu {
	width: 880px;
	height: 60px;
	min-height: 60px;
	padding: 10px 0 0 0;
	}
ul#dogMenu li {
	float: left;
	display: block;
	}
ul#dogMenu li a {
	width: 213px;
	padding: 0 9px 0 0;
	height: 60px;
	min-height: 60px;
	text-indent: -9999px;
	display: block;
	}
	
ul#dogMenu li.matrix a {
	padding-right: 0;
}

ul#dogMenu li.matrix_fix a {
	padding-right: 0;
}

/* a */
ul#dogMenu li.list a{	background: url(../img/share/dogMenu.jpg) no-repeat 0px 0px;}
ul#dogMenu li.feature a{ background: url(../img/share/dogMenu.jpg)  no-repeat -223px 0px;}
ul#dogMenu li.selector { background: url(../img/share/dogMenu.jpg)  no-repeat -445px 0px;}
ul#dogMenu li.matrix { background: url(../img/share/dogMenu.jpg)  no-repeat -667px 0px;}

/* fix */
ul#dogMenu li.list_fix a{ background: url(../img/share/dogMenu.jpg)  no-repeat 0px -60px;}
ul#dogMenu li.feature_fix a{ background: url(../img/share/dogMenu.jpg)  no-repeat -223px -60px;}
ul#dogMenu li.selector_fix a{ background: url(../img/share/dogMenu.jpg)  no-repeat -445px -60px;}
ul#dogMenu li.matrix_fix a{ background: url(../img/share/dogMenu.jpg)  no-repeat -667px -60px;}


/*------------------------------------------------------------
	7. pagetop　
-------------------------------------------------------------*/
.pagetop {
	position: relative;
	right: -10px;
	text-align: right;
}