@charset "utf-8";

/* ------------------------------
 life.css

 Last Update:2009-05-18
 Fujihito Watanabe
------------------------------ */
.life_intro_l,
.life_intro_l02,
.life_intro_l03,
.life_intro_l04 {
  float: left;
}

.life_photo_r,.life_photo_r02 {
  float: right;
}

.life_intro_l02 {
  margin: 0 0 0 5px;
}

.life_intro_l03 {
  overflow: hidden;
  margin: 0 15px 0 0;
}

.life_intro_l04 {
  width: 708px;
}

.life_photo_r {
  margin: 0 0 5px 15px;
}

.life_photo_r02 {
  margin: 0 0 5px 17px;
}

.m_bottom5 {
  margin-bottom: 5px;
}


/* ------------------------------
 flashcontent 設定
------------------------------ */
#flashcontent {
  margin: 0 0 15px 0;
  text-align: center;
}


/* ------------------------------
 背景画像 設定
------------------------------ */
.att {
  padding: 0 0 0 11px;
  background: url(../../images/life/att.gif) no-repeat left 3px;
}

.bg_book {
  background: #FFF7E0;
}


/* ------------------------------
 tab 設定
------------------------------ */
ul.tab_kind_life {
  width: 100%;
  overflow: hidden;
  margin: 0 0 12px 0;
  border-bottom: 1px solid #FED963;
}

ul.tab_kind_life li {
  float: left;
  margin: 0 5px 0 0;
}

ul.tab_kind_life li.first {
  margin: 0 5px 0 5px;
}

ul.tab_kind_life li.last {
  margin: 0;
}

ul.tab_kind_life li a {
  cursor: pointer;
  display: block;
}

ul.tab_kind_life li a span {
  display: none;
}


/* ------------------------------
 tab 共通設定
------------------------------ */
ul.tab_kind_life li a.dog,
ul.tab_kind_life li a.dog_c,
ul.tab_kind_life li a.cat,
ul.tab_kind_life li a.cat_c,
ul.tab_kind_life li a.birds,
ul.tab_kind_life li a.birds_c,
ul.tab_kind_life li a.rabbit,
ul.tab_kind_life li a.rabbit_c {
  width: 46px;
  height: 47px;
}

ul.tab_kind_life li a.dog:hover,
ul.tab_kind_life li a.cat:hover,
ul.tab_kind_life li a.birds:hover,
ul.tab_kind_life li a.rabbit:hover {
  background-position: -46px;
}


/* ------------------------------
 dog 設定
------------------------------ */
ul.tab_kind_life li a.dog {
  background: url(../../images/shopsearch/tab_dog.gif) no-repeat;
}

ul.tab_kind_life li a.dog_c {
  background: url(../../images/shopsearch/tab_dog.gif) no-repeat -46px;
}


/* ------------------------------
 cat 設定
------------------------------ */
ul.tab_kind_life li a.cat {
  background: url(../../images/shopsearch/tab_cat.gif) no-repeat;
}

ul.tab_kind_life li a.cat_c {
  background: url(../../images/shopsearch/tab_cat.gif) no-repeat -46px;
}


/* ------------------------------
 bird 設定
------------------------------ */
ul.tab_kind_life li a.birds {
  background: url(../../images/shopsearch/tab_bards.gif) no-repeat;
}

ul.tab_kind_life li a.birds_c {
  background: url(../../images/shopsearch/tab_bards.gif) no-repeat -46px;
}


/* ------------------------------
 rabbit 設定
------------------------------ */
ul.tab_kind_life li a.rabbit {
  background: url(../../images/shopsearch/tab_rabbit.gif) no-repeat;
}

ul.tab_kind_life li a.rabbit_c {
  background: url(../../images/shopsearch/tab_rabbit.gif) no-repeat -46px;
}


/* ------------------------------
 title 設定
------------------------------ */
.prevent,.title-book {
  color: #966830;
  font-weight: bold;
  font-size: 16px;
}

.prevent {
  margin: 7px 0 6px 21px;
  padding: 5px 0 5px 45px;
  background: url(../../images/life/injection.gif) no-repeat left 2px;
}

.title-book {
  margin: 0 0 12px 0;
  padding: 0 0 8px 0;
  background: url(../../images/life/bg_title_bottom.gif) bottom left repeat-x;
}


/* ------------------------------
 area 設定
------------------------------ */
.v_l_col_book,.bg_pet_area {
  padding: 17px 18px 17px 18px;
}

.life_area_line,.life_area_line02 {
  margin: 0 0 10px 0;
  padding: 0 0 20px 0;
}

.bg_pet_area,.bg_pet_area02,
.bg_pet_area03,.step_area,
.flash_area,.select_area {
  background: #FFF7E0;
}

.bg_pet_area,.bg_pet_area02,
.bg_pet_area03 {
  margin: 0 0 15px 0;
}

.step_area,.select_area,
.book_area {
  margin: 0 0 10px 0;
}

.life_area {
  margin: 0 0 18px 0;
}

.life_area_line {
  background: url(../../images/bg_title_bottom.gif) no-repeat bottom;
}

.life_area_line02  {
  background: url(../../images/bg_title_bottom.gif) bottom left repeat-x;
}

.pet_keeps {
  margin: 0 0 17px 0;
  padding: 0 18px 0 18px;
}

.bg_pet_area02 {
  padding: 17px 18px 25px 18px;
}

.bg_pet_area03 {
  padding: 17px 18px 0 18px;
}

.step_area {
  padding: 10px;
}

.p_intro_area {
  overflow: hidden;
  margin: 0 0 25px 0;
}

.flash_area {
  padding: 15px 0 20px 0;
}

.select_area {
  padding: 15px 13px 15px 13px;
}


/* ------------------------------
 box 設定
------------------------------ */
.banner_box_l,.book_box_f_l,
.book_box_o_l,.krec_box,
.kpic_box {
  float: left;
}

.book_box_f_l,.book_box_f_r,
.book_box_o_l {
  width: 229px;
}

.banner_box_l,.banner_box_r {
  width: 378px;
}

.banner_box_r,.book_box_f_r {
  float: right;
}

.book_box_f_l,.book_box_f_r,
.book_box_o_l {
  border: 1px solid #F8C554;
}

.book_box_f_l,.book_box_f_r {
  background: #FFFAEC;
}

.krec_box,.krec_top_box,
.krec_bottom_box {
  width: 327px;
}

.r_rec_box,.receives_box,
.receives_box02,
.r_rec_top_box,
.bg_rec_top_box,
.r_rec_bottom_box,
.re_rec_bottom_box,
.re_rec_bottom_box02,
.re_rec_bottom_box03,
.rec_dog_top_box,
.rec_cat_top_box,
.rec_d_c_top_box,
.bg_rec_bottom_box {
  width: 703px;
}

.krec_top_box span,
.krec_bottom_box span,
.r_rec_top_box span,
.r_rec_bottom_box span,
.rec_dog_top_box span,
.bg_rec_top_box span,
.re_rec_bottom_box span,
.re_rec_bottom_box02 span,
.re_rec_bottom_box03 span,
.rec_cat_top_box span,
.rec_d_c_top_box span,
.bg_rec_bottom_box span {
  display: none;
}

.krec_top_box
,.r_rec_top_box,
.bg_rec_top_box,
.krec_bottom_box,
.r_rec_bottom_box,
.re_rec_bottom_box,
.re_rec_bottom_box02,
.re_rec_bottom_box03,
.bg_rec_bottom_box {
  height: 6px;
}

.rec_dog_top_box,
.rec_cat_top_box {
  margin: 0 0 10px 0;
}

.rec_dog_top_box,
.rec_cat_top_box,
.rec_d_c_top_box {
  height: 34px;
}

.receives_box,.receives_box02 {
  background: url(../../images/life/receives/r_rec_middle02.gif) repeat-y;
}

.r_rec_box,.receives_box02 {
  margin: 0 0 25px 0;
}

.item_intro_box,.kind_intro_box {
  width: 637px;
  margin: 0 0 0 3px;
  padding: 0 30px 12px 30px;
}

.answer_box,.pet_keep_box,
.involving_box_last,.involving_box {
  overflow: hidden;
}

.book_box_f_l,
.book_box_o_l {
  cursor: pointer;
}

.krec_box {
  margin: 0 10px 0 0;
}

.book_box_o_l {
  background: #FFEBAE;
}

.m_left {
  margin-left: 20px;
}

.answer_box {
  width: 448px;
  margin: 0 0 20px 0;
  padding: 10px;
  border: 1px solid #FED963;
}

.receives_box {
  margin: 0 0 15px 0;
}

.krec_box {
  background: url(../../images/life/keep/rec_middle.gif) repeat-y;
}

.r_rec_box {
  background: url(../../images/life/receives/r_rec_middle.gif) repeat-y;
}

.krec_top_box {
  background: url(../../images/life/keep/rec_top.gif) no-repeat;
}

.r_rec_top_box {
  background: url(../../images/life/receives/r_rec_top.gif) no-repeat;
}

.bg_rec_top_box {
  background: url(../../images/life/prevention/p_rec_top.gif) no-repeat;
}

.krec_bottom_box {
  background: url(../../images/life/keep/rec_bottom.gif) no-repeat;
}

.r_rec_bottom_box {
  background: url(../../images/life/receives/r_rec_bottom.gif) no-repeat;
}

.re_rec_bottom_box {
  background: url(../../images/life/receives/receives_bottom01.gif) no-repeat;
}

.re_rec_bottom_box02 {
  background: url(../../images/life/receives/receives_bottom02.gif) no-repeat;
}

.re_rec_bottom_box03 {
  background: url(../../images/life/receives/receives_bottom03.gif) no-repeat;
}

.bg_rec_bottom_box {
  background: url(../../images/life/bg_rec_bottom.gif) no-repeat;
}

.rec_dog_top_box {
  background: url(../../images/life/rec_dog_top.gif) no-repeat;
}

.rec_cat_top_box {
  background: url(../../images/life/rec_cat_top.gif) no-repeat;
}

.rec_d_c_top_box {
  background: url(../../images/life/receives/rec_d_c_top.gif) no-repeat;
}

.life_box {
  padding: 0 10px;
}

.kpic_box {
  width: 367px;
}

.pet_keep_box {
  padding: 0 10px 0 10px;
}

.item_intro_box {
  border-bottom: 1px solid #F7B525;
}

.p_intro_box {
  margin: 0 0 12px 0;
  padding: 12px 0 12px 0;
  background: #FFF1C7;
}

.p_pet_box {
  padding: 0 10px 0 10px;
}

.row_box {
  padding: 0 0 10px 0;
  background: url(../../images/life/select/line_row.gif) center repeat-y;
}

.involving_box {
  margin: 0 0 12px 0;
  padding: 0 0 18px 0;
  background: url(../../images/life/select/line_row.gif) bottom repeat-x;
}


/* ------------------------------
 width 設定
------------------------------ */
.w01 {
  width: 127px;
}

.w02 {
  width: 180px;
}


/* ------------------------------
 dl/dt/dd 設定
------------------------------ */
dl.step,dl.step_last,dl.food dt,
dl.receives dt,dl.receives dd,
dl.receives_last dt,dl.receives_last dd,
dl.book dt,dl.book dd,dl.ham dt,
dl.answer,dl.answer_last,dl.book_detail dt,
dl.book_detail_b dt,dl.book_detail_b dd,dl.ham dd {
  float: left;
}

dl.book,dl.book_detail_b,
dl.receives,dl.receives_last {
  overflow: hidden;
}

dl.answer,dl.answer_last,
dl.answer dt,dl.answer_last dt,
dl.step dt,dl.step dd,
dl.step_last dt,
dl.step_last dd,
dl.intro dt {
  margin: 0 0 5px 0;
}

dl.answer,dl.answer_last,
dl.answer dt,dl.answer_last dt {
  width: 138px;
}

dl.answer dt,dl.answer_last dt {
  height: 88px;
  border: 1px solid #FED963;
}

dl.answer dd,dl.answer_last dd {
  font-size: 10px;
}

dl.book_detail dt,
dl.book_detail_b dt {
  width: 280px;
}

dl.book_detail dt,
dl.book_detail_b dt {
  margin: 0 20px 20px 0;
}

dl.step,dl.step_last {
  width: 174px;
  padding: 3px;
  background: #FEEBAE;
}

dl.step dd img,
dl.step_last dd img {
  vertical-align: bottom;
  margin: 0 5px 0 0;
}

dl.receives dt,dl.receives_last dt,
dl.food dd h3 {
  color: #966830;
}

dl.receives,dl.receives_last {
  width: 685px;
  margin: 0 0 0 3px;
  padding: 7px 0 7px 12px;
}

dl.receives dt,
dl.receives_last dt,
dl.intro dt {
  font-weight: bold;
}

dl.receives dt,
dl.receives_last dt {
  width: 240px;
  font-size: 15px;
}

dl.receives dd,
dl.receives_last dd {
  width: 439px;
  padding: 0 0 0 5px;
}

dl.book dt,
dl.pet_intro dd.box {
  background: #FFF;
}

dl.intro dt {
  color: #966830;
  font-size: 16px;
}

dl.step {
  margin: 0 9px 0 0;
}

dl.step_last{
  margin: 0;
}

dl.receives {
  border-bottom: 1px solid #F7B525;
}

dl.receives_last {
  border-bottom: none;
}

dl.food dd {
  float: right;
}

dl.food dt {
  width: 101px;
  margin: 0 20px 0 0;
}

dl.food dd {
  width: 317px;
}

dl.food dd h3 {
  margin: 0 0 8px 0;
}

dl.ham dt {
  width: 201px;
  margin: 0 18px 0 0;
}

dl.ham dd {
  width: 260px;
}

dl.book dt {
  width: 61px;
  height: 52px;
  margin: 0 7px 0 0;
  padding: 2px;
}

dl.book dd {
  width: 157px;
  padding: 2px 0 0 0;
}

dl.book dd p {
  margin: 8px 0 0 0;
}

dl.answer {
  margin: 0 16px 0 0;
}

dl.book_detail dd {
  margin: 0 0 20px 0;
}

dl.book_detail_b {
  padding: 15px 0 20px 0;
}

dl.book_detail_b dt {
  margin: 0 20px 20px 0;
}

dl.book_detail_b dd {
  width: 430px;
}

dl.book_detail_b:after {
  content: "";
  display: block;
  clear: both;
}

dl.book_detail_b {
  zoom: 1;
}

dl.pet_intro {
  width: 343px;
}

dl.pet_intro dt {
  margin: 0 0 6px 0;
}

dl.pet_intro dd.status {
  height: 165px;
  margin: 0 0 3px 0;
}

dl.pet_intro dd.box {
  min-height: 52px;
  padding: 8px 12px 8px 12px;
}


/* ------------------------------
 ul/li 設定
------------------------------ */
ul.life_local li.last,
ul.keep li.last,
ul.left_mark li.last {
  margin: 0;
}

ul.mark_o li,ul.keep li,
ul.keep li.last {
  font-weight: bold;
}

ul.bill li,ul.mark_o li {
  color: #EB5E00;
}

ul.keep li,ul.keep li.last {
  padding: 0 0 8px 0;
  border-bottom: 1px solid #F7B525;
  color: #966830;
  font-size: 16px;
}

ul.life_local li,
ul.left_mark li {
  float: left;
}

ul.life_local li,
ul.left_mark {
  overflow: hidden;
}

ul.keep li {
  margin: 0 0 9px 0;
}

ul.banner_ul {
  margin: 0 0 0 9px;
}

ul.banner_ul li {
  height: 44px;
  vertical-align: bottom;
  margin: 0 0 7px 0;
}

ul.mark_o li {
  margin: 0 0 5px 0;
  padding: 0 0 0 9px;
  background: url(../../images/mark_o.gif) no-repeat left 6px;
}

ul.life_local li {
  margin: 0 34px 0 0;
  padding: 0 0 0 12px;
  background: url(../../images/cursor_r_g.gif) no-repeat left 5px;
}

ul.keep {
  width: 321px;
  margin: 7px 0 0 3px;
}

ul.keep li.last {
  border-bottom: none;
}

ul.keep li span {
  margin: 0 0 0 16px;
  padding: 0 0 0 10px;
  background: url(../../images/life/keep/point.gif) no-repeat 1px;
}

ul.left_mark {
  margin: 0 0 5px 10px;
}

ul.left_mark li {
  margin: 0 35px 0 0;
  padding: 0 0 0 7px;
  background: url(../../images/life/list_point.gif) no-repeat left 6px;
}


/* ------------------------------
 ol/li 設定
------------------------------ */
ol.book_n {
  margin: 0 0 20px 0;
}

ol.book_n li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 0 7px 0;
}


/* ------------------------------
 table 設定
------------------------------ */
table.body th,table.chara th,
table.intro01 th {
  font-size: 16px;
}

table.body th,table.chara th {
  border-left: 3px solid #FFF;
  color: #966830;
  font-weight: bold;
  background: #FFE79B;
}

table.body,table.chara {
  border-top: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
}

table.body th,table.body td {
  padding: 7px 10px 7px 10px;
}

table.body th.line,table.body td.line,
table.chara td.line_r,table.chara th.line2,
table.chara td.line2  {
  border-bottom: 1px solid #F8B625;
}

table.body td,table.chara td {
  border-right: 3px solid #FFF;
}

table.body td,table.chara td.line_r,
table.chara td {
  color: #EB5E00;
  background: #FFF0C1;
}

table.chara th,table.chara td.line_r,
table.chara td {
  padding: 7px 10px 7px 10px;
}

table.step01 th,table.step01 td,
table.intro01 td {
  vertical-align: top;
}

table.step01 th,
table.step01 td {
  padding: 10px;
}

table.step01 th.col_line,
table.step01 td.col_line {
  border-bottom: 1px solid #F7B525;
}

table.step01 th.row_line,
table.step01 td.row_line {
  border-right: 1px solid #F7B525;
}

table.intro01 th,
table.intro01 td {
  color: #966830;
}

table.chara {
  width: 392px;
}

table.chara td.line_r {
  border-right: none;
}

table.life_localnavi {
  width: 767px;
  margin: 0 0 10px 0;
}

table.life_localnavi th {
  background: #FCE2AE;
}

table.life_localnavi td {
  padding: 0 0 0 21px;
  background: #FFF1C7;
}

table.life_localnavi th.line {
  border-bottom: 2px solid #FCE2AE;
}

table.life_localnavi td.line {
  border-bottom: 2px solid #FFF8E3;
}

table.step01 {
  width: 696px;
  margin: 0 0 0 3px;
}

table.step01 th {
  background: #FFE79B;
}

table.intro01 {
  width: 703px;
}

table.intro01 th {
  padding: 0 0 0 30px;
}

table.intro01 td {
  padding: 10px 25px 10px 25px;
}


/* ------------------------------
 Opera9(Win)/mac hack 設定
------------------------------ */
html[lang*=""]>/**/body ul.keep li.last {
  margin: 0 0 2px 0;
}


/* ------------------------------
 Safari3(Win)/mac hack 設定
------------------------------ */
html[lang*=""]:not(:nth-child(n)) ul.keep li.last {
  margin: 0 0 2px 0;
}


/* ------------------------------
 IE6(Win) hack 設定
------------------------------ */
.book_box_f_l,book_box_f_r,
.book_box_o_l {
  _width: 231px;
}

dl.receives,dl.receives_last {
  _width: 698px;
}

dl.receives dd,
dl.receives_last dd {
  _width: 444px;
}

.answer_box {
  _width: 468px;
}

dl.step,dl.step_last {
  _width: 180px;
}

ul.keep li.last {
  _margin: 0 0 2px 0;
}

.item_intro_box {
  _width: 697px;
}

.w01 {
  _width: 125px;
}

.w02 {
  _width: 178px;
}

.bg_pet_area03 {
  _padding: 17px 18px 5px 18px;
}

.kind_intro_box {
  _width: 697px;
}

dl.pet_intro dd.box {
  _min-height: 68px;
}


/* ------------------------------
 IE7(Win) hack 設定
------------------------------ */
*:first-child+html ul.keep li.last {
  margin: 0 0 2px 0;
}

*:first-child+html .w01 {
  width: 125px;
}

*:first-child+html .w02 {
  width: 178px;
}


/* ------------------------------
 IE8(Win) hack 設定
------------------------------ */
html>/**/body dl.pet_kind_radio dd.last03 {
  padding: 10px\9 0 22px\9 0;
}

html>/**/body .w01 {
  width: 125px\9;
}

html>/**/body .w02 {
  width: 178px\9;
}


/* ------------------------------
 Firefox3(Win)/mac hack 設定
------------------------------ */
:not(:\66\irst-child) dl.step dt:not(\*):not(:default),
:not(:\66\irst-child) dl.step_last dt:not(\*):not(:default) {
  margin: 0 0 2px 0;
}

:not(:\66\irst-child) .w01:not(\*):not(:default) {
  width: 18%;
}

:not(:\66\irst-child) .w02:not(\*):not(:default) {
  width: 30%;
}


/* EOF */