/* =========================================================================
 * COMMON
 * ========================================================================= */
body		{font-family: "Meiryo", "MS UI Gothic", "Arial", "Calibri"; font-size: 0.9em;}

a:link		{color: #1749af; text-decoration: none;}
a:visited	{color: #1749af; text-decoration: none;}
a:active	{color: #1749af; text-decoration: none;}
a:hover		{color: #ff3209; text-decoration: underline;}

h1			{margin-bottom: 20px; padding: 5px 10px 1px; color: #1749af; border-left: 10px solid #00a0e9; border-bottom: 1px solid #00a0e9; line-height: 1em;}
h2			{color: #0082ca; font-size: 20px;}

ul			{list-style: none;}
ol			{list-style: none;}
a img:hover	{filter:alpha(opacity=60); opacity: 0.6;}

.center		{text-align: center !important;}
.right		{text-align: right !important;}
.left		{text-align: left !important;}

.txt_xl		{font-size: 1.3em !important;}
.txt_ll		{font-size: 1.2em !important;}
.txt_l		{font-size: 1.1em !important;}
.txt_s		{font-size: 0.9em !important;}
.txt_ss		{font-size: 0.8em !important;}
.txt_xs		{font-size: 0.7em !important;}

.txt_red_ex	{color: #ff0000 !important;}
.txt_red	{color: #dd4138 !important;}
.txt_blue	{color: #67a2ec !important;}
.txt_dblue	{color: #0082ca !important;}
.txt_gold	{color: #a68339 !important;}
.txt_black	{color: #000000 !important;}
.txt_dis	{color: #cccccc !important;}
.txt_nowrap	{white-space: nowrap !important;}
.txt_normal	{font-weight: normal !important;}
.txt_bold	{font-weight: bold !important;}
.lead		{color: #1749af; font-size: 18px;}

.mt_5		{margin-top:  5px !important;}
.mt_10		{margin-top: 10px !important;}
.mt_15		{margin-top: 15px !important;}
.mt_20		{margin-top: 20px !important;}
.mt_30		{margin-top: 30px !important;}
.ml_5		{margin-left:  5px !important;}
.ml_10		{margin-left: 10px !important;}
.ml_15		{margin-left: 15px !important;}
.ml_20		{margin-left: 20px !important;}
.ml_30		{margin-left: 30px !important;}
.mb_5		{margin-bottom:  5px !important;}
.mb_10		{margin-bottom: 10px !important;}
.mb_15		{margin-bottom: 15px !important;}
.mb_20		{margin-bottom: 20px !important;}
.mb_30		{margin-bottom: 30px !important;}
.mr_5		{margin-right:  5px !important;}
.mr_10		{margin-right: 10px !important;}
.mr_15		{margin-right: 15px !important;}
.mr_20		{margin-right: 20px !important;}
.mr_30		{margin-right: 30px !important;}

.pt_5		{padding-top:  5px !important;}
.pt_10		{padding-top: 10px !important;}
.pt_15		{padding-top: 15px !important;}
.pt_20		{padding-top: 20px !important;}
.pt_30		{padding-top: 30px !important;}
.pl_5		{padding-left:  5px !important;}
.pl_10		{padding-left: 10px !important;}
.pl_15		{padding-left: 15px !important;}
.pl_20		{padding-left: 20px !important;}
.pl_30		{padding-left: 30px !important;}
.pb_5		{padding-bottom:  5px !important;}
.pb_10		{padding-bottom: 10px !important;}
.pb_15		{padding-bottom: 15px !important;}
.pb_20		{padding-bottom: 20px !important;}
.pb_30		{padding-bottom: 30px !important;}
.pr_5		{padding-right:  5px !important;}
.pr_10		{padding-right: 10px !important;}
.pr_15		{padding-right: 15px !important;}
.pr_20		{padding-right: 20px !important;}
.pr_30		{padding-right: 30px !important;}

.fl_right	{float: right !important;}
.fl_left	{float: left !important;}
.clr_both	{clear: both !important;}

.box_abs	{position: absolute;}
.box_shadow	{box-shadow: 0px 0px 5px 0px #d8d8d8;}
.bg_photo	{filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}

.box_title			{padding: 0px 10px 5px; height: 25px; border: 1px solid #cccccc; position: relative; color: #83222e; background: url(../img/bg_box_title.png) repeat-x #e7e7e7; box-shadow: 0px 0px 5px 0px #d8d8d8, 0 0 0px 1px #ffffff inset;}
.box_title:before	{content: url(../img/list_mark_bar.png)" ";}
.box_title h2		{vertical-align: 4px; margin-left: 0; padding-left: 0; display: inline; color: #0082ca; background: none; font-size:0.9em; font-weight: normal;}
.box_title span		{vertical-align: 4px;}

.bg_base			{border: 1px solid #cccccc; box-shadow: 0 1px 5px 0 #d8d8d8, 0 0 0 1px #ffffff inset; background-color: #f1f1f1;}
.btn_base			{border: 1px solid #cccccc; border-radius: 5px; box-shadow: 0 1px 5px 0 #d8d8d8, 0 0 0 1px #ffffff inset; color: #ffffff; text-align: center; font-size: 24px; cursor: pointer;}
.btn_base2			{border: 1px solid #cccccc; border-radius: 5px; box-shadow: 0 1px 5px 0 #d8d8d8, 0 0 0 1px #ffffff inset; color: #ffffff; text-align: center; font-size: 20px; cursor: pointer;}
.btn_base:hover		{filter:alpha(opacity=60); opacity: 0.6;}
.btn_blue			{background: url(../img/bg_btn_blue.png) 0 0 repeat-x; text-shadow: -1px -1px 0 #0080ba, 1px 1px 0 #87d7fd;}
.btn_gold			{background: url(../img/bg_btn_gold.png) 0 0 repeat-x; text-shadow: -1px -1px 0 #8a6d2f, 1px 1px 0 #d6c196;}
.btn_gray			{background: url(../img/bg_btn_gray.png) 0 0 repeat-x; text-shadow: -1px -1px 0 #656565, 1px 1px 0 #b9b9b9;}
.btn_deep			{background: url(../img/bg_btn_deep.png) 0 0 repeat-x; text-shadow: -1px -1px 0 #2d4382, 1px 1px 0 #8f9ed9;}
.btn_dis			{background: url(../img/bg_btn_gray.png) 0 0 repeat-x; text-shadow: -1px -1px 0 #656565, 1px 1px 0 #b9b9b9; box-shadow: 0 0 0 0 #d8d8d8, 0 0 0 1px #ffffff inset; filter:alpha(opacity=60); opacity: 0.6; color: #cccccc !important; cursor: default;}

.bd_b_dot	{border-bottom: dotted 2px #1749af;}
.bd_t_dot	{border-top: dotted 2px #1749af;}
.title_blue	{margin-bottom: 5px; padding: 5px 0 0 10px; color: #ffffff; background-color: #00a0e9; border-radius: 25px;}
.title_gold	{margin-bottom: 5px; padding: 5px 0 0 10px; color: #ffffff; background-color: #a68339; border-radius: 25px;}
.title_deep	{margin-bottom: 5px; padding: 5px 0 0 10px; color: #ffffff; background-color: #3854a3; border-radius: 25px;}

.g_table	{margin-left: 2em; width: 800px;}
.g_table th	{padding: 2px; border: 1px solid #00a0e9; color: #1749af; background-color: #d7efff; font-size: 0.8em; white-space: nowrap;}
.g_table td	{padding: 2px; border: 1px solid #00a0e9;}

.docx:before{content: url(../img/ico_wordx2.png);}
.ic_pdf:before{content: url(../img/icon_pdf2.png);}

.pc			{display: none !important;}

/* =========================================================================
 * Basic Elements
 * ========================================================================= */
.wrapper		{margin: 0 auto; position: relative;}
#header			{width: 100%; border-bottom: 5px solid #e60012; background: url(../img/bg_header_sm.png) no-repeat 50% 0%;}
#headerContent	{margin: 0; height: 90px; position: relative;}
#catch			{padding: 20px 20px 0; height: 85px; color: #67a2ec; background: url(../img/bg_catch.png) no-repeat 96% 50%; font-size: 18px;}
#g_navi			{padding: 0px;}
#main			{padding: 10px; position: relative; overflow: hidden;}
#main_left		{}
#main_right		{padding: 0 20px;}
#footer			{width: 100%; height: 50px; clear: both; background: url(../img/bg_footer_sm.png) no-repeat 50% 0%;}
#footerContent	{margin: 0; padding: 10px 0; position: relative;}

/* =========================================================================
 * header Elements
 * ========================================================================= */
#headerContent h1		{margin-bottom: 0px; padding: 0px; color: #1749af; border-left: none; border-bottom: none; line-height: 1em;}
#header .logo			{margin: 0; padding: 0; border: none; line-height: inherit;}
#header img				{margin-top: 10px; width: 210px;}
#headerContent .tel		{padding-left: 15px; color: #0082ca; position: absolute; right: 5px; top: 30px; background: url(../img/icon_tel.png) no-repeat left 1px; background-size: 14px 14px; font-size: 11px; font-weight: bold;}
#headerContent .info	{color: #ffffff; position: absolute; right: 0px; top: 3px; font-size: 6px; line-height: 1.2em;}
#headerContent .msg		{color: #0082ca; position: absolute; right: 0px; bottom: 2px; font-size: 7px;}

/* =========================================================================
 * g_navi Elements
 * ========================================================================= */
#g_navi ul					{position: relative; overflow: hidden; padding: 0 10px;}
#g_navi ul li				{margin: 10px 0; width: 20%; height: 55px; float: left; text-align: center; font-size: 14px; text-shadow: -1px -1px 0 #0080ba, 1px 1px 0 #87d7fd;}
#g_navi ul li a				{margin: 0 2px; padding: 10px 0 0; height: 45px; display: block; color: #ffffff; border: 1px solid #cccccc; border-radius: 5px; background: url(../img/bg_btn_navi_sm.png) 0 0 repeat-x;}
#g_navi ul li a:hover		{color: #ffffff; text-decoration: none;}
#g_navi ul li .selected		{margin: 0 2px; padding: 10px 0 0; height: 45px; display: block; color: #ffffff; border: 1px solid #cccccc; border-radius: 5px; background: url(../img/bg_btn_navi_selected_sm.png) 50% 40% no-repeat; text-shadow: -1px -1px 0 #19367e, 1px 1px 0 #97addc; cursor: default !important;}
#g_navi .navi_l				{width: 1px; height: 46px;position: absolute; left:  -1px; top: 0; background: url(../img/bg_navibar_l.png) 0 0 no-repeat;}
#g_navi .navi_r				{width: 1px; height: 46px;position: absolute; right: -1px; top: 0; background: url(../img/bg_navibar_r.png) 0 0 no-repeat;}

/* =========================================================================
 * topicPath PullDown Elements
 * ========================================================================= */
#topicPath					{margin: 0 5px; border-bottom: 1px dashed #1749af; overflow: hidden;}
#topicPath li				{margin-right: 10px; float: left;}
#topicPath li.home:before	{content: url(../img/list_mark_home.png);}
#topicPath li:before		{content: url(../img/list_mark_arrow.png);}

/* =========================================================================
 * TopImage Slideshow Elements
 * ========================================================================= */
.rslides				{position: relative; overflow: hidden;}
.rslides li				{-webkit-backface-visibility: hidden; position: absolute; display: none; left: 0; top: 0;}
.rslides li:first-child	{display: block; float: left; position: relative;}
.rslides img			{display: block; float: left;}

/* =========================================================================
 * main_left Elements
 * ========================================================================= */
#main_left li.caption	{margin-bottom: 10px; color: #83222e; font-size: 10px;}
#main_left .update		{position: absolute; color: #595959; right: 0px; top: -18px; font-size: 10px;}
#btn_tel				{margin: 20px auto; padding: 10px; width: 80%; display: block; border: 1px solid #cccccc; border-radius: 10px; color: #ffffff; font-size: 1.4em; text-decoration: none; background: url(../img/bg_btn_tel_sm.png) repeat-x; box-shadow: 0px 0px 5px 0px #d8d8d8, 0 0 0px 1px #ffffff inset;}
#news					{border: 1px solid #cccccc; border-top: none; position: relative;}
#news ul				{margin-bottom: 5px; padding: 5px; min-height: 50px; max-height: 170px; overflow: auto; font-size: 11px;}
#news li				{margin-bottom: 5px; border-bottom: 1px dotted #595959;}
#news li:before			{content: "■";}
#news li:hover img		{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#news li img			{vertical-align: -3px;}

/* =========================================================================
 * main_right Elements
 * ========================================================================= */
#main_right li.caption	{margin-bottom: 10px; color: #1749af; font-size: 10px;}
#main_right				{min-height: inherit !important;}
#feedarea				{margin-bottom: 10px; border: 1px solid #cccccc; border-top: none; position: relative;}
#feedarea ul			{margin-bottom: 5px; padding: 5px; min-height: 50px; max-height: 172px; overflow: auto; font-size: 11px;}
#feedarea li			{margin-bottom: 5px; border-bottom: 1px dotted #595959;}
#feedarea li:before		{content: "■";}
#feedarea li:hover img	{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#feedarea li img		{vertical-align: -3px;}

/* =========================================================================
 * footer Elements
 * ========================================================================= */
#footer ul				{overflow: hidden;}
#footer li				{padding: 0 0.5em 0 0.7em; border-right: 1px solid #1749af; display: inline; line-height: 1.2em; font-size: 12px;}
#footer li:first-child	{border-left: 1px solid #1749af;}
#footer address			{margin-top: -10px; margin-right: 10px; color: #ffffff; text-align: right; font-size: 13px; font-style: normal;}
#footer p				{margin-left: 10px;}

/* =========================================================================
 * clinic page Elements
 * ========================================================================= */
#clinic #main h2		{margin-left: -5px; margin-bottom: 5px; padding: 5px 0 0 10px; width: 10em; color: #ffffff; background-color: #00a0e9; border-radius: 25px;}
#clinic #main .cnt		{padding-left: 5px; padding-top: 10px;}
#clinic #main .cnt p	{font-size: 1.2em;}
#clinic #main .cnt_img_r{padding-right:0px;}
#clinic #main .cnt_img_w{width: 100%;}
#clinic #main img		{width: 100%;}

/* =========================================================================
 * services page Elements
 * ========================================================================= */
#services #main h2		{margin-bottom: 5px; line-height: 1em;}
#services #main ul		{margin-left: 1em;}
#services #main li		{padding-left: 2em; text-indent: -2em;}
#services #main img		{width: 100%;}

#services_001 h2		{font-size: 1.6em;}
#services_001 ul.disc	{list-style: disc;}
#services_001 ol.num	{list-style: decimal;}
#services_001 ol.alphaL	{list-style: lower-alpha;}
#services_001 ol.alphaU	{list-style: upper-alpha;}

#services_001 ol.ml_10	{margin-left: 0 !important;}
#services_001 ol.ml_20	{margin-left: 0 !important;}
#services_001 ol.ml_30	{margin-left: 0 !important;}


/* =========================================================================
 * appoint page Elements
 * ========================================================================= */
#appoint #btn_blue		{margin: 0 auto 20px; padding-top: 20px; width: 90%; height: 55px;}
#appoint #btn_gold		{margin: 0 auto 20px; padding-top: 20px; width: 90%; height: 55px;}

/* =========================================================================
 * doctor page Elements
 * ========================================================================= */
#doctor #main h2		{margin-bottom: 10px; line-height: 1em; font-size: 1.2em;}
#doctor #ph_doc			{width: 100%;}
#doctor #g_tableL		{margin:10px; width: 95%;}
#doctor #g_tableR		{margin:10px; width: 95%;}
#doctor .photo_doc		{margin-right: 1em; width: 10em;}

/* =========================================================================
 * accesmap page Elements
 * ========================================================================= */
#accessmap #main p		{margin-left: 30px; font-size: 18px;}
.car, .jr				{padding-left: 1em; text-indent: -1em;}
.car:before				{content: url(../img/list_mark_car.png);}
.jr:before				{content: url(../img/list_mark_jr.png);}

/* =========================================================================
 * sitemap page Elements
 * ========================================================================= */
#sitemap #main p		{margin-left: 2em;}

/* =========================================================================
 * recruit page Elements
 * ========================================================================= */
#recruit #main h2		{line-height: 1em; font-size: 1.2em;}
#recruit #g_tableL		{margin: 5px 10px 10px 10px; width: 95%;}

/* =========================================================================
 * flu-shot page Elements
 * ========================================================================= */
#flu-shot #main h2		{line-height: 1em; font-size: 1.2em;}
#flu-shot #g_tableL		{margin: 5px 10px 10px 10px; width: 95%;}
#flu-shot #g_tableL th	{width: 4em;}
#flu-shot ul.wd			{width: 95%;}
#flu-shot li.txt_idt	{list-style: none; padding-left: 1em; text-indent: -1em;}
#flu-shot li.txt_idt:before	{content: "※";}
