@charset 'UTF-8';
@import url(base.css);
@import url(navi.css);


/*
*
*	Title: Pethouse tenten ----- common.css
*	Last Modified: 2008-10-16
*	Description: #main_contents (width: 630px) の内部スタイル
*	Auther: TMCreation
*
*/

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

	ATTENTION

		* スタイルリセット・ページ基本構造・ヘッダー&フッターのスタイルはbase.cssに記述


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


/*======================================================
	Common Style (h2, h3, p, img)
=======================================================*/

#main_contents .unit_title {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #117539;
	padding: 0px 10px 15px 12px;
	}

#main_contents p.textunit {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #4d4d4d;
	padding: 0px 10px 15px 17px;
	}

#main_contents p.size-14 {
	padding-top: 5px;
	font-size: 14px;
	}

#main_contents p.size-16 {
	padding-top: 5px;
	font-size: 16px;
	}

#main_contents p.textunit_topspace {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #4d4d4d;
	padding: 40px 10px 15px 17px;
	}

#main_contents p.textunit_indent {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #4d4d4d;
	padding: 0 10px 20px 25px;
	}

#main_contents img.img_right {
	float: right;
	padding: 5px 0 15px 20px;
	}

#main_contents img.img_right_non {
	float: right;
	padding: 0 0 15px 20px;
	}

#main_contents img.img_left {
	float: left;
	padding: 5px 20px 15px 17px;
	}

#main_contents img.img_left_non {
	float: left;
	padding: 0 20px 15px 0;
	}

#main_contents img.img_left_only {
	float: left;
	padding: 5px 0 15px 17px;
	}

#main_contents img.img_clear {
	clear: both;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 55px;
	}

#main_contents p strong a, #main_contents p strong a:hover {
	color: #35378b;
	text-decoration: none;
	font-weight: bold;
	}

#main_contents p.textunit a, #main_contents p.textunit_indent a {
	color: #3f7f04;
	font-weight: normal;
	padding-right: 1px;
	padding-left: 1px;
	text-decoration: underline;
	}
	
#main_contents p.textunit a:hover, #main_contents p.textunit_indent a:hover {
	color: #509d08;
	text-decoration: none;
	}

#main_contents .smalltext {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#main_contents p.textunit span.popup a {
	color: #047e12;
	font-weight: bold;
	padding-right: 1px;
	padding-left: 20px;
	text-decoration: underline;
	background: url(../images/popupwinow_icon.gif) no-repeat 0 50%;
	}
	
#main_contents p.textunit span.popup a:hover {
	color: #047e12;
	font-weight: bold;
	text-decoration: none;
	}


/*======================================================
	Chart 1 (table)
=======================================================*/

table.chart1 {
	border-collapse:collapse;
	border-spacing: 0;
	margin: 0 15px 20px 23px;
	color: #666666;
	font-size: 12px;
	line-height: 1.5em;
	color: #4d4d4d;
	font-weight: normal;
	}

table.chart1 a {
	color: #3f7f04;
	text-decoration: none
	}
	
table.chart1 a:hover {
	color: #509d08;
	text-decoration: none;
	}
	
table.chart1 tr {
	background: url(../images/gray_border.gif) 0 100% repeat-x;
	}
	
table.chart1 th {
	width: 130px;
	height: auto;
	padding: 3px 10px 18px 13px;
	color: #559c72;
	background: url(../images/title_list_1.gif) 0 3px no-repeat;
	vertical-align: top;
	text-align: justify;
	}

table.chart1 td {
	padding: 3px 10px 18px 13px;
	}


/*======================================================
	Chart 2 (table)
=======================================================*/

table.chart2 {
	border-collapse:collapse;
	border-spacing: 0;
	margin: 0 15px 20px 23px;
	color: #666666;
	font-size: 12px;
	line-height: 1.5em;
	color: #4d4d4d;
	font-weight: normal;
	}

table.chart2 tr {
	background: url(../images/gray_border.gif) 0 100% repeat-x;
	}
	
table.chart2 th {
	width: 130px;
	height: auto;
	padding: 0 10px 15px 13px;
	color: #559c72;
	background: url(../images/title_list_1.gif) 0 0 no-repeat;
	vertical-align: top;
	text-align: justify;
	}

table.chart2 td {
	padding: 0 10px 15px 13px;
	}

table.chart2 td ul.listunit {
	list-style: none;
	margin-bottom: 10px;
	}

table.chart2 td li {
	text-indent: 13px;
	line-height: 1.3em;
	}


/*======================================================
	table (inserted into cart page edited by tenten)
=======================================================*/

table.cleardefault {
    border-top: none;
    border-left: none;
}
table.cleardefault th {
    border-right: none;
    border-bottom: none;
}
table.cleardefault td {
    border-right: none;
    border-bottom: none;
}



/*======================================================
	このページの先頭へ
=======================================================*/

p.gotop {
	font-size: 12px;
	clear: both;
	text-decoration: none;
	float: right;
	line-height: 2em;
	margin-top: 5px;
	margin-bottom: 5px;
	}

p.gotop em {
	visibility: hidden;
	}

p.gotop a {
	text-decoration: none;
	background:url(../images/gotop.gif) no-repeat 100% -24px;
	width: 104px;
	height: 24px;
	display: block;
	padding-right: 0px;
	text-decoration: none;
	}

p.gotop a:hover {
	text-decoration: none;
	background:url(../images/gotop.gif) no-repeat 100% 0;
	text-decoration: none;
	}


/*======================================================
	Plainbox 616px (a=blue, b=green), Blackbox 616px
=======================================================*/

div.plainbox_a, div.plainbox_b, div.plainbox_webcam {
	width: 616px;
	background: url(../images/plainbox_middle.gif) repeat-y #fff;
	margin-left: 14px;
/* ------ for IE6 bug ------ */
	margin-top: 26px;
	}

div.blackbox {
	width: 616px;
	background: url(../images/blackbox_middle.gif) repeat-y #fff;
	margin-left: 14px;
/* ------ for IE6 bug ------ */
	margin-top: 18px;
	}

#main_contents > .plainbox_a, #main_contents > .plainbox_b, , #main_contents > .blackbox, #main_contents > .plainbox_webcam {
	margin-top: 22px;
	}

div.plainbox_a-top, div.blackbox-top {
	width: 616px;
	height: 34px;
	background: url(../images/plainbox_blue_top.gif) no-repeat #fff;
	position: relative;
	}

div.plainbox_b-top {
	width: 616px;
	height: 34px;
	background: url(../images/plainbox_green_top.gif) no-repeat #fff;
	}

div.plainbox_webcam-top {
	width: 616px;
	height: 49px;
	background: url(../images/plainbox_webcam_top.gif) no-repeat #fff;
	}

div.plainbox_a-top h3, div.plainbox_b-top h3, div.blackbox-top h3 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	line-height: 1.5em;
	padding: 8px 12px 0;
	}

div.plainbox_webcam-top h3 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	line-height: 1.5em;
	padding: 22px 12px 0;
	}

div.plainbox_a-content, div.plainbox_b-content, div.blackbox-content, div.plainbox_webcam-content {
	width: 616px;
	padding-top: 38px;
	margin-top: -20px;
	padding-bottom: 5px;
	display: inline-block;
	}

div.plainbox_a-content:after, div.plainbox_b-content:after, div.blackbox-content:after, div.plainbox_webcam-content:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

div.plainbox_a-content img, div.plainbox_b-content img, div.plainbox_webcam-content img {
	padding: 3px 15px 15px;
	}

div.plainbox_a-content img.leftimg, div.plainbox_b-content img.leftimg, div.plainbox_webcam-content img.leftimg {
	margin-right: 10px;
	float: left;
	}

div.plainbox_a-content img.rightimg, div.plainbox_b-content img.rightimg, div.plainbox_webcam-content img.rightimg {
	margin-left: 10px;
	float: right;
	}

div.plainbox_a-content h4, div.plainbox_a-content h5, div.plainbox_b-content h4, div.plainbox_b-content h5, div.blackbox-content h4, div.blackbox-content h5, div.plainbox_webcam-content h4, div.plainbox_webcam-content h5 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5em;
	padding: 0 20px 10px 20px;
	}

div.plainbox_a-content a, div.plainbox_b-content a, div.blackbox-content a, div.plainbox_webcam-content a {
	color: #013476;
	text-decoration: none;
	}

div.plainbox_a-content a:hover, div.plainbox_b-content a:hover, div.blackbox-content a:hover, div.plainbox_webcam-content a:hover {
	color: #005f92;
	text-decoration: underline;
	}

div.plainbox_a-content p, div.plainbox_b-content p, div.blackbox-content p, div.plainbox_webcam-content p {
	font-size: 12px;
	line-height: 1.5em;
	padding: 0 20px 15px;
	}

div.blackbox-content p {
	color: #fff;
	}
	
div.plainbox_a-bottom, div.plainbox_b-bottom, div.plainbox_webcam-bottom {
	width: 616px;
	height: 11px;
	background: url(../images/plainbox_bottom.gif) no-repeat #fff;
/* ------ for IE6 bug ------ */
	padding-bottom: 2px;
	}

div.blackbox-bottom {
	width: 616px;
	height: 11px;
	background: url(../images/blackbox_bottom.gif) no-repeat #fff;
/* ------ for IE6 bug ------ */
	padding-bottom: 2px;
	}

div.plainbox_a > div.plainbox_a-bottom, div.plainbox_b > div.plainbox_b-bottom, div.blackbox > div.blackbox-bottom, div.plainbox_webcam > div.plainbox_webcam-bottom {
	padding-bottom: 11px;
	}



/*======================================================
	aboutus
=======================================================*/

#concept_writing h2 {
	font-size: 12px;
	text-indent: -9999px;
	background: url(../images/concept_w.jpg) no-repeat;
	width: 630px;
	height: 431px;
	}

#concept_writing_2 h2 {
	font-size: 12px;
	text-indent: -9999px;
	background: url(../images/concept_w2.jpg) no-repeat;
	width: 630px;
	height: 431px;
	}
	
h3#aboutus_top_w1 {
	font-size: 12px;
	background:url(../images/aboutus_top_w1.gif) no-repeat;
	width: 353px;
	height: 65px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 16px;
	}

h3#aboutus_top_w2 {
	font-size: 12px;
	background:url(../images/aboutus_top_w2.gif) no-repeat;
	width: 459px;
	height: 65px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 16px;
	clear: both;
	}

h2#showdog_title { background:url(../images/showdog_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#aboutham_title { background:url(../images/aboutham_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#corpdata_title { background:url(../images/corpdata_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#privacy_title { background:url(../images/privacy_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#law_title { background:url(../images/law_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#sitemap_title { background:url(../images/sitemap_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#contact_title { background:url(../images/contact_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#thankyou_title { background:url(../images/thankyou_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }

#hamprofile {
	background: url(../images/hamprofile.jpg) no-repeat;
	position: relative;
	width: 630px;
	height: 713px;
	}

#hamprofile img#gotohamblog {
	position: absolute;
	left: 44px;
	top: 639px;
	}

#sitemap {
	margin-left: 42px;
	}

#sitemap li {
	margin: 0 0 0 22px;
	padding: 9px 0 3px 16px;
	list-style-type: none;
	font-size: 12px;
	line-height: 1.3em;
	}

#sitemap li span {
	color: #4d4d4d;
	font-size: 10px;
	line-height: 1.2em;
	border-left: 1px solid #999;
	padding-left: 7px;
	margin-left: 5px;
	}

#sitemap li.line_inside {
	background: url(../images/line_inside.gif) repeat-y 0 0;
	}

#sitemap li.line_bottom {
	background: url(../images/line_bottom.gif) no-repeat 0 100%;
	}

#sitemap li.end_line_bottom {
	background: url(../images/line_bottom.gif) no-repeat 0 -275px;
	}

#sitemap li a {
	color: #006633;
	text-decoration: none;
	}

#sitemap li a:hover {
	color: #669900;
	text-decoration: none;
	}


/*======================================================
	services
=======================================================*/

h2#serviceoverview_title { background:url(../images/serviceoverview_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 27px; clear: both; }
h2#skanri_title { background:url(../images/skanri_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#hcare_title { background:url(../images/hcare_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#playroom_title { background:url(../images/playroom_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#sdog_title { background:url(../images/sdog_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#product_title { background:url(../images/product_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#trimming_title { background:url(../images/trimming_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#hotel_title { background:url(../images/hotel_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 27px; clear: both; }

h3#skanri_writing {
	font-size: 12px;
	background: url(../images/skanri_w1.gif) no-repeat;
	width: 512px;
	height: 66px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 16px;
	clear: both;
	}
	
h3#hcare_writing  {
	font-size: 12px;
	text-indent: -9999px;
	background: url(../images/hcare_img1.jpg) no-repeat;
	width: 630px;
	height: 446px;
	}
	
h3#playroom_writing  {
	font-size: 12px;
	background: url(../images/playroom_img.jpg) no-repeat;
	width: 630px;
	height: 381px;
	text-indent: -9999px;
	margin-bottom: 30px;
	}

h3#sdog_writing  {
	font-size: 12px;
	text-indent: -9999px;
	background: url(../images/sdog_img1.jpg) no-repeat;
	width: 630px;
	height: 80px;
	}

h3#product_writing  {
	font-size: 12px;
	text-indent: -9999px;
	background: url(../images/product_img1.jpg) no-repeat;
	width: 630px;
	height: 461px;
	}

h3#trimming_writing  {
	font-size: 12px;
	background: url(../images/trimming_img.jpg) no-repeat;
	width: 630px;
	height: 400px;
	text-indent: -9999px;
	margin-bottom: 35px;
	}

h3#hotel_writing  {
	font-size: 12px;
	background: url(../images/hotel_w1.gif) no-repeat;
	width: 576px;
	height: 32px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 16px;
	clear: both;
	}

div#cameraset {
	padding: 0 17px;
	}

div#cameraset p.camera_each {
	font-size: 12px;
	font-weight: bold;
	float: left;
	background: url(../images/camera.gif) no-repeat;
	line-height: 25px;
	padding: 0 10px 15px 36px;
	}


/*======================================================
	shops
=======================================================*/

h2#ourshops_title { background:url(../images/ourshops_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 25px; clear: both; }
h2#honten_title { background:url(../images/honten_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#hiragishi_title { background:url(../images/hiragishi_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#naebo_title { background:url(../images/naebo_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#tomakomai_title { background:url(../images/tomakomai_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#hassam_title { background:url(../images/hassam_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }
h2#ario_title { background:url(../images/ario_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 27px; clear: both; }
h2#webcamera_title { background:url(../images/webcamera_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 20px; clear: both; }

h3#shoptop_writing {
	font-size: 12px;
	background: url(../images/shoptop_w1.gif) no-repeat;
	width: 413px;
	height: 61px;
	text-indent: -9999px;
	margin-bottom: 22px;
	margin-left: 16px;
	clear: both;
	}

h4#newevent_list_title {
	background: url(../images/shopevent_updates.gif) no-repeat;
	width: 214px;
	height: 35px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-top: 0;
	padding-top: 15px;
	padding-left: 10px;
	}

h4#hamblog_list_title {
	background: url(../images/hamblog_updates.gif) no-repeat;
	width: 214px;
	height: 35px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-top: 0;
	padding-top: 15px;
	padding-left: 10px;
	}

ul#newevent_list, ul#newdiary_list {
	width: 214px;
	margin-bottom: 20px;
	}

ul#newevent_list li, ul#newdiary_list li {
	background: url(../images/event_list.gif) no-repeat 0 7px;
	border-bottom: solid 1px #c7dac2;
	padding-top: 7px;
	padding-left: 17px;
	padding-bottom: 7px;
	font-size: 10px;
	line-height: 1.5em;
	}

ul#newevent_list li a, ul#newdiary_list li a {
	text-decoration: none;
	color: #2a4874;
	}

ul#newevent_list li a:hover, ul#newdiary_list li a:hover {
	text-decoration: underline;
	}

.shopthum_box_gray {
	float: right;
	display: inline;
	margin-left: 0;
	margin-bottom: 5px;
	width: 206px;
	height: 267px;
	background: url(../images/shopall_bg_gray.jpg) no-repeat;
	}

.shopthum_box_green {
	float: right;
	display: inline;
	margin-left: 0;
	margin-bottom: 5px;
	width: 206px;
	height: 267px;
	background: url(../images/shopall_bg_green.jpg) no-repeat;
	}

#all_shops > .shopthum_box_gray, #all_shops > .shopthum_box_green {
	margin-left: 2px;
	}

.shopthum_box_gray img, .shopthum_box_green img {
	width: 180px;
	height: 127px;
	margin-left: 13px;
	margin-top: 15px;
	}

.shopthum_box_gray ul, .shopthum_box_green ul {
	padding: 7px 14px 7px;
	width: 180px;
	}

.shopthum_box_gray li, .shopthum_box_green li {
	font-size: 10px;
	line-height: 1.4em;
	color: #fff;
	}

.shopthum_box_gray li.location, .shopthum_box_green li.location {
	font-weight: bold;
	color: #006633;
	}

.shopthum_box_gray p, .shopthum_box_green p {
	color: #bce52c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	padding-right: 10px;
	}
	
div#map {
	width: 370px;
	margin: 20px 5px 15px 10px;
	height: 300px;
	text-align: left;
	border: 1px solid #999;
	float: right;
	}

div#mapanddetail {
	width: 225px;
	height: auto;
	float: left;
	background: url(../images/shopinfotitle_btm.gif) no-repeat 0 100%;
	padding-bottom: 20px;
	margin-top: 15px;
/*----ie6bug----*/
	margin-bottom: 20px;
	padding-left: 10px;
	}

#main_contents > #mapanddetail {
	margin-bottom: 0px;
	}

p#mapanddetail_title { background:url(../images/shopinfotitle.gif) no-repeat; width: 225px; height: 17px; text-indent: -9999px; margin-bottom: 10px; float: left;}


dl.chart {
	margin-bottom: 10px;
	padding: 5px 15px 5px 10px;
	float: left;
	}

dl.chart dt {
	font-size: 12px;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
	color: #4d4d4d;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 7px;
	}

dl.chart dd {
	font-size: 12px;
	line-height: 1.3em;
	color: #4d4d4d;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	}

dl.chart dd a {
	color: #ee33a1;
	text-decoration: underline;
	}

dl.chart dd a:hover {
	color: #f1719f;
	text-decoration: none;
	}

div#webcamera_room {
	background:url(../images/webcam_bg.jpg) no-repeat 0 0;
	width: 513px;
	height: 467px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	}

div#webcamera_room img {
	position: absolute;
	left: 97px;
	top: 84px;
	}

div#webcamera_room p#refresh_rate {
	position: absolute;
	left: 0;
	top: 440px;
	color: #fff;
	}

div#webcamera_room p#entry_failure {
	position: absolute;
	left: 120px;
	top: 155px;
	width: 245px;
	height: auto;
	color: #fff;
	}

div.blackbox-content p.popupclose {
	color: #868e74;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 0;
	}

div.blackbox-content p.popupclose em {
	visibility: hidden;
	}

div.blackbox-content p.popupclose a {
	text-decoration: none;
	background:url(../images/webcam_close.gif) no-repeat 100% 0;
	width: 64px;
	height: 19px;
	display: block;
	padding-right: 0px;
	text-decoration: none;
	}

div.blackbox-content p.popupclose a:hover {
	text-decoration: none;
	background:url(../images/webcam_close.gif) no-repeat 100% -19px;
	text-decoration: none;
	}


/*======================================================
	shops > アリオ店
=======================================================*/

h3#ario_w1 {
	font-size: 12px;
	background:url(../images/ario_w1.gif) no-repeat;
	width: 298px;
	height: 46px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 16px;
	}

h3#ario_w2 {
	font-size: 12px;
	background:url(../images/ario_w2.gif) no-repeat 0 20px;
	width: 564px;
	height: 80px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 16px;
	clear: both;
	}

div#ario_shopmap {
	background:url(../images/ario_map.jpg) no-repeat;
	width: 618px;
	height: 657px;
	position: relative;
	margin-left: 12px;
	}

div#ario_shopmap img#no1_pic_left {
	position: absolute;
	left: 81px;
	top: 261px;
	}

div#ario_shopmap img#no1_pic_right {
	position: absolute;
	left: 215px;
	top: 364px;
	}

div#ario_shopmap img#no2_pic {
	position: absolute;
	left: 156px;
	top: 483px;
	}

div#ario_shopmap img#no3_pic {
	position: absolute;
	left: 200px;
	top: 584px;
	}

div#ario_shopmap img#no4_pic {
	position: absolute;
	left: 247px;
	top: 498px;
	}

div#ario_shopmap img#no5_pic_left {
	position: absolute;
	left: 411px;
	top: 486px;
	}

div#ario_shopmap img#no5_pic_right {
	position: absolute;
	left: 450px;
	top: 339px;
	}

div#ario_shopmap img#no6_pic {
	position: absolute;
	left: 387px;
	top: 121px;
	}

div#ario_shopmap img#no7_pic_left {
	position: absolute;
	left: 237px;
	top: 99px;
	}
	
div#ario_shopmap img#no7_pic_right {
	position: absolute;
	left: 313px;
	top: 196px;
	}

div#ario_shopmap img#no8_pic {
	position: absolute;
	left: 204px;
	top: 176px;
	}

div#ario_shopmap img#no9_pic {
	position: absolute;
	left: 469px;
	top: 17px;
	}

div#ario_shopmap img#no10_pic {
	position: absolute;
	left: 0;
	top: 483px;
	}

div#ario_shopmap_number {
	border: 1px solid #94875e;
	width: 600px;
	height: auto;
	background-color: #f4f0e8;
	margin-left: 22px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	}

div#ario_shopmap_number h3 {
	text-indent: -9999px;
	background:url(../images/ario_shop_number_attn.gif) no-repeat;
	margin: 20px 30px 15px;
	}

div.ario_no_row {
	float: left;
	padding-left: 27px;
	}

div.ario_no_row td {
	font-size: 12px;
	line-height: 26px;
	padding-left: 5px;
	}

div.ario_no_row td a {
	font-size: 14px;
	color: #584705;
	text-decoration: none;
	font-weight: bold;
	}

div.ario_no_row td a:hover {
	font-size: 14px;
	color: #584705;
	text-decoration: underline;
	font-weight: bold;
	}


/* ----------------------------------------------
ajax tab
------------------------------------------------- */

ul.pre_next {
	padding-top: 12px;
	margin-bottom: 15px;
	float: right;
	clear: both;
	}
		
ul.pre_next li {
	display: inline;
	font-size: 12px;
	padding-right: 5px;
	border: none;
	}
		
ul.pre_next li a {
	color: #4d4d4d;
	text-decoration: none
	}
		
ul.pre_next li a:hover {
	color: #283e93;
	text-decoration: underline;
	}

ul.pre_next li.cl_first {
	border: none;
	padding: 0;
	}
		
ul.pre_next li.cl_last {
	border-left: 1px solid #4d4d4d;
	padding-left: 5px;
	}

noscript p, noscript ul {
	color: #a00;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	}

noscript a {
	color: #a00;
	text-decoration: underline;
	}

noscript ul {
	margin-left: 15px;
	}
		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px;
	}
		
/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%;
	height: 400px;
	background: #fff;
	overflow: scroll;
	}

.csw .loading {
	margin: 150px 0 188px 0;
	text-align: center;
	}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: auto;
	clear: both;
	}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 600px;
	list-style-type: none;
	}
		
.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 600px; /* Also specified in  .stripViewer  above */
	}
		
.stripViewer .panelContainer .panel .panel_wrapper {
	padding: 0;
	}
		
.stripNav { /* this is the div to hold the top navigation*/
	float: right;
	padding-right: 15px;
	margin-bottom: 15px;
	background-color: transparent;
	}
		
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
		
.stripNav a {
	font-size: 12px;
	text-align: center;
	line-height: 32px;
	background-color: transparent;
	color: #C0C0C0;
	text-decoration: none;
	display: block;
	padding: 0 10px;
	}
		
.stripNav li.tab1 a, .stripNav li.tab2 a, .stripNav li.tab3 a, .stripNav li.tab4 a, .stripNav li.tab5 a { 
	background-color: transparent;
	}
		
.stripNav li a:hover {
	color: #1672d6;
	}
		
.stripNav li a.current {
	background-color: transparent;
	color: #000;
	}


/*======================================================
	dog search page - services
=======================================================*/

h2#dogsearch_title { background:url(../images/dogsearch_title.gif) no-repeat; width: 880px; height: 57px; text-indent: -9999px; margin-bottom: 15px; clear: both; }

#searchbox_top { background: url(../images/searchbox_top.gif) no-repeat; width: 875px; height: 109px; clear: both; padding-left: 9px; margin-left: 2px; }

#searchbox_bottom { background: url(../images/searchbox_bottom.gif) no-repeat; width: 875px; height: 59px; clear: both;  margin-left: 2px; margin-bottom: 15px; }

.searchunit { float: left; padding-left: 10px; margin-top: 47px; }

h3#tempo_title { background: url(../images/tempo_title.png) no-repeat; width: 31px; height: 20px; margin-left: 3px; text-indent: -9999px; }
h3#breed_title { background: url(../images/breed_title.png) no-repeat; width: 31px; height: 20px; margin-left: 3px; text-indent: -9999px; }
h3#color_title { background: url(../images/color_title.png) no-repeat; width: 41px; height: 20px; margin-left: 3px; text-indent: -9999px; }
h3#sex_title { background: url(../images/sex_title.png) no-repeat; width: 31px; height: 20px; margin-left: 3px; text-indent: -9999px; }
h3#price_title { background: url(../images/price_title.png) no-repeat; width: 45px; height: 20px; margin-left: 3px; text-indent: -9999px; }
h3#age_title { background: url(../images/age_title.png) no-repeat; width: 30px; height: 20px; margin-left: 3px; text-indent: -9999px; }

.searchunit select {
	font-size: 12px;
	line-height: 1.2em;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #33421e #d5d7a8 #d5d7a8 #33421e;
	vertical-align: middle;
	float: left;
	color: #333333;
	background: #faf7f0;
	}

.searchunit select:focus {
	background: #fff;
	}

#tempo { width: 100px; }
#breed { width: 190px; }
#color { width: 160px; }
#sex { width: 90px; }
#age { width: 90px; }
#price { width: 130px; }


#searchbox_bottom #search {
	width: 105px;
	height: 30px;
	margin-top: 14px;
	margin-bottom: 15px;
	margin-right: 15px;
	color: #fff; 
	background: url(../images/dog_search_btn.gif) no-repeat 0 -30px;
	border: none;
	display: inline;
	cursor: pointer;
	float: right;
	text-indent:-9999px;
	}

#searchbox_bottom #search:hover {
	background: url(../images/dog_search_btn.gif) no-repeat 0 0;
	}

#searchbox_bottom #reset {
	width: 124px;
	height: 30px;
	margin-top: 14px;
	margin-bottom: 15px;
	color: #fff;
	background: url(../images/dog_reset_btn.gif) no-repeat 0 -30px;
	border: none;
	display: block;
	cursor: pointer;
	float: right;
	text-indent:-9999px;
	}

#searchbox_bottom #reset:hover {
	background: url(../images/dog_reset_btn.gif) no-repeat 0 0;
	}

#searchbox_bottom p {
	background: url(../images/dog_search_attn.gif) no-repeat 0 50%;
	font-size: 10px;
	color: #57672c;
	padding-left: 22px;
	line-height: 18px;
	float: left;
	margin-left: 16px;
	margin-top: 22px;
	display: inline;
	}


/*======================================================
	検索結果　ページ・総数
=======================================================*/

.search_result {
	padding-bottom: 5px;
	margin-right: 3px;
	margin-bottom: 6px;
	}

ul#itemtotalnum {
	margin-top: 21px;
	margin-left: 19px;
	float: left;
	display: inline;
	}

ul#itemtotalnum li {
	font-size: 10px;
	color: #2a3608;
	line-height: 2em;
	display: inline;
	padding-right: 10px;
	}

div.search_result ul#searchresultnav {
	float: right;
	margin-bottom: 13px;
	}


ul#searchresultnav li {
	font-size: 10px;
	color: #808080;
	line-height: 17px;
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	border-left: solid 1px #939299;
	}

ul#searchresultnav li a {
	color: #4e6e00;
	text-decoration: none;
	}

ul#searchresultnav li.srn_left {
	border: none;
	}

ul#searchresultnav li.srn_current a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #4e6e00;
	}

ul#searchresultnav li.srn_current a:hover {
	font-weight: bold;
	text-decoration: underline;
	}

ul#searchresultnav li a:hover {
	text-decoration: underline;
	}

ul#searchresultnav li.imgleftright {
	border: none;
	padding-right: 0;
	padding-left: 0;
	}

ul#searchresultnav li.imgleftright a:hover {
	text-decoration: none;
	}

ul#searchresultnav li img {
	vertical-align: bottom;
	}

/* ----------------------------------------------
Error pages
------------------------------------------------- */

h2#error401_title { background:url(../images/error401_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#error403_title { background:url(../images/error403_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#error404_title { background:url(../images/error404_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }
h2#error500_title { background:url(../images/error500_title.gif) no-repeat; width: 630px; height: 57px; text-indent: -9999px; margin-bottom: 30px; clear: both; }