@charset "utf-8";
/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:メインビジュアル
	[06]:ナビゲーション
	[07]:フッタ
	[08]:コンテンツ共有
	
======================================================== */


/* -------------------------[01]:各要素リセット・基本設定 */
*html *{ zoom:1; }

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd { margin:0px; padding:0px; }

html{ background:url(/img/site_bg.gif) 50% 0% repeat-y; margin:0px; padding:0px; }

div:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


body {
	background: url(/img/site_bg2.gif) 0px 84px repeat-x;
	padding: 0px;
	font-family:'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

img { border:none; }

ul,li { list-style:none; }

h1,h2,h3,h4,h5 { font-size: small; font-weight: normal; color: #333; text-align: left; }

.fontS { font-size:80%; line-height:150%; }
.fontM { font-size:90%; line-height:150%; }
.fontL { font-size:120%; line-height:150%; }
.fontX { font-size:140%; line-height:150%; }


.fRed {color:#c00;}
.fRedB {color:#c00; font-weight:bold;}

/* -------------------------[02]:レイアウト */

div#container	{ background: url(../img/contents_bg.png) 50% 0% repeat-y; width: 950px; margin: 0px auto; padding: 0px 5px; }

.left   { float:left; }
.right  { float:right; }
.clear    { clear:both; font-size: 0px; line-height: 0px; }
.center {text-align:center;}


/* -------------------------[03]:リンク */

a:link    { color:#333; text-decoration:underline; }
a:visited { color:#333; text-decoration:underline; }
a:hover   { color:#333; text-decoration:underline; }
a:active  { color:#333; text-decoration:underline; }


/* -------------------------[04]:ヘッダ */

div#header	{ background: url(/img/header_bg.gif) no-repeat; width: 925px; height: 55px; margin:0px auto; padding: 29px 0px 0px 25px; position: relative; }
div#header h1	{ font-size: 10px; position: absolute; top: 1px; left: 30px; }
div#header .siteLogo	{ width: 170px; height: 29px; padding: 0px; float: left; }


/* -------------------------[05]:メインビジュアル */

div.mainVisual	{ width: 950px; height: 244px; position: relative; }
div.mainVisual h2		{ width: 950px; position: absolute; top: 218px; left: 0px; text-align: center; font-size: 14px; }
div.mainVisual .head2	{ width: 950px; position: absolute; top: 218px; left: 0px; text-align: center; font-size: 14px; }

/* -------------------------[06]:ナビゲーション */

ul.globalNavi	{ width: 644px; height: 29px; font-size: 0px; line-height: 0px; float: left; padding-left: 40px; }
ul.globalNavi li{ height: 29px; float: left; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px; }
ul.globalNavi li.n01	{ width: 148px; }
ul.globalNavi li.n02	{ width: 116px; }
ul.globalNavi li.n03	{ width: 126px; }
ul.globalNavi li.n04	{ width: 90px; }
ul.globalNavi li.n05	{ width: 78px; }
ul.globalNavi li.n06	{ width: 86px; }


/* -------------------------[07]:フッタ */
div#footer		{ background: #036; width: 940px; padding: 15px 0px 0px; margin: 0px auto; text-align: left; display: block; position: relative; }
div#footer h3.client	{ color: #FFF; font-weight: bold; font-size: 14px; text-align: left; width: 910px; margin: 0px auto; padding: 0px 0px 0px 5px; }
div#footer ul.comBanar	{ width: 910px; height: 135px; margin: 0px auto; padding: 0px; }
div#footer ul.comBanar li{ width: 124px; height: 24px; float: left; padding: 0px 3px 6px; }
div#footer .footContents	{ background: url(/img/footer_top.gif) no-repeat; padding: 5px 15px; }
div#footer .footContents .boxL	{ width: 645px; float: left; }
div#footer .footContents .boxR	{ width: 244px; float: right; }

div#footer .footContents .seriesBox	{ width: 645px; border-bottom: 2px solid #CCC; padding: 10px 0px; }
div#footer .footContents .end		{ border-bottom: 0px; }
div#footer .seriesBox .bnrBox			{ width: 185px; height: 105px; float: left; }
div#footer .seriesBox .bnrBox h3		{ width: 185px; height: 38px; }
div#footer .seriesBox .bnrBox .bnrData	{ width: 185px; height: 57px; background: url(/img/footer_bnr_bg.gif) no-repeat; text-align: center; padding: 10px 0px 0px; }
div#footer .seriesBox .textLink			{ width: 335px; float: left; padding: 0px 20px 0px 10px; }
div#footer .seriesBox .textLink table a	{ font-size: 10px; color: #FFF; line-height: 16px; }
div#footer .seriesBox .textLink th		{ width: 110px; font-size: 10px; color: #FFF; font-weight: normal; vertical-align: top; text-align: left; }
div#footer .seriesBox .textLink td li	{ padding: 0px 5px 0px 0px; line-height: 16px; }
div#footer .seriesBox .textLink td		{ padding: 1px 0px; font-size: 10px; color: #FFF; vertical-align: top; }
div#footer .seriesBox .qrCode			{ width: 86px; height: 86px; float: right; padding: 10px 0px 0px; }

div#footer .footContents .compInfo	{ width: 244px; padding: 10px 0px 0px; }
div#footer .compInfo .topBar			{ width: 244px; height: 8px; font-size: 0px; line-height: 0px; }
div#footer .compInfo .btmBar			{ width: 244px; height: 6px; font-size: 0px; line-height: 0px; }

div#footer .compInfo .newsBox		{ background: url(/img/info_top.gif) no-repeat; width: 228px; height: 233px; padding: 8px 8px 0px; }
div#footer .newsBox .detailList		{ background: url(/img/news_bg.gif) repeat-y; width: 228px; height: 233px; }
div#footer .newsBox .detailList .top	{ width: 228px; height: 4px; font-size: 0px; line-height: 0px; }
div#footer .newsBox .detailList .btm	{ width: 228px; height: 4px; font-size: 0px; line-height: 0px; }
div#footer .newsBox .detailList .list	{ width: 208px; height: 210px; padding: 5px 10px 10px; }
div#footer .newsBox .detailList .list h3	{ font-size: 14px; font-weight: bold; color: #036; }
div#footer .newsBox .detailList .list ul	{ width: 208px; padding: 10px 0px 0px; }
div#footer .newsBox .detailList .list li	{ font-size: 12px; line-height: 14px; padding: 0px 0px 5px; }
div#footer .newsBox .detailList .list li strong	{ display: block; }

div#footer .compInfo .dataBox		{ background: url(/img/info_bg.gif) repeat-y; width: 228px; padding: 8px 8px 4px; color: #FFF; }
div#footer .compInfo .dataBox ul	{ text-align: right; font-size: 10px; line-height: 16px; }
div#footer .compInfo .dataBox li a	{ color: #FFF; text-decoration: underline; }
div#footer .compInfo .dataBox .compLogo	{ text-align: right; padding: 5px 0px 0px; }

div#footer .copyRight	{ font-size: 10px; color: #FFF; text-align: right; padding: 2px 0px 0px; }


/* -------------------------[08]:コンテンツ共通 */
div#mainContents	{ width: 914px; padding: 15px 17px 5px; position: relative; }
div#mainContents2	{ width: 914px; padding: 15px 17px 5px; position: relative; }
div#contLeft		{ width: 679px; float: left; }
div#contLeftSec		{ width: 679px; float: left; padding: 0px 0px 420px; }
div#contLeftBtm		{ display: block; width: 679px; position: absolute; bottom: 5px; left: 15px; }
div#contRight		{ width: 231px; float: right; }

/* -------------------------[08-1]:サイトシリーズ */
div.seriesBox	{ width: 679px; }
div.seriesBox .detail	{ background: url(/img/main_bg.gif) repeat-y; width: 221px; padding: 0px 2px; }
div.seriesBox .detail p	{ font-size: 10px; line-height: 16px; text-align: left; padding: 8px 10px; }
div.seriesBox .detail img	{ font-size: 0px; line-height: 0px; }

div.seriesBox .pharmBox				{ width: 225px; float: left; padding: 0px 2px 0px 0px; position: relative; }
div.seriesBox .pharmBox .upDate		{ position: absolute; width: 100px; top: 60px; right: 15px; font-size: 12px; color: #FFF; }
div.seriesBox .pharmBox .pharmNumber{ background: url(/img/pharmacist_num_bg.jpg) no-repeat; width: 161px; height: 31px; padding: 33px 60px 0px 0px; text-align: right; }
div.seriesBox .nrsBox				{ width: 225px; float: left; padding: 0px 2px 0px 0px; position: relative; }
div.seriesBox .nrsBox .upDate		{ position: absolute; width: 100px; top: 60px; right: 15px; font-size: 12px; color: #FFF; }
div.seriesBox .nrsBox .nrsNumber	{ background: url(/img/nurse_num_bg.jpg) no-repeat; width: 161px; height: 31px; padding: 33px 60px 0px 0px; text-align: right; }
div.seriesBox .docBox				{ width: 225px; float: left; padding: 0px; position: relative; }
div.seriesBox .docBox .upDate		{ position: absolute; width: 100px; top: 60px; right: 15px; font-size: 12px; color: #FFF; }
div.seriesBox .docBox .docNumber	{ background: url(/img/doctor_num_bg.jpg) no-repeat; width: 161px; height: 31px; padding: 33px 60px 0px 0px; text-align: right; }



/* -------------------------[08-2]:E-SQUARE DATA */
div.entryData			{ width: 231px; }
div.entryData h3		{ width: 231px; height: 51px; }
div.entryData .dataBox	{ background: url(/img/data_bg.gif) repeat-y; }
div.entryData .dataBox .leftData				{ width: 111px; height: 127px; float: left; }
div.entryData .dataBox .leftData .detailData	{ background: url(/img/total_bg.gif) no-repeat; width: 96px; height: 38px; padding: 4px 15px 0px 0px; text-align: right; }
div.entryData .dataBox .rightData				{ width: 120px; height: 127px; float: right; }
div.entryData .dataBox .rightData .detailData	{ background: url(/img/entry_bg.gif) no-repeat; width: 88px; height: 38px; padding: 4px 32px 0px 0px; text-align: right; }
div.entryData .dataBox p		{ font-size: 10px; line-height: 16px; text-align: left; padding: 8px 15px; }
div.entryData .dataBox .bottom	{ width: 231px; height: 8px; }


/* -------------------------[08-3]:E-SQUARE COLUMN */
div.columnData			{ width: 231px; }
div.columnData h3		{ width: 231px; height: 50px; }
div.columnData .dataBox	{ background: url(/img/data_bg.gif) repeat-y; }
div.columnData .dataBox .bottom	{ width: 231px; height: 28px; }

div.columnData .detailBox	{ width: 191px; margin: 0px auto; padding: 15px 15px 10px; border-bottom: 1px solid #CCC; }
div.columnData .end			{ border: 0px; }
div.columnData .detailBox h4.pharmacist	{ background: url(/img/column_pharm_bg.gif) no-repeat; font-size: 12px; width: 123px; height: 20px; padding: 4px 0px 0px 25px; margin: 0px auto; }
div.columnData .detailBox h4.nurse		{ background: url(/img/column_nrs_bg.gif) no-repeat; font-size: 12px; width: 123px; height: 20px; padding: 4px 0px 0px 25px; margin: 0px auto; }
div.columnData .detailBox h4.doctor		{ background: url(/img/column_doc_bg.gif) no-repeat; font-size: 12px; width: 123px; height: 20px; padding: 4px 0px 0px 25px; margin: 0px auto; }
div.columnData .detailBox .update		{ width: 60px; float: right; padding: 5px 0px; }
div.columnData .detailBox h5 a			{ font-size: 12px; font-weight: bold; color: #900; }
div.columnData .detailBox p				{ padding: 5px 0px 0px; font-size: 10px; line-height: 16px; text-align: left; }
div.columnData .detailBox .detailLink	{ font-size: 10px; text-align: right; }
div.columnData .detailBox .detailLink a	{ color: #333; }
div.columnData .detailBox .iconBox		{ text-align: left; padding: 2px 0px 0px; }


/* -------------------------[08-4]:E-SQUARE SPECIAL */
div.specialData				{ width: 231px; }
div.specialData h3			{ width: 231px; height: 50px; }
div.specialData .dataBox		{ background: url(/img/data_bg.gif) repeat-y; }
div.specialData .dataBox .bottom		{ width: 231px; height: 8px; font-size: 0px; line-height: 0px; }

div.specialData .detailBox			{ width: 191px; margin: 0px auto; padding: 15px 15px 10px; border-bottom: 1px solid #CCC; }
div.specialData .end					{ border: 0px; }
div.specialData .detailBox .facePhoto	{ width: 51px; height: 57px; float: left; }
div.specialData .detailBox .nameData	{ width: 125px; float: right; text-align: center; }
div.specialData .detailBox .nameData a			{ width: 124px; height: 24px; }
div.specialData .detailBox .nameData span		{ display: block; font-size: 10px; }
div.specialData .detailBox .nameData .conName	{ display: block; font-size: 12px; font-weight: bold; color: #333; }
div.specialData .detailBox p			{ padding: 10px 0px 0px; height: 85px; font-size: 10px; line-height: 16px; text-align: left; }
div.specialData .detailBox p a:link		{ font-size: 10px; color: #333; }
div.specialData .detailBox p a:visited	{ font-size: 10px; color: #333; }
div.specialData .detailBox .detailLink		{ font-size: 10px; line-height: 14px; text-align: right; }
div.specialData .detailBox .detailLink a	{ color: #333; }
div.specialData .detailBox .iconBox		{ text-align: left; padding: 2px 0px 0px; }
div.specialData .detailBox .iconBox img	{ padding: 0px 3px 0px 0px; }


/* -------------------------[08-4]:E-SQUARE ATTENTION */
div.attentionData			{ width: 231px; }
div.attentionData h3			{ width: 231px; height: 50px; }
div.attentionData .dataBox	{ background: url(/img/data_bg.gif) repeat-y; }
div.attentionData .dataBox .bottom	{ width: 231px; height: 8px; font-size: 0px; line-height: 0px; }

div.attentionData .detailBox	{ width: 191px; margin: 0px auto; padding: 15px 15px 9px; border-bottom: 1px solid #CCC; }
div.attentionData .detailBox p	{ padding: 10px 0px 0px; font-size: 10px; line-height: 16px; text-align: left; }
div.attentionData .detailBox .detailLink	{ font-size: 10px; text-align: right; }
div.attentionData .detailBox .detailLink a	{ color: #333; }
div.attentionData .detailBox .iconBox		{ text-align: left; padding: 2px 0px 0px; }
.underText		{ font-size: 10px; height: 27px; color: #C00; line-height: 14px; text-align: left; padding: 3px 0px; }