@charset "UTF-8";
/* CSS Document */

/* global configuration -------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
	font:normal 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	font-size:inherit;
}
strong {
	font-size:inherit;
	font-weight:bold;
}

body {
  text-align:center;
	background-color:#22A;
	-webkit-text-size-adjust: 100%;
}
.top #myBody {
	padding-top:240px;
	background-image:url(img/key-top01.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
}
.comn #myBody {
	padding-top:20px;
	background-image:url(img/key-comn01.png);
	background-position:center 0;
	background-repeat:no-repeat;
}
h1,h2,h3,h4,h5,h6,th {
  font-size: 100%;
  font-weight: normal;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

ul {
  list-style: none outside;
}
img {
  border: 0;
  vertical-align: middle;
}

:link, :visited {
  text-decoration: none;
}

#container, #container_inner, #header,
#gnavi, #gnavi_inner, #content,
.span2, .span3, .span4,
#footer {
  display: inline-table;
}
#gnavi,
#header, #content, #footer,
.span2, .span3, .span4 {
  width: 100%;
}
.span2, .span3, .span4 {
  width: 750px;
}


#header {
	text-align: left;
	background-color:#FFF;
	border-top:solid 3px #006;
	background-image:url(img/bg-header1.png);
	background-repeat:repeat-x;
	background-position:0 38px;
}
	#header-inner {
		margin:0 auto;
		width:800px;
		height:50px;
		background-image:url(img/bg-header2.png);
		background-repeat:no-repeat;
	}
	#header h1 {
		float:right;
		padding:3px 0;
		width:380px;
		line-height:15px;
	}
	#title {
		float:left;
		position:relative;
		top: 6px;
		left:25px;
		width:215px;
		height:38px;
	}
	#top-list {
		float:right;
		width:320px;
	}
	#top-list li {
		float:left;
		padding:2px 20px 2px 15px;
		background-image: url(img/list-icon.png);
		background-position: 0 center;
		background-repeat: no-repeat;
	}
#myBody {
	background-color:#ACF;
}
#contents {
	padding-bottom:25px;
	background-image:url(img/bg-myBody2.png);
	background-position:center 0;
	background-repeat:repeat-y;
}
#footer{
  text-align:left;
}

#gn li, #gn2 li, #bn li {
	float:left;
}
#gn {
	display:inline-table;
	margin-left:95px;
	width:655px;
}
#gn2 {
	display:inline-table;
	margin:0 auto;
	width:750px;
}
#globalArea {
	margin:0 auto;
	width:750px;
}
#gn li {
	width:131px;
	height:60px;
	text-indent:-9999px;
}
#gn2 li {
	width:150px;
	height:30px;
	text-indent:-9999px;
}
#gn a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(img/gn.png) no-repeat;
}
#gn a#toppage {
	background-position:0 0;
}
#gn a#toppage:hover {
	background-position:0 -60px;
}
#gn a#kaisya {
	background-position:-131px 0;
}
#gn a#kaisya:hover {
	background-position:-131px -60px;
}
#gn a#syohin {
	background-position:-262px 0;
}
#gn a#syohin:hover {
	background-position:-262px -60px;
}
#gn a#houshin {
	background-position:-393px 0;
}
#gn a#houshin:hover {
	background-position:-393px -60px;
}
#gn a#privacy {
	background-position:-524px 0;
}
#gn a#privacy:hover {
	background-position:-524px -60px;
}
#gn2 a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(img/gn2.png) no-repeat;
}
#gn2 a#toppage {
	background-position:0 0;
}
#gn2 a#toppage:hover {
	background-position:0 -30px;
}
#gn2 a#kaisya {
	background-position:-150px 0;
}
#gn2 a#kaisya:hover {
	background-position:-150px -30px;
}
#gn2 a#syohin {
	background-position:-300px 0;
}
#gn2 a#syohin:hover {
	background-position:-300px -30px;
}
#gn2 a#houshin {
	background-position:-450px 0;
}
#gn2 a#houshin:hover {
	background-position:-450px -30px;
}
#gn2 a#privacy {
	background-position:-600px 0;
}
#gn2 a#privacy:hover {
	background-position:-600px -30px;
}
.block01 {
	margin:10px auto;
	padding:10px;
	width:730px;
	background-color:#FFF;
}
.top .block01 {
	background-image:url(img/bg-chara01.png);
	background-repeat:no-repeat;
	background-position:right 25px bottom 80px;
	padding: 10px 220px 10px 20px;
	width: 510px;
}

.block02 {
	margin:0 auto 10px auto;
	width:800px;
}
#event-box {
	margin:10px auto;
	width:800px;
}
#anicom {
	margin:0px auto;
	padding: 10px;
	width:640px;
	height:240px;
	background-image:url(img/top-pet.png?mod=20141021);
	background-repeat:no-repeat;
	border:solid 3px #9FC;
}
#anicom p{
	margin-left:270px;
	padding-top:80px;
	font-size:17px;
	text-align:left;
	line-height:20px;
}
#anicom p strong{
	font-size:18px;
	font-weight:bold;
}
#anicombtn {
	margin-top:5px;
	text-align:right;
	display:inline-table;
}
#anicombtn div {
	float:left;
	text-align:left;
}
#anicombtn div#bn1 {
	margin-top:16px;
	margin-left:312px;
	width:210px;
}
#anicombtn div#bn2 {
	padding-top:12px;
	width:392px;
}
#bpcode {
	margin:0 auto;
	width:740px;
	text-align:right;
	color:#666;
	font-size:10px;
}

#sonpo-j {
	margin:10px auto;
	padding: 10px;
	width:645px;
	height:145px;
	background-image:url(img/top-ryoko.png);
	background-repeat:no-repeat;
}
#sonpo-j p {
	margin-top:50px;
	margin-left:70px;
	text-align:left;
	font-size:15px;
}
#sonpo-j div#bn3 {
	margin:15px auto;
	width:300px;
	text-align:left;
}

#ryokou {
	margin:15px auto;
}
.ryokou-innerbox {
	margin-top:1px;
	margin-left:90px;
	margin-right:80px;
	padding-top:12px;
	padding-left:20px;
	text-align:left;
	border-top:solid 1px #CCC;
	border-left:solid 10px #56F;
}
.ryokou-innerbox h3 {
	font-size:18px;
	font-weight:bold;
}
.ryokou-innerbox a:link, .ryokou-innerbox a:visited {
	color:#222;
}
.ryokou-innerbox a:hover {
	color:#00C;
	text-decoration:underline;
}
.ryokou-bnr {
	padding-top:5px;
	padding-left:40px;
	padding-bottom:10px;
}

#golf {
	margin:10px 65px;;
	padding:10px 20px;
	border:solid 1px #390;
	background-color:#DFD;
	text-align:left;
}
#golf h4 {
	text-indent:34px;
	font-size:18px;
	font-weight:bold;
}
#golf a:link, #golf a:visited {
	color:#222;
}
#golf a:hover {
	color:#00C;
	text-decoration:underline;
}

#bn {
	margin:5px auto;
	width:700px;
}
#bn li{
	padding:0 10px;
	text-align:left;
}
#bn a:link, #bn a:visited {
	color:#FFF;
}
#bn a:hover {
	color:#0f9;
	text-decoration:underline;
}
#copy {
	margin:10px auto 40px auto;
	width:700px;
	fotn-size:14px;
	color:#AAE;
}
#binfo {
	margin:25px auto 35px auto;
	width:680px;
	color:#AAE;
	line-height:20px;
}



#oheyawokarirutoki {
	margin:0px auto;
	padding: 10px;
	width:640px;
	background-image:url(img/top-oheyawokarirutoki.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#oheyawokarirutoki p {
	float:left;
	font-size:15px;
	text-align:left;
	width:260px;
	padding-top:210px;
	padding-left:5px;
}
#oheyawokarirutoki .btn {
	margin-top:150px;
	margin-left:280px;
}





/* layout-type configuration --------------------------------------------------------------*/
.mn .alpha {
  width:530px;
}
.mn .beta {
  width:220px;
}
.nm .alpha {
  left:220px;
  width:530px;
}
.nm .beta {
  left:-530px;
  width:220px;
}

/* span3を除き、親要素を以下のwidth設定で整数のピクセル値になるように設定してください。（例：25%なら100pxなど） */
.spanBlock {
  float:left;
	display:inline-table;
}
.span2 .spanBlock {
  width:50%;
}
.span3 .spanBlock {
  width:33.3%;
}
.span4 .spanBlock {
  width:25%;
}



.h201 {
	margin:0 auto 0 auto;
	padding-top:5px;
	padding-left:40px;
	width:660px;
	height:32px;
	background:url(img/bg-h201.png) no-repeat;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
}
.h302 {
	margin:10px auto 0 25px;
	padding-top:5px;
	padding-left:40px;
	width:450px;
	height:32px;
	background:url(img/bg-h201.png) no-repeat;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
}
.cap01 {
	margin:0 auto;
	width:704px;
	height:42px;
	background-image:url(img/bg-h001.png);
	text-align:left;
	font-size:16px;
	text-indent:45px;
	letter-spacing:6px;
	line-height:40px;
}
.cap02 {
	margin:0 auto;
	width:704px;
	height:42px;
	background-image:url(img/bg-h002.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	font-size:16px;
	text-indent:38px;
	line-height:40px;
}
.cap03 {
	margin:0 auto;
	width:704px;
	height:42px;
	background-image:url(img/bg-h003.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	font-size:20px;
	text-indent:45px;
	line-height:48px;
}
.tx01 {
	margin: 5px auto 20px auto;
	font-size:14px;
	text-align:left;
	line-height:24px;
}

.bnr {
	margin:10px auto;
	width:200px;
}

#info {
	margin:3px auto 20px auto;
	width:650px;
	overflow: hidden;
}
#info dt, #info dd {
	padding:3px 0;
	text-align:left;
	font-size:16px;
}
#info dt {
	float: left;
	width:140px;
}
#info dd {
	margin-left: 150px;
}
.mTop15 {
	margin-top:15px;
}
.mBtm15 {
	margin-bottom:15px;
}

/* kaisha */
.kaishatx dl {
	margin: 10px auto 30px auto;
	display:inline-table;
	width:560px;
	text-align:left;
}
.kaishatx dt, .kaishatx dd {
	float:left;
	padding:6px 0;
	font-size:15px;
}
.kaishatx dt {
	width:140px;
}
.kaishatx dd{
	width:420px;
}
#map_canvas {
	margin: 10px auto;
	width:566px;
	height:400px;
}

/* syohin */
.cap-syohin {
	margin:20px auto 0 auto;
	font-size:16px;
	width:500px;
	text-align:left;
}
.kaisha_list {
	margin:0 auto;
	text-align:left;
	width:480px;
}
.kaisha_list li {
	font-size:14px;
	line-height:25px;
}

/* houshin */
.houshintx {
	margin: 10px auto;
	width:680px;
	text-align:left;
}
.houshintx ul {
	margin:0 auto 20px auto;
	width:600px;
	list-style-type:disc;
}
.houshintx ul li {
	padding:8px 0;
	font-size:13px;
	line-height:15px;
}
/* privacy */
#edit_prd {
	margin:10px auto;
	width:680px;
	text-align:right;
}
#prvcy_houshin {
	margin:10px auto;
	width:680px;
	text-align:left;
}
#prvcy_houshin h3 {
	font-size: 16px;
	line-height:30px;
}
#prvcy_houshin p {
	margin: 5px auto 20px auto;
	width:630px;
	line-height:15px;
}
ul.sites {
	margin: 10px auto;
	width: 600px;
	list-style-type:none;
}
ul.sites li {
	padding: 3px 0 3px 25px;
	line-height:18px;
}
#tekyo {
	margin:0 auto 10px auto;
	width:550px;
}
#tekyo ul {
	list-style: decimal outside;
}
#tekyo li {
	margin:6px 0 6px 30px;
}
#madoguchi {
	margin: 0 auto;
	padding:15px 0;
	width:600px;
}
#madoguchi h4 {
	margin:10px 0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#madoguchi dl {
	margin:10px auto;
	width:560px;
	display:inline-table;
}
#madoguchi dt ,#madoguchi dd {
	float:left;
	display:inline-table;
	padding-bottom:10px;
	font-size:14px;
	text-align:left;
}
#madoguchi dt {
	width:80px;
	font-weight:bold
}
#madoguchi dd {
	width:480px;
}
#dl-syohin {
	margin:10px auto 20px auto;
	width:580px;
}
#dl-syohin dt, #dl-syohin dd {
	text-align:left;
	font-size:14px;
	line-height:25px;
}
#dl-syohin dd {
	padding-left:20px;
}
#dl-syohin dd.hrdt {
	border-bottom:dotted 1px #999;
}

/* pet-hoken */
#ph01 {
	margin:10px auto 0 auto;
	padding-left:250px;
	width:490px;
	height:92px;
	background-image:url(/pet-hoken/img/h01.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size:35px;
	font-weight:bold;
	line-height:40px;
}
#ph02 {
	margin:20px auto 0 auto;
	padding-left:120px;
	width:240px;
	height:78px;
	background-image:url(/pet-hoken/img/h02.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
}
#ph03 {
	margin:20px auto 0 auto;
	padding-left:120px;
	width:240px;
	height:78px;
	background-image:url(/pet-hoken/img/h03.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	line-height:80px;
}
#ph04 {
	margin:20px auto 0 auto;
	padding-left:160px;
	width:580px;
	height:61px;
	background-image:url(/pet-hoken/img/h04.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size:27px;
	font-weight:bold;
	line-height:58px;
	color:#00763d;
}
#ph10 {
	margin:20px auto 0 auto;
	width:740px;
	height:35px;
	background-image:url(/pet-hoken/img/h10.png);
	background-repeat:no-repeat;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	line-height:35px;
	color:#FFF;
}
#pp01 {
	margin:5px auto 10px auto;
	width:700px;
	text-align:left;
	text-indent:-10px;
	line-height:15px;
	color:#F30;
	font-size:13px;
}
.pp02 {
	margin:20px 20px 0 20px;
	padding:10px;
	border:solid 1px #090;
	text-align:left;
	line-height:20px;
	font-size:14px;
}
#btn01{
	margin:10px auto;
	width:744px;
}
#btn01 a{
	display:block;
	overflow:hidden;
	width:100%;
	height:110px;
	text-indent:-9999px;
	background:url(/pet-hoken/img/btn01.png) no-repeat;
}
#btn01 a:hover{
	background-position: 0 -110px;
}

/* after processing -----------------------------------------------------------------------*/

#header:after, #header-inner:after,
#gn:after, #bn:after,
#myBody:after, #bnavi:after, #footer:after,
.alpha:after, .beta:after, .gamma:after, .spanBlock:after,
.span2:after, .span3:after, .span4:after, #info:after,
.kaishatx dl:after, #madoguchi dl:after, #dl-syohin:after,
##anicombtn:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}