/* --------------------------------------------------------------------------------

PET SALON KATZE：http://petsalon-katze.com/

-------------------------------------------------------------------------------- */

/* -----全体共通
-------------------------------------------------------------------------------- */
body {
	text-align: center;
	color: #505050;
	font-family:Tahoma, Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 20px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
* {
	line-height: 1.6;
	font-size: 100%;
}
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,button,p,blockquote {
	margin: 0;
	padding: 0;
}


/* -----レイアウト各ページ　全体とヘッダー
-------------------------------------------------------------------------------- */
div#top_all {
	max-width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div#top_header {
	margin: 10px 0;
	padding: 0;
	background-image: url(img/dog_ame02_h.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #505050;
}


div#all {
	max-width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div#home_header {
	width: 100%;
	margin: 20px 0;
	padding: 30px 0;
	background-image: url(img/dog_waco01_h.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #acacac;
	background-color: #505050;
	color: #ffffff;
}
div#news_header {
	width: 100%;
	margin: 20px 0;
	padding: 30px 0;
	background-image: url(img/dog_tatta02.JPG);
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #acacac;
	background-color: #505050;
	color: #ffffff;
}
div#menu_header {
	width: 100%;
	margin: 20px 0;
	padding: 30px 0;
	background-image: url(img/dog_ame01.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #acacac;
	background-color: #505050;
	color: #ffffff;
}
div#ac_header {
	width: 100%;
	margin: 20px 0;
	padding: 30px 0;
	background-image: url(img/shop02.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #acacac;
	background-color: #505050;
	color: #ffffff;
}


/* -----レイアウトtopページ
-------------------------------------------------------------------------------- */
div#top_logo {
	margin: 40px auto;
	padding: 0;
	text-align: center;
	font-size: 90%;
	background-image: url(img/katze_logo_top.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
div#top_page_navi {
	max-width: 700px;
	margin: 20px auto;
	padding: 10px 0;
	text-align: center;
	font-size: 140%;
	line-height:70px;
	color: #505050;
	font-family : "Comic Sans MS", Lucida, sans-serif, Verdana, Arial;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: inset 3px 3px 3px 0 #acacac;
}
div#top_main {
	margin: 10px auto 0 auto;
	padding: 0;
	text-align: center;
	font-size: 60%;
	line-height:20px;
}


/* -----レイアウト全体
-------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
div#web_title {
	float: left;
	width: 440px;
	margin: 0 0 0 20px;
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 120%;
	font-family : "Comic Sans MS", Lucida, sans-serif, Verdana, Arial;
	background-image: url(img/katze_logo_header.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
div.r {
	float: right;
	margin: 0;
	padding: 0;
}
div.l {
	float: left;
	margin: 0;
	padding: 0;
}
div#page_navi {
	max-width: 600px;
	margin: 100px -10px -50px auto;
	padding: 10px 0;
	text-align: center;
	font-size: 140%;
	line-height:70px;
	color: #505050;
	font-family : "Comic Sans MS", Lucida, sans-serif, Verdana, Arial;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: inset 3px 3px 3px 0 #acacac;
}
div.main {
	width: 100%;
	margin: 20px 0;
	padding: 30px 0;
	text-align: center;
	font-size: 100%;
	line-height:50px;
	color: #505050;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #acacac;
}
section {
	width: 80%;
	margin: 0;
	padding: 0 30px;
}
div.footer_link_r {
	float: right;
	width: 100px;
	margin: 0 -10px -50px 0;
	padding: 20px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #505050;
	box-shadow: 3px 3px 3px 0 #acacac;
}
div#footer {
	letter-spacing: 0.1em;
	font-family : "Comic Sans MS", Lucida, sans-serif, Verdana, Arial;
	text-align: center;
	font-size: 50%;
	margin: 10px auto;
	padding: 0;
}
















/* -----各設定
-------------------------------------------------------------------------------- */
fieldset,img {
	border:0;
}
img {
	border: 0;
	margin: 0;
}
img.icon {
      filter: grayscale(100%);
}
img.icon:hover{
      filter: grayscale(0%);
}
a:link,a:visited,a:hover,a:active {
	text-decoration : none;
	border-bottom: none;
	color : #505050;
}
ul {
	text-align: left;
	margin: 0 0 0 30px;
	padding-left: 0;
	list-style-type: none;
	text-decoration: none;
}
li {
	list-style-type: none;
}

h1 {
	font-size: 120%;
	text-align: left;
	background-image: url(img/ac1.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 30px 0 10px 20px;
	padding: 0 0 0 25px;
}
h2 {
	font-size: 120%;
	text-align: left;
	background-image: url(img/ac2.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 30px 0 10px 20px;
	padding: 0 0 0 25px;
}
h3 {
	font-size: 130%;
	text-align: left;
	background-image: url(img/ac3.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 0 0 0 30px;
	padding: 0 0 0 25px;
}


h4 {
	font-size: 110%;
	text-align: left;
	background-image: url(img/ac4.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 30px 0 10px 20px;
	padding: 0 0 0 25px;
}

h6 {
	font-size: 105%;
	text-align: left;
	margin: 10px 20px 10px 50px;
	padding: 10px 0 10px 20px;
}
p {
	font-size: 105%;
	text-align: left;
	margin: 10px 20px 10px 20px;
	padding: 5px 0 5px 20px;
}
p.center {
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	margin: 10px 20px 10px 50px;
	padding: 10px 0 10px 20px;
}

h7 {
	font-size: 105%;
	text-align: left;
	margin: 10px 20px 10px 50px;
	padding: 10px 0 10px 20px;
}


h8 {
	margin: 0;
	padding: 10px;
	border: 1px solid #505050;
}
h9 {
	font-size: 105%;
	text-align: center;
	margin: 10px 20px 10px 20px;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #505050;
}



hr {
	width: 95%;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #505050;
	height: 1px;
}