﻿/**********
  * Tag Settings
 **********/
*{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W4","Verdana","ＭＳ Ｐゴシック", Osaka;}
html{font-size:10pt;height:100%;}
body{height:100%;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W4","Verdana","ＭＳ Ｐゴシック", Osaka;font-size:90%;color:#504a43;}
.clear{clear: both;}.clearFix{zoom:1;/*IE 5.5-7*/}
.clearFix:after{content:".";display:block;clear:both;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;}
.vt{vertical-align:top !important;}.vb{vertical-align:bottom !important;}.vm{vertical-align:middle !important;}
.vtt{vertical-align:text-top !important;}.vtb{vertical-align:text-bottom !important;}
.fl{float:left;}.fr{float:right;}.cb{clear:both;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
.spt05{margin-top:5px;}.spt10{margin-top:10px;}.spt15{margin-top:15px;}.spt20{margin-top:20px;}.spt25{margin-top:25px;}.spt30{margin-top:30px;}.spt35{margin-top:35px;}
.spb05{margin-bottom:5px;}.spb10{margin-bottom:10px;}.spb15{margin-bottom:15px;}.spb20{margin-bottom:20px;}.spb30{margin-bottom:30px;}
.spl05{margin-left:5px;}.spl10{margin-left:10px;}.spl15{margin-left:15px;}.spl20{margin-left:20px;}.spl27{margin-left:27px;}.spl25{margin-left:25px;}.spl30{margin-left:30px;}.spl35{margin-left:35px;}.spl40{margin-left:40px;}.spl50{margin-left:50px;}.spl60{margin-left:60px;}.spl70{margin-left:70px;}.spl80{margin-left:80px;}
.f60{font-size:60%;}.f65{font-size:65%;}.f70{font-size:70%;}.f75{font-size:75%;}.f80{font-size:80%;}.f85{font-size:85%;}.f90{font-size:90%;}.f95{font-size:95%;}.f100{font-size:100%;}.f110{font-size:110%;}.f120{font-size:120%;}.f130{font-size:130%;}.f170{font-size:170%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.lh120{line-height:120%;}.lh130{line-height:130%;}.lh140{line-height:140%;}.lh150{line-height:150%;}.lh160{line-height:160%;}.lh170{line-height:170%;}.lh180{line-height:180%;}.lh190{line-height:190%;}.lh200{line-height:200%;}
.w100{width:100px;}.w115{width:115px;}.w170{width:170px;}.w200{width:200px;}.w218{width:218px;}.w198{width:198px;}.w250{width:250px;}.w279{width:279px;}.w280{width:280px;}.w300{width:300px;}.w350{width:350px;}.w400{width:400px;}.w448{width:448px;}.w460{width:460px;}.w500{width:500px;}.w520{width:520px;}
a,a:link{outline: none;color:#414141;}a:visited{color:#414141;}a:hover{color:#414141;}
.em{font-weight:bold;}
.shadow{text-shadow:0px 1px 0px #fff;}.shadow_rich{text-shadow:0px 1px 1px #bababa;font-weight:normal;padding:20px 0;}
.white_box{border-radius:5px;background:#fff;border:1px solid #e4decf;padding:15px 15px 30px 15px;box-shadow:0px 0px 6px 0px #e7e7e7;}
.blue{color:#0f95b3;}.orange{color:#dd9a3b;}.red{color:#d56161;}.white{color:#fff;}.blue{color:#4C71B4;}.pink{color: #f0719d;}
.img_border img{border:1px solid #e0e0e0;}
.img_style img{border-radius:5px;}
.font_weight_normal{font-weight:normal;}
.img_hover:hover img{opacity: 0.8;}
.width_button a
{letter-spacing:0.1em;text-shadow:0px 1px 0px #fff;display:block;padding:10px 20px;text-decoration:none;border-radius:5px;border-top:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;box-shadow:1px 1px 0px 0px #fff inset;
background: -moz-linear-gradient(top, #f8f8f8, #ededed);
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ededed));
background: -ms-linear-gradient(top, #f8f8f8, #ededed);  /* IE9用 */
background: linear-gradient(to bottom, #f8f8f8, #ededed);  /* IE10から */
}
.width_button a:hover
{background: -moz-linear-gradient(top, #ededed, #f8f8f8);
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f8f8f8));
background: -ms-linear-gradient(top, #ededed, #f8f8f8);  /* IE9用 */
background: linear-gradient(to bottom, #ededed, #f8f8f8);  /* IE10から */
}

body
{background:#fff;}

/* 背景画像 */
img.bg
{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;}

@media screen and (max-width: 1024px){
  img.bg {left:50%;margin-left:-512px;}
}

/* 文字選択時の背景色 */
::selection{background:#73d0de;color:#fff;}
::-moz-selection{background:#73d0de;color:#fff;}

/* Container */
div#Container
{padding:0;margin:0;position:relative;width:960px;margin:auto;height:100%;}

/* Left */
div#Left
{width:210px;height:100%;min-height:100%;
background: -moz-linear-gradient(top,  rgba(109,217,246,1) 0%, rgba(109,217,246,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,217,246,1)), color-stop(100%,rgba(109,217,246,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,217,246,1) 0%,rgba(109,217,246,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,217,246,1) 0%,rgba(109,217,246,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,217,246,1) 0%,rgba(109,217,246,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,217,246,1) 0%,rgba(109,217,246,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd9f6', endColorstr='#006dd9f6',GradientType=0 ); /* IE6-9 */
}
body > #Left
{height:auto;}
.logo
{border-bottom:1px solid #69bfd6;padding-bottom:30px;}

/* 文字サイズボタン */
#Font span
{cursor:pointer;background:#d5eef5;padding:1px 5px;border-radius:3px;color:#0f95b3;}
#Font span.hover,#Font span.active
{background:#0f95b3;color:#fff;}

/* ナビゲーション */
ul#Gnavi a
{text-decoration:none;}
ul#Gnavi, ul.navi_child
{list-style:none;}
#Gnavi
{width:210px;color:#077892;}
.navi_header
{letter-spacing:0.1em;border-bottom:1px solid #69bfd6;border-top:1px solid #cceef6;cursor:pointer;width:174px;padding-left:35px;padding-top:15px;padding-bottom:15px;font-weight:bold;}
.navi_header:hover
{background:#54c7e0;color:#fff;}

.navi_header02 a
{color:#077892;display:block;letter-spacing:0.1em;border-bottom:1px solid #69bfd6;border-top:1px solid #cceef6;width:174px;padding-left:35px;padding-top:15px;padding-bottom:15px;font-weight:bold;}
.navi_header02 a:hover
{background:#54c7e0;color:#fff;}


/* ↓リンクのハイライト↓ */
.current
{background:#54c7e0;color:#fff;}
.current02 a
{color:#fff;background:#54c7e0;}
.navi_child li
{width:210px;border-bottom:1px solid #aedbe6;}
.navi_child li:last-child
{border-bottom:none;}
.navi_child li a
{letter-spacing:0.1em;font-size:75%;display:block;padding-left:35px;background:#cdf1fb;padding-top:10px;padding-bottom:10px;color:#077892;}
.navi_child li a:hover
{background:#e5f8fd;}
.border_top
{border-top:1px solid #cceef6;}

/* Right */
#Right
{width:730px;height:auto;}

/* header */
.tel
{color:#0f95b3;background:url("../images/icon_tel.png") no-repeat left;padding-left:20px;}

/* MainImages */
#MainImages
{position:relative;width:730px;height:300px;background:#fff;box-shadow:0px 0px 6px 0px #e7e7e7;border-radius:6px;}
#MainImages img
{position:absolute;left:0;top:0;}

/* コンテンツ */
.white_box h2 a
{text-decoration:none;color:#0f95b3;}
.white_box h2 a:hover
{color:#21b0d0;}
.contents h2
{background:url("../images/title_bg.jpg") repeat;border:1px solid #0d809a;border-radius:5px;color:#fff;padding:20px;text-shadow:0px 1px 0px #0a566b;letter-spacing:0.1em;}
.contents h2 span
{font-weight:normal;letter-spacing:0.1em;}
.contents .sub_title
{position:relative;background:#54c7e0;color:#fff;border:1px solid #4bb8d1;border-radius:5px;padding:7px 6px;line-height:160%;}
.contents .sub_title_txt
{letter-spacing:0.1em;}
.contents .sub_title_txt a
{color:#fff;text-decoration:none;padding:7px 0 5px 0;text-shadow:0px 1px 0px #128ea8;}
.contents .sub_title_txt a:hover
{border-bottom:4px solid #fff;}
.contents .sub_title_txt a.subtitle_current
{border-bottom:4px solid #fff;}
.contents .sub_title
{padding-left:20px;padding-right:20px;background:#54c7e0;color:#fff;border:1px solid #4bb8d1;border-radius:5px;line-height:160%;}
.pankuzu a
{color:#fff;}
.section_border
{border-top:1px solid #e0e0e0;}
.basic_padding
{padding-top:15px;}
.news ul
{list-style-image:url("../images/icon_arrow_gray.png");margin-left:20px;}
.news ul li a
{display:block;padding:3px 5px;text-decoration:none;}
.news ul li a:hover
{background:#e4f6fa;border-radius:5px;}
.more a
{text-shadow:0px 1px 0px #fff;padding:3px 0;background:#efefef;text-decoration:none;padding:3px 6px;border-radius:3px;box-shadow:1px 1px 0px 0px #b5b5b5;}
.more a:hover
{background:#f4f4f4;color:#0f95b3;}

/* Footer */
footer
{border-top:1px solid #e5e5e8;margin:40px 0 10px 0;}
footer .footer_navi a
{text-decoration:none;}
footer .footer_navi a:hover
{text-decoration:underline;}

/* コンセプトページ */
.concept_list dd
{background:url("../images/icon_arrow_gray.png") no-repeat;background-position:0px 7px;padding-left:1em;}
.concept_indent
{margin-left:0.5em;}
.concept_column
{border-top:1px dotted #dedede;border-bottom:1px dotted #dedede;padding:15px;}
.concept_column02
{border-top:1px dotted #dedede;padding:15px;}
.concept_list02
{list-style-image:url("../images/icon_arrow_gray.png");padding-left:1.5em;}
.concept_title
{border-radius:5px;background:#f0f0f0;padding:3px 10px;text-shadow:0px 1px 0px #fff;}
.concept_underline
{border-bottom:1px solid #efefef;padding-bottom:2px;}

/* システム構成 */
.system_list01
{list-style-image:url("../images/icon_arrow_gray.png");padding:0 45px;}
.system_list01 li
{margin-bottom:10px;}

/* ページトップへ */
a.page_top
{text-shadow:0px 1px 0px #49a9c3;font-weight:bold;position:fixed;bottom:15px;right:-5px;padding:10px 20px;text-decoration:none;background:#6dd9f6;border-radius:5px;color:#fff;}
a.page_top:hover
{background:#49a9c3;text-shadow:0px -1px 0px #347b8e;}

/* サイトマップ */
.sitemap_list a
{text-decoration:none;}
.sitemap_list a:hover
{text-decoration:underline;}
.sitemap_list dt
{font-size:100%;}
.sitemap_list dd
{font-size:80%;text-indent:1em;}
.sitemap_border
{border-bottom:1px solid #e0e0e0;}
.sitemap_padding
{padding:20px 0;}
.sitemap_link a:hover
{text-decoration:none;}
.sitemap_indent
{margin-left:13px;}

/* お問い合わせ */
.inquiry_list dt
{display:list-item;list-style-position:inside;list-style-image:url("../images/icon_arrow_gray.png");}
.inquiry_list dd
{margin:2px 0 1.4em 2em;}


/* 企業情報 */
.company_table
{width:100%;}
.company_table td
{padding:5px 10px;border-bottom:1px dotted silver;}

/* 機能 */
.point_box
{border:1px solid silver;border-radius:6px;padding:15px;width:60%;margin:auto;}
.point_title
{letter-spacing:0.3em;}

/*窓口支払機・診療支払機*/

.payment_box
{border:1px solid #f0719d;border-radius:6px;padding:18px 5px;width:45%;}
.payment_box2
{border:1px solid #f0719d;border-radius:6px;padding:8px 5px;width:45%;}
.payment_box3
{padding:5px;width:45%; height: 20%;}


/* 患者管理 */
.status_box
{background:#fff;padding:15px;border:1px solid #dadada;border-radius:3px;width:280px;height:100px;box-shadow:1px 1px 0px 0px #fff inset;
background: -moz-linear-gradient(top, #fafafa, #f4f4f4);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f4f4f4));}
.status_list
{list-style:none;}
.status_indent
{text-indent:1.5em;}
.status_border
{border-bottom:1px dotted silver;padding-bottom:3px;}

/* 番号案内・音声呼出 */
.guide_list dt
{background:url("../images/icon_arrow_gray.png") no-repeat left;padding-left:1em;}
.guide_list dd
{text-indent:1em;}

/* 導入実績 */
.results_table
{border-collapse:collapse;}
.results_table th
{padding:10px 12px;border-right:1px solid #fff;background:#7acbe3;vertical-align:middle;color:#fff;text-shadow:0px 1px 0px #407f91;letter-spacing:0.1em;}
.results_table td
{padding:10px 12px;border-bottom:1px solid #cfcfcf;border-right:1px solid #e9e9e9;vertical-align:middle;}
.results_table th:last-child,.results_table td:last-child
{border-right:none;}
.width20
{width:20px;}
.width140
{width:130px;}
.width200
{width:200px;}
.width230
{width:230px;}
.bg_gray
{background:#f8f8f8;}

/* 病院さまの声 */
.voice_box
{padding:20px;background:#fff;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-shadow:0px 1px 4px 0px #e7e7e7;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}
.voice_indent
{text-indent:1.5em;}
.voice_box img
{vertical-align:middle;}

/* お知らせ */
.info_dl_area
{background:#f9e7d8;border:1px solid #f9e7d8;border-radius: 5px;padding:5px 8px;}

/* 導入の流れ */
.flow_box02
{position:relative;}
.arrow_circle01
{position:absolute;top:-170px;left:-5px;}
.arrow_circle02
{position:absolute;top:-170px;right:-5px;}
.arrow_tbl
{border-collapse:separate;border:none;width:90%;margin:auto;border-spacing:3px 15px;}
.arrow_tbl th
{letter-spacing:0.1em;color:#fff;width:20%;font-weight:normal;font-size:130%;text-align:right;padding:15px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-shadow:0px 1px 4px 0px #e7e7e7;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}
.arrow_tbl td
{padding:0 20px;vertical-align:middle;background:#fff;letter-spacing:0.1em;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-shadow:0px 1px 4px 0px #e7e7e7;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}

/* Web予約 */
.reservation_txt
{padding-right:80px;}

/* メールサービス */
.mail_list01
{list-style-image:url("../images/icon_arrow_gray.png");padding:0 45px;margin:30px 0 0 100px;}
.mail_list01 li
{margin-bottom:3px;}


/* New icon */

.navi_child .new a,
.navi_child .new a:hover{
    background-image:url("../images/newicon.png");
    background-repeat: no-repeat;
    background-position:99% 25%;
}

/* 統計システム */
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 10px 15px;
  min-width: 120px;
  max-width: 100%;
  font-size: 90%;
  background: #fff;
  border: 2px solid #74b5bf;
  border-radius: 5px;
  box-sizing: border-box;
}

.balloon:before {
  content: "";
  position: absolute;
  top: 28%;
  left: -22px;
  margin-top: -12px;
  border: 6px solid transparent;
  border-right: 18px solid #fff;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  top: 28%;
  left: -29px;
  margin-top: -14px;
  border: 8px solid transparent;
  border-right: 21px solid #74b5bf;
  z-index: 1;
}

.balloon p {
  margin: 0;
  padding: 0;
  font-size: 90%;
  line-height: 1.8em;
}
