@CHARSET "UTF-8";

/******************************************************************************
* タグ系スタイル
******************************************************************************/

* {
  margin:0;
  padding:0;
}

body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-size:small;
  line-height:150%;
  text-align: center;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  background-image:url(../imgs/background/heart.png);
  background-repeat: repeat-x;
}

.menu_list{
	height:119px;
	width:186px;
  padding:0px;
  background-image: url(../imgs/sidemenu/category.png) ;
}

.menu_list ul {
  text-align:left;
  padding:28px 0 0 0;
}

.menu_list ul li {
  padding:0px 0 0 38px;
  line-height:1.3em;
}

.menu_list ul li a {
  text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0px 0px 10px 0px;
  padding: 0;
  color:#000;
  font-size: large;
  font-weight: bold;
  font-family:  "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
}

select {
  margin: 0px 0px 10px 0px;
  padding: 0;
  color:#000;
  font-size: 100%;
  font-weight: bold;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/******************************************************************************
* ページ全スタイル
******************************************************************************/

#container {
  width:1024px;
  height:auto;
  margin: auto;
  padding: 0px;
  /*border:1px #ff0000 solid;*/
}

/******************************************************************************
* ヘッダースタイル
******************************************************************************/

#header {
  width: 100%;
  height:auto;
  margin: 0px;
}

#mainimg{
  width: 1000px;
  height:196px;
  margin: 0px;
  padding: 0px;
  background-image:url(../imgs/header/top.png);
  background-repeat:no-repeat;
}


/******************************************************************************
* メニュー系スタイル
******************************************************************************/

#navi {
  text-align:center;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color:#FCE7EB;
}

#navi ul {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navi li {
  display: block;
  float: left;
  margin: 0 0 0 0px;
}

#navi li a {
  text-decoration: none;
  display: block;
  float: left;
}

#navi li a:hover {
  color: #333;
}

#navi li a.current{
  color: #FFF;
  padding: 8px 0px 0 0;
}

.caption{
  float:left;
  padding:0 0 0 10px;
  border-left:#88ba3d 5px solid;
  font-size: 17px;
  font-weight: bold;
  color:#FFCCFF	;
  margin-bottom:5px;
}

.caption span{
  display:block;
  font-size:12px;
  color:#999999;
}

.action{
  float:right;
  padding:0 10px 0 0;
}


/******************************************************************************
* コンテンツスタイル
******************************************************************************/

#body {
  width: 98%;
  height: auto;

}

/** サイドメニューバー **/

#body #menu-left {
	width:20%;
	height:auto;
	float:left;
}

#body #menu-left .title{
  width             : 150px;
  height            : 31px;
}

#body #menu-left .spacer{
	padding-top:10px;
}

#body #menu-left .banner{
	width: 100%;
  padding-top:5px;
}


#body #menu-left .block {
  width     : 186px;
  height    : 119px;
}

#body #menu-left .block .contents {
  font-size: 83%;

}
#body #menu-left .block_white .contents {
  font-size: 100%;
  text-align:left;
  line-height:1.5em;
}

#body #menu-left #skype2 {
	display: table-cell;
  width     : 150px;
  height    : 107px;
  padding-top:0px;
  vertical-align:middle;
  background:url(../imgs/sidemenu/skype/skype.jpg) no-repeat left top;
 }

#body #menu-left #owner {
  width     : 150px;
  height    : 86px;
  background:url(../imgs/sidemenu/owner.jpg) no-repeat left top;
 }

#body #menu-left a:link {
  color:#000000;
  font-size: 65%;
}
#body #menu-left a:visited {
  color:#000000;
  font-size: 65%;
}

#body #menu-left .blog {
	padding:0px 10px 0px 0px; 
  width     : 181px;
  border    : 2px solid #ffc0cb;
	background-color:#ffffff;
	height:210px;
}


#body #menu-right {
	width:19%;
	height:auto;
	float:right;
}

#body #menu-right .title{
  width             : 150px;
  height            : 31px;
}

#body #menu-right .spacer{
	padding-top:10px;
}

#body #menu-right .banner{
	width: 100%;
  padding-top:5px;
}


#body #menu-right .block {
  width     : 146px;
  border    : 2px solid #dabd7c;
  background-color  : #f5eedd;

}
#body #menu-right .block_white {
  width     : 146px;
  border    : 2px solid #dabd7c;
  background-color  : #fff;

}

#body #menu-right .block .contents {
  padding   : 5px 4px;
  font-size: 83%;

}
#body #menu-right .block_white .contents {
  padding   : 5px 4px;
  font-size: 100%;
  text-align:left;
  line-height:1.5em;
}

#body #menu-right #skype2 {
	display: table-cell;
  width     : 150px;
  height    : 107px;
  padding-top:0px;
  vertical-align:middle;
  background:url(../imgs/sidemenu/skype/skype.jpg) no-repeat left top;
 }

#body #menu-right #owner {
  width     : 150px;
  height    : 86px;
  background:url(../imgs/sidemenu/owner.jpg) no-repeat left top;
 }

#body #menu-right a:link {
  color:#cc0066;
  
  
}
#body #menu-right a:visited {
  color:#cc0066;
}

#body #contents {
	padding-top:20px;
	margin:0;
	width:60%;
	float:left;
}

/** 本文 **/



/** ぱんくずりすと **/
#footmark {
  width:99%;
  height:auto;
  line-height:1.5em;
  margin-bottom:10px;
  text-align:right;
  padding-right:1%;
  font-size:85%;
}

/******************************************************************************
* フッタースタイル
******************************************************************************/

#footer {
  width     : 100%
  height    : 10px;
  padding   : 0;
  clear     : both;
}

#footer_caption{
  margin:0px;
  width: auto;
}

#footer_menu{
  margin:0px;
  padding: 5px 10px 3px 0px;
  height: 20px;
  text-align:center;
  font-size:85%;
  color: #836D54;
}
#footer_menu a:link {
  color:#836D54;
}
#footer_menu a:visited {
  color:#836D54;
}
/******************************************************************************
* エリア系スタイル
******************************************************************************/

.MessageArea {
  padding:20px 20px 0 20px;
}

.ButtonArea {
  padding:15px 0px;
  text-align:center;
}

/******************************************************************************
* Table風定義リストスタイル
******************************************************************************/

.table {
  width:100%;
}
.table dl {
    margin: 0;
    padding: 0;
    border: #ccc solid 1px;
    border-width: 0 1px 1px;
    }

.table dt {
    height:8.2em;
    clear: left;
    float: left;
    width: 12em;
    margin: 0;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    line-height: 1.6em;
    font-weight:bold;
    }

.table dd {
    height:8.2em;
    background: #fff;
    margin: 0 0 0 12em;
    padding: 1em;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    line-height: 1.6em;
    text-align:left;
    }

.table_nonborder {
  width:100%;
}
.table_nonborder dl {
    margin: 0;
    padding: 0;
    }

.table_nonborder dt {
    clear: left;
    float: left;
    width: 2em;
    margin: 0;
    padding: 0.2em;
    line-height: 1.6em;
    font-weight:bold;
    }

.table_nonborder dd {
    background: #fff;
    margin: 0 0 0 2em;
    padding: 0.2em;
    line-height: 1.6em;
    }

table#dog-table {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#dog-table th {
    padding: 3px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #ffdddd;
    line-height: 100%;
    text-align: center;
}
table#dog-table td {
    padding: 3px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:left;
    background: #ffffff;
}


.mail_form {
  width:100%;
}
.mail_form dl {
    background: #ffdddd;
    margin: 0;
    padding: 0;
    border: #ccc solid 1px;
    border-width: 0 1px 1px;
    }

.mail_form dt {
    clear: left;
    float: left;
    width: 9em;
    margin: 0;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    line-height: 1.6em;
    }

.mail_form dd {
    background: #fff;
    margin: 0 0 0 9em;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    line-height: 1.6em;
    }

.mail_form_nonborder {
  width:100%;
}
.mail_form_nonborder dl {
    margin: 0;
    padding: 0;
    }

.mail_form_nonborder dt {
    clear: left;
    float: left;
    width: 2em;
    margin: 0;
    padding: 0.2em;
    line-height: 1.6em;
    font-weight:bold;
    }

.mail_form_nonborder dd {
    background: #fff;
    margin: 0 0 0 2em;
    padding: 0.2em;
    line-height: 1.6em;
    }


/******************************************************************************
* indexページスタイル
******************************************************************************/

div.kadomaru {
	padding:5px 5px 5px 10px;
   border-radius: 20px;       
   -moz-border-radius: 20px;  
   -webkit-border-radius: 20px; 
   background-color: #ffffff;
}

.newstitle {
	width:94%;
  border-bottom :1px dotted #ff69b4;
  padding:2px 0px 2px 10px;
  text-align:left;
}

.newstitle a {
	text-decoration: none;
	color:black;
}

.newsimagefile {
	text-align:right;
}

#title {
	height:32px;
  margin:0;
  background:url(../imgs/icon/01.png) no-repeat;
	vertical-align:middle;
}

#doginfo {
  width     : 100%;
  border: #dabd7c solid 1px;
  border-width: 0px 1px 1px 1px;
}

#doginfo .title {
  width     : 100%;
  padding-left:0px;
  margin-bottom:14px;
}


.doginfoBox {
	width:296px;
	height:224px;
	margin:0px;
	background-image:url(../imgs/background/dog_info.png);
  background-repeat:repeat-x;
}
.doginfoSpace {
	padding:5px;
}

.doginfoPhoto {
	float:left;
	padding:15px 0px 0px 15px;
	width:140px;
	height:185px;
}

.doginfoPhoto img {
	border:solid 2px #ffc0cb;
}

.doginfoComment {
	width:130px;
	padding-top:15px;
	float:right;
	font-size:90%;
}

.doginfoButton {
	width:93%;
	font-size:93%;
  color:#cc0066;
	padding:5px 5px 0 5px;
}

.doginfoNodog {
	padding:100px 0;
	text-align:center;
	color:red;
}

/******************************************************************************
* shopページスタイル
******************************************************************************/
.shop_right {
  float:right;
  width:45%;
}

.shop_left {
	float: left;
	width:50%;
}

.shop_caption_right {
  float:right;
  width:40%;
  padding-top:15%;
}

.shop_caption_left {
	float: left;
	width:40%;
	padding-top:10%;
}

.shop_right dt {
  width:6em;
  float:left;
}

.shop_right dd {
  margin-left:6em;
  margin-bottom:1em;
}

/******************************************************************************
* sitemapページスタイル
******************************************************************************/

#sitemap .folder {
	width:590px;
	background-image:url(../imgs/folder.png);
	background-position: 6px;
	background-repeat:no-repeat;
	padding-left:30px;
}

#sitemap .file {
	width:570px;
	background-image:url(../imgs/file.png);
	background-position: 6px;
	background-repeat:no-repeat;
	padding-left:30px;
	margin-left:25px;
}


/******************************************************************************
* rehouseページスタイル
******************************************************************************/
.rehouse {
}

.rehouse_bar1 {
	background:url(../imgs/title/bar_2.jpg) no-repeat;
}

.rehouse_bar2 {
  background:url(../imgs/title/bar_3.jpg) no-repeat;
}
.rehouse dt {
	height:30px;
	line-height:2.5em;
	font-weight:bold;
	color:#b8001f;
}

.rehouse dd {
	padding:3px 15px 0 15px;
}

.rehouse p {
	text-align:center;
}

/******************************************************************************
* doginfo_detailページスタイル
******************************************************************************/
.detail_topphoto {
  float:left;
  width:300px;
  padding-left:10px;
}

.detail_topphoto img,
.detail_photo img {
	border:dotted 2px #d4b15d;
}

.detail_photo {
  float:left;
	width:48%;
	margin-left:10px;
}

.parents_papa{
  float:left;
  width:50%;
}

.parents_mama{
	float:right;
  width:50%;
}


.table2 {
  width:45%;
  float:right;
  text-align:left;
}

.table2 dl {
    background: #ffdddd;
    margin: 0;
    padding: 0;
    border: #ccc solid 1px;
    border-width: 0 1px 1px;
}

.table2 dt {
    clear: left;
    float: left;
    width: 6em;
    margin: 0;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    line-height: 1.5em;
}

.table2 dd {
    background: #fff;
    margin: 0 0 0 6em;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    line-height: 1.5em;
}

.table3{
  width:98%;
}

.table3 dl {
    background: #6666FF;       /* 螳滄圀縺ｫ縺ｯ<dt>隕∫ｴ縺ｮ閭梧勹濶ｲ */
    margin: 0;
    padding: 0;
    border: #ccc solid 1px;
    border-width: 0 1px 1px;
}

.table3 dt {
    clear: left;
    float: left;
    width: 7em;
    margin: 0;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    line-height: 1.5em;
    font-weight:bold;
    color:#fff;
}

.table3 dd {
    background: #fff;
    margin: 0 0 0 7em;
    padding: 0.2em;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
}

table#table-02 {
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
    font-weight: normal;
    line-height: 100%;
    text-align: right;
		padding-left:5px;
}
table#table-02 td {
		padding-left:5px;
    text-align:left;
    line-height: 100%;
}

.dog_detail{
	width:138px;
	height:185px;
	padding-top:15px;
	float:left;
}

.dog_detail dl {
    margin: 0;
}

.dog_detail dt {
    clear: left;
    float: left;
    width: 4.5em;
    height: 1.6em;
    padding: 0em 0em 0em 0.4em;
    color:black;
    background:#ff69b4;
		font-size:70%;
		font-family: 'arial unicode ms';
		font-style:normal;
}

.dog_detail dd {
    margin: 0 0 0 4em;
    padding: 0.2em 0em 0em 1.3em;
    height: 1.6em;
		font-size:68%;
}

.features  {
	width:138px;
  padding: 0.5em 0em 0em 0em;
	float:left;
	font-size:14px;
}

.features_comment  {
	width:138px;
	float:left;
}

.features_comment  {
	width:138px;
	float:left;
}

.html {
	width:100%;
	float:left;
	font-size:100%;
}


/******************************************************************************
* doginfo_indexページスタイル
******************************************************************************/
#dog_search {
	width:98%;
	height:50px;
	margin:0 auto;
	background-image:url(../imgs/background/background_search.gif);
	background-repeat:no-repeat;
}

#searchbox {
	padding:0px 10px 0 10px;
}

#searchlabel_1{
	width:50px;
	align:center;
	font-size:120%;
	font-weight: bold;
}

.searchselectbox{
	width:200px;
	align:center;
}

.searchselectbox select{
	width:180px;
	margin-top:6px;
}

#searchlabel_2{
  width:60px;
  align:center;
  font-size:120%;
  font-weight: bold;
}

#searchbutton{
	width:30px;
	align:center;
	vertical-align:top:
}

#pagenumber {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#pagebox {
	padding:0 5px;
}

/******************************************************************************
* buydescription
******************************************************************************/
.buydescription {
	width:98%;
	font-color:#ffb6c1;
}




/******************************************************************************
* 入力部品スタイル
******************************************************************************/

.textbox_25 {
  width:25%;
}

.textbox_40 {
	width:40%;
}

.textbox_90 {
  width:90%;
}

.textarea_90 {
	width:90%;
	height:200px;
}


/******************************************************************************
* 色,フォント系スタイル
******************************************************************************/
p {
  line-height: 2em;
}

.form_memo {
  font-size:10px;
  color:#696969; /*#aaaaaa;*/
}
.red {
  color:#FF5959;
  text-decoration:none;
}

.required {
  color:#FF5959;
}

.blue {
  color:#0000aa;
  text-decoration:none;
}

.white {
  color:#ffffff;
  text-decoration:none;
}

.green {
  color:#649B00;
  font-family:tahoma;
  padding: 2px 0px 2px 0px;
  text-decoration:none;
}

.grey{
  color:#9A9A9A;
  text-decoration:none;
}

.dark_grey {
  color:#A9A9A9;
  text-decoration:none;
}

.black{
  color:#222222;
  text-decoration:none;
}

.orange{
  color:#ff8000;
  text-decoration:none;
}

.beaju{
  color:#E4BC96;
  text-decoration:none;
}

.bg_green {
  background-color: #D0FFD0;
}

.bg_grey {
  background-color:#dcdcdc;
}

.bg_rightgrey {
  background-color:#dddddd;
}

.bg_red {
  background-color:#FFC6C6;
}

.bg_blue {
  background-color:#afeeee;
}

.bg_orange {
  background-color:#FFDDC8;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


/******************************************************************************
* コンテンツ共通スタイル
******************************************************************************/

.dotted {
  border-bottom :1px dotted #c9ad77;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.clear {
  clear:both;
}

.text_right {
	text-align:right;
}

.text_left {
  text-align:left;
}
.line_note {
	background-image:url(../imgs/background/line600.gif);
	background-repeat:repeat-y;
	line-height:35px;
}

.w100 { width:100px; }

.imgbox
  {
     border: solid 1px #808080;
     width: 600px;
     height: 300px;
     padding: 0.5em;
     overflow: auto;
  }

.sub_title
  {
		padding-left:10px;
		border: 1px #E3E3E3 solid;
		background-color:#ffdddd;
		text-align:left;
		width:97%;
  }