@charset "utf-8";
/*
Theme Name: pretty-wan.com
Theme URI: http://pretty-wan.com/
Description: プリティー・ワン
Version: 1.0
Author: MYM Corporation.
Author URI: http://mym-d.co.jp/
*/

*{ margin:0; padding:0; }
img{ border:0; }
a{ color:#3366FF; text-decoration:none; }
a:hover{ color:#FF0000; text-decoration:underline; }
ul{ margin-left:1.5em; }
ol{ margin-left:2.5em; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.hidden { display:none; }
.clear { clear:both; }

/*----------------------------------------------------------------------
    ベースレイアウト
  ----------------------------------------------------------------------*/
body{
  background:url('images/bg.gif');
  font-size:12px;
  font-family:"ＭＳ Ｐゴシック", "sans-serif";
  color:#666666;
  text-align:center;
}

#container{
  width:864px;
  margin:0 auto;
  background:url('images/bg_main.jpg') repeat-y;
  text-align:left;
}

#content-box{
  padding-top:16px;
  padding-left:16px;
  background:url('images/bg_main_top.jpg') no-repeat;
  overflow:auto;
}
#content-main{ width:832px; }

/*----------------------------------------------------------------------
    ヘッダー
  ----------------------------------------------------------------------*/
#header{ position:absolute; top:10px; left:10px; }
#headerbox{ height:248px; background:url('images/bg_header.jpg') no-repeat; position:relative; }

#headermenu{ position:absolute; top:115px; left:72px; }
#headermenu ul{ list-style:none; }
#headermenu li{ float:left; width:96px; }
#headermenu a{
 display:block;
 width:96px;
 height:45px;
 text-indent:-9999px;
 background:url('images/btn_menu.png');
 overflow:hidden;
}
#headermenu a:hover{
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
#headermenu a.top{ background-position:0px 0px; }
#headermenu a:hover.top{ background-position:0px 45px; }
#headermenu a.puppies{ background-position:-96px 0px; }
#headermenu a:hover.puppies{ background-position:-96px 45px; }
#headermenu a.trimhotel{ background-position:-192px 0px; }
#headermenu a:hover.trimhotel{ background-position:-192px 45px; }
#headermenu a.goods{ background-position:-288px 0px; }
#headermenu a:hover.goods{ background-position:-288px 45px; }
#headermenu a.graduates{ background-position:-384px 0px; }
#headermenu a:hover.graduates{ background-position:-384px 45px; }
#headermenu a.profile{ background-position:-480px 0px; }
#headermenu a:hover.profile{ background-position:-480px 45px; }

#newinformation{ position:absolute; top:184px; left:16px; }
#newinformation ul{ list-style:none; }
#newinformation li{ font-size:12px; color:#FFFFFF; }
#newinformation img{ margin-top:2px; margin-right:8px; }
#newinformation a{ color:#FFFFFF; }
#newinformation a:hover{ color:#FFFF00; }

/*----------------------------------------------------------------------
    フッター
  ----------------------------------------------------------------------*/
#footer{ height:96px; background:url('images/bg_footer.jpg') no-repeat; clear:both; }
#footer_links{ padding-top:24px; text-align:center; font-size:12px; color:#CCCCCC; }

/*----------------------------------------------------------------------
    サイドバー
  ----------------------------------------------------------------------*/
#sidebar{ width:144px; float:right; }
.sidebar-content{ margin:8px 0 16px 4px; }
#sidebar p{ margin-bottom:8px; font-size:10px; color:#333333; }
#sidebar ul{ margin-bottom:8px; font-size:10px; list-style:url('images/icon_sidebar_li.gif'); line-height:150%; }
#sidebar li{ margin-left:8px; }

#widget .title{
  margin:24px 8px 8px 4px;
  padding:2px 6px;
  border-left:6px #999999 solid;
  border-bottom:2px #999999 solid;
  font-size:14px;
  font-weight:bold;
  color:#666666;
}
.newface_img{ margin:0 1px 8px 0; padding:4px; background:#FFFFFF; border-top:1px #999999 solid; border-left:1px #999999 solid; border-right:2px #666666 solid; border-bottom:2px #666666 solid; }


/*----------------------------------------------------------------------
    メイン（通常記事・単ページ）
  ----------------------------------------------------------------------*/
#content{
  width:664px;
  float:left;
  text-align:left;
}

h2{ margin-bottom:0px; }
.post h3{
  margin-bottom:16px;
  padding:4px 8px;
  border-left:6px #aaaaaa none;
  border-bottom:3px #aaaaaa double;
  font-size:16px;
  color:#666666;
}
.post h3 a{ color:#666666; }
.post h4{ margin-bottom:8px; font-size:14px; color:#666666; }
.post h5{ margin-bottom:8px; font-size:12px; color:#666666; }

.post .entry{
  padding:16px 0 16px 8px;
  line-height:150%;
}
.post .entry p{
  margin:0 0 24px 0;
  line-height:150%;
}
.post .entry ol, .post .entry ul{
  margin:0 0 24px 0;
  padding-left:24px;
  line-height:150%;
  overflow:hidden;
}
.post .entry li{
  margin:0 0 0 16px;
}
.post .entry table{
  margin:8px 0 8px 0;
  border-spacing:0;
  border-collapse:collapse;
  font-size:12px;
}
.post .entry td{
  padding:4px 8px;
  border:1px #999999 solid;
  line-height:120%;
  text-align:center;
  vertical-align:top;
}
.post .entry img{ overflow:hidden; }

.post .postmetadata{
  margin:0 16px 32px 32px;
  padding:8px 12px;
  background:#F8F8F8;
  border-right:#CCCCCC 2px solid;
  border-bottom:#CCCCCC 2px solid;
  line-height:175%;
}

.navigation{
  margin:0 auto 32px;
  padding:8px 12px ;
  clear:both;
}
.nexticon a, a.nexticon{
  padding:2px 0 4px 18px;
  background:url('images/icon_next.gif') no-repeat;
  line-height:200%;
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
.alignleft{ width:50%; float:left; text-align:left; }
.alignright{ width:50%; float:right; text-align:right; }


.comments{
  margin:4px 64px 16px 16px;
  line-height:125%;
}
.comments h3
  margin:24px 0 16px;
  padding:2px 6px;
  border-left:6px #FFCC00 solid;
  border-bottom:1px #FFE786 solid;
  font-size:14px;


  font-weight:bold;
}
.commentlist{ margin-left:2.5em; }
.commentmetadata{ margin:4px 0 12px; padding:2px; border-top:#CCCCCC 1px dotted; }
.respond{ margin-left:8px; }
.respond p{ margin-bottom:4px; }
.respond p em{ color:#FF0000; font-size:10px; font-style:normal; }

#category .entry ul li{ list-style:none; line-height:200%; }
#category .entry ul li a{ font-size:14px; font-weight:bold; }



/*----------------------------------------------------------------------
    エラーページ
  ----------------------------------------------------------------------*/
h2.err{
  margin-top:24px;
  margin-bottom:16px;
  padding:6px 0 6px 36px;
  background:url('images/icon_err.gif') no-repeat left top;
  font-size:18px;
  color:#666666;
}

p.err{
  margin:4px 16px 16px 40px;
  line-height:200%;
}


/*======================================================================*/


/*----------------------------------------------------------------------
    トップページ
  ----------------------------------------------------------------------*/
#twitter{ margin:8px 16px 24px; padding:20px 0 20px  64px; background:url(images/icon_twitter_tonton.jpg) no-repeat 8px center; border:1px #999999 solid; }

.topentry{ margin:8px 8px 16px; line-height:150%; }
#newdiary{ margin:8px 0 16px 16px; line-height:150%; }
#newdiary ul{ list-style:none; float:left; width:318px; margin:0; padding:0; }
#newdiary li{ font-size:12px; }
#newdiary img{ margin-top:2px; margin-right:8px; }
#toplistnext{ list-style:url('images/icon_sidebar_li.gif'); margin-left:60px; margin-top:2px; margin-bottom:16px; }
.pickup-listbox{
  width:142px;
  margin:0 8px 16px;
  padding:8px 0;
  border-top:1px #999999 solid;
  border-left:1px #999999 solid;
  border-right:3px #666666 solid;
  border-bottom:3px #666666 solid;
  float:left;
  text-align:center;
}


/*----------------------------------------------------------------------
    卒業わんこ
  ----------------------------------------------------------------------*/
#graduates .catch{ margin:0; padding:0; }
#graduates .catch img{ vertical-align:text-bottom; }

#graduates-search{ margin-bottom:16px; padding:32px 0 16px 72px; background:url('images/bg_graduates_search.gif') no-repeat left bottom; }
#graduates-search  input,select{ vertical-align:middle; }
#graduates-search .year{ width:56px; }
#graduates-search .month{ width:40px; }
#graduates-search .name{ width:288px; }
#graduates-search .second{ margin-top:8px; }
#graduates-search .category{ width:144px; }
#graduates-search .sex{ width:64px; }
#graduates-search .sort{ width:80px; }
#graduates-search .button{ margin-left:16px; vertical-align:middle; }

#graduates-data{
  width:640px;
  margin:8px 0 24px;
  padding-bottom:16px;
  border-top:1px #999999 solid;
  border-left:1px #999999 solid;
  border-right:3px #666666 solid;
  border-bottom:3px #666666 solid;
  background:#FFFFFF url('images/bg_graduates_stamp.png') no-repeat right bottom;
  position:relative; 
}
#graduates-data h3{ margin:8px 0 0 8px; padding:10px 0 24px 12px; background:url('images/bg_puppies-data_title.png') no-repeat left top; border:none; color:#FFFFFF; font-size:16px; }
#graduates-data h3 span{ font-size:12px; }
#graduates-data h4{ margin:0; padding:0; }
#graduates-data .title{ height:360px; }
#graduates-data .profile{ position:absolute; top:208px; left:424px; }
#graduates-data .profile p{ margin:0; padding:8px 0 0 8px; width:200px; border-bottom:1px #333333 dotted; }
#graduates-data .profile img{ vertical-align:text-bottom; }
#graduates-data .comment{ margin-left:8px; width:412px; }
#graduates-data .comment p{ margin:0; padding:8px 0 16px; }

#graduates-data .photo-main{ position:absolute; top:44px; left:8px; padding:4px; background:#FFFFFF; border:1px #666666 solid; }
#graduates-data .photo-sub{ position:absolute; top:44px; left:424px; }
#graduates-data .photo-sub img{ margin:0 4px 4px 0; }
#graduates-data .icon{ position:absolute; top:16px; left:336px; width:288px; text-align:right; }
#graduates-data .icon img{ margin-left:4px; }

.graduates-listbox{
  width:142px;
  margin:0 8px 16px;
  border-top:1px #999999 solid;
  border-left:1px #999999 solid;
  border-right:3px #666666 solid;
  border-bottom:3px #666666 solid;
  position:relative; 
  float:left;
  text-align:center;
}
.graduates-listbox .graduation{ margin:4px 0; }
.graduates-listbox .photo{ height:96px; }
.graduates-listbox .nickname{ padding-top:4px; height:32px; line-height:110%; }
.graduates-listbox .nickname span{ font-size:10px; }
.graduates-listbox .name{ padding:0 4px; height:32px; line-height:110%; }
.graduates-listbox .name .man{ color:#0066FF; }

.graduates-listbox .name .woman{ color:#FF3366; }
.graduates-listbox .lank{ margin:0 6px; padding:6px 0; background:#FF0066; font-weight:bold; font-size:14px; color:#FFFFFF; line-height:100%; }
.graduates-listbox .votes{ padding:4px 8px 2px; background:#FFFFFF; text-align:right; font-size:12px; color:#333333; font-weight:normal; line-height:100%; }
.graduates-listbox .link{ margin:4px 8px 8px; text-align:left; line-height:100%; }
.graduates-listbox .link img{ margin-top:4px; vertical-align:text-bottom; }


/*----------------------------------------------------------------------
    わんこ情報
  ----------------------------------------------------------------------*/
#puppies .catch{ margin:0; padding:0; }

#puppies-search{ margin-bottom:16px; padding:28px 0 22px 72px; background:url('images/bg_puppies_search.gif') no-repeat left bottom; }
#puppies-search  input,select{ vertical-align:middle; }

#puppies-search .category{ width:160px; }
#puppies-search .sex{ width:96px; }
#puppies-search .button{ margin-left:40px; vertical-align:middle; }

.puppies-listbox{
  width:640px;
  height:112px;
  margin-bottom:16px;
  border-top:1px #999999 solid;
  border-left:1px #999999 solid;
  border-right:3px #666666 solid;
  border-bottom:3px #666666 solid;
  position:relative; 
}
a.puppies-list{ display:block; width:640px; height:112px; background:#FFFFFF; overflow:hidden; }
a:hover.puppies-list{ background:#FFFFCC; text-decoration:none; }
.puppies-listbox .name{ position:absolute; top:8px; left:144px; font-size:16px; color:#333333; }
.puppies-listbox .icon{ position:absolute; top:6px; left:144px; width:484px; text-align:right; }
.puppies-listbox .icon img{ margin-left:4px; }
.puppies-listbox .comment{ position:absolute; top:32px; left:144px; width:490px; height:46px; border-top:2px #999999 dotted; border-bottom:2px #999999 dotted; }
.puppies-listbox .comment p{ margin:0; padding:8px 0 0; font-size:12px; color:#666666; line-height:125%; }

.puppies-listbox .data{ position:absolute; top:88px; left:144px; font-size:12px; color:#666666; }
.puppies-listbox .price{ position:absolute; top:88px; left:144px; width:484px; font-size:12px; color:#666666; line-height:120%; text-align:right; }
.puppies-listbox .price .sales{ font-size:18px; color:#FF0066; }
.puppies-listbox .photo{ position:absolute; top:8px; left:8px; }

#puppies-data{
  width:640px;
  margin:8px 0 24px;
  padding-bottom:16px;
  border-top:1px #999999 solid;
  border-left:1px #999999 solid;
  border-right:3px #666666 solid;
  border-bottom:3px #666666 solid;
  position:relative; 
}
#puppies-data h3{ margin:8px 0 0 8px; padding:10px 0 24px 12px; background:url('images/bg_puppies-data_title.png') no-repeat left top; border:none; color:#FFFFFF; font-size:16px; }
#puppies-data h3 span{ font-size:12px; }
#puppies-data h4{ margin:0; padding:0; }
#puppies-data .title{ height:360px; }
#puppies-data .profile{ position:absolute; top:208px; left:424px; }
#puppies-data .profile p{ margin:0; padding:8px 0 0 8px; width:200px; border-bottom:1px #333333 dotted; }
#puppies-data .profile img{ vertical-align:text-bottom; }
#puppies-data .comment{ margin-left:8px; }
#puppies-data .comment p{ margin:0; padding:8px 0 16px; }
#puppies-data .price{ margin:0 8px; padding:8px 0; border-top:1px #333333 dotted; border-bottom:1px #333333 dotted; }
#puppies-data .price p{ margin:-24px 0 0 0; padding:0; font-size:18px; color:#666666; text-align:right; }
#puppies-data .price .sales{ color:#FF0066; font-weight:bold; }

#puppies-data .photo-main{ position:absolute; top:44px; left:8px; padding:4px; background:#FFFFFF; border:1px #666666 solid; }
#puppies-data .photo-sub{ position:absolute; top:44px; left:424px; }
#puppies-data .photo-sub img{ margin:0 4px 4px 0; }
#puppies-data .icon{ position:absolute; top:16px; left:336px; width:288px; text-align:right; }
#puppies-data .icon img{ margin-left:4px; }

#puppies-data .link { margin-left:8px; margin-bottom:24px; overflow:hidden; }
#puppies-data .link ul{ margin-top:16px; padding:0; list-style:none; line-height:125%; }
#puppies-data .link li{ float:left; width:200px; }
#puppies-data .link li a{
  padding:2px 0 4px 20px;
  background:url('images/icon_footmark.png') no-repeat;
  line-height:200%;
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

#puppies-data .contact { margin-left:8px; position:relative; clear:both; }
#puppies-data .contact p{ margin:0; padding:0; line-height:125%; }
#puppies-data .contact p span{ font-size:16px; }
#puppies-data .contact a{ position:absolute; top:32px; left:400px; }


/*----------------------------------------------------------------------
    店舗情報
  ----------------------------------------------------------------------*/
dl.profile{ margin-top:16px; }
.profile dt{
  width:136px;
  margin-left:16px;
  margin-bottom:12px;
  padding:4px 0px;
  float:left;
  clear:both;
  background:#F8F8F8;
  border-right:#CCCCCC 1px solid;
  border-bottom:#CCCCCC 1px solid;
  font-weight:bold;
  text-align:center;
}
.profile dd{
  width:472px;
  margin-left:176px;
  margin-bottom:12px;
  padding:6px 0 4px;
}

/*----------------------------------------------------------------------
    とんとん丸
  ----------------------------------------------------------------------*/
.tontonmaru{
  float:left;
}
.tontonmaru dt{
  width:92px;
  margin-left:8px;
  margin-bottom:12px;
  padding:4px 0px;
  float:left;
  clear:both;
  background:#F8F8F8;
  border-right:#CCCCCC 1px solid;
  border-bottom:#CCCCCC 1px solid;
  font-weight:bold;
  text-align:center;
}
.tontonmaru dd{
  width:200px;
  margin-left:108px;
  margin-bottom:12px;
  padding:6px 0 4px;
}

/*----------------------------------------------------------------------
    トリミング・ホテル
  ----------------------------------------------------------------------*/
#trimhotel .shampoo_option { margin:0 0 0 32px; border-spacing: 0; table-layout:fixed; }
#trimhotel .shampoo_option td{ background:none; border:none; white-space: nowrap; text-align:left; }
#trimhotel .shampoo_option td.name_l{ width:72px; padding:6px 0; }
#trimhotel .shampoo_option td.name_r{ width:216px; padding:6px 0; }
#trimhotel .shampoo_option td.price{ width:48px; padding:6px 0; text-align:right; }
#trimhotel .shampoo_option td.opt{ width:56px; padding:6px 0; }

#trimhotel table {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 2px;
}

#trimhotel th,#trimhotel td {
  padding: 6px 6px;
  border-top:0;
  border-left:0;
  width: 144px;
  line-height:120%;
}

#trimhotel th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #FFD9F3;
  text-align: center;
  white-space: nowrap;
  font-weight:normal;
}

#trimhotel td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
  text-align: center;
  white-space: nowrap;
}

#trimhotel td.title {
  border-bottom: solid 1px #999999;
  border-right: solid 1px #999999;
  background: #e5e5e5;
}

#trimhotel .caption{
  width:560px;
  margin:16px 0;
  background:#FFFBCC;
  border: solid 1px #E6DB55;
  margin:16px;
  padding:8px;
  overflow:hidden;
}
#trimhotel .caption strong{ color:#FF6600; }

/*----------------------------------------------------------------------
    お問い合わせ
  ----------------------------------------------------------------------*/
#contact span{ font-size:10px; color:#FF3399; }
#contact dd{margin-bottom:16px; }
#contact dd input, textarea{ padding:2px; border:3px #CCCCCC double; font-size:12px; }
#contact dd .radio{ padding:0; border:0; }
#contact .err{ padding:2px; border:3px #FF3399 double; font-size:12px; }
#contact .contact-button{ margin-bottom:32px; padding:4px; background:#CCCCCC; }


/*----------------------------------------------------------------------
    グッズ
  ----------------------------------------------------------------------*/
#goods .image { float:left; padding-right:16px; margin-bottom:24px; }
#goods .comment { width:384px; float:left; padding-top:8px; }
#goods .comment p { margin:0 0 8px; }

/*----------------------------------------------------------------------
    当店のシャンプー
  ----------------------------------------------------------------------*/
#shampoo .image { float:left; padding-right:24px; }
#shampoo h4 { margin:0 0 12px; padding:0 0 4px; border-bottom:2px #CCCCCC solid; }
#shampoo ul,  #shampoo dl { margin:0 0 16px; padding:0; }

#shampoo .comment { width:360px; float:left; }
#shampoo .comment p { margin:0; }
#shampoo .eco dt{ width:72px; float:left; text-align:left; padding:0 0 16px; font-weight:bold; }
#shampoo .eco dd{ width:276px; margin-left:56px; padding:2px 0 8px; line-height:120%; }
#shampoo .rafan dt{ width:48px; float:left; text-align:left; padding:0 0 16px; font-weight:bold; }
#shampoo .rafan dd{ width:300px; margin-left:32px; padding:2px 0 8px; line-height:120%; }
#shampoo p.rafan { margin:0 0 12px; padding:0 0 4px; }