@charset "UTF-8";

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

/* パンくずリスト */
div.topicpath {
margin-bottom: 16px;
}

/* 病院見出し:  */
h2 div.hospital {
float: left;
}
/* 病院見出し: リンク一式 */
h2 div.links {
float: right;
font-weight: normal;
}
/* 病院見出し: 個別アンカー */
h2 div.links a {
float: left;
display: block;
margin-right: 10px;
text-decoration: none;
}
h2 div.links img {
vertical-align: middle;
}

/**
 * 基本情報
 */

/* 基本情報 */
div.hospital_info {
float: left;
margin: 0 10px 20px 0;
width: 386px;
}
/* 基本情報: 評価テキスト */
div.hospital_info div.hyouka {
float:left;
margin: 0 10px;
width: 120px;
}
/* 基本情報: 件数(閲覧、口コミ) */
div.hospital_info span.recordcount {
margin-left: 6px;
font-weight: bold;
color: #ff4e0b;
}
/* 基本情報: 表形式 */
div.hospital_info table.detail {
margin: 6px 0 20px;
}
table.detail, table.detail th, table.detail td {
border: 1px solid #fcc03c;
}
/* 基本情報: 表形式(項目) */
table.detail th {
background-color: #fff8e8;
}
table.detail table.timetable, table.detail table.timetable td {
border-width: 0px;
}
table.detail table.timetable tr.weekdays {
border-bottom: 1px solid #fcc03c;
}

/**
 * 地図
 */

/* 地図: コンテナ */
div.map_container {
float: left;
margin-bottom: 20px;
/* text-align: center; */
}
/* 地図: Y!地図の表示領域 */
div.map_container div#map_mini {
margin: 4px 0 12px;
width: 290px;
height: 260px;
background-color: #eee; /* dummy */
}
/* 地図: 「口コミする」ボタン(マウスオフ) */
div.map_container a {
display: block;
margin: 0 54px;
width: 182px;
}

/**
 * タブ
 */

ul.yui-nav { height: 24px; }
ul.yui-nav li {}
ul.yui-nav li a {
display: block;
width: 173px;
height: 24px;
}
ul.yui-nav li a span {
display: block;
padding-top: 4px;
}

li a#tab_button1 { background-image: url(/pet/images/detail/tabs/tab1_normal_off.png);}
li a#tab_button1:hover { background-image: url(/pet/images/detail/tabs/tab1_normal_on.png);}
li.selected a#tab_button1, li.selected a#tab_button1:hover {
background-image: url(/pet/images/detail/tabs/tab1_active_off.png);
}
li a#tab_button2 { background-image: url(/pet/images/detail/tabs/tab2_normal_off.png);}
li a#tab_button2:hover { background-image: url(/pet/images/detail/tabs/tab2_normal_on.png);}
li.selected a#tab_button2, li.selected a#tab_button2:hover {
background-image: url(/pet/images/detail/tabs/tab2_active_off.png) ! important;
}

/**
 * 広告枠
 */

/* 広告枠 (中央上部) */
div.ad_center_top {
clear: both;
margin: 0 0 10px 116px;
}

/* AdSence領域 */
div.adsence {
float: left;
margin: 0 20px 10px 0;
width: 336px;
height: 280px;
}

/**
 * ナビゲーション ボタン (友達に教える、口コミを投稿する)
 */

/* ナビゲーション ボタン一式 */
div.nav_buttons {
float: left;
}
/* ナビゲーション ボタン: アンカー領域 */
div.nav_buttons a {
display: block;
margin-bottom: 6px;
width: 165px;
}

/**
 * 「役に立った」投票フォーム
 */

/* 投票フォーム */
form#helpful {
margin: 10px 0;
}
/* 投票フォーム: 段落 */
/* form#helpful p {
margin-bottom: 10px;
} */

/**
 * 口コミ一覧
 */

/* 口コミレコード */
div.postrecord {
margin-bottom: 16px;
}
/* 口コミレコード: 口コミ基本情報 */
div.postrecord div.header {
clear: both;
width: 682px;
}
/* 口コミレコード: 口コミ基本情報(内側) */
div.postrecord div.header div.header_container {
border-width: 0 1px;
border-style: solid;
padding: 2px 6px;
background-color: #fff ! important;
color: #86504e;
}
/* 口コミレコード: タイトル - 投稿者 */
div.header span.people {
font-weight: bold;
}
/* 口コミレコード: タイトル - 見出し */
div.header h4 {
margin: 0;
color: #ff6e03;
}
/* 口コミレコード: タイトル - 評価アイコン領域 */
div.header div.post_icons {
float: right;
}
/* 口コミレコード: タイトル - 評価アイコン */
div.post_icons img {
margin-right: 8px;
}
/* 口コミレコード: 本文概要部 */
div.postrecord div.summary {
clear: both;
width: 682px;
}
/* 口コミ概要 */
div.postrecord div.summary div.summary_container {
border-width: 0 2px;
border-style: solid;
padding: 2px 6px;
}
/* 口コミ概要: アバター */
div.summary img.avatar {
float: left;
margin: 0 18px;
}
/* 口コミ概要: 概要テキスト */
div.summary div.content {
float: left;
width: 548px;
}
div.summary div.content a.autolink{
color: #000;
text-decoration: none;
border-bottom: 1px dotted #999;
}



/* 口コミ ゼロ件 */
div.zero_kuchikomi {
margin-bottom: 10px;
padding: 6px;
background-color: #FFF8E8;
}
/* 口コミ ゼロ件: メッセージ */
div.zero_kuchikomi div.message {
float: left;
width: 480px;
}

/* 口コミ */
div.postrecord div.frame_bottom_base {
clear: both;
width: 682px;
height: 11px;
}
div.postrecord div.frame_bottom_yellow {
background: url(/pet/images/detail/postframe_yellow_bottom.png) no-repeat;
}
div.postrecord div.frame_bottom_aqua {
background: url(/pet/images/detail/postframe_aqua_bottom.png) no-repeat;
}

/* 口コミレコード: 黄色枠 */
div.postrecord div.yellow {
border-color: #fc3;
background-color: #fff8e8;
}
/* 口コミレコード: 水色枠 */
div.postrecord div.aqua {
border-color: #a9e1d6;
background-color: #fffee9;
}

/* この病院を見ている人は...(詳細ページトップ、表形式) */
table.alsosee {
margin-bottom: 20px;
}
/* この病院を見ている人は...: 表全体 */
table.alsosee, table.alsosee th, table.alsosee td {
border: 1px solid #fec03b;
}
/* この病院を見ている人は...: 項目 */
table.alsosee th {
background-color: #fff8e8;
}
/* この病院を見ている人は...: 列幅 */
table.alsosee col.name { width: 210px; }
table.alsosee col.address { width: 190px; }
table.alsosee col.access { width: 60px; }
table.alsosee col.kuchikomi { width: 60px; }
table.alsosee col.hyouka { width: 120px; }
/* この病院を見ている人は...: 病院名列 */
table.alsosee td.col_name {
font-weight: bold;
}
/* この病院を見ている人は...: 評価アイコン列 */
table.alsosee td.col_hyouka {
text-align: center;
}
/* この病院を見ている人は...: 評価アイコン */
table.alsosee td.col_hyouka img {
padding: 0 4px;
}

/* この病院を見ている人は...(口コミ個別ページ、バルーン形式) */
div.postrecord div.alsosee_container, div.postrecord img.alsosee_hyouka {
float: left;
margin-right: 10px;
}
/* この病院を見ている人は...: 口コミタイトル上枠(黄色) */
div.alsosee_container div.frametop_yellow {
width: 367px;
height: 5px;
background: url(/pet/images/detail/postframe/mini_yellow_top.png) no-repeat;
}
/* この病院を見ている人は...: 口コミタイトル上枠(水色) */
div.alsosee_container div.frametop_aqua {
width: 367px;
height: 5px;
background: url(/pet/images/detail/postframe/mini_aqua_top.png) no-repeat;
}
/* この病院を見ている人は...: コンテンツ(口コミタイトル)表示領域 */
div.alsosee_container div.alsosee_content {
border-width: 0 1px;
border-style: solid;
}
/* この病院を見ている人は...: 表示領域の内側 */
div.alsosee_container div.alsosee_content div.alsosee_inner {
width: 365px;
}
/* この病院を見ている人は...: バルーン内アバター */
div.alsosee_content div.alsosee_inner img {
float: left;
margin: 0 6px;
}
/* この病院を見ている人は...: バルーン内アンカー */
div.alsosee_content div.alsosee_inner a {
display: block;
float: left;
margin: 4px 0;
}
div.alsosee_container div.bottom_base {
width: 367px;
height: 5px;
}
div.alsosee_container div.bottom_yellow { background: url(/pet/images/detail/postframe/mini_yellow_bottom.png) no-repeat; }
div.alsosee_container div.bottom_aqua { background: url(/pet/images/detail/postframe/mini_aqua_bottom.png) no-repeat; }

/* 注意書き(病院情報)*/
div.notice4info {
border: 1px dashed #e1cdb5;
padding: 8px;
}
/* 注意書き(病院情報):  */
div.notice4info h5 {
margin-bottom: 5px;
padding: 0 0 5px 20px;
background: url(/pet/images/detail/symbol_notice4info.png) no-repeat;
color: #f60;
}


/**
 * タブ2: 地図
 */

div#map_printer {
margin-bottom: 16px;
width: 690px;
height: 400px;
background: #eee;
}

table.printer, table.printer th, table.printer td {
border: 1px solid #b5c8cc;
}
table.printer col.item1 { width: 80px; }
table.printer col.data1 { width: 260px ; }
table.printer col.item2 { width: 80px; }
table.printer col.data2 { width: 260px ; }
table.printer th {
background-color: #e2faff;
color: #606060;
}

/**
 * 口コミ投稿フォーム
 */

/* 口コミ投稿: 背景 */
#control_overlay {  
background-color: #000;  
} 

div#toukou_container {
width: 622px;
}

/* 口コミ投稿:  */
form#toukou {
/* display: none; */
z-index: 900;
margin: 0 0 10px 0;
padding: 8px;
border: 1px solid #000;
background-color: #fff;
}
/* 口コミ投稿: タイトル部 */
form#toukou div.caption_outer {
width: 553px;
float: left;
}
/* 口コミ投稿: 閉じるボタン */
form#toukou a.close_button {
display: block;
float: right;
}
/* 口コミ投稿: 質問文 */
form#toukou div.question {
margin-bottom: 4px;
padding: 2px 0 2px 24px;
background: url(/pet/images/icon_footprint.png) no-repeat;
}
/* 口コミ投稿: 回答例 */
form#toukou div.question span.example {
color: gray;
}
/* 口コミ投稿: 回答部分 */
form#toukou div.content {
margin-bottom: 10px;
border-bottom: 1px solid #999;
padding: 0 0 10px 33px;
}
form#toukou div.confirm {
margin: 0 10px 10px 10px;
padding: 10px;
background-color: #ffd;
}
/* 口コミ投稿: 評価チェック領域  */
form#toukou div.hyouka_item {
clear: both;
margin-bottom: 8px;
}
/* 口コミ投稿: 評価チェックボックス */
div.hyouka_item div.chk {
float: left;
margin-right: 6px;
}
/* 口コミ投稿: 評価チェック クリック領域 */
div.hyouka_item label {
display: block;
float: left;
height: 32px;
padding-left: 38px;
background-repeat: no-repeat;
}
div.hyouka_item label.r1 { background-image: url(/pet/images/repute/1.png); }
div.hyouka_item label.r2 { background-image: url(/pet/images/repute/2.png); }
div.hyouka_item label.r3 { background-image: url(/pet/images/repute/3.png); }
div.hyouka_item label.r4 { background-image: url(/pet/images/repute/4.png); }
div.hyouka_item label.r5 { background-image: url(/pet/images/repute/5.png); }

/* 口コミ投稿: 本文テキストボックス */
form#toukou textarea {
width: 560px;
}

/* 口コミ投稿: 「口コミを投稿する」ボタン */
form#toukou input.imgbutton {
display: block;
margin: 0 auto;
width: 182px;
height: 50px;
}
form#toukou div.thanks {
margin: 20px;
}
div.thanks h3 {
color: #885050;
border-bottom: 1px solid #885050;
}

/* Google Adsence */
#main div.adsence{margin:10px 0 30px 10px;width:480px;_width:465px; font-size:90%;height:100%;}
#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;}
#main div.nav_buttons{margin-top:30px;}

#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;}