@charset "UTF-8";

* {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height: 1.4;
}
img { border:none;}
body { margin-top: 0; margin-bottom: 15px; text-align:center;}
ul {margin: 0px;padding: 0px;list-style: none;}
img {border: none;}
li {margin: 0px; padding: 0px;}
label { cursor: pointer; }
input {
margin: 4px 2px;
vertical-align: middle;
}
iframe {
border: 0 none;
margin: 0;
padding: 0;
}
iframe html, iframe html body {
border: 0;
margin: 0;
padding: 0;
}
table.base { border-collapse: collapse; }
table.base th, table.base td { padding: 4px; }

.read{
position: absolute;
left: -100em;
top: -100em;
}
br.clear {
font-size: 1px;
line-height: 100%;
clear: both;
}


/* YUI Browser History Manager ブラウザ履歴管理用 */
iframe#yui-history-iframe {
position: absolute;
top:0;
left:0;
width:1px;
height:1px;
visibility: hidden;
}

/* body直下、レイアウトのセンタリング */
div#base {
width: 920px;
margin: 0 auto;
text-align: left;
}

/**
 * ヘッダ
 */
ul.menus li {
float: left;
}
ul.menus li a:link, ul.menus li a:visited {
padding-top: 4px;
height: 22px;
display: block;
width: 184px;
background-repeat: no-repeat;
color: #333;
font-weight: bold;
text-decoration: none;
text-align: center;
overflow: hidden;
}
/*  */
ul.menus li.normal_right {
display: block;
width: 184px;
height: 28px;
background:transparent url(../2009qlife_images/header/header_menu_bg.png) 100% 0 no-repeat; }

ul.menus li a img.cursor{
margin: 0 5px 2px 0;
vertical-align: middle;
}
/*
ul.menus li a span {
margin-left: -13px;
padding-left: 14px;
background: url(../2008qlife_images/header/cursor_down.png) 0 4px no-repeat;
}
*/
ul.menus li.green_normal {
float: left;
width: 736px;
height: 28px;
background: url(../2008qlife_images/header/green_normal_off.png) no-repeat;
}
ul.menus li a.g_left span{
background: none;
padding-left: 0;
}


/* メニューバー (オレンジ) */
li a.m_left { background:transparent url(../2009qlife_images/header/header_menu_bg.png) 0 0 no-repeat; }
li a.m_left:hover { background:transparent url(../2009qlife_images/header/header_menu_bg.png) 0 -26px no-repeat; }
li a.m_center { background:transparent url(../2009qlife_images/header/header_menu_bg.png) -184px 0 no-repeat; }
li a.m_center:hover { background:transparent url(../2009qlife_images/header/header_menu_bg.png) -184px -26px no-repeat; }
li a.m_right { background:transparent url(../2009qlife_images/header/header_menu_bg.png) 100% 0 no-repeat; }
li a.m_right:hover { background:transparent url(../2009qlife_images/header/header_menu_bg.png) 100% -26px no-repeat; }
/* メニューバー (緑) */
li a.g_left { background-image: url(../2008qlife_images/header/green_left_off.png); }
li a.g_left:hover { background-image: url(../2008qlife_images/header/green_left_on.png); }
li a.g_center { background-image: url(../2008qlife_images/header/green_center_off.png); }
li a.g_center:hover { background-image: url(../2008qlife_images/header/green_center_on.png); }
li a.g_right { background-image: url(../2008qlife_images/header/green_right_off.png); }
li a.g_right:hover { background-image: url(../2008qlife_images/header/green_right_on.png); }

/* サブメニュー(外側) */
div.submenubox {
width: 184px;
z-index: 999;
position: absolute;
}
/* サブメニュー(内側) */
div.submenubox ul.submenulist {
background: #fff url(../2009qlife_images/header/menu_ul_bg2.png) 0 0 repeat-y;
border:1px solid #999999;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:4px;

}
div.submenubox ul.orange {
border:none ! important;
border-right:1px solid #ccc ! important;
border-bottom:1px solid #ccc ! important;
border-left:1px solid #fff ! important;
background-color: #fff ! important;
}
div.submenubox ul.orange li {border-bottom: 1px solid #ededed;}

div.submenubox ul.green {
border: 1px solid #62aa04 ! important;
background-color: #f9ffe9 ! important;
}
div.submenubox ul.green li {border-bottom: 1px solid #ededed;}

/* サブメニュー(アンカー・通常) */
ul.submenulist li a,ul.submenulist li a:link, ul.submenulist li a:visited,ul.submenulist li a:active{
display: block;
width: 162px;
padding: 6px 0 4px 12px;
text-decoration: none;
color: #333;
background: transparent url(../2009qlife_images/header/menu_bg.png) -200px 0 repeat-y;
}
/* サブメニュー(アンカー・マウスオン) */
ul.orange li a:hover {
display: block;
width: 162px;
padding: 6px 0 4px 12px;
color: #f60;
background: #fff url(../2009qlife_images/header/menu_bg.png) 0 0 repeat-y;
}
ul.green li a:hover {
background-color: #8abd03;
color: #fff;
}

/* メインコンテンツ部(ページ左) */
div#main {
float: left;
width: 710px;
margin: 0 8px 10px 0;
z-index: 10;
}
/* サイドバー(ページ右) */
div#sidebar {
float: left;
margin-bottom: 10px;
width: 200px;
}

/* フッター */
div#footer {
clear: both;
}

/**
 * タブボタン
 */

div#tabview_container {
clear: both;
margin-bottom: 10px;
}

ul.yui-nav {
list-style: none;
margin: 0 0 0 6px;
padding: 0;
clear: both;
}
ul.yui-nav li {
float:left;
margin: 0 4px 0 0;
padding: 0;
}
ul.yui-nav li a {
display: block;
background-repeat: no-repeat;
text-align: center;
text-decoration: none;
font-weight: bold;
}

/**
 * 感動口コミローテーション
 */

div#kandou {
margin-bottom: 10px;
width: 705px;
height: 175px;
background: url(../2009qlife_images/bg_topimage.png) no-repeat;
position: relative;
}
div#kandou div#balloonbase {
position: absolute;
left:32px;
top:8px;
width: 642px;
height: 120px;
background-repeat:no-repeat;
}
div#balloonbase div.balloon_inner {
/* border: 1px solid red; */
margin: 10px 20px 0 20px;
height: 80px;
overflow: auto;
}

div.b0 { background-image:url(../2009qlife_images/fukidashi/c.png); }
div.b0_ie { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/c.png',sizingMethod='scale'); }
div.b1 { background-image:url(../2009qlife_images/fukidashi/1.png); }
div.b1_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/1.png',sizingMethod='scale'); }
div.b2 { background-image:url(../2009qlife_images/fukidashi/2.png); }
div.b2_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/2.png',sizingMethod='scale'); }
div.b3 { background-image:url(../2009qlife_images/fukidashi/3.png); }
div.b3_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/3.png',sizingMethod='scale'); }
div.b4 { background-image:url(../2009qlife_images/fukidashi/4.png); }
div.b4_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/4.png',sizingMethod='scale'); }
div.b5 { background-image:url(../2009qlife_images/fukidashi/5.png); }
div.b5_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/5.png',sizingMethod='scale'); }
div.b6 { background-image:url(../2009qlife_images/fukidashi/6.png); }
div.b6_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2009qlife_images/fukidashi/6.png',sizingMethod='scale'); }
div#balloonbase p {
margin: 0;
color:#131686;
font-weight:bold;
}
a.intrologo {
position:absolute;
left:6px;
top:133px;
width:110px;
height:42px;
background-image: url(../2008qlife_images/qlink.png);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2008qlife_images/qlink.png',sizingMethod='image');
}
a.intrologo:hover {
background-image: url(../2008qlife_images/qlink_on.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2008qlife_images/qlink_on.png',sizingMethod='image');
}
div#kandou img.avatarbase {
width: 65px;
height: 95px;
top: 83px;
position: absolute;
}
img.avatar1 { left: 132px; }
img.avatar2 { left: 194px; }
img.avatar3 { left: 256px; }
img.avatar4 { left: 442px; }
img.avatar5 { left: 504px; }
img.avatar6 { left: 566px; }

/**
 * キーワード検索フォーム
 */

/* 検索フォーム(外側) */
form.hospital_search_box {
width: 676px;
height: 55px;
background: url(../2008qlife_images/hospital_search_box.gif) no-repeat;
margin-bottom: 10px;
}
/* 検索フォーム(内側) */
div.kensaku_inner {
padding: 15px 0 0 10px;
}
/* 「キーワード検索」 */
img.keyword_img {padding-right: 10px; vertical-align:middle;}
/* テキストボックス(外側) */
div.txt_outer {
padding-right: 20px;
}
/* テキストボックス */
input.search_input {
width: 400px;
height: 17px;
padding: 3px 0 0 5px;
border-top: 2px #7A7A7A solid;
border-left: 2px #7A7A7A solid;
border-bottom: 2px #F4F4F4 solid;
}
/* 検索ボタン */
input.btn {
height: 25px ! important;
}

/* 検索Tips */
div.tips {
width: 480px;
height: 58px;
position: absolute;
z-index: 902;
}
/* 検索Tips: 左側 */
div.tips div.tips_left {
float: left;
position: relative;
height:58px;
width: 7px;
background:url(../2008qlife_images/mypage/newkuchikomi_red_str_left.png);
}
/* 検索Tips: 中央 */
div.tips div.tips_center {
float: left;
position: relative;
height:58px;
background:url(../2008qlife_images/mypage/newkuchikomi_red_str_middle.png);
white-space: nowrap;
}
/* 検索Tips: 中央メッセージ部 */
div.tips div.tips_center p {
margin: 12px 8px;
color: white;
font-weight: bold;
}
/* 検索Tips: 右側 */
div.tips div.tips_right {
float: left;
position: relative;
height:58px;
width: 10px;
background:url(../2008qlife_images/mypage/newkuchikomi_red_str_right.png);
}

/**
 * 広告枠(PR)
 */

/* 広告枠  */
div.prframe {
clear: both;
}
/* 広告枠: 左部 */
div.prframe div.prframe_left {
float: left;
width: 20px; 
height: 75px;
background: url(../2008qlife_images/prframe_left.png) no-repeat;
}
/* 広告枠: 中央部 */
div.prframe div.prframe_center {
float: left;
width: 412px;
border-width: 1px 0;
border-style: solid;
border-color: #ffbca6;
}
/* 広告枠: 本文表示部 */
div.prframe div.prframe_center div.inner {
display: block;
margin: 5px 0;
padding: 0;
width: 412px;
height: 63px;
text-align: left;
vertical-align: middle;
overflow: hidden;
}
/* 広告枠: 右側 */
div.prframe div.prframe_right {
float: left;
width: 9px;
height: 75px;
background: url(../2008qlife_images/prframe_right.png) no-repeat;
}

/**
 * 疾患啓発 広告
 */
div.keihatsu_ads {
margin-bottom: 10px;
padding: 0;
}
div.keihatsu_ads div.box {
float: left;
width: 229px;
height: 80px;
}


/**
 * サイドバー
 */

a.fontsize {
display: block;
float: left;
margin-right: 2px;
width: 23px;
height: 22px;
background-repeat: no-repeat;
}
a#fontsize1 { background-image: url(../2008qlife_images/small.gif); }
a#fontsize2 { background-image: url(../2008qlife_images/mid.gif); }
a#fontsize3 { background-image: url(../2008qlife_images/big.gif); }
a#fontsize1.active { background-image: url(../2008qlife_images/smallon.gif); }
a#fontsize2.active { background-image: url(../2008qlife_images/midon.gif); }
a#fontsize3.active { background-image: url(../2008qlife_images/bigon.gif); }

/* (ログイン時) ポイント */
div.mypage_mtext {
border: 2px dotted #fa8304;
padding: 4px 0;
background-color: #ffffff;
text-align: center;
color: #333333;
font-weight: bold;
}


/**
 * QLIFE SQUARE
 */

div.qlife_square img.header { margin-bottom: 10px; }
div.qlife_square a.record { clear: both; display: block; margin-bottom: 6px; color: #000; text-decoration: none ! important; cursor: pointer; }
div.qlife_square a.record:hover { color: #f90; }
a.record div.img { float: left; width: 60px; height: 60px; background-color: #eee;   }
a.record div.content { float: left; margin-left: 10px; }
a.record div.content div.inner { width: 130px;  word-break: break-all; }
a.record div.content span.tokushu { color: red; }

/**
 * エラー表示
 */

span.error, div.error {
background-color: #fdd;
color: red;
}
div.error {
border: 1px solid #f00;
margin: 10px 0;
padding: 8px;
}


/**
 * サイドバー: ログインフォーム
 */

form#login{
margin-top: -15px;
padding-top: 50px;
background: transparent url(../2009qlife_images/form/form_title.png) 0 15px no-repeat;
}

form#login div.caption {
float: left;
margin-right: 4px;
width: 66px;
text-align: right;
}
form#login input.logininput {
margin: 0;
width: 100px;
}

.center { margin-left:auto; margin-right:auto;}
.floatl { float:left;}
.floatr { float:right;}
.mgnTop5 { margin-top:5px;}
.mgnTop10 { margin-top:10px;}
.mgnTop15 { margin-top:15px;}
.mgnTop20 { margin-top:20px;}

.paddingTop10 { padding-top:10px;}
.paddingTop15 { padding-top:15px;}
.paddingTop20 { padding-top:20px;}
.paddingLeft10 { padding-left:10px;}
.paddingLeft15 { padding-left:15px;}
.paddingLeft25 { padding-left:25px;}

.paddingBottom10 { padding-bottom:10px;}
.clear { clear:both; height:0px; width:0px;}
.fontbold { font-weight:bold;}

a:link { color:#9e4a18; text-decoration:underline;}
a:visited { color:#9e4a18; text-decoration:underline;}
.aligncenter { text-align:center;}

.copyright { padding-top:5px;}
div.intrologohover { position:absolute; left:6px; top:143px; width:110px; height:42px; background-image:url(../2008qlife_images/qlink_on.png); background-repeat:no-repeat; z-index:101; visibility:hidden; cursor:pointer; > background-image:none; > filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2008qlife_images/qlink_on.png',sizingMethod='scale');}
div.balloon { position:absolute; width:602px; height:119px; padding-top:12px; padding-left:20px; padding-right:20px;}
div.balloonhelp { left:32px; top:8px; background-image:url(../2008qlife_images/fukidashi/c.gif); background-repeat:no-repeat; z-index:102; visibility:hidden; > background-image:none; > filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../2008qlife_images/fukidashi/c.png',sizingMethod='scale');}
div.littlebdr { border-left:solid 1px #ffffff; border-top:solid 1px #ffffff; float:right; cursor:pointer;}
.curPointer { cursor:pointer;}
.pageChange a:link { color:#7f581b; text-decoration:underline; padding-bottom:3px; padding-left:5px; padding-right:5px;}
.pageChange a:visited { color:#7f581b; text-decoration:underline; padding-bottom:3px; padding-left:5px; padding-right:5px;}
.pageChange a:hover { color:#ffffff; background-color:#fc9312; text-decoration:underline; padding-bottom:3px; padding-left:5px; padding-right:5px;}
.pageChange div.normal { width:16px; cursor:default; font-weight:bold; text-align:center; color:#000000;}
tr.title td { border-right:solid 1px #993300; border-bottom:solid 1px #993300; padding:5px 5px 5px 5px; color:#000000; font-weight:bold; text-align:center; vertical-align:middle;}
span.number { color:#FA8304; text-align:center; font-weight: bold;}
div.context { }

div.login_new {
margin: 5px 0 10px 0;
padding: 5px 10px 10px 10px;
border-bottom: 1px solid #ccc;
background: transparent url(../2009qlife_images/form/form_bg.png) 0 0 no-repeat;
}
div.login_inner {
padding: 10px 0 0 0;
text-align: center;
}

div.toppage_ads_left_top {
margin-bottom: 10px;
padding: 0;
width: 200px;
}

div.mypage_wordone { font-weight:bold; }
.total_search {text-align: left;width: 706px;height: 23px;}

div.password_link{
	font-size: 11px;
	text-align: right;
}
div.loginbtn{
	text-align: center;
}
div.loginbtn input{
	margin: 0;
}