@charset "euc-jp";

/* -------------------- 健康缶ページ用CSS -------------------- */

/* ---------- 基本設定 ---------- */

/* クリアー用 */

.clearItem{
	zoom: 100%;
}

.clearItem:after{
	content: " ";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}

/* ---------- 共通設定 ---------- */

/* 全体枠 */

#kenkoukan{
	float: left;
	width: 900px;
	margin: 10px 0px 20px;
	padding: 0px;
	text-align: left;
}

/* ヘッダー */

#kenkoukanHeader{
	position: relative;
	width: 900px;
	height: 136px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#kenkoukanHeader h2{
	margin: 0px;
	padding: 16px 0px 0px 0px;
	text-align: right;
}

#kenkoukanHeader p{
	position: absolute;
	top: 52px;
	left: 81px;
	margin: 0px;
	padding: 0px;
}

#kenkoukanHeader #hContentsNavi{
	position: absolute;
	top: 44px;
	left: 260px;
	width: 634px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#kenkoukanHeader #hContentsNavi li{
	float: left;
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px;
}

#kenkoukanHeader #hItemNavi{
	position: absolute;
	top: 113px;
	left: 339px;
	width: 561px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#kenkoukanHeader #hItemNavi li{
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

/* コンテンツエリア */

#kenkoukanContents{
	width: 900px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/* ページ下部商品リンク */

#itemNavi{
	width: 900px;
	margin: 0px;
	padding: 0px;
}

#itemNavi ul{
	width: 912px;
	margin: 0px -12px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#itemNavi ul li{
	float: left;
	display: inline;
	width: 216px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
}

/* ---------- トップページ ---------- */

#indexMainImage{
	position: relative;
	width: 900px;
	height: 340px;
	margin: 0px 0px 12px;
	padding: 0px;
	background-image: url(../images/index_main_bg.jpg);
	background-repeat: no-repeat;
}

#indexMainImage h2{
	position: absolute;
	top: 63px;
	left: 200px;
	margin: 0px;
	padding: 0px;
}

#indexMainImage p{
	position: absolute;
	top: 165px;
	left: 200px;
	margin: 0px;
	padding: 0px;
}

#indexMainImage ul{
	position: absolute;
	top: 45px;
	left: 610px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#indexMainImage ul li{
	margin: 0px 0px 2px;
	padding: 0px;
}

#indexMainImage ul li a img{
	vertical-align: bottom;
}

/* ---------- 猫と人間の年齢換算表 ---------- */

.contents001 h3,.contents001 div{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* ---------- 猫の年齢別生体特徴一覧 ---------- */

/* タイトルエリア */

.contents002 .titleArea{
	position: relative;
	width: 900px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(../images/c002_ttl_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 55px;
}

.contents002 .titleArea h3{
	margin: 0px 0px 13px 0px;
	padding: 10px 0px 0px 0px;
}

.contents002 .titleArea p{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.contents002 .titleArea .catchcopy{
	position: absolute;
	top: 9px;
	left: 535px;
	margin: 0px;
	padding: 0px;
}

/* 表エリア */

.foodTable{
	width: 900px;
	height: 540px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/c002_contents_bg.jpg);
	background-repeat: no-repeat;
}

.foodTable table{
	margin: 0px;
	padding: 0px;
}

.foodTable table th{
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}

.foodTable table td{
	margin: 0px;
	text-align: center;
	vertical-align: top;
}

.foodTable table td ul{
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}

.foodTable table td ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.foodTable table td ul li img{
	vertical-align: bottom;
}

/* ---------- 健康缶シリーズ特別コラム ---------- */

.contents003{
	position: relative;
	width: 900px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-image: url(../images/c003_contents_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

/* タイトルエリア */

.contents003 .titleArea{
	position: relative;
	float: right;
	display: inline;
	width: 512px;
	height: 737px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/c003_ttl_bg.jpg);
	background-repeat: no-repeat;
}

.contents003 .titleArea h3{
	position: absolute;
	top: 19px;
	left: 141px;
	margin: 0px;
	padding: 0px;
}

/* コラムエリア */

.contents003 .column{
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	margin: 40px -102px 0px 40px;
	padding: 0px 0px 40px 0px;
}

.contents003 .column p{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.contents003 .column p a,.contents003 .column p a:link,.contents003 .column p a:visited{
	color: #9bb572;
	text-decoration: underline;
}

.contents003 .column p a:hover,.contents003 .column p a:active{
	color: #FF0000;
	text-decoration: underline;
}

.contents003 .column .item001{
	position: relative;
}

.contents003 .column .item001 a{
	display: block;
	position: absolute;
	top: 113px;
	left: 196px;
	width: 205px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.contents003 .column .item001 a,.contents003 .column .item001 a:link,.contents003 .column .item001 a:visited{
	background-image: url(../images/c003_btn_001.gif);
}

.contents003 .column .item001 a:hover,.contents003 .column .item001 a:active{
	background-image: url(../images/c003_btn_001_o.gif);
}

/* ---------- 商品ページ共通 ---------- */

.items .itemBlock{
	position: relative;
	width: 900px;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

.items .itemBlock .itemInfo{
	float: left;
	display: inline;
	width: 470px;
	margin: 0px 30px 0px 0px;
	padding: 0px;
}

.items .itemBlock .itemText{
	float: left;
	display: inline;
	width: 400px;
	margin: 0px;
	padding: 0px;
}

/* 商品タイトル */

.items .itemBlock .itemInfo h3{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

/* 商品写真エリア */

.items .itemBlock .itemInfo .photo{
	width: 470px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 25px 0px;
	border-bottom: solid 1px #CCCCCC;
	list-style-type: none;
}

.items .itemBlock .itemInfo .photo li{
	float: left;
	display: inline;
}

.items .itemBlock .itemInfo .photo li img{
	vertical-align: bottom;
}

/* シズルエリア */

.items .itemBlock .itemInfo .sizzle{
	width: 470px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-type: none;
}

.items .itemBlock .itemInfo .sizzle li{
	margin: 0px;
	padding: 0px;
}

.items .itemBlock .itemInfo .sizzleCaption{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 10px;
	text-align: right;
}

.itemKitten .itemBlock .itemInfo .sizzleCaption,.itemOver15 .itemBlock .itemInfo .sizzleCaption{
	padding: 0px 0px 0px 100px;
	text-align: left;
}

.items .itemBlock .itemInfo .sizzle li img{
	vertical-align: bottom;
}

/* 商品ポイントエリア */

.items .itemBlock .itemInfo .point{
	width: 470px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/item_point_bg_middle.gif);
	background-repeat: repeat-y;
}

.items .itemBlock .itemInfo .point .areaTop{
	width: 470px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/item_point_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.items .itemBlock .itemInfo .point .areaBottom{
	width: 470px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/item_point_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.items .itemBlock .itemInfo .point ul{
	margin: 0px;
	padding: 2px 12px;
	list-style-type: none;
}

.items .itemBlock .itemInfo .point ul li{
	margin: 0px;
	padding: 0px;
}

.items .itemBlock .itemInfo .point ul li img{
	vertical-align: bottom;
}

/* 猫の特徴エリア */

.items .itemBlock .itemText .cat{
	width: 400px;
	margin: 28px 0px 20px 0px;
	padding: 0px;
	background-repeat: repeat-y;
}

.items .itemBlock .itemText .cat ul{
	width: 380px;
	margin: 0px 10px;
	padding: 0px;
	list-style-type: none;
}

.items .itemBlock .itemText .cat ul li{
	float: left;
	display: inline;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.items .itemBlock .itemText .cat ul li img{
	vertical-align: bottom;
}

.items .itemBlock .itemText .cat .areaBottom{
	width: 400px;
	height: 7px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

/* テキストエリア */

.items .itemBlock .itemText .text{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.items .itemBlock .itemText .text h4{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.items .itemBlock .itemText .text p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 1.6em;
}

/* 皆さんの声 */

.items .itemVoice{
	position: relative;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.items .itemVoice h4{
	position: absolute;
	margin: 0px;
	padding: 0px;
}

.items .itemVoice p{
	position: absolute;
	margin: 0px;
	padding: 0px;
}

/* ---------- 商品ページ[子猫] ---------- */

.itemKitten .itemBlock .itemInfo .photo .item001{
	margin: 0px 0px 13px 139px;
}

.itemKitten .itemBlock .itemInfo .photo .item002{
	clear: both;
	margin: 0px 0px 0px 43px;
}

.itemKitten .itemBlock .itemInfo .photo .item003{
	margin: 0px 0px 0px 29px;
}

.itemKitten .itemBlock .itemText .cat{
	background-image: url(../images/item_kitten_cat_bg_middle.gif);
}

.itemKitten .itemBlock .itemText .cat .areaBottom{
	background-image: url(../images/item_kitten_cat_bg_bottom.gif);
}

.itemKitten .itemVoice{
	height: 280px;
	background-image: url(../images/item_kitten_voice_bg.gif);
}

.itemKitten .itemVoice h4{
	top: 44px;
	left: 307px;
}

.itemKitten .itemVoice .text001{
	top: 128px;
	left: 317px;
}

.itemKitten .itemVoice .text002{
	top: 138px;
	left: 25px;
}

.itemKitten .itemVoice .text003{
	top: 122px;
	left: 707px;
}

.itemKitten .itemVoice .text004{
	top: 42px;
	left: 161px;
}

.itemKitten .itemVoice .text005{
	top: 27px;
	left: 604px;
}

.itemKitten .itemVoice .photo001{
	top: 128px;
	left: 184px;
}

.itemKitten .itemVoice .photo002{
	top: 130px;
	left: 572px;
}

.itemKitten .itemVoice .photo003{
	top: 6px;
	left: 40px;
}

.itemKitten .itemVoice .photo004{
	top: 0px;
	left: 778px;
}

/* ---------- 商品ページ[7歳] ---------- */

.itemOver7 .itemBlock .itemInfo .photo .item001{
	margin: 0px 0px 24px 78px;
}

.itemOver7 .itemBlock .itemInfo .photo .item002{
	margin: 0px 0px 24px 10px;
}

.itemOver7 .itemBlock .itemInfo .photo .item003{
	clear: both;
	margin: 0px 0px 0px 0px;
}

.itemOver7 .itemBlock .itemInfo .photo .item004{
	margin: 0px 0px 0px 10px;
}

.itemOver7 .itemBlock .itemInfo .photo .item005{
	margin: 0px 0px 0px 10px;
}

.itemOver7 .itemBlock .itemInfo .sizzle li{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	border-right: solid 1px #CCCCCC;
}

.itemOver7 .itemBlock .itemInfo .sizzle .item003{
	border:none;
}

.itemOver7 .itemBlock .itemText .cat{
	background-image: url(../images/item_over7_cat_bg_middle.gif);
}

.itemOver7 .itemBlock .itemText .cat .areaBottom{
	background-image: url(../images/item_over7_cat_bg_bottom.gif);
}

.itemOver7 .itemVoice{
	height: 275px;
	background-image: url(../images/item_over7_voice_bg.gif);
}

.itemOver7 .itemVoice h4{
	top: 29px;
	left: 324px;
}

.itemOver7 .itemVoice .text001{
	top: 103px;
	left: 317px;
}

.itemOver7 .itemVoice .text002{
	top: 140px;
	left: 25px;
}

.itemOver7 .itemVoice .text003{
	top: 129px;
	left: 707px;
}

.itemOver7 .itemVoice .text004{
	top: 22px;
	left: 161px;
}

.itemOver7 .itemVoice .text005{
	top: 22px;
	left: 604px;
}

.itemOver7 .itemVoice .photo001{
	top: 124px;
	left: 188px;
}

.itemOver7 .itemVoice .photo002{
	top: 125px;
	left: 572px;
}

.itemOver7 .itemVoice .photo003{
	top: 12px;
	left: 31px;
}

.itemOver7 .itemVoice .photo004{
	top: 3px;
	left: 778px;
}

/* ---------- 商品ページ[11歳] ---------- */

.itemOver11 .itemBlock .itemInfo .photo .item001{
	margin: 0px 0px 24px 78px;
}

.itemOver11 .itemBlock .itemInfo .photo .item002{
	margin: 0px 0px 24px 10px;
}

.itemOver11 .itemBlock .itemInfo .photo .item003{
	clear: both;
	margin: 0px 0px 0px 0px;
}

.itemOver11 .itemBlock .itemInfo .photo .item004{
	margin: 0px 0px 0px 10px;
}

.itemOver11 .itemBlock .itemInfo .photo .item005{
	margin: 0px 0px 0px 10px;
}

.itemOver11 .itemBlock .itemInfo .sizzle li{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	border-right: solid 1px #CCCCCC;
}

.itemOver11 .itemBlock .itemInfo .sizzle .item003{
	border:none;
}

.itemOver11 .itemBlock .itemText .cat{
	background-image: url(../images/item_over11_cat_bg_middle.gif);
}

.itemOver11 .itemBlock .itemText .cat .areaBottom{
	background-image: url(../images/item_over11_cat_bg_bottom.gif);
}

.itemOver11 .itemVoice{
	height: 295px;
	margin-top: -20px;
	background-image: url(../images/item_over11_voice_bg.gif);
}

.itemOver11 .itemVoice h4{
	top: 41px;
	left: 320px;
}

.itemOver11 .itemVoice .text001{
	top: 113px;
	left: 317px;
}

.itemOver11 .itemVoice .text002{
	top: 130px;
	left: 5px;
}

.itemOver11 .itemVoice .text003{
	top: 149px;
	left: 707px;
}

.itemOver11 .itemVoice .text004{
	top: 42px;
	left: 161px;
}

.itemOver11 .itemVoice .text005{
	top: 30px;
	left: 604px;
}

.itemOver11 .itemVoice .photo001{
	top: 143px;
	left: 188px;
}

.itemOver11 .itemVoice .photo002{
	top: 144px;
	left: 572px;
}

.itemOver11 .itemVoice .photo003{
	top: 0px;
	left: 17px;
}

.itemOver11 .itemVoice .photo004{
	top: 23px;
	left: 778px;
}

/* ---------- 商品ページ[15歳] ---------- */

.itemOver15 .itemBlock .itemInfo .photo .item001{
	margin: 0px 0px 23px 143px;
}

.itemOver15 .itemBlock .itemInfo .photo .item002{
	clear: both;
	margin: 0px 0px 0px 47px;
}

.itemOver15 .itemBlock .itemInfo .photo .item003{
	margin: 0px 0px 0px 22px;
}

.itemOver15 .itemBlock .itemText .cat{
	background-image: url(../images/item_over15_cat_bg_middle.gif);
}

.itemOver15 .itemBlock .itemText .cat .areaBottom{
	background-image: url(../images/item_over15_cat_bg_bottom.gif);
}

.itemOver15 .itemVoice{
	height: 275px;
	background-image: url(../images/item_over15_voice_bg.gif);
}

.itemOver15 .itemVoice h4{
	top: 13px;
	left: 318px;
}

.itemOver15 .itemVoice .text001{
	top: 81px;
	left: 317px;
}

.itemOver15 .itemVoice .text002{
	top: 133px;
	left: 25px;
}

.itemOver15 .itemVoice .text003{
	top: 81px;
	left: 717px;
}

.itemOver15 .itemVoice .text004{
	top: 27px;
	left: 161px;
}

.itemOver15 .itemVoice .photo001{
	top: 124px;
	left: 188px;
}

.itemOver15 .itemVoice .photo002{
	top: 125px;
	left: 572px;
}

.itemOver15 .itemVoice .photo003{
	top: 2px;
	left: 40px;
}

.itemOver15 .itemVoice .photo004{
	top: 6px;
	left: 598px;
}