@charset "utf-8";

ul li {
	list-style:none;
}


/*----------------------------------------------------------
	メインビジュアル　エリア
----------------------------------------------------------*/
#mainArea{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #D82609), color-stop(0.00, #A6100A));
	background: -webkit-linear-gradient(top, #A6100A 0%, #D82609 100%);
	background: -moz-linear-gradient(top, #A6100A 0%, #D82609 100%);
	background: -o-linear-gradient(top, #A6100A 0%, #D82609 100%);
	background: -ms-linear-gradient(top, #A6100A 0%, #D82609 100%);
	background: linear-gradient(top, #A6100A 0%, #D82609 100%);
	padding:3%;
	}
	
#mainArea .cententsArea{
	/*width:940px;
	margin:0 auto;*/
	}
	
#mainArea .cententsArea .mainImg {
	width:100%;
}
#mainArea .cententsArea .mainImg img {
	width:100%;
	height:auto;
	}

/*#mainArea .cententsArea .mainImg ul img{
	margin-bottom:10px !important;
}*/

#mainArea .cententsArea .infoArea {
	display:none;
}


#sm_infoArea div {
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	padding:5px 3%;
}
#sm_infoArea #info_ttl {
	float:left;
}
#sm_infoArea #info_rink {
	float:right;
}
#sm_infoArea ul li {
	border-bottom:#CCCCCC 1px solid;
	padding:3%;
	color:#333333;
}
#sm_infoArea ul li span.day {
	display:block;
}

#keyvisual {
	width: 100%;
	height:auto;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#keyvisual img {
	width: 100%;
	height:auto;
	top: 0;
	left: 0;
	position: absolute;
}

	


/*----------------------------------------------------------
	カテゴリリンク　エリア
----------------------------------------------------------*/	

#categoryArea{
	background-color:#FF0;
	padding:3%;
	}
#aqua #categoryArea{
	/*background-color:#FC0;*/
	background-color:#FF0;/*--aqua--*/
	padding:3%;
	}

#categoryArea .cententsArea{
	width:100%;
	}

#categoryArea .cententsArea .category {
	width:100%;
	margin-bottom:2px;
	}
@media all and (orientation:portrait){
#categoryArea .menuCategory_img01,
#categoryArea .menuCategory_img02,
#categoryArea .menuCategory_img03,
#categoryArea .menuCategory_img04 {
	width:100%;
	height:118px;
	text-indent:-9999px;
}
}
@media all and (orientation:landscape){
#categoryArea .menuCategory_img01,
#categoryArea .menuCategory_img02,
#categoryArea .menuCategory_img03,
#categoryArea .menuCategory_img04 {
	width:100%;
	height:118px;
	text-indent:-9999px;
}
}
#categoryArea .menuCategory_img01 {background: url(/pet/images/index_img_brand.jpg) no-repeat center;}
#categoryArea .menuCategory_img02 {background: url(/pet/images/index_img_animals.jpg) no-repeat center;}
#categoryArea .menuCategory_img03 {background: url(/pet/images/index_img_search.jpg) no-repeat center;}
#categoryArea .menuCategory_img04 {background: url(/pet/images/index_img_support.jpg) no-repeat center;}

#categoryArea .cententsArea .category h2 {
	font-size:130%;
	color:#FFFFFF;
	padding:12px 2% 8px 2%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #A6100A), color-stop(0.00, #D82609));
	background: -webkit-linear-gradient(top, #D82609 0%, #A6100A 100%);
	background: -moz-linear-gradient(top, #D82609 0%, #A6100A 100%);
	background: -o-linear-gradient(top, #D82609 0%, #A6100A 100%);
	background: -ms-linear-gradient(top, #D82609 0%, #A6100A 100%);
	background: linear-gradient(top, #D82609 0%, #A6100A 100%);
}
	.android #categoryArea .cententsArea .category h2 {text-shadow:1px 0 1px #333333;}
	.iphone  #categoryArea .cententsArea .category h2 {text-shadow:1px 0 0px #333333;}
#categoryArea .cententsArea .category h2 span {display:block; margin-right:3%; background:url(../images_sp/arrow01.jpg) no-repeat right center;}
#categoryArea .cententsArea .category h2.active span {display:block; margin-right:3%; background:url(../images_sp/arrow02.jpg) no-repeat right center;}
	
#categoryArea .cententsArea .category .linkArea{
	width:100%;
	height:auto;
	background:#FFFFFF;
	}
#categoryArea .cententsArea .category .linkArea div img {
	width:100%;
}
#categoryArea .cententsArea .category .linkArea ul{
	margin:0;
	padding:0;
	}

#categoryArea .cententsArea .category .linkArea li {
	width:100%;
	list-style:none;
	margin:0;
	line-height:0!important;
	border-bottom:1px solid #EBF3F7;
	}
#categoryArea .cententsArea .category .linkArea li a {
	display:block;
	padding:5px;
}
	
#categoryArea .cententsArea .category .linkArea li.end{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:none!important;
	line-height:0!important;
	}



/*----------------------------------------------------------
	その他　リンクエリア
----------------------------------------------------------*/

.otherLink{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

.otherLink h3{
	background: url(/pet/images/index_bg_ttl.jpg) repeat-x;
	height:45px;
	}
#flick01,
#flick02 {
	width:238px;
	height:124px;
	margin:10px auto 10px auto;
}

#flick01 ul,
#flick02 ul  {
	width:952px;
	height:124px;
}

#flick01 ul li,
#flick02 ul li {
	float:left;
	width:238px;
	height:124px;
}

#flick01 ul li a,
#flick02 ul li a {
	text-align:center;
	display:block;
	height:118px;
	width:218px;
	margin-left:7px;
	padding:2px;
	border:#CCCCCC 1px solid;
}

#flick03 {
	width:238px;
	height:149px;
	margin:10px auto 10px auto;
}

#flick03 ul  {
	width:952px;
	height:149px;
}

#flick03 ul li {
	float:left;
	width:238px;
	height:149px;
}

#flick03 ul li a {
	text-align:center;
	display:block;
	height:118px;
	width:218px;
	margin-left:7px;
	padding:2px;
	border:#CCCCCC 1px solid;
}
#flick03 li .ttlImg{
	text-align:center;
	display:block;
	padding-top:8px;
	}
.iphone .nextbtn img,
.iphone .backbtn img,
.iphone .nextbtn03 img,
.iphone .backbtn03 img {
	width:35px;
	height:auto;
}
@media all and (orientation:portrait){
.android .nextbtn {
	display: block;
	position:absolute;
	top:52%;
	right:5%;
	z-index:10;
}
.iphone .nextbtn {
	display: block;
	position:absolute;
	top:55%;
	right:2%;
	z-index:10;
}
.android .backbtn {
	display: block;
	position:absolute;
	top:52%;
	left:5%;
	z-index:10;
}
.iphone .backbtn {
	display: block;
	position:absolute;
	top:55%;
	left:2%;
	z-index:10;
}
.android .nextbtn03 {
	display: block;
	position:absolute;
	top:48%;
	right:5%;
	z-index:10;
}
.iphone .nextbtn03 {
	display: block;
	position:absolute;
	top:50%;
	right:2%;
	z-index:10;
}
.android .backbtn03 {
	display: block;
	position:absolute;
	top:48%;
	left:5%;
	z-index:10;
}
.iphone .backbtn03 {
	display: block;
	position:absolute;
	top:50%;
	left:2%;
	z-index:10;
}
}
@media all and (orientation:landscape){
.android .nextbtn {
	display: block;
	position:absolute;
	top:52%;
	right:20%;
	z-index:10;
}
.iphone .nextbtn {
	display: block;
	position:absolute;
	top:55%;
	right:15%;
	z-index:10;
}

.android .backbtn {
	display: block;
	position:absolute;
	top:52%;
	left:20%;
	z-index:10;
}
.iphone .backbtn {
	display: block;
	position:absolute;
	top:55%;
	left:15%;
	z-index:10;
}
.android .nextbtn03 {
	display: block;
	position:absolute;
	top:48%;
	right:20%;
	z-index:10;
}
.iphone .nextbtn03 {
	display: block;
	position:absolute;
	top:50%;
	right:15%;
	z-index:10;
}

.android .backbtn03 {
	display: block;
	position:absolute;
	top:48%;
	left:20%;
	z-index:10;
}
.iphone .backbtn03 {
	display: block;
	position:absolute;
	top:50%;
	left:15%;
	z-index:10;
}
}
.nextbtn.inactive,
.backbtn.inactive {
	opacity : 0.3;
}


/*----------------------------------------------------------
	検索エリア
----------------------------------------------------------*/

.ti { -webkit-appearance: none;}

/*縦*/@media all and (orientation:portrait){}
/*横*/@media all and (orientation:landscape){}


/*----------------------------------------------------------
	AQUA
----------------------------------------------------------*/
#aqua img#headlogo {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:15px;
	margin-bottom:15px;
}


#aqua #mainArea{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005EBA), color-stop(0.00, #00407E));
	background: -webkit-linear-gradient(top, #00407E 0%, #005EBA 100%);
	background: -moz-linear-gradient(top, #00407E 0%, #005EBA 100%);
	background: -o-linear-gradient(top, #00407E 0%, #005EBA 100%);
	background: -ms-linear-gradient(top, #00407E 0%, #005EBA 100%);
	background: linear-gradient(top, #00407E 0%, #005EBA 100%);
	padding:3%;
	}
#aqua #categoryArea .menuCategory_img01 {background: url(/aqua/images/index_img_brand.jpg) no-repeat center;}
#aqua #categoryArea .menuCategory_img02 {background: url(/aqua/images/index_img_animals.jpg) no-repeat center;}
#aqua #categoryArea .menuCategory_img03 {background: url(/aqua/images/index_img_search.jpg) no-repeat center;}
#aqua #categoryArea .menuCategory_img04 {background: url(/aqua/images/index_img_campaign.jpg) no-repeat center;}


#aqua #categoryArea .menuCategory_img01,
#aqua #categoryArea .menuCategory_img02,
#aqua #categoryArea .menuCategory_img03 {
	width:100%;
	height:90px;
	text-indent:-9999px;
}

#aqua #categoryArea .menuCategory_img04 {
	width:100%;
	height:233px;
	text-indent:-9999px;
}

#aqua #categoryArea .cententsArea .category h2 span {display:block; margin-right:3%; background:url(../images_sp/arrow01_aqua.jpg) no-repeat right center;}
#aqua #categoryArea .cententsArea .category h2.active span {display:block; margin-right:3%; background:url(../images_sp/arrow02_aqua.jpg) no-repeat right center;}

#aqua #categoryArea .cententsArea .category h2 {
	font-size:130%;
	color:#FFFFFF;
	padding:12px 2% 8px 2%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #004386 ), color-stop(0.00, #006FAA));
	background: -webkit-linear-gradient(top, #006FAA 0%, #004386 100%);
	background: -moz-linear-gradient(top, #006FAA 0%, #004386 100%);
	background: -o-linear-gradient(top, #006FAA 0%, #004386 100%);
	background: -ms-linear-gradient(top, #006FAA 0%, #004386 100%);
	background: linear-gradient(top, #006FAA 0%, #004386 100%);
}

#aqua .otherLink h3{
	background: url(/aqua/images/index_bg_ttl.jpg) repeat-x;
	height:45px;
	}

/*FB*/
.kong_fb_sp,.tetra_fb_sp  {
text-align: center;
padding: 5% 0;
}