/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 10px;
  line-height:1.5;
  color:#666666;
}

form { margin: 0; padding: 0; }
a {
  text-decoration: none;
  color:#FC966A;
}
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}

.small {
  font-size:small;
}

/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */



#container {
    position: relative;
    margin: 0; /* center on everything else */
    width: 762px;
    text-align: left;
  border-right:1px solid #E9E9E9;
}
#container-inner {
  position: static; width: auto;
  border-right:1px solid #D9D9D9;
}

#banner,#menu,#visual,#footer,.pagebody , #puppy-body {
  position: relative;
}

#banner-inner,#menu-inner,#visual-inner,#footer-inner, .pagebody-inner, #puppy-body-inner {
  position: static;
}

.topic,.daily,#footer-copy,#footer-menu,#entry-menu,#entry-body {
  display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

.topic-inner,.daily-inner,#footer-copy-inner,#footer-menu-inner,#entry-menu-inner,#entry-body-inner {
    position: static;
}

/********************　グローバル設定　*************************/

#banner {
  background:#F3F4E7;
  margin:0;
  padding:0;
}
#banner-inner{
  padding:25px 0px 17px 20px;
}
#visual{
  margin:0;padding:0;
  width:760px;
  height:250px;
}
#visual-inner{
  margin:0;padding:0;
}
#menu {
  background:url('images/menuBar.gif');
  margin:0;
  padding:0;
  height:31px;
  width:762px;
}
#menu-inner{
  margin:0;
  padding:0;
}
#menu-inner ul {
  margin:0;
  padding:0;
}
#menu-inner li {
  display:inline;
  margin:0;
  padding:0;
}

.pagebody {
  margin:25px 0 0 0;
  padding:0px;
}
#footer{
  width:720px;
  color:#999999;
  margin:45px 0px 5px 0px;
  padding:5px 0px 30px 20px;
  border-top:1px solid #CCCCCC;
}

#footer-inner {

}
#footer-copy {
  width:280px;
}
#footer-menu {
  width:440px;
}
#footer-menu-inner {
  width:100%;
  text-align:right;
}
.large {
  font-size:12px;
}
.small {
  font-size:10px;
}
.smallg {
  font-size:10px;
  color:#999999;
}

/*************************　トップ　******************************/
.topic,.daily {
  padding-left:20px;
  width:350px;
}
.topic-title, .daily-title {
  padding-bottom:5px;
  border-bottom:1px solid #DBD9D9;
  margin-bottom:10px;
}
.topic-link, .daily-link{
  float:right;
}
.topic-body {
  font-size:12px;
}
.topic-body img{
  margin-bottom:10px;
}
.daily-body-service {
  margin-bottom:10px;
}
.daily-body-service-img {
  margin:0; padding:0;
  float:left;
}
.daily-body-service-title, .daily-body-service-body {
  margin:0; padding:0;
  margin-left:120px;
  font-size:12px;
  line-height:1.2em;
}
.daily-body-service-title {
  padding-bottom:5px;
  border-bottom:1px dotted #CCCCCC;
  margin-bottom:5px;
  font-size:12px;
  font-weight:bold;
}
.daily-body-news {
  font-size:12px;
  padding-bottom:5px;
  border-bottom:1px dotted #CCCCCC;
  line-height:1.4em;
  letter-spacing: 1px;
}
strong { letter-spacing: normal; }

/*************************　ニュース と　サービス　******************************/
#entry-menu-title, #entry-body-title {
  padding-bottom:10px;
  border-bottom:1px solid #CCCCCC;
  margin-bottom:20px;
}
#entry-menu-title { width:100px; }
#entry-body-title { width:600px; }

#entry-menu {
  padding-left:20px;
  width:120px;
}


#entry-menu ul{
  list-style:none;
  margin:0;
  padding:0;
  font-size:12px;

}
#entry-menu li{
  list-style:none;
  margin-bottom:5px;
}

#entry-body {
  width:600px;
}

.entry-set-inner {
  margin-bottom:30px;
}

.entry-set-text {
  width:415px;
  margin-right:10px;
  float:left;
  font-size:12px;
}
.entry-set-title {
  font-weight:bold;
  padding:0 0 10px 0;
  border-bottom:1px dotted #CCCCCC;
  margin:10px 0 10px 0;
}
.entry-set-img {
  float:left;
}
.entry-set-img img {
  border:1px solid #CCCCCC;
}

/*************************　サービス　******************************/

.service-img img{
  margin-right:10px;
  border:none;
}
.service-txt {
  margin:0;
  padding:0;
  width:370px;
}
.service-title {
  margin-top:0;
  font-size:12px;
}

#service-menu li{
  width:100px;
  border-bottom:1px dotted #CCCCCC;
  margin-bottom:5px;
  padding-bottom:5px;
}

/*********　仔犬販売　***********/

.puppy-navi{
  text-align:center;
  vertical-align:middle;
  font-size:12px;
  line-height:0px;
  margin:15px 0px 15px 0px;
}

.puppy-navi img{
  margin:0px 10px 0px 10px;
}

.puppy-line {
  margin-bottom:20px;
}

.puppy-set {
  float:left;
  margin:0px 20px 0px 0px;
  width:170px;
}
.puppy-set img{
  border:1px solid #CCCCCC;
  margin-bottom:10px;
}


/*********　ドッグラン　***********/
.dogrun-title {
  font-size:12px;
  padding:0px 0px 3px 0px;
  margin:25px 0px 10px 0px;
  border-bottom:1px dotted #CCCCCC;
}

/*********　サロン　***********/
#salon-table {
  width: 600px; /* テーブルの横幅 */
  border-collapse: collapse; /* 枠線の表示方法 */
  border: 1px #CCCCCC solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

#salon-table td,#salon-table th {
  border: 1px #CCCCCC solid; /* セルの枠線（太さ・色・スタイル） */
  padding:3px 5px 3px 5px;
}
#salon-table th {
  text-align:center;
}
#salon-table th.salon-table-dog {
  width:150px;
}
#salon-table td.salon-table-border,#salon-table th.salon-table-border  {
  width:3px;
  padding:0px;
}
#salon-table tr.salon-table-gray {
  background:#E5E5E5;
}
#salon-table td {
  text-align:right;
}
#salon-table td.salon-table-name {
  text-align:left;
}


#salon-set-other {
  width:600px;
  margin-top:25px;
}
.salon-set {
  width:280px;
  float:left;
}
.salon-other-table {
  width:240px;
  border-collapse: collapse;
  border: 1px #CCCCCC solid;
  margin-bottom:20px;
}
.salon-other-table td,.salon-other-table th {
  border: 1px #CCCCCC solid; /* セルの枠線（太さ・色・スタイル） */
  padding:3px 5px 3px 5px;
  font-weight:normal;
  text-align:left;
}
.salon-other-table td {
  text-align:right;
  width:50%;
 }
.salon-other-table tr.salon-other-gray {
  background:#E5E5E5;
}

/*********　ストア　***********/

#store-menu li {
  padding-top:5px;
  font-size:12px;
}


/*********　会社案内　***********/

.compnay-column {
  width:600px;
  margin:0px 0px 5px 0px;
  padding:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
  font-size:12px;
}
.comapny-label {
  width:120px;
  float:left;
}
.comapny-body {
  width:480px;
  float:left;
}

/************TOPICS*****************/
.topics h1 {
  margin:0;
  padding:25px 0 50px 20px;
  background:url('../topics/images/header_bg.jpg') repeat-x;
}

.topics div#topics-contents {
  margin:20px;
}
.topics div#topics-contents h2 {
  color:#666666;
  font-weight:bold;
  font-size:medium;
  margin-bottom:20px;
}
.topics h2 span.topics-date {
  font-weight:normal;
  font-size:x-small;
}
.topics-img img{
  border:1px solid #CCCCCC;
}
.topics-set {
  margin-bottom:40px;
  color:#666666;
}
.topics-set h3 {
  font-weight:bold;
  font-size:medium;
  padding:0;
  margin:10px 0;
}
.topics-body {
  font-size:small;
  margin-top:10px;
  padding:0px;
  margin:0;padding:0;
}

