@charset "UTF-8";
/**
 :職場カルテ用スタイルシート;
 :作成日 "2011-10-07";
 :改訂版 [:版 "1.1.0"; :作成日 "2012-09-04"];
*/


/* 
--------------------------------------------- */
a:hover .ic,a:hover .ic01{
alpha(opacity=35);
  -moz-opacity:0.35;
  opacity:0.35;
  }
 
#main #mainInner {
width: 100%;
margin: 0 auto;
padding: 10px 27px 1px;
background: white url(../img/bg_main02.gif) repeat-x left top;
}
div.carteWrap{
	width: 687px;
	background: #b6e7fd url(../img/bg_carte-wrap.jpg) no-repeat left top;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}
div.carteHeading{
	position: relative;
	width: 687px;
	height: 168px;
}
div.carteHeading h2{
	position: absolute;
	top: 15px;
	left: 13px;
}
.ic{
	margin-top:5px;
	position: absolute;
	top: 90px;
	left: 34px;
	}
.ic01{
	position: absolute;
	top: 57px;
	left: 2px;
	}
.ic02{
	position: absolute;
	top: 37px;
	left: 2px;
	}
.ic03{
	position: absolute;
	top: 103px;
	left: 185px;
	}
	
	
div.carteInner{
	width: 669px;
	margin: 0 auto;
	padding: 0 9px 10px;
}
div.carteInner div.clBox{
	position: relative;
	float: left;
	width: 334px;
	background: url(../img/bg_column03.png) no-repeat left bottom;
	/*background: url(../img/bg_column02.gif) repeat-y left top;*/
}
/*div.carteInner div.clBox.last{
	float: right;
}*/
div.carteInner div.clWrapFirst div.clBox div.heading{
	background: url(../img/bg_column01-01.gif) no-repeat left top;
}
div.carteInner div.clWrapFirst div.clBox.last div.heading{
	background: url(../img/bg_column01-02.gif) no-repeat left top;
}
div.carteInner div.clBox p.icn{
	position: absolute;
	left: -1px;
	top: 14px;
}
div.carteInner div.clBox div.heading{
	zoom: 1;
	overflow: hidden;
	margin-bottom: 0.35em;
	padding: 20px 22px 0;
	background: url(../img/bg_column01.gif) no-repeat left top;
}
* html div.carteInner div.clBox div.heading{
	position: relative;
	top: -1px;
}/* IE6 */
div.carteInner div.clBox div.heading h3{
	float: left;
	width: 190px;
	padding-top: 25px;
	font-size: 117%;
}
div.carteInner div.clBox div.heading div.pct{
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
}
div.carteInner div.clBox div.inner{
	zoom: 1;
	padding: 0 22px 1px;
}

div.voice{
	width: 578px;
	margin: 0 auto;
	padding: 0 20px 35px;
	clear: both;
	background: url(../img/bg_voice01.gif) no-repeat left bottom;
	display: none;
}
#primary.nav01on div.voice#voice1{
	display: block;
}
#primary.nav02on div.voice#voice2{
	display: block;
}
#primary.nav03on div.voice#voice3{
	display: block;
}
div.voice div.voiceInner{
	zoom: 1;
	overflow: hidden;
	border: 4px solid #f2f1ec;
	margin-bottom: 1em;
	padding: 15px 10px;
}
div.voice h3{
	margin: 1.5em 0;
	padding-left: 10px;
	font-size: 133%;
	border-left: 5px solid #689011;
	clear:both;
}
div.voice h3 span.cat{
	display: block;
	margin-bottom: 0.15em;
	padding-left: 22px;
	background: url(../img/ic_heading01.gif) no-repeat left top;
	font-size: 75%;
	color: #e27720;
}

/*ʐ^ width:200px̏ꍇ*/
div.voice div.pctR01{
	float: right;
	width: 200px;
	margin: 0 0 0 12px;
}
div.voice div.pctL01{
	float: left;
/*	width: 200px; */
	margin: 0 12px 0 0;
}
div.voice div.pctR01 div.pctBox,
div.voice div.pctL01 div.pctBox{
	margin-bottom: 1em;
	background: #feffd7;
}
div.voice div.pctR01 div.pctBox p.pct,
div.voice div.pctL01 div.pctBox p.pct{
	margin: 0;
	padding: 1px;
/*	border: 1px solid #ccc; */
	background: #fff;
}
div.voice div.pctR01 div.pctBox p.caption,
div.voice div.pctL01 div.pctBox p.caption{
	margin: 0;
	padding: 7px 10px;
	font-size: 83%;
	color: #676767;
}

/*ʐ^ width:250px̏ꍇ*/
div.voice div.pctR02{
	float: right;
	width: 250px;
	margin: 0 0 0 12px;
}
div.voice div.pctL02{
	float: left;
	width: 250px;
	margin: 0 12px 20px 0;
}
div.voice div.pctR02 div.pctBox,
div.voice div.pctL02 div.pctBox{
	margin-bottom: 1em;
	background: #feffd7;
}
div.voice div.pctR02 div.pctBox p.pct,
div.voice div.pctL02 div.pctBox p.pct{
	margin: 0;
	padding: 1px;
/*	border: 1px solid #ccc; */
	background: #fff;
}
div.voice div.pctR02 div.pctBox p.caption,
div.voice div.pctL02 div.pctBox p.caption{
	margin: 0;
	padding: 7px 10px;
	font-size: 83%;
	color: #676767;
}

/*ʐ^ width:180px̏ꍇ ܂*/
div.voice div.pctR03{
	float: right;
	width: 180px;
	margin: 0 0 0 12px;
}
div.voice div.pctL03{
	float: left;
	width: 180px;
	margin: 0 12px 0 0;
}
div.voice div.pctR03 div.pctBox,
div.voice div.pctL03 div.pctBox{
	margin-bottom: 1em;
	background: #feffd7;
}
div.voice div.pctR03 div.pctBox p.pct,
div.voice div.pctL03 div.pctBox p.pct{
	margin: 0;
	padding: 1px;
/*	border: 1px solid #ccc; */
	background: #fff;
}
div.voice div.pctR03 div.pctBox p.caption,
div.voice div.pctL03 div.pctBox p.caption{
	margin: 0;
	padding: 7px 10px;
	font-size: 83%;
	color: #676767;
}

/*ʐ^ width:250px̏ꍇ*/
div.voice div.pctR05{
	float: right;
	width: 250px;
	margin: 0 0 0 12px;
}
div.voice div.pctL05{
	float: left;
	width: 250px;
	margin: 0 12px 0 0;
}
div.voice div.pctR05 div.pctBox,
div.voice div.pctL05 div.pctBox{
	margin-bottom: 1em;
	background: #feffd7;
}
div.voice div.pctR05 div.pctBox p.pct,
div.voice div.pctL05 div.pctBox p.pct{
	margin: 0;
	padding: 1px;
/*	border: 1px solid #ccc; */
	background: #fff;
}
div.voice div.pctR05 div.pctBox p.caption,
div.voice div.pctL05 div.pctBox p.caption{
	margin: 0;
	padding: 7px 10px;
	font-size: 83%;
	color: #676767;
}
/*ʐ^ width:120px̏ꍇ ܂*/
div.voice div.pctR04{
	float: right;
	width: 120px;
	margin: 0 0 0 12px;
}
div.voice div.pctL04{
	float: left;
	width: 120px;
	margin:0 12px 15px 0;
}
div.voice div.pctR04 div.pctBox,
div.voice div.pctL04 div.pctBox{
	margin-bottom: 1em;
	background: #feffd7;
}
div.voice div.pctR04 div.pctBox p.pct,
div.voice div.pctL04 div.pctBox p.pct{
	margin: 0;
	padding: 1px;
/*	border: 1px solid #ccc; */
	background: #fff;
}
div.voice div.pctR04 div.pctBox p.caption,
div.voice div.pctL04 div.pctBox p.caption{
	margin: 0;
	padding: 7px 10px;
	font-size:10px;
	color: #676767;
}



.photo_area{
	margin-left:50px;
	clear:both;
	height:100%;
	}
#mr50{
	margin-right:50px;
	}
div.voice dl.dialog dt{
	/*margin: 0 0 1.75em 2.5em;*/
	margin: 0 0 1.75em 0;
	font-weight: bold;
	/*text-indent: -2.5em;*/
	color: #7aa10f;
}
div.voice dl.dialog dd{
	margin-bottom: 1.75em;
}
div.voice ul.pager01{
	font-size: 83%;
	margin-bottom: 0.65em;
	padding: 0.5em 0;
	text-align: center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear:both;
}
div.voice ul.pager01 li{
	display: inline-block;
	padding: 0 15px;
	background: url(../img/ic_link01.gif) no-repeat left 0.5em;
}
* html div.voice ul.pager01 li{
	display: inline;
	zoom: 1;
}/* IE6 */
*:first-child+html html div.voice ul.pager01 li{
	display: inline;
	zoom: 1;
}/* IE7 */

div.voice ul.pager02{
	text-align: center;
}
div.voice ul.pager02 li{
	display: inline;
	padding: 0 2px;
}
div.voice div.column{
	zoom: 1;
	overflow: hidden;
	margin-bottom: 1.5em;
	padding: 15px;
	background: #f2f1ec;
}
div.voice div.column h4{
	margin-bottom: 15px;
}
div.voice div.column div.pctL{
	float: left;
	width: 180px;
}
div.voice div.column div.txtR{
	float: right;
	width: 350px;
}
div.voice div.column div.txtR p{
	margin: 0;
}
div.voice div.column div.pctL{
	background: #fff;
}
div.voice div.column div.pctL p.pct{
	margin: 0;
	padding: 1px;
	border: 1px solid #ccc;
}
div.voice div.column div.pctL p.caption{
	margin: 0;
	padding: 7px 10px;
	font-size: 83%;
}



div.jobInfo{
	width: 578px;
	margin: 0 auto;
	padding: 15px 20px 35px;
	background: url(../img/bg_voice01.gif) no-repeat left bottom;
	clear:both;
}
div.jobInfo h3{
	padding: 1em 0;
	background:url(../img/bg_heading01.gif)  repeat-x left top;
}
div.jobInfo h3 a{
	display: block;
	padding-left: 15px;
	background: url(/common/img/ic_link01.gif) no-repeat left 0.5em;
}
div.jobInfo p.lead{
	font-size: 83%;
}
div.jobInfo ul.detailLink{
	padding: 15px 0;
	background: url(../img/bg_job-linklist.gif) no-repeat left top;
	text-align: center;
}
div.jobInfo ul.detailLink li{
	display: inline;
	padding: 0 2px;
}
div.jobInfo ul.detailLink #sp_link{
	display:none;
	}

div.hospitalInfo{
	width: 578px;
	margin: 0 auto;
	padding: 15px 20px 10px;
	*padding: 15px 20px 20px;
}
div.hospitalInfo h3{
	margin-bottom: 0.5em;
	font-size: 117%;
	color: #7aa10f;
}
div.hospitalInfo table.dataTable01 th,
div.hospitalInfo table.dataTable01 td{
	background: #fff;
}
div.hospitalInfo table.dataTable01 tr.odd th,
div.hospitalInfo table.dataTable01 tr.odd td{
	background: #f7f4e2;
}
div.hospitalInfo p.note{
	margin: 0;
}


#carteDetailWrap{
	width: 950px;
	margin-bottom: 4.5em;
	background: url(../img/bg_detail-warp01.jpg) no-repeat left top;	
}
#carteDetailWrap2{
	width: 920px;
	margin: 0 auto;
	padding: 52px 0 0;
	background: url(../img/bg_detail-warp02.gif) no-repeat left top;	
}
#detailContent{
	width: 920px;
	background: url(../img/bg_detail-warp03.gif) repeat-y left top;	
}
#detailContent div.detailInner{
	width: 920px;
	/*padding: 0 0 30px;*/
	background: url(../img/bg_detail-warp04.gif) no-repeat left bottom;
	zoom:1;
}
#detailContent div.detailInner:after{
	content:'';
	display:block;
	clear:both;
}
#detailContent #primary{
	width: 617px;
	margin-bottom: 2.5em !important;
	padding: 0 0 1px 20px;
}
#detailContent #secondary{
	z-index: 1;
	position: relative;
	float: right;
	width: 239px;
	margin-top: -32px;
	padding-right: 20px;
}
#carteDetailHead{
	position: relative;
	width: 950px;
	height: 117px;
}
#carteDetailHead p{
	position: absolute;
	top: 15px;
	left: 27px;
}

#companyHead{
	position: relative;
	width: 577px;
	height: 277px;
	margin: -27px auto 0;
}
#companyHead div.pct{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 278px;
}
#companyHead h2{
	position: absolute;
	left: 35px;
	top: 74px;
}
#companyHead p.category{
	position: absolute;
	left: -7px;
	top: 31px;
}
#companyHead p.lead{
	position: absolute;
	left: 34px;
	top: 155px;
}

#companyPoint{
	width: 578px;
	margin: 0 auto;
	background: url(../img/bg_company-point02.gif) repeat-y left top;
}
#companyPoint div.inner{
	background: url(../img/bg_company-point01.gif) no-repeat left top;
}
#companyPoint div.inner2{
	zoom: 1;
	overflow: hidden;
	padding: 33px 34px 30px 33px;
	background: url(../img/bg_company-point03.gif) no-repeat left bottom;
}
#companyPoint h3{
	margin-bottom: 5px;
}
#companyPoint ul.point{
	float: left;
	width: 355px;	
}
#companyPoint p.pct{
	float: left;
	margin: 0;
}

#companyPoint ul.point01{
	float: left;
	width: 355px;	
}
#companyPoint p.pct01{
	float: right;
	margin: 0;
}


#companyPoint ul.point{
	padding-left: 15px;
}
#companyPoint ul.point li{
	padding: 0.35em 0 0.35em 28px;
	background: url(../img/ic_point.gif) no-repeat left 0.25em;
	/*border-bottom: 1px dotted #bcab88; */
}

div.subInfo{
	padding-bottom: 20px;
	background: #ffffd7 url(../img/bg_subinfo01.gif) no-repeat left bottom;	
}
div.subInfo div.inner{
	width: 200px;
	margin: 0 auto;
}
div.subInfo h3{
	margin-bottom: 10px;
}
div.subInfo h4{
	margin-bottom: 0.5em;
	padding-bottom: 0.6em;
	border-bottom: 1px solid #a1c248;
}
div.subInfo dl.info dt{
	margin-bottom: 0.35em;
	font-weight: bold;
	color: #7aa10f;
}
div.subInfo dl.info dd{
	margin-bottom: 0.35em;
	padding-bottom: 0.35em;
	border-bottom: 1px dotted #a1c248;
}
div.subInfo dl.info dd span.icn{
	color: #ffa341;
	font-weight: bold;
}
div.subInfo dl.info dd.last{
	margin-bottom: 0;
	border-bottom: none;
}


#mb_30{
	margin-bottom:30px;
	}


/* サイド位置固定エリア
--------------------------*/
#fixedArea {
  width: 239px;
}

/*fixed.js内で使用*/
.fixed {
  position: fixed;
  top: 20px;
}

#footerSp{
	display:none;
	}

/* 037　阪神調剤薬局  氏名色変更*/
.dialog .name01{
	font-weight:bold;
	color:#00CC99;
	}
.dialog .name02{
	font-weight:bold;
	color:#3399CC;
	}

.dialog .name03{
	font-weight:bold;
	color:#FF6666;
	}

/*ここまで*/

@media print{
	#primary{
		padding-bottom: 3em;	
	}
	#carteDetailWrap{
		padding-bottom: 4.5em;
	}
}


/* carte039 */

.link_39{
	background:url(../../common/img/ic_link01-03.gif) 3px 6px no-repeat;
	padding:0px 0 0 15px;
	}
.txt_alert{
	font-size:80%;
	}
	
/* carte039 ここまで　*/
/* carte043 */

.c01{
	font-weight:bold;
	color:#FF6699;
	}
.c02{
	font-weight:bold;
	color:#0099CC;
	}
	
	
/* carte043 ここまで　*/

/* carte045 */

.c45_01{
	font-weight:bold;
	color:#0066CC;
	}
.c45_02{
	font-weight:bold;
	color:#339966;
	}
.c45_03{
	font-weight:bold;
	color:#6666CC
	}
	
/* carte045 ここまで　*/

/* carte046 */

.c46_01{
	font-weight:bold;
	color:#0066CC;
	}
.c46_02{
	font-weight:bold;
	color:#F39;
	}
	
/* carte046 ここまで　*/


.icon{
	margin:10px auto;
	width:160px
}

.g_icon{
	padding-top:3px;
}

.sp{
	display:none;
}
/* carte050 */

.c50_01{
	font-weight:bold;
	color:#F09;
	}
.c50_02{
	font-weight:bold;
	color:#36C;
	}
	
.c50_03{
	font-weight:bold;
	color:#F90;
	}
	
/* carte050 ここまで　*/
/* carte052 */

.c52_01{
	font-weight:bold;
	color:#36F;
	}
.c52_02{
	font-weight:bold;
	color:#3C9;
	}
	
	
/* carte052 ここまで　*/