@charset "utf-8";



/* Begin Typography & Colors */
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:url('images/bg.jpg') no-repeat center bottom ;
	color: #333333;
	text-align: center;
	margin:0;
	padding:0;
	}
body {
  	font-size: 60%;
  	line-height:200%; /* IE */
}
html>/**/body {
  	font-size: 11px;
  	line-height:160%; /* Except IE */
}
#page {
	margin: 0px auto;
	padding: 0;
	}
#title {
	background-color:#FF7F00;
}
#header {
	padding: 20px 0 7px 0;
	margin:0 auto;
	height: 90px;
	width: 900px;
	background: ;
	}

#header ul {
	margin:0 18px;
	padding:0;
}

#header li {
	float:left;
	margin:0 6px;
	width:72px;
	height: 90px;
	list-style:none;
	text-indent:-9999px;
	display:inline;
}
#header li a {
	display:block;
	float:left;
	width:72px;
	height: 90px;
	text-indent:-9999px;
}

#navi01 {
	background:url('http://www.peron.jp/img/navi01.jpg') no-repeat;
}
#navi01 a:hover {
	background:url('http://www.peron.jp/img/navi01_on.jpg') no-repeat;
}
#navi02 {
	background:url('http://www.peron.jp/img/navi02.jpg') no-repeat;
}
#navi02 a:hover {
	background:url('http://www.peron.jp/img/navi02_on.jpg') no-repeat;
}
#navi03 {
	background:url('http://www.peron.jp/img/navi03.jpg') no-repeat;
}
#navi03 a:hover {
	background:url('http://www.peron.jp/img/navi03_on.jpg') no-repeat;
}
#navi04 {
	background:url('http://www.peron.jp/img/navi04.jpg') no-repeat;
}
#navi04 a:hover {
	background:url('http://www.peron.jp/img/navi04_on.jpg') no-repeat;
}
#navi05 {
	background:url('http://www.peron.jp/img/navi05.jpg') no-repeat;
}
#navi05 a:hover {
	background:url('http://www.peron.jp/img/navi05_on.jpg') no-repeat;
}
#navi06 {
	background:url('http://www.peron.jp/img/navi06.jpg') no-repeat;
}
#navi06 a:hover {
	background:url('http://www.peron.jp/img/navi06_on.jpg') no-repeat;
}
#navi07 {
	background:url('http://www.peron.jp/img/navi07.jpg') no-repeat;
}
#navi07 a:hover {
	background:url('http://www.peron.jp/img/navi07_on.jpg') no-repeat;
}
#navi08 {
	background:url('http://www.peron.jp/img/navi08.jpg') no-repeat;
}
#navi08 a:hover {
	background:url('http://www.peron.jp/img/navi08_on.jpg') no-repeat;
}
#navi09 {
	background:url('http://www.peron.jp/img/navi09.jpg') no-repeat;
}
#navi09 a:hover {
	background:url('http://www.peron.jp/img/navi09_on.jpg') no-repeat;
}
#navi10 {
	background:url('http://www.peron.jp/img/navi10.jpg') no-repeat;
}
#navi10 a:hover {
	background:url('http://www.peron.jp/img/navi10_on.jpg') no-repeat;
}
#navi11 {
	background:url('http://www.peron.jp/img/navi11.jpg') no-repeat;
}
#navi11 a:hover {
	background:url('http://www.peron.jp/img/navi11_on.jpg') no-repeat;
}
#navi12 {
	background:url('http://www.peron.jp/img/navi12.jpg') no-repeat;
}
#navi12 a:hover {
	background:url('http://www.peron.jp/img/navi12_on.jpg') no-repeat;
}

#content {
	font-size: 1.2em;
	width:900px;
	margin:0 auto;
	clear: both;
	padding: 0;
	}
#sidebar {
	padding: 23px 20px;
	float:left;
	width: 190px;
	}
#sidebar img{
	padding: 0 0 15px 0;
	}

#main {
	padding: 0;
	float:left;
	width: 670px;
}
#footer {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 190px;
	clear: both;

	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
p {
	text-align:left;
	padding:0;
	margin:0;
}
h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding:0;
	margin:0;
	}

h1 {
	font-size: 13px;
	text-align: left;
	padding:0;
	margin:0 auto;
	width: 860px;
	COLOR: #ff7f00
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

/* End Typography & Colors */


/*	text-align: justify; */

.clear {
	clear: both;
}



/* End Structure */




img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Various Tags & Classes */
.center {
	text-align: center;
	}

.left {
	text-align: left;
	}

.right {
	text-align: right;
	}

.hidden {
	display: none;
	}
	

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	}
/* End Various Tags & Classes*/


#infomation {
	background:#FFF0BE;
	border:1px solid #FECC53;
	margin: 0 20px;
	display:block;
	padding:5px;
	font-size:11px;
	height: 100%;
	width:615px;
	overflow:hidden;
	text-align: left;
	}
#infomation ul {
	text-align: left;
	background:#FFFFFF;
	padding:10px;
	margin: 0;
	height: 100%;
	width: 595px;
	overflow:hidden;
	}
#infomation li {
	background:url('images/linkbg.jpg') no-repeat;
	padding:0 0 5px 25px;
	margin:5px 0 0 0;
	border-bottom:dotted 2px #CCCCCC;
	}
.infomationbn {
        text-align: right;
}

#idea {
        text-align: left;

	}

.ideaarea {
	background: #FFFFFF  url('images/ideabg.jpg') no-repeat;
	height: 244px;
	width: 610px;
	margin:5px 23px 23px 23px;
	padding:3px 10px 0 8px;

	}
.ideatext {
	padding:10px 12px 0 58px;
	font-size:10.5px;
}
.dogimage {
	height: 174px;
	width: 154px;
	padding:10px 0;
}
.ideatext p {
	line-height:230%;
	font-size: 97%;
}


.titlebar {
	padding:23px 0;
	clear:both;
	width:670px;
}

.titlebar_top {
	padding:23px 0;
	clear:both;
	width:670px;
        color:#000000;
}


#gmarea01 {
	width: 330px;
	float: left;
	padding:0 12px;
}
table.groomingtable {
	text-align: left;
	width: 310px;
	border: 1px solid #FF7F00;
	padding:5px 10px;
}
table.groomingtable td{
	padding:4px 0;
}
table.groomingtable td.gm01{
	width: 130px;
	padding:0 0 0 10px;
}
table.groomingtable td.gm02{
	color: #FF7F00;
}
#gmarea02 {
	width: 295px;
	float: left;
	padding:12px 0;
}
.gmarea {
	padding:0 0 20px 0;
}
.gmarea03 {
	width: 478px;
	float: left;
	padding:0 10px;
	text-align:left;
}

.gmarea04 {
	width: 147px;
	float: left;
	background:url('images/grooming05.jpg') no-repeat;
	padding:10px;
	margin:0;
}
.gmarea04 img{
	padding:0 0 5px 0;
	margin:0;
}

.gmimg {
	padding:0 0 20px 0;
}
.gmarea05 {
	width: 140px;
	float: left;
	padding:5px 15px
}
.gmarea06 {
	width: 618px;
	float: left;
        margin:15px 0 0 0;
	padding:0 10px;
	text-align:left;
}
.gmarea07 {
/*	height: 153px; */
/*	width: 648px; */
	float: left;
        margin:15px 0 0 0;
	padding:0 10px;
	text-align:left;
	float: left;
}
.gmarea07img1 {
	height:122px;
	width:121px;
	float:left;
	padding:0 10px 0 0;
	margin:0;
}
.gmarea07text {
	width:180px;
	float:left;
	text-align:left;
	margin: 15px 0px 0px 0px;
}
.gmarea07img2 {
	float:left;
	padding:5px;
	border:1px solid #CCCCCC;
	margin:0 10px 0 0;
}
.line01{
	clear:both;
	width: 668px;
	margin:0;
	padding:20px 0;
}
.gmh2 {
	color:#FF7F00;
	font-size:120%;
	font-weight:bold;
	padding:0 0 5px 0;
}
.gmp {
	padding:0 0 20px 0;
}

.staff {
	clear:both;
	text-align:left;
	padding:10px 0px 30px 0px;
	font-size:13px;
}
.staff01 {
	width:335px;
	float:left;
	background:url('http://www.peron.jp/img/staffbg.jpg') no-repeat;
	padding:25px 0px 0 0;
	height:345px;
}
.staff02 {
	width:335px;
	float:left;
	background:url('http://www.peron.jp/img/staffbg.jpg') no-repeat;
	padding:25px 0px 0 0;
	height:345px;
}
.name {
	margin:65px 0px 0px 173px;
	padding:3px 0px 3px 40px;
	line-height:100%;
         height:12px;
}
.work {
	margin:0px 0px 0px 173px;
	padding:3px 0px 3px 40px;
	line-height:170%;
         height:38px;
}
.comment {
	margin:0px 0px 0px 173px;
	padding:3px 0px 3px 40px;
	line-height:170%;
}
.staff01 img,
.staff02 img {
	padding:10px 2px 0px 10px;
	
}
.staff01 p,
.staff02 p {
	padding:0 28px;
	margin:0;
	line-height:170%;
}

.hotel01 {
	clear:both;
	padding:0 0 20px 0;
	width:670px;
}

#hotel02 {
	float:left;
	width:470px;
	padding:0 10px;
}
#hotel02 p {
	padding:10px 5px;
}
#hotel03 {
	float:left;
	width:150px;
	padding:0 10px;
	color:#404040;
}
#hotelimg01 {
	background:url('http://www.peron.jp/img/hotel_img01.jpg') no-repeat;
	height:30px;
	width:160px;
	margin:0 0 30px 0;
	padding:220px 5px 10px 5px;
}
#hotelimg02 {
	background:url('http://www.peron.jp/img/hotel_img02.jpg') no-repeat;
	height:30px;
	width:160px;
	padding:130px 5px 10px 5px;
	margin:0 0 30px 0;
}
#hotelimg03 {
	background:url('http://www.peron.jp/img/hotel_img03.jpg') no-repeat;
	height:30px;
	width:160px;
	padding:130px 5px 10px 5px;
	margin:0;
}

#hotelimg04 {
	background:url('http://www.peron.jp/img/hotel_img04.jpg') no-repeat;
	height:30px;
	width:160px;
	padding:130px 5px 10px 5px;
	margin:0 0 30px 0;
}
#hotelimg05 {
	background:url('http://www.peron.jp/img/hotel_img05.jpg') no-repeat;
	height:30px;
	width:160px;
	padding:130px 5px 10px 5px;
	margin:0 0 30px 0;
}
#hotelimg06 {
	background:url('http://www.peron.jp/img/hotel_img06.jpg') no-repeat;
	height:30px;
	width:160px;
	padding:130px 5px 10px 5px;
	margin:0 0 30px 0;
}
#hotelimg07 {
	background:url('http://www.peron.jp/img/hotel_img07.jpg') no-repeat;
	height:30px;
	width:160px;
	padding:130px 5px 10px 5px;
	margin:0 0 30px 0;
}
#hotel04 {
	width:335px;
	float:left;
}


.hotel04no{
	clear:both;
	padding:10px 0;
	height:122px;
	width:335px;
}

div.hoteltext{
	display:table-cell;
	vertical-align:middle;
}

* html div.hoteltext{/* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html div.hoteltext{/* IE 7 */
	display:inline;
	zoom:1;
}
.hotel04no img{
	width:122px;
	float:left;
	padding:0 10px 0 0;
	margin:0;
}
.hoteltext{
	width:180px;
	float:left;
	text-align:left;
	margin: 15px 0px 0px 0px;
}
#hotel05 {
	width:335px;
	float:left;
}

#error {
	padding:25px;
}

.papi01 {
	clear:both;
	padding:20px;
}
.papiimg {
	float:left;
	width:215px;
	padding:5px;
	border:1px solid #CCCCCC;
	margin:0 10px 0 0;
}
table.papitable {
	margin:0 0 20px 0;
         text-align: left;
	border-top:1px solid #F6BB71;
	border-left:1px solid #F6BB71;
	float:left;
	width:390px;　 
}
table.papitable th {
	border-bottom:1px solid #F6BB71;
	border-right:1px solid #F6BB71;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	padding:7px 10px;
	background:#FA8611;
	color:#FFF5CE;
	width:80px;
	text-align: left;
	font-weight: normal;
}
table.papitable td {
	border-bottom:1px solid #F6BB71;
	border-right:1px solid #F6BB71;
	padding:10px 12px;
BACKGROUND-COLOR: #ffffff;
}


table.tablearea {
	text-align: left;
	border-top:1px solid #F6BB71;
	border-left:1px solid #F6BB71;
	margin:15px auto;
	width:650px;
}
table.tablearea th {
	border-bottom:1px solid #F6BB71;
	border-right:1px solid #F6BB71;
	padding:10px 12px;
	background:#FF9C00;
	color:#FFF5CE;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	text-align: left;
	font-weight: normal;
}
table.tablearea td {
	border-bottom:1px solid #F6BB71;
	border-right:1px solid #F6BB71;
　　　　 background-color:#FFFFFF;
	padding:10px 12px;
BACKGROUND-COLOR: #ffffff;
}
#map {
	text-align:center;
	margin:0 auto;
}
#aboutlink {
	margin: 0 20px;
}
#aboutlinkimg {
	background:#E6E6E6;
	border:1px solid #CCCCCC;
	height: 57px;
	padding:10px 25px;
	margin: 20px 0;
}
#linkbnr01{
	float:left;
	width:233px;
	padding:0 25px 0 0;
}
#linkbnr02{
	float:left;
	width:129px;
	padding:0 25px 0 0;
}
#linkbnr03{
	float:left;
	width:161px;
}
#link {
	background:#FFF0BE;
	border:1px solid #FECC53;
	margin: 0 20px;
	display:block;
	padding:5px;
	font-size:11px;
	height: 100%;
	width:615px;
	overflow:hidden;
}
#link dl{
	text-align: left;
	background:#FFFFFF;
	padding:10px;
	margin: 0;
	height: 100%;
	width: 595px;
	overflow:hidden;
}
#link dt{
	background:url('images/linkbg.jpg') no-repeat;
	float:left;
	width:350px;
	padding:0 0 5px 25px;
	margin:5px 0 0 0;
	border-bottom:dotted 2px #CCCCCC;
}
#link dd{
	float:left;
	width:220px;
	padding:0 0 5px 0;
	margin:5px 0 0 0;
	border-bottom:dotted 2px #CCCCCC;
}

.goods {
	padding:0 20px;
	clear:both;
	margin:0 0 20px 0;
}
.goods01 {
	float:left;
	width:310px;
	padding:0 0px 0 0;
}
.goods01 img{
	border:solid 1px #CCCCCC;
	padding:3px;
	margin:0 5px 10px 0;
}
.goods02 {
	float:right;
	width:310px;
}
.goods02 img{
	border:solid 1px #CCCCCC;
	padding:3px;
	margin:0 5px 10px 0;
}
.goodstitle {
	color:#FA8611;
	font-weight: bold;
	padding:5px 0 5px 0;
}

.msarea {
	padding:0 0 20px 0;
}
.msarea01 {
	width: 478px;
	float: left;
	padding:0 10px;
	text-align:left;
}
.msimg {
	padding:0 0 20px 0;
}
.msarea02 {
	width: 140px;
	float: left;
	padding:5px 15px
}
.msarea03 {
	width: 618px;
	float: left;
	padding:0 10px;
	text-align:left;
}
.msarea04 {
	width: 618px;
        font-weight: bold;
	float: left;
	padding:0 10px;
	text-align:left;
}
.evarea {
	padding:0 20px 20px 0;
}
.evarea01 {
	width: 618px;
	float: left;
	padding:10px 10px;
	text-align:left;
}
.ev01img {
        float:left;
        width:580px;
        padding:5px;
        border:1px solid #CCCCCC;
	margin:0 10px 0 20px;
}
.papimv {
	float:left;
	width:215px;
	padding:5px;
	border:1px solid #CCCCCC;
	margin:0 10px 0 0;
}

.reportimg {
  	float:left;
	width:215px;
	padding:5px;
	border:1px solid #CCCCCC;
	margin:0 10px 0 0;
}
table.reporttable {
	margin:0 0 20px 0;
         text-align: left;
	border-top:1px solid #F6BB71;
	border-right:1px solid #F6BB71;
	border-left:1px solid #F6BB71;
	float:left;
	width:390px;　 
}
table.reporttable th {
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:7px 10px;
	background:#FA8611;
	color:#FFF5CE;
	width:80px;
	text-align: left;
	font-weight: normal;
}
table.reporttable td {
	border-top:1px solid #F6BB71;
	border-bottom:1px solid #F6BB71;
	padding:10px 12px;
BACKGROUND-COLOR: #ffffff;
}