@charset "utf-8";

/* =========================================================
agent.css
------------------------------------------------------------
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
========================================================= */

@import url(/css/import/reset.css);
@import url(/css/import/common.css);
@import url(/css/import/module.css);
@import url(/css/import/clear.css);

/* =========================================================
■contAgent
========================================================= */
div.article div#contAgent {
	margin: 0 0 30px;
}


/* heading
--------------------------------------------------------- */
div.article div#contAgent h2 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 3px #FF9922 solid;
	color: #FF8402;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3;
}

div.article div#contAgent h2 span {
	font-size: 80%;
	font-weight: normal;
}



div.article div#contAgent h3 {
	height: 30px;
	margin: 0 0 10px;
	padding: 13px 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/img/agent/bg_title_00.gif);
	color: #F66013;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.5;
}

div.article div#contAgent h4 {
	margin: 0 0 5px;
	padding: 0 0 0 8px;
	border-left: 5px #99CC11 solid;
	color: #333333;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
}

/* paragrah
--------------------------------------------------------- */
div.article div#contAgent p {
	margin: 0 0 15px;
	line-height: 1.7;
}

/* unorder list
--------------------------------------------------------- */
div.article div#contAgent ul.list {
	margin: 0 10px 10px;
	color: #666666;
}

div.article div#contAgent ul.list li {
	margin: 0 0 3px;
	padding: 0 0 0 10px;
	background: url(/img/agent/ico_list_01.gif) no-repeat 0 5px;
	line-height: 1.5;
}


/* table
--------------------------------------------------------- */
div.article div#contAgent table.base {
	width: 100%;
	margin: 10px 0 10px;
	background: url(/img/agent/line_dot_01.gif) repeat-x 0 0;
}
div.article div#contAgent table.base th {
	padding: 5px;
	background: url(/img/agent/line_dot_01.gif) repeat-x 0 100%;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

div.article div#contAgent table.base th.box {
	width: 130px;
}

div.article div#contAgent table.base th p {
	width: 130px;
	margin: 0;
	padding: 20px 10px;
	background: #99CC11;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

div.article div#contAgent table.base td {
	padding: 5px;
	background: url(/img/agent/line_dot_01.gif) repeat-x 0 100%;
	color: #666666;
	line-height: 1.5;
}

div.article div#contAgent table.base td ul li{
	padding: 0 0 0 10px;
	background: url(/img/agent/ico_list_01.gif) no-repeat 0 5px;
}


/* align
----------------------------------------------- */
div.article div#contAgent .setCenter {
	text-align: center;
}


/* office
----------------------------------------------- */
div.article div#contAgent ul.office {
	margin: 0 0 10px;
	text-align: center;
}
div.article div#contAgent ul.office li {
	float: left;
	font-weight: bold;
	line-height: 1.5;
}

div.article div#contAgent ul.office li.last {
	float: right;
}

div.article div#contAgent ul.office li img {
	margin: 0 0 5px;
}


/* unitFlow
----------------------------------------------- */
div.article div#contAgent div.unitFlow {
	position: relative;
	margin: 0 0 20px;
	width: 640px;
	height: 530px;
	background: url(/img/agent/bg_common_flow_01.gif) no-repeat 0 0;
}

div.article div#contAgent div.unitFlow#medicalDoctor {
	background: url(/img/agent/bg_common_flow_02.gif) no-repeat 0 0;
}

div.article div#contAgent div.unitFlow p {
	position: absolute;
	left: 180px;
}

div.article div#contAgent div.unitFlow p#flow01 {
	top: 35px;
}

div.article div#contAgent div.unitFlow p#flow02 {
	top: 130px;
}

div.article div#contAgent div.unitFlow p#flow03 {
	top: 245px;
}

div.article div#contAgent div.unitFlow p#flow04 {
	top: 350px;
}

div.article div#contAgent div.unitFlow p#flow05 {
	top: 455px;
}



/* unitApoRanking
--------------------------------------------------------- */
div.article div#contAgent div#unitApoRanking{
	margin: 0 0 15px;
}

div.article div#contAgent div#unitApoRanking table.ranking {
	float: left;
	width: 70%;
	margin: 10px 0;
	border: #CECAC1 solid;
	border-width: 1px 0;
}
div.article div#contAgent div#unitApoRanking table.ranking th {
	padding: 20px 5px;
	line-height: 1.5;
	text-align: center;
	border-bottom: 1px #CECAC1 solid;
}

div.article div#contAgent div#unitApoRanking table.ranking td {
	padding: 20px 5px;
	line-height: 1.5;
	font-size: 120%;
	border-bottom: 1px #CECAC1 solid;
}

div.article div#contAgent div#unitApoRanking table.ranking td.topRank {
	font-weight: bold;
	padding: 5px;
}

div.article div#contAgent div#unitApoRanking table.ranking td.percent {
	font-weight: bold;
}

div.article div#contAgent div#unitApoRanking ul {
	float: right;
	padding: 10px 0 0;
}

div.article div#contAgent div#unitApoRanking ul li {
	margin: 0 0 10px;
}


/* unitJobTypeList
----------------------------------------------- */
div.article div#contAgent div#unitJobTypeList {
	margin: 0 0 15px;
}

div.article div#contAgent div#unitJobTypeList p {
	margin: 0 0 5px;
	color: #666666;
}

div.article div#contAgent div#unitJobTypeList ul {
	border: 1px #CCCCCC solid;
	padding: 8px 0 3px 55px;
	/padding: 8px 0 8px 55px; /* Hack for IE67 */
	background: #FAFAFA;
}

div.article div#contAgent div#unitJobTypeList ul li {
	display: inline;
	float: left;
	margin: 0 5px 5px 0;
}