@charset "utf-8";
*   { margin: 0; padding: 0  }
img{ border: 0; }
.margin_15{ margin-bottom: 15px; }
body { color: #003b1a; font-size: 100%; font-family: Arial, "ＭＳ Ｐゴシック"; line-height: 150%; background-image: url(img/bg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: center 0; text-align: center; overflow: auto; margin: 0; padding: 0 ; }
#contents          { text-align: center; visibility: visible; margin-right: auto; margin-left: auto; width: 800px; clear: both }
#header     { color: #444; font-size: 80%; background-color: #e1e1e1; text-align: left; padding-top: 2px; padding-bottom: 1px; width: 800px; float: left; clear: both }
h1 { font-size: 100%; font-weight: normal; background-color: transparent; padding-left: 5px }
#logo { background-image: url("img/logo_bg.gif"); background-repeat: repeat-x; text-align: left; width: 800px; height: 60px; float: left; clear: both }
#menu { width: 800px; float: left; clear: both }
#menu img { vertical-align: bottom }
#flash     { background-color: white; padding-top: 15px; padding-bottom: 10px; float: left; clear: both }
#text_area     { background-color: white; text-align: center; margin-bottom: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; float: left; clear: both; border-bottom: 1px dashed #018401  }
#text_area p.none { line-height: 180%; margin: 30px auto 200px; width: 700px }
h3.cp_title { color: #666; font-size: 15px; background-color: #e9eaec; text-align: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; width: 760px; border: solid 1px }
h3.cp_title span { font-weight: bold; background-color: #fff; margin: 0 10px 0 5px; padding: 5px; border: dotted 1px #666 }
p.cp_text { font-size: 14px; line-height: 20px; text-align: left; margin-right: 10px; margin-bottom: 15px; margin-left: 10px; width: 760px }
#sidber    { background-color: #ccc; margin-bottom: 10px; padding-top: 5px; width: 180px; float: left }
#main     { background-color: white; text-align: left; margin-bottom: 10px; width: 600px; float: left; clear: right }
#main div   { margin: 0 5px 0 10px; padding: 0; width: 585px }
#eq  { background-color: white; text-align: left; margin-bottom: 10px; margin-left: 5px; width: 595px; float: left; clear: right }
div.eq_out   { width: 190px; float: left; margin: 0 3px 5px 2px; padding: 0; border: solid 1px #666      }
div.eq_out h3   { color: #018401; font-size: 11px; font-weight: bold; background-image: url("img/mark.gif"); background-repeat: no-repeat; background-position: left center; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px }
div.eq_out div.h3 { color: #018401; font-size: 11px; font-weight: bold; background-image: url("img/mark.gif"); background-repeat: no-repeat; background-position: left center; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px }
div.eq_out img  { margin-right: 4px; margin-left: 4px; border: solid 1px #1f2225 }
div.eq_out p   { font-size: 11px; padding: 5px }
.loc_left { margin-top: 10px; margin-right: 10px; margin-left: 10px; padding-bottom: 10px; width: 365px; float: left }
.loc_right { margin-top: 10px; margin-right: 10px; padding-bottom: 10px; width: 365px; float: left; clear: right }
.loc_center { margin-right: 10px; margin-left: 10px; padding-bottom: 10px; width: 740px; float: left; clear: both }
.loc_left h4, .loc_right h4, .loc_center h4 { font-size: 14px; font-weight: bold; background-color: #e9eaec; text-align: left; margin-bottom: 5px; padding-right: 7px; padding-left: 7px; border: dashed 1px #000 }
.loc_left h3.title, .loc_right h3.title, .loc_center h3.title { font-size: 14px; font-weight: bold; background-color: #e9eaec; text-align: left; margin-bottom: 5px; padding-right: 7px; padding-left: 7px; border: dashed 1px #000 }
.loc_left p,.loc_right p,.loc_center p { font-size: 13px; line-height: 20px; text-align: left; padding: 5px 7px }
.loc_left img,.loc_right img,.loc_center img { margin-top: 10px; margin-right: 5px }
p.ten { font-size: 13px; line-height: 20px; background-image: url("ten/bg.gif"); margin-top: 10px; margin-bottom: 10px; padding-bottom: 20px }
#ten_profile { font-size: 11px; text-align: left; display: block; margin: 10px 0 0; padding: 0; width: 585px; float: left; clear: both }
#ten_profile dd { font-weight: bold; background-color: #e9eaec; margin-right: 10px; margin-bottom: 2px; padding-right: 5px; padding-left: 5px; width: 150px; float: left; border: dashed 1px #aaa }
#ten_profile dt { display: block; margin-top: 1px; margin-right: 5px; margin-bottom: 3px; padding-right: 5px; width: 400px; float: left; clear: right }
img.left { margin: 5px 5px 5px 0 }
img.right { margin: 5px 0 5px 5px }
#inq  { text-align: left; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; width: 150px; float: left; clear: both; }
#inq table { background-color: #c1e7b3; margin-bottom: 10px; padding: 2px; width: 760px; clear: both; border: solid 1px #666 }
#inq table th  { color: #390; font-size: 13px; text-align: left; white-space: nowrap; margin-top: 10px; padding: 5px 5px 5px 10px; width: 150px; border: dashed 1px #fff }
#inq table td { font-size: 13px; background-color: white; text-align: left; padding: 5px 5px 5px 30px; border: solid 1px #390; }
input.inq01 { background-color: #fff; width: 345px }
textarea.inq01 { width: 580px; height: 140px }
.submit { text-align: right; width: 760px; }
#inq div span { background-color: #e7e7e7; margin: 0 0 0 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; height: 30px }
#inq div input { color: #fff; font-weight: bold; background-color: #666; padding: 1px; border: solid 1px #dadada }
#inq div span form { float: left }
#inq div form span { float: right }
#inq p { font-size: 14px; line-height: 20px; text-align: left; margin-top: 10px; margin-bottom: 15px; width: 760px }
.dog_area   { text-align: center; margin-bottom: 10px; margin-left: -1px; width: 780px; float: left; clear: both }
.d_frame   { margin-right: 3px; margin-bottom: 10px; margin-left: 4px; width: 146px; float: left; border: solid 1px #c0c0c0 }
.d_frame img  { text-align: center; margin: 5px 4px; border: solid 1px #2f170f; }
h3.dog_name   { font-size: 10px; font-weight: bold; background-color: #b1dda1; text-align: left; margin: 0 3px 7px 5px; padding: 1px 5px; border: dashed 1px #390 }
p.dog_text  { font-size: 9.5px; line-height: 13px; text-align: left ; width: 136px; height: 60px; margin: 5px; }
#footer      { margin-right: auto; margin-left: auto; padding-bottom: 10px; padding-left: 10px; width: 800px; float: left; clear: both }
#add  { width: 365px; float: left; margin-top: 17px; }
#banner   { margin-left: 10px; width: 410px; float: left; margin-top: 17px; }
#banner img  { display: block; margin-right: 5px; margin-bottom: 5px; float: left }
#copy   { color: #888; font-size: 80%; background-color: white; background-image: url("img/copy_bg.gif"); background-repeat: repeat-x; padding-top: 10px; padding-bottom: 10px; width: 800px; float: left; clear: both }

/*slider st*/
#slider{ width: 800px; text-align:center; float: left; margin-bottom: 17px; }
	#slider h3{ width: 340px; float: left; margin-bottom: 17px; }
.slider_box{ width: 555px; margin-bottom: 20px; margin-left: 20px; }
	.slider_box p{ font-size: 78%; width: 340px; float: left; }
	.slider_box p.long{ width:555px; margin-top: 17px; }
	
	.slider_box .photo_box {margin-bottom:10px; display:inline; height:63px}
	.slider_box .photo_box img {margin-right:10px;}
	.slider_box .photo_box img.light_right {margin-right:0px}


/*不具合あったらここに問題アリ--------------------------------------------------------------------*/
/*page navi setting*/
.page_navi{ font-size: 12px; line-height: 100%; text-align: center; width: 770px; float: left; clear: both; padding-top: 15px; padding-bottom: 15px; }
.page_navi div { float: left; clear: none; display: inline; }
.page_navi a{ color: #008000; text-decoration: none; width: auto; float: left; margin: 2px; padding: 5px 7px; border: solid 1px #eee; }
.page_navi a:visited{color: #008000;}
.page_navi a:hover,.page_navi a:active{ color: #666; border: solid 1px #999; }
.page_navi .current{ margin: 2px; padding: 5px 7px; border: solid 1px #008000; color: #fff; font-weight: bold; background-color: #008000; width: auto; height: auto; float: left; }
.page_navi .disabled{ color: #ddd; width: auto; height: auto; float: left; margin: 2px; padding: 5px 7px; border: solid 1px; }
.page_navi .page{ font-weight: bold; width: auto; height: auto; float: left; margin: 2px; padding: 5px; border: solid 1px #999; }
.page_navi .next_prev{ border: solid 1px #999; }
.page_navi a:hover.next_prev:{ border: solid 1px; color: #008000; background-color: #ceebce; }
.page_navi .dot { float: left; clear: none; padding-top: 10px; display: inline; }
/*select_photo setting*/
.select_photo{ text-align: center; width: 780px; float: left; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.select_photo div{ text-align: center; width: 146px; height: 215px; float: left; margin-right: 10px; border: solid 1px #999; }
.select_photo div:hover,.select_photo div.end:hover{ background-color: #d3e9e2; border: solid 1px #278f38; }
.select_photo div.end{ text-align: center; float: left; margin-right: 0; border: solid 1px #999; }
.select_photo div .menu,.select_photo div:hover .menu{ font-size: 10px; text-align: left; vertical-align: bottom; width: 138px; height: auto; margin-right: auto; margin-left: auto; border-style: none; border-width: 0; }
.select_photo div img{ margin: 4px auto; }
.select_photo div img.icon{ float: left; margin: 0 0 0 5px; padding: 0; }
.select_photo div a img.icon{ float: right; margin: 0 0 0 5px; padding: 0; }
.select_photo div span{ font-weight: normal; text-align: left; width: 138px; margin: 0 auto 4px; padding-top: 5px; padding-bottom: 5px; }
.select_photo div span.prof{ font-size: 10px; font-weight: bold; line-height: 100%; background-color: #b5dfa5; text-align: center; margin-bottom: 4px; margin-left: auto; border: dashed 1px #278f38; display: block; }
.select_photo div span.comment{ font-size: 1.1ex !important; font-weight: normal; line-height: 130%; text-align: left; width: 138px; height: 40px; float: left; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 4px; }