@charset "UTF-8";

@import url(_common.css);
@import url(_rframe.css);
@import url(_pager.css);


/**
 * タブボタン
 */

ul.yui-nav { height: 24px; }

ul.yui-nav li a {
display: block;
width: 173px;
height: 24px;
background-repeat: no-repeat;
}

/* タブ1(ボタン): 病院＆口コミ検索 */
li a.btn1 { background-image: url(/pet/images/toppage/tabs/tab1_normal_off.png); }
li a.btn1:hover { background-image: url(/pet/images/toppage/tabs/tab1_normal_on.png); }
li.selected a.btn1, li.selected a.btn1:hover { background-image: url(/pet/images/toppage/tabs/tab1_active_off.png); }
/* タブ2(ボタン): マップ＆駅チカ検索 */
li a.btn2 { background-image: url(/pet/images/toppage/tabs/tab2_normal_off.png); }
li a.btn2:hover { background-image: url(/pet/images/toppage/tabs/tab2_normal_on.png); }
li.selected a.btn2, li.selected a.btn2:hover { background-image: url(/pet/images/toppage/tabs/tab2_active_off.png); }
/* タブ3(ボタン): 診療動物検索 */
li a.btn3 { background-image: url(/pet/images/toppage/tabs/tab3_normal_off.png); }
li a.btn3:hover { background-image: url(/pet/images/toppage/tabs/tab3_normal_on.png); }
li.selected a.btn3, li.selected a.btn3:hover { background-image: url(/pet/images/toppage/tabs/tab3_active_off.png); }

/* タブ枠内共通: 虫眼鏡ガイド文画像 */
img.magnifier {
clear: both;
margin: 0 0 10px 10px;
}

/*
 * タブ2(水色枠、マップ＆駅チカ病院検索)
 */

/* タブ2: 地図検索フォームと地図の表示領域 */
div#map_container {
float: left;
margin: 0 20px 10px 0;
width: 420px;
}
/* タブ2: 地図検索フォーム */
div#map_container form {
margin-bottom: 20px;
}
/* タブ2:  */
div#map_container select#map_pref { width: 100px; }
div#map_container select#map_rail { width: 140px; }
div#map_container select#map_station { width: 120px; }
/* Y!地図情報 表示領域 */
div#map_container div#map {
width: 418px;
height: 418px;
border: 1px solid gray;
background-color: #eee;
}
/* 郵便番号 検索領域 */
div#zipcodeform_container {
float: left;
margin-bottom: 10px;
width: 227px;
background: url(/pet/images/toppage/tab2_zipcodeform_bg.png) repeat-y;
}
/* 郵便番号検索: フォーム・検索結果 表示領域 */
div#zipcodeform_container div.body {
padding: 0 18px;
}
/* 郵便番号検索: 説明文 */
div#zipcodeform_container div.body p.description {
color: #666;
margin: 10px 0;
}
/* 郵便番号検索: フォームテキストボックス */
div#zipcodeform_container form input {
width: 60px;
margin-left: 4px;
}
/* 郵便番号検索: 住所一覧 表示領域 */
div#zipcodeform_container div#address_list {
margin: 10px 0;
height: 200px; /* dummy */
}

/* 動物病院リスト 表示領域 */
div.hospital_list {
color: #666;
}
/* 動物病院リスト: 「見つかりませんでした」表示 */
div.hospital_list p.notfound {
margin: 10px;
}

/* 病院リスト: タイトル部分 */
div.hospitallist_caption {
clear: both;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: #666;
}
/* 病院リスト:  */
div.symbol_round {
padding-left: 30px;
height: 28px;
background: url(/pet/images/toppage/tab3_symbol.png) no-repeat;
}
/* 病院リスト: 病院レコード */
div.hospital_list div.hospital_row {
margin: 20px 0 16px 0;
padding-bottom: 4px;
border-bottom: 1px solid #ddd;
}
/* 病院リスト: 病院名、口コミ件数 */
div.hospital_row div.name {
width: 190px;
padding-left: 20px;
float: left;
}
/* 病院リスト: 病院詳細へのリンク */
div.hospital_row div.name a {
display: block; float: left;
}
/* 病院リスト: 口コミ件数 */
div.hospital_row div.name div.kuchikomi {
float: left;
margin-left: 4px;
padding: 3px 0 0 20px;
background: url(/pet/images/icon_fukidashi.png) no-repeat;
}
/* 病院リスト: 住所 */
div.hospital_row div.address { /* hospital_address  */
float: left;
}

/*
 * タブ3(緑枠、診療動物検索)
 */
div#tab3 {}
/* 検索条件選択フォーム */
div#tab3 form {
float: left;
margin-bottom: 20px;
}
/* 検索条件選択フォーム: プルダウンリスト */
div#tab3 form select {
float: left;
margin: 6px 0 0 20px;
width: 120px;
}
div#tab3 div.next_arrow {
width: 67px;
height: 32px;
background: url(/pet/images/toppage/tab3_next_arrow.png) no-repeat;
}
/* 診療動物の説明コンテナ(右側) */
div#tab3 div.guide_container {
float: left;
width: 400px;
margin: 0 0 20px 20px;
border-style: dashed;
border-width: 1px 0;
border-color: #ddd;
padding: 8px 0;
color: #666;
}
/* 診療動物の説明 表示領域 */
div#tab3 div.guide_container div#guide_box {
}


/**
 * 中央下部
 */

/* 今月の特集(左端) */
div#kongetsu_tokusyu {
width: 199px;
margin-right: 6px;
float: left;
}

/*
 * 最近の口コミ(中央)
 */

/* 最近の口コミ(中央) */
div#saikin_kuchikomi {
width: 500px;
float: left;
}
/* 最近の口コミ: キャプション画像(下マージン) */
div#saikin_kuchikomi img.caption {
margin-bottom: 8px;
}
/* 広告スペース(中央・小) */
div#saikin_kuchikomi div#ad_center_small {
margin-bottom: 8px;
width: 498px;
text-align: center;
}
/* 最近の口コミ: ふきだし領域全体 */
div#saikin_kuchikomi div.fukidashi {
clear: both;
margin-bottom: 14px;
}
/* 最近の口コミ: アバター表示領域 */
div.fukidashi div.avatar {
float: left;
width: 34px;
height: 42px;
}
/* 最近の口コミ: ふきだし開始部 */
div.fukidashi div.start {
float: left;
width: 41px;
height: 53px;
background: url(/pet/images/toppage/saikin_fukidashi_left.png) no-repeat;
}
/* 最近の口コミ: ふきだし コンテンツ領域 */
div.fukidashi div.content {
float: left;
width: 415px;
border-width: 1px 0;
border-style: solid;
border-color: #fec03c;
padding-top: 6px;
}
/* 最近の口コミ: ふきだし内部 */
div.fukidashi div.content p {
margin: 0;
padding-left: 6px;
height: 45px;
}
/* 最近の口コミ: ふきだし終端部 */
div.fukidashi div.end {
float: right;
width: 10px;
height: 53px;
background: url(/pet/images/toppage/saikin_fukidashi_right.png) no-repeat;
}

/* Google Adsence */
div.adsence {
margin-left: 82px;
width: 336px;
height: 280px;
}
#main div#ad_side_tall{margin:20px 0 30px 47px;padding:0;}
#main p.g_ads_title {font-weight:bold;margin:0 0 5px;}
#main p.g_ads_title a{color:#000;text-decoration:none;}
#main dl.g_ads_texttype dt {font-size:120%;font-weight:bold;}
#main dl.g_ads_texttype dt span {font-size:82%;}
#main dl.g_ads_texttype dt span a,
#main dl.g_ads_texttype dt span a:link,
#main dl.g_ads_texttype dt span a:visited,
#main dl.g_ads_texttype dt span a:active {color:#F29600;font-weight:normal;}
#main dl.g_ads_texttype dd {font-size:13px;margin:0 0 5px 0;}
#sidebar p.g_ads_title {margin:0 0 5px 5px;}
#sidebar p.g_ads_title a{color:#000;font-weight:bold;text-decoration:none;}
#sidebar dl.g_ads_texttype {margin:0 0 20px 5px;padding:0;}
#sidebar dl.g_ads_texttype dt {font-size:115%;font-weight:bold;margin:0 0 2px 0;}
#sidebar dl.g_ads_texttype dd {font-size:13px;margin:0 0 10px 0;line-height:1.3;}
#sidebar dl.g_ads_texttype dd span {font-size:76%;}
#sidebar dl.g_ads_texttype dd span a {color:#F29600;font-weight:normal;}