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

/* =====================================
	*** color ***
	main #006f83
	sub  #ece6ce #ebdbdb #eae3c9
======================================== */

/* ===============================================================================================
	common
=============================================================================================== */
body { border-top: solid 10px #006f83;}
body div#wrapper { width: 980px; margin: 0 auto; }

/* header */
body div#header { position: relative; margin-bottom: 20px;}

body div#header h1 { }
body div#header h1 a { display: block; width: 316px; height: 66px; background: url(../images/logo.png) 0 0 no-repeat; text-indent:  -9999em;}

body div#header ul#nav { list-style-type: none;  position: absolute; right: 0; top:30px;}
body div#header ul#nav li { display: inline-block; *display: inline;/* for IE*/*zoom: 1;/* for IE*/ height: 20px; margin-left: 30px; }
body div#header ul#nav li a { display: block; background: 0 0 no-repeat; height: 20px; text-indent:  -9999em;}
body div#header ul#nav li a:hover {
	opacity:0.7;
	/* filter: alpha(opacity=70); */       /* ie lt 8 */
	/* -ms-filter: "alpha(opacity=70)"; */  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
body div#header ul#nav li.about a { width: 132px; background-image: url(../images/nav_about.png); }
body div#header ul#nav li.menu a { width: 208px; background-image: url(../images/nav_menu.png);}
body div#header ul#nav li.access a { width: 127px; background-image: url(../images/nav_access.png);}
/* maincontents */
body div#wrapper_maincontens {
	position: relative;
}



/* side */
body div#side {
	width: 165px;
	position: absolute;
	left: 0;
	top:0;
}

body div#side div.news {
	background: #000;
	color: #FFF;
	padding-top: 8px;
	margin-bottom: 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
 }
body div#side div.news h2 { height: 55px; background: url(../images/tit_news.png) center center no-repeat; text-indent: -9999em; margin-bottom: 5px;}
body div#side div.news ul { padding: 10px;}
body div#side div.news ul li { list-style-type: none; margin-bottom: 5px; line-height: 1.6;}
body div#side div.news ul li a { color: #ff6600; border-bottom:dotted 1px;}
body div#side div.news ul li a:hover { color: #0089ff;}
body div#side div.news ul li span.date { display: block; font-size: 12px; }

body div#side div.bnr {}
body div#side div.bnr ul {}
body div#side div.bnr ul li { list-style-type: none; margin-bottom: 10px;}
body div#side div.bnr ul li a { display: block; width: 168px; text-indent:  -9999em; }
body div#side div.bnr ul li a:hover {
	opacity:0.7;
	/* filter: alpha(opacity=70); */       /* ie lt 8 */
	/* -ms-filter: "alpha(opacity=70)"; */  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
body div#side div.bnr ul li.blog a  { height: 145px ; background: url(../images/bnr_blog.png) top center no-repeat;}
body div#side div.bnr ul li.facebook a  { height: 179px ; background: url(../images/bnr_facebook.png) top center no-repeat;}
body div#side div.bnr ul li.earcut a { height: 179px; background: url(../images/bnr_earcut.png) top center no-repeat;}
body div#side div.bnr ul li.petsitter_asakusa a { height: 73px; background: url(../images/bnr_petsitter_asakusa.png) top center no-repeat;}
body div#side div.bnr ul li.nyamily a { height: 182px; background: url(../images/bnr_nyamily.jpg) top center no-repeat;}
body div#side div.bnr ul li.goods a { height: 182px; background: url(../images/bnr_goods.jpg) top center no-repeat;}


/* contents */
body div#contents {
	width: 800px;
	min-height: 1400px;
	margin-left: 190px;
	margin-bottom: 60px;
}

/* footer */
body div#wrap_f { background-color: #eae3c9; clear: both;  }
body div#wrap_f div#footer {width: 980px; height: 160px; padding: 20px 0; margin: 0 auto; position: relative; }
body div#wrap_f div#footer a { border-bottom:dotted 1px;}

body div#wrap_f div#footer ul { }
body div#wrap_f div#footer ul li { list-style-type: none; margin-bottom: 10px; }

body div#wrap_f div#footer ul.page_about { }
body div#wrap_f div#footer ul.page_contents { position: absolute; left: 200px; top: 20px; }
body div#wrap_f div#footer ul.sub { position: absolute; left: 450px; top: 20px; }

body div#wrap_f div#footer div.address { position: absolute; right: 0; top:20px;}
body div#wrap_f div#footer div.address p { text-indent: -9999em; width: 412px; height: 157px; background: url(../images/bg_tel.png) top left no-repeat;  z-index: 1; }
body div#wrap_f div#footer div.address address { position: absolute; right: 160px; top:90px; text-align: right; line-height: 1.4;}
body div#wrap_f div#footer div.address address span.tel { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/ padding-left: 20px;  background: url(../images/tel.png) top left no-repeat; }

body div#wrap_f p#copyright { color: #ffffff; font-weight: bold; font-size: 11px; background-color: #006f83; padding: 8px; text-align: center; }

/* pagetop */
body p#pagetop a { display: block; width: 92px; height: 95px; background: url(../images/btn_pagetop.png) top left no-repeat; text-indent: -9999em; position: fixed; right: 10px; bottom: 10px; z-index: 2;}
body p#pagetop a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */	
}

/* link */
body div#contents a.link { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/  padding-left: 22px; background: url(../images/icon_arrow.png) 0 0 no-repeat; margin-right: 3px; color: #ff6600; border-bottom: none !important;  }
body div#contents a.link_btn { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/ padding: 8px; background-color: #ece6ce; border: solid 2px #ebdbdb;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */	
 }

/* ===============================================================================================
	top
=============================================================================================== */
body div#contents div.main { height: 320px; border: solid 10px #000; position: relative; margin-bottom: 10px; }
body div#contents div.main a:hover { 
	opacity:0.7;
	/* filter: alpha(opacity=70); */       /* ie lt 8 */
	/* -ms-filter: "alpha(opacity=70)"; */  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */	
}

body div#contents div.main ul#slide {
	margin:0;
	padding:0;
	width:780px;
	position:relative;
	list-style:none;
}
body div#contents div.main ul#slide li {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

body div#contents div.main p.bnr_photo {}
body div#contents div.main p.bnr_photo a { display: block; width: 137px; height: 133px; background: url(../images/bnr_photogallery.png) top center no-repeat;  text-indent: -9999em; position: absolute; left: 15px; bottom:10px;}
body div#contents div#staff a:hover { 
	opacity:0.7;
	/* filter: alpha(opacity=70); */       /* ie lt 8 */
	/* -ms-filter: "alpha(opacity=70)"; */  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */	
}


body div.side_bnr { position: fixed; right: -265px; top:106px; z-index: 3;}
body div.side_bnr:hover { right: 0;}

body div.side_bnr div.comments { 
	background: url(../images/about_saran.png) top left no-repeat;
	width: 300px;
	height:320px;
}
body div.side_bnr div.comments p.lead { text-indent: -9999em;}
body div.side_bnr div.comments p.about_saran a { display: block; width: 127px; height: 113px; background: url(../images/btn_about_saran.png) top center no-repeat; text-indent: -9999em; position: absolute; bottom: 0; left: 33px;}
body div.side_bnr div.comments p.about_saran a:hover {
	opacity:0.7;
	/* filter: alpha(opacity=70); */       /* ie lt 8 */
	/* -ms-filter: "alpha(opacity=70)"; */  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

body div#contents div#staff_cats { background: url(../images/bnr_cat_staff.png) top center no-repeat; height: 290px; margin-bottom:15px; position: relative;}
body div#contents div#staff_cats h2,
body div#contents div#staff_cats h3,
body div#contents div#staff_cats p { text-indent: -9999em;}

body div#contents div#staff_cats p.btn_cats a { display: block; width: 240px; height: 43px; background: url(../images/btn_staff_cats.png) top left no-repeat; position: absolute; right: 0; bottom: 0; }

body div#contents div#staff_dogs { background: url(../images/bnr_dog_staff.png) top center no-repeat; height: 240px; margin-bottom:15px; position: relative;}
body div#contents div#staff_dogs h2,
body div#contents div#staff_dogs h3,
body div#contents div#staff_dogs p { text-indent: -9999em;}

body div#contents div#staff_dogs p.btn_dogs a { display: block; width: 240px; height: 43px; background: url(../images/btn_staff_dogs.png) top left no-repeat; position: absolute; right: 0; bottom: 0; }


body div#contents div#menu { background: url(../images/menu.png) top right no-repeat; height: 630px; margin-bottom:15px; position: relative;}

body div#contents div#menu a:hover { 
	opacity:0.7;
	/* filter: alpha(opacity=70); */       /* ie lt 8 */
	/* -ms-filter: "alpha(opacity=70)"; */  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */	
}
body div#contents div#menu h2,
body div#contents div#menu h3,
body div#contents div#menu dl,
body div#contents div#menu p { text-indent:  -9999em;}

body div#contents div#menu h2 { background: url(../images/tit_menu.png) 0 0 no-repeat; width: 265px; height: 105px; position: absolute; top:20px;}


body div#contents div#menu p.btn a { display: block; width: 260px; height: 43px; background: url(../images/btn_pointcard.png) top left no-repeat; position: absolute; right: 0; bottom: 0; }

body div#contents div#access { position: relative;}
body div#contents div#access h2 { background: url(../images/tit_access.png) 0 0 no-repeat; width: 225px; height: 60px; text-indent:  -9999em; margin: 10px 0;}

body div#contents div#access img.map { }

body div#contents div#access div.text { width: 310px; position: absolute; top:80px; right: 0; }
body div#contents div#access div.text dl { margin: 20px 0 30px 0; }
body div#contents div#access div.text dl dt { font-weight: bold;  font-size: 15px; margin: 10px 0;}
body div#contents div#access div.text dl dd { margin-left: 1.3em; line-height: 1.4; }

body#top div#contents div.section { background: url(../images/border.png) bottom center no-repeat; padding-bottom: 30px;}


/* ===============================================================================================
	sec common
=============================================================================================== */
body.sec div#contents { background-color: ; padding: 30px; width: 760px;}
body.sec div#contents h2 { font-size: 24px; color: #000; font-family: "Hiragino Mincho Pro"; background: url(../images/border.png) bottom center no-repeat; padding-bottom: 40px; margin-bottom: 20px; }
body.sec div#contents h2 span.sub { font-size: 13px; }
body.sec div#contents h3 { 
	font-family: "Hiragino Mincho Pro"; 
	font-size: 18px; padding: 10px 8px; 
	background-color: #eae3c9; 
	margin: 30px 0 20px 0 ;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */	
}

body.sec div#contents p.lead { font-family: "Hiragino Mincho Pro"; font-size: 18px; margin-bottom: 1em; line-height: 1.6;}

body.sec div#contents p { margin-bottom: 2em; line-height: 1.6;}
body.sec div#contents a { border-bottom: dotted 1px; }
body.sec div#contents a img { border-bottom: none; }

body.sec div#contents strong { color: red;}
body.sec div#contents em { }

body.sec div#contents div.section { margin-bottom: 30px;}

body.sec div#contents dl { margin-bottom: 30px; }
body.sec div#contents dl dt { font-family: "Hiragino Mincho Pro"; font-size: 18px; line-height: 1.6;margin: 30px 0 10px 0;}
body.sec div#contents dl dd { line-height: 1.6;}

/* ===============================================================================================
	about
=============================================================================================== */
body#about div#contents div.section { overflow: hidden; }
body#about div#contents div.section img.photo { float: right; margin-top: -50px; padding-left: 20px; }

body#about div#contents div#concept { 
	clear: both;
	font-family: "Hiragino Mincho Pro"; 
	text-align: center;
	padding: 30px 20px 10px 20px; 
	background-color: #eae3c9; 
	margin: 30px 0 20px 0 ;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */	
}

body#about div#contents div#concept h3 {
	display:  inline-block;
	*display: inline;/* for IE*/
	*zoom: 1;/* for IE*/
	background-color: #330000;
	padding: 10px 100px;
	margin: 0 0 15px 0;
	color: #fff;
	border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */	
} 

/* ===============================================================================================
	saran
=============================================================================================== */
body#saran div#contents { }
body#saran div#contents img.photo { float: right; margin-top: -50px;}

body#saran div#contents div.days {
	position: relative; 
	margin-top: 230px; 
	background-color: #ebdbdb;
	width: 690px; 
	padding: 20px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */	
}
body#saran div#contents div.days img.tit_days { position: absolute; left:  -10px; top: -5px; }
body#saran div#contents div.days img.photo_days { margin-left: 15px; border: 5px solid #fff;}


/* ===============================================================================================
	staff
=============================================================================================== */
body#staff div#contents { }

body#staff div#contents table.staff_list { line-height: 1.6; border-top: dotted 3px #fff; margin-bottom: 50px; }
body#staff div#contents table.staff_list tr { background-color: #ebdbdb; border-bottom: dotted 3px #fff; }
body#staff div#contents table.staff_list tr.even { background-color: #ece6ce; }
body#staff div#contents table.staff_list th { width: 200px; }
body#staff div#contents table.staff_list td { padding: 20px; vertical-align: top; }

body#staff div#contents table.staff_list td div.profile { margin-bottom: 0.5em; color: #000; }
body#staff div#contents table.staff_list td div.profile span.name { display: block; font-size: 18px; font-weight:  bold; color: ; }
body#staff div#contents table.staff_list td div.profile span.color { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/ margin-right: 1em; }
body#staff div#contents table.staff_list td div.profile span.birthday { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/ margin-right: 1em; }
body#staff div#contents table.staff_list td div.profile span.gender { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/ }

/* ===============================================================================================
	point
=============================================================================================== */
body#point div#contents { }

body#point div#contents table.point_list {}

body#point div#contents table.point_list th,
body#point div#contents table.point_list td { padding: 20px; border: solid 1px #999; }

body#point div#contents table.point_list th { background-color: #ebdbdb; text-align: center; }
body#point div#contents table.point_list td { text-align:  left;}

body#point div#contents img.photo { border: 8px #ece6ce solid; display: block; margin: 50px auto;}

/* ===============================================================================================
	sumida cat
=============================================================================================== */
body#sumidacat div#contents div#earcut { overflow: hidden; }
body#sumidacat div#contents div#earcut img.photo { float: right; margin-left: 10px;}

body#sumidacat div#contents div#TRN {
	background-color: #ebdbdb;
	padding: 20px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */	
}

/* ===============================================================================================
	photo
=============================================================================================== */
body#photo div#contents div.photo_list { }
body#photo div#contents div.photo_list ul { margin-left: -10px;}
body#photo div#contents div.photo_list ul li { display: inline-block;*display: inline;/* for IE*/*zoom: 1;/* for IE*/ width: 240px; margin-left: 10px; margin-bottom: 10px;}
body#photo div#contents div.photo_list ul li img { width: 240px; height: 240px;}
body#photo div#contents div.photo_list ul li a { border-bottom:  none;}

/* ===============================================================================================
	inquiry
=============================================================================================== */