@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	text-align: center;
	background-image: url(images/globalparts/back.gif);
	background-repeat: no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 135%;
}

/*********************
* main structure
*********************/

#container_header {
	margin: 0 auto;
	width: 922px;
	height: 26px;
	background-image:url(images/globalparts/back_box01.png);
	background-repeat: no-repeat;
}

* html #container_header {
	behavior: url('/js/iepngfix.htc');
}

#container {
	margin: 0 auto;
	width: 922px;
	text-align: left;
	background-image:url(images/globalparts/back_box02.png);
	background-repeat: repeat-y;
}

* html #container {
	behavior: url('/js/iepngfix.htc');
}

#container_footer {
	margin: 0 auto;
	width: 922px;
	height: 26px;
	background-image:url(images/globalparts/back_box03.png);
	background-repeat: no-repeat;
}

* html #container_footer {
	behavior: url('/js/iepngfix.htc');
}

#header {
	padding: 0 11px;
	width: 900px;
}

#contents {
	padding: 0 11px;
	width: 898px;
}

/* for IE6 */
* html #contents {
	padding: 0 8px;
}

#footer {
	padding: 0 11px;
	width: 900px;
	height: 23px;
	margin-top: 20px;
	background-image: url(images/globalparts/copyright.gif);
	background-repeat: no-repeat;
	background-position: center bottom; 
}

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding: 0 0 10px 5px;
}

h1 {
	width: 900px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	color: #666;
	line-height: 100%;
}

h2 {
	padding-bottom: 5px;
}

h3 {
	padding: 10px 0 5px 0;
}

.f12p {
	font-size: 12px;
	line-height: 135%;
}

.f_bold {
	font-weight: bold;
}

.caution {
	font-weight: bold;
	color: #FF0000;
}

.w120 {
	width: 120px;
}

.w240 {
	width: 240px;
}

.w260 {
	width: 260px;
}

.w280 {
	width: 280px;
}

.w300 {
	width: 300px;
}

.w320 {
	width: 320px;
}

.w340 {
	width: 340px;
}

.w350 {
	width: 350px;
}

.w661 {
	width: 661px;
}

input.submit {
	background-color: #ff99cc;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 16px;
}

/*********************
* left contents
*********************/
#contents .left {
	width: 190px;
	float: left;
	padding-left: 5px;
	font-size: 12px;
	line-height: 125%;
}

#contents .left ul.navi {
}

#contents .left ul.navi li {
	list-style-type: none;
	line-height: 0;
	width: 187px;
	height: 48px;
}

#contents .left ul.navi li a {
	zoom: 1;
}

#contents .left .blog {
	padding: 5px 0 15px 0;
}

#contents .left .store_info {
	margin: 10px 3px;
}

/*********************
* right contents
*********************/
#contents .right {
	width: 690px;
	float: right;
	margin-right: 3px;
}

#contents .right_header {
	position: relative;
	height: 90px;
	background-image:url(images/globalparts/right_header.jpg);
	background-repeat: no-repeat;
}

#contents .right_header .access {
	position: absolute;
	top: 50px;
	left: 450px;
}

/*********************
* main contents
*********************/
#contents .contents_main {
	width: 640px;
}

#contents .foot_navi {
	width: 640px;
	text-align: center;
	padding: 20px 0;
	line-height: 180%;
}

#contents .foot_navi a {
	text-decoration: none;
	font-weight: bold;
}

#contents .foot_navi a:hover {
	text-decoration: underline;
}

#contents .return_page_top {
	padding: 20px 0 0 0;
	text-align: right;
}

/**************************************************
* pages 
**************************************************/

/*********************
* TOP
*********************/
#top #contents .flash {
	padding-top: 5px;
	height: 100px;
}

#top #contents .right_main .facilities {
	margin: 5px 20px 5px 20px;
	font-size: 12px;
	line-height: 125%;
}

* html #top #contents .right_main .facilities {
	display: none;
}

#top #contents .whatsnew {
	width: 342px;
	padding: 10px 5px 20px 5px;
}

#top #contents .whatsnew_inner {
	height: 120px;
	margin-right: 3px;
	padding: 5px 3px 5px 0;
	overflow-y: scroll;
}

#top #contents .whatsnew_inner ul li {
	margin: 0 3px 5px 3px;
	padding: 0 0 3px 3px;
	border-bottom: 1px dashed #ccc;
	font-size: 12px;
	line-height: 135%;
}

#top #contents .member_blog {
	width: 324px;
	height: 162px;
	padding: 10px 10px 20px 0;
}

#top #contents .member_blog_inner {
	height: 120px;
	margin-right: 2px;
	padding: 5px 3px 5px 0;
	overflow-y: scroll;
	background-image:url(images/top/new_blog_back.gif);
	background-repeat: repeat-y;
}

#top #contents .member_blog_inner ul li {
	margin: 0 3px 5px 3px;
	padding: 0 0 3px 3px;
	border-bottom: 1px dashed #ccc;
	font-size: 12px;
	line-height: 135%;
}

/*********************
* DOG RUN
*********************/
#dogrun .dogrun_thumb {
	width: 640px;
}

#dogrun .dogrun_thumb img {
	margin: 0 5px 5px 0;
	border: 1px solid #ddd;
}

/*********************
* PET HOTEL
*********************/
#pethotel ul.hotel_caution {
	margin-left: 5px;
}

#pethotel ul.hotel_caution li {
	list-style-type: none;
	background-image: url(images/hotel/icon_footprint.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 5px 30px;
	line-height: 120%;
}

/*********************
* TRIMMING
*********************/
#trimming .bubble_bath {
	padding-top: 5px;
	background-image: url(images/triming/triming_micro_back.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

/*********************
* ACCESS
*********************/
#access img.map {
	border: 1px solid #ddd;
}

#access .access_info {
	margin: 20px 70px 20px 30px;
	border: 1px solid #ccc;
	padding: 5px;
}

/*********************
* DOG CAFE
*********************/
#dogcafe .season_menu {
	background-image: url(images/cafe/cafe_menu_shun.gif);
	width: 343px;
	height: 126px;
}

#dogcafe .season_menu_inner {
	margin: 45px 10px 5px 10px;
	height: 70px;
	overflow-y: scroll;
}

#dogcafe .season_menu_inner ul li {
	margin: 0 7px 5px 3px;
	padding: 0 3px 3px 3px;
	border-bottom: 1px dashed #ccc;
	font-size: 12px;
	line-height: 135%;
}

#dogcafe .dinner_menu {
	background-image: url(images/cafe/cafe_menu_dinner.gif);
	background-repeat: no-repeat;
	width: 661px;
	height: 177px;
}

#dogcafe .dinner_menu_inner {
	padding: 30px 15px 10px 25px;
}

#dogcafe .dinner_menu_inner .float_left {
	padding-top: 20px;
	font-size: 12px;
	line-height: 145%;
}

#dogcafe .dinner_menu_inner .float_right {
	padding-right: 15px;
}

#dogcafe .menu_bottom {
	width: 651px;
	padding-left: 10px;
}

#dogcafe .standard_menu {
	background-image: url(images/cafe/cafe_menu_standard.gif);
	background-repeat: no-repeat;
	width: 661px;
	height: 587px;
}

#dogcafe .standard_menu_inner {
	padding: 50px 15px 10px 25px;
}

#dogcafe .standard_menu_inner img {
	padding-right: 3px;
}

#dogcafe .standard_menu_inner .float_left,
#dogcafe .standard_menu_inner .float_right {
	padding-right: 7px;
}

#dogcafe .menu_wan {
	background-image:url(images/cafe/cafe_menu_dog.gif);
	background-repeat: no-repeat;
	width: 330px;
	height: 246px;
}

#dogcafe .menu_wan_inner {
	padding: 50px 50px 5px 15px;
	font-size: 12px;
	line-height: 135%;
}

#dogcafe .menu_wan_inner .float_left {
	padding-right: 10px;
}

#dogcafe .menu_wan_cake {
	background-image: url(images/cafe/cafe_menu_birth.gif);
	background-repeat: no-repeat;
	width: 283px;
	height: 246px;
}

#dogcafe .menu_wan_cake_inner {
	padding: 70px 50px 10px 40px;
	font-size: 12px;
	line-height: 135%;
}

#dogcafe .chef {
	background-image: url(images/cafe/chef.gif);
	background-repeat: no-repeat;
	width: 661px;
	height: 133px;
	margin: 10px 0;
}

#dogcafe .chef_inner {
	padding: 40px 20px 10px 200px;
	font-size: 12px;
	line-height: 135%;
}

/*********************
* RECRUIT
*********************/
#recruit table.recruit_info {
	width: 440px;
	margin: 0 100px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#recruit table.recruit_inquiry {
	width: 540px;
	margin: 0 50px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#recruit table.recruit_info th,
#recruit table.recruit_info td,
#recruit table.recruit_inquiry th,
#recruit table.recruit_inquiry td {
	padding: 3px 7px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#recruit table.recruit_info th,
#recruit table.recruit_inquiry th {
	background-color: #e7c794;
	text-align: center;
}

/*********************
* EVENT
*********************/
#event table.event_list {
	width: 600px;
	margin: 20px 10px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#event table.event_list th,
#event table.event_list td {
	padding: 3px 7px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#event table.event_list th {
	background-color: #e7c794;
	text-align: center;
	width: 140px;
}

#event .news {
	border: 1px solid #ccc;
	margin: 10px 10px 20px 10px;
}

#event .news_inner {
	padding: 5px;
}

#event h3 {
	font-size: 16px;
	background-image:url(images/event/icon_footprint.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 30px;
	border-bottom: 1px dashed #ccc;
}

#event .date {
	text-align: right;
	font-size: 12px;
}

#event .news_body {
	padding: 10px;
}

/*********************
* PHOTO GALLERY
*********************/
#gallery table#dircontent {
	width: 620px;
	margin: 0px 15px 20px 15px;
}

#gallery table#dircontent td {
	font-size: 12px;
	line-height: 135%;
}

#gallery table#dircontent a {
	text-decoration: none;
	color: #0000FF;
}

#gallery .thumb {
	height: 150px;
	margin: 15px 10px 0 0;
}

/*********************
* UTA WAN
*********************/
#utawan ul.utawan_caution {
	margin-left: 5px;
}

#utawan ul.utawan_caution li {
	list-style-type: none;
	background-image: url(images/hotel/icon_footprint.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 5px 30px;
	line-height: 120%;
}

/*********************
* INQUIRY
*********************/
#inquiry .right {
	margin-right: 100px;
}

/*********************
* SEASON MENU
*********************/
#season_menu table.event_list {
	width: 600px;
	margin: 20px 10px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#season_menu table.event_list th,
#season_menu table.event_list td {
	padding: 3px 7px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#season_menu table.event_list th {
	background-color: #ffc7ce;
	text-align: center;
	width: 140px;
}

#season_menu .news {
	border-top: 1px solid #ffceee;
	border-left: 1px solid #ffceee;
	border-bottom: 2px solid #ffceee;
	border-right: 2px solid #ffceee;
	margin: 10px 10px 20px 10px;
}

#season_menu .news_inner {
	padding: 5px;
}

#season_menu h3 {
	font-size: 16px;
	background-image:url(images/season_menu/icon_footprint.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 30px;
	border-bottom: 1px dashed #ffceee;
}

#season_menu .date {
	text-align: right;
	font-size: 12px;
}

#season_menu .news_body {
	padding: 10px;
}

/*********************
* WHAT'S NEW
*********************/
#whatsnew table.event_list {
	width: 600px;
	margin: 20px 10px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#whatsnew table.event_list th,
#whatsnew table.event_list td {
	padding: 3px 7px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#whatsnew table.event_list th {
	background-color: #ffc7ce;
	text-align: center;
	width: 140px;
}

#whatsnew .news {
	border-top: 1px solid #ffce7a;
	border-left: 1px solid #ffce7a;
	border-bottom: 2px solid #ffce7a;
	border-right: 2px solid #ffce7a;
	margin: 10px 10px 20px 10px;
}

#whatsnew .news_inner {
	padding: 5px;
}

#whatsnew h3 {
	font-size: 16px;
	background-image:url(images/whatsnew/icon_footprint.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 6px 30px;
	border-bottom: 1px dashed #ffce7a;
}

#whatsnew .date {
	text-align: right;
	font-size: 12px;
}

#whatsnew .news_body {
	padding: 10px;
}
