@charset "utf-8";

/* =======================================

	PAGES CSS

========================================== */



/* HEADING
========================================== */
.mypage .heading-A h2    {background: url(/images/pc/mypage/tit_ico.png) no-repeat 20px center;}
.password .heading-A h2  {background: url(/images/pc/password/tit_ico.png) no-repeat 15px 10px;}
.cart .heading-A h2      {background: url(/images/pc/cart/tit_ico.png) no-repeat 10px 6px;}
.category .heading-A h2    {background: url(/images/pc/parts/heading_e.png) no-repeat 18px 13px;}
.detail .heading-A h1,
.detail .heading-A h2    {background: url(/images/pc/parts/heading_e.png) no-repeat 18px 13px;}
.voice .heading-A h2     {background: url(/images/pc/voice/tit_ico.png) no-repeat 10px 7px; padding-left: 80px;}
.campaign .heading-A h2  {background: url(/images/pc/campaign/tit_ico.png) no-repeat 6px 3px;}
.news .heading-A h2      {background: url(/images/pc/news/tit_ico.png) no-repeat 10px 6px; padding-left: 80px;}
.contact .heading-A h2   {background: url(/images/pc/contact/tit_ico.png) no-repeat 20px center; padding-left: 60px;}
#pochitama .heading-A h2 {background: url(/images/pc/pochitama/tit_ico.png) no-repeat 10px 6px; padding-left: 70px;}


#karte .heading-B h2     {background: url(/images/pc/mypage/karte_tit.png) no-repeat left center;}
#favorite .heading-B h2  {background: url(/images/pc/mypage/favorite_tit.png) no-repeat left center;}
#buy .heading-B h2       {background: url(/images/pc/mypage/buy_tit.png) no-repeat left center;}
#point .heading-B h2     {background: url(/images/pc/mypage/point_tit.png) no-repeat left center;}
#resign .heading-B h2    {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
#donate .heading-B h2    {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
#friend .heading-B h2    {background: url(/images/pc/mypage/friend_tit.png) no-repeat left center;}
#member .heading-B h2    {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
#parts .heading-B h2     {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
#auth .heading-B h2      {background: url(/images/pc/cart/auth_tit.png) no-repeat 7px 7px;}
.voice .heading-B h2     {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
.campaign .heading-B h2  {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
.news .heading-B h2  {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}
#pochitama .heading-B h2 {background: url(/images/pc/mypage/other_tit.png) no-repeat left center;}





/* HOME
========================================== */
#home #favorite .heading-A h2  {background: url(/images/pc/top/ico_reco.png) no-repeat 10px 10px;}
#home #pickup .heading-A h2  {background: url(/images/pc/top/ico_pickup.png) no-repeat 12px 13px;}

#home .new {
	margin: 0 0 0 5px;
}
#home #topics {
	width: 398px;
	float: left;
	position: relative;
	border: solid 1px #85BA1C;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background: #1e5799;
	background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #b0d26c 0%, #85ba1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#b0d26c), color-stop(100%,#85ba1c));
	background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#b0d26c 0%,#85ba1c 100%);
	background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#b0d26c 0%,#85ba1c 100%);
	background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#b0d26c 0%,#85ba1c 100%);
	background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#b0d26c 0%,#85ba1c 100%);
}
#home #topics:after {content: ""; display: block; clear: both;}
#home #topics .inner {
	margin: -15px 10px 10px;
	padding: 10px;
	background: #FFFCF9;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	zoom: 1;
}
#home #topics .inner:after {content: ""; display: block; clear: both;}
#home #topics .heading {
	height: 65px;
	position: relative;
	background: url(/images/pc/top/topics_ico.png) no-repeat;
	left: -7px;
	top: -15px;
}
#home #topics .heading h2 {
	color: #fff;
	position: absolute;
	left: 117px;
	top: 35px;
	font-size: 18px;
}
#home #topics .heading .more {
	position: absolute;
	right: 10px;
	top: 28px;
	margin: 0 !important;
}
#home #topics .inner .dataList dt,
#home #topics .inner .dataList dd {
	padding: 7px;
	line-height: 1.5;
}
#home #topics .inner .dataList dt {
	float: left;
}
#home #topics .inner .dataList dd {
	padding-left: 7em;
	border-bottom: dotted 1px #DFDFD0;
}
#home #voice {
	float: right;
	width: 374px;
	margin: -35px 0 0;
	background: url(/images/pc/top/voice_bg.png) no-repeat left bottom;
	padding: 0 0 35px;
}
#home #voice .heading {
	background: url(../../pc/top/voice_head.png) no-repeat left top;
	position: relative;
	height: 84px;
	margin-bottom: -10px;
}
#home #voice .heading h2 {
	position: absolute;
	left: 75px;
	top: 53px;
	font-size: 18px;
}
#home #voice .heading .more {
	position: absolute;
	right: 13px;
	top: 48px;
	margin: 0 !important;
}
#home #voice .inner {
	clear: both;
	position: relative;
}
#home #voice .voiceBlock {
	padding: 10px 0;
	margin: 10px;
	border-bottom: dotted 1px #DFDFD0;
	clear: both;
}
#home #voice .voiceBlock .thumb {
	width: 60px;
	height: auto;
	float: left;
	border: solid 1px #ddd;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;

}
#home #voice .voiceBlock .thumb p{
	margin:0 !important;
	line-height: 0% !important;
}
#home #voice .voiceBlock .thumb img {
	width: 58px;
	height: auto;
	padding: 1px;
	line-height: 0%;
}
#home #voice .voiceBlock dl {
	padding-left: 70px;
	line-height: 1.5;
}
#home #voice .voiceBlock dt {
	font-weight: bold;
}

#home #voice .none{
	margin: 0px;
	padding: 20px 20px 0px;
}

.mypage .box-B {
	width: 50%;
}

.voice .box-B {
	width: 600px;
}
.voice .box-B .inner {
	position: relative;
}
.voice .box-B .inner .txtList {
	width: 420px !important;
	float: left;
}
.voice .box-B .inner .txtList dt {
	margin: 10px 0 0;
}
.voice .box-B .inner .txtList dd {
	padding-left: 0em;
}
.voice .box-B .inner .btnArea {
	position: absolute;
	right: 0;
}
.voice .box-B .inner .btnArea .btn span {
	padding: 10px !important;
}
.voice .box-B .inner .btnArea .btn button {
	width: 130px;
}
.voice .notesBox {
	width: auto;
}
.voice .notesBox h3 {
	color: #4592DD;
	font-size: 20px;
}
.voice .notesBox h3 img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.voice .notesBox .txtBox {
	float: left;
	width: 370px;
}
.voice .notesBox .btnArea {
	float: right;
}


.newsList {
	clear: both;
	border-bottom: dotted 1px #DFDFD0;
}
.newsList dt {
	float: left;
}
.newsList dt,
.newsList dd {
	padding: 10px;
	vertical-align: middle;
	line-height: 1.7;
}
.newsList dd img {
	vertical-align: middle;
}
.newsList dd.ico {
	float: left;
}
.newsList dd.txt {
	padding-left: 140px;
}

#home .flexslider{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 300px;
	overflow: hidden;
	position: relative;
	border-width: 0px;
	border-style: none;
}

#home .main-banner{
	margin: 20px auto 0px;
	padding: 0px;
	width: 780px;
}

/* 15-2-1 Karte
========================================== */
#karte .karteSection {
	background: url(/images/pc/mypage/karte/karte_bg.png) repeat;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	padding: 13px;
	margin: 0 0 35px;
	zoom: 1;
}
#karte .karteSection:after {content: ""; display: block; clear: both;}
#karte .karteSection .karteLeft {
	width: 250px;
	float: left;
}
#karte .karteSection .karteRight {
	width: 450px;
	float: right;
	padding: 20px;
	background: url(/images/pc/mypage/karte/karte_bg_02.png) repeat;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}
#karte .karteSection .karteLeft .petName {
	font-size: 18px;
	margin: 10px 0;
}
#karte .karteSection .karteLeft .btnList {
}
#karte .karteSection .karteLeft .btnList li {
	float: right;
}
#karte .karteSection .karteLeft .btnList li:first-child {
	float: left;
}
#karte .karteSection .karteRight .birth {
	margin: 0 0 20px;
	zoom: 1;
}
#karte .karteSection .karteRight .birth:after {content: ""; display: block; clear: both;}
#karte .karteSection .karteRight .birth li {
	float: left;
}
#karte .karteSection .karteRight .petInfo dt,
#karte .karteSection .karteRight .petInfo dd {
	line-height: 1.5;
}
#karte .karteSection .karteRight .petInfo dt {
	width: 8em;
	float: left;
	font-weight: bold;
}
#karte .karteSection .karteRight .petInfo dd {
	padding: 0 0 0 10em;
	margin: 0 0 15px;
}



/* 15-3 Blog Parts
========================================== */
.partsBlock {
	margin: 0 0 40px;
	zoom: 1;
}
.partsBlock:after {content: ""; display: block; clear: both;}
.copyAll {
	text-align: left !important;
}
.copyAll button {
	width: 133px;
	height: 22px;
	background: url(/images/pc/mypage/parts/copy_btn.png) no-repeat;
	text-indent: -9999px;
	margin: 0 !important;
}

.partsLeft {
	width: 200px;
	float: left;
}
.partsRight {
	width: 550px;
	float: right;
}




/*
========================================== */
#favorite .cartArea {
	width: 320px;
	float: right;
}



/* CART
========================================== */
.cart {}
.cart .table-A {
	margin: 0 0 10px !important;
}
.cart .table-A td {
	vertical-align: middle;
}
.cart .itemName {
	vertical-align: middle;
	font-weight: bold;
	line-height: 1.5;
}
.cart .itemName img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.cart .itemImage {
	padding: 13px 0 13px 13px !important;
	border-right: none !important;
}
.cartNotes {
	float: right;
	margin: 0 0 30px;
	font-size: 80%;
}
.cartNotes .txt {
	float: left;
	margin: 0 10px 0 0;
}
.cartNotes .btn {
	float: right;
}


#cartFlow {
	margin: 0 0 20px;
	clear: both;
	zoom: 1;
}
#cartFlow:after {content: ""; display: block; clear: both;}
#cartFlow ul {
	width: 787px;
	margin: 0 -7px 0 0;
}
#cartFlow ul li {
	width: 150px;
	float: left;
	background: #F0F0E1;
	color: #878787;
	text-align: center;
	padding: 20px 0;
	margin: 0 7px 0 0;
}
#cartFlow ul li.active {
	background: #b0d26c;
	background: -moz-linear-gradient(top, #b0d26c 0%, #2989d8 0%, #b0d26c 0%, #85ba1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d26c), color-stop(0%,#2989d8), color-stop(0%,#b0d26c), color-stop(100%,#85ba1c));
	background: -webkit-linear-gradient(top, #b0d26c 0%,#2989d8 0%,#b0d26c 0%,#85ba1c 100%);
	background: -o-linear-gradient(top, #b0d26c 0%,#2989d8 0%,#b0d26c 0%,#85ba1c 100%);
	background: -ms-linear-gradient(top, #b0d26c 0%,#2989d8 0%,#b0d26c 0%,#85ba1c 100%);
	background: linear-gradient(to bottom, #b0d26c 0%,#2989d8 0%,#b0d26c 0%,#85ba1c 100%);
	outline: none;
	border: solid 1px #85BA1C;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	color: #fff;
}



/* POCHITAMA
========================================== */
#pochitama {}
#pochitama .pochiTxt {
	background: url(/images/pc/pochitama/img_01.png) no-repeat right bottom;
}
#pochitama #tabNavi {
	text-align: center;
	border-bottom: solid 3px #4290E0;
	margin: 0 0 50px;
	zoom: 1;
}
#pochitama #tabNavi:after {content: ""; display: block; clear: both;}
#pochitama #tabList {
	height: 40px;
}
#pochitama #tabList li {
	display: inline-block;
	height: 40px;
	margin: 0 10px 0 0;
}
#pochitama #tabList li a {
	height: 40px;
	background-image: url(/images/pc/pochitama/tab.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#pochitama #tabList #tab01   {width: 155px;}
#pochitama #tabList #tab02   {width: 180px;}
#pochitama #tabList #tab03   {width: 270px;}
#pochitama #tabList #tab01 a {background-position: 0 0;}
#pochitama #tabList #tab02 a {background-position: -155px 0;}
#pochitama #tabList #tab03 a {background-position: -335px 0;}
#pochitama #tabList #tab01.select a {background-position:      0 -40px;}
#pochitama #tabList #tab02.select a {background-position: -155px -40px;}
#pochitama #tabList #tab03.select a {background-position: -335px -40px;}

#pochitama .btn {
	margin: 10px 0 0 !important;
}
#pochitama .btn button{
	width: 100%;
	margin: 0 !important;
}