@charset "UTF-8";

/*==================================================================
	about
===================================================================*/
#p-about #main h1 {
	margin-bottom: 0;
}
#p-about #keyv p {
	margin: 4px 0 10px;
}
#p-about #main h2,
#p-about #reason ul li {
	overflow: hidden;
	text-indent: -5000px;
}

#p-about #main h2 {
	width: 625px;
	height: 25px;
	background: url("/img/common/h2_about.gif") no-repeat;
}
#p-about #reason {
	border: 1px solid #C9C1AF;
	margin-bottom: 15px;
	padding: 10px 10px 7px;
}
#p-about #reason li {
	height: 22px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
}
#p-about #reason .leftBox { width: 300px; }
#p-about #reason .rightBox { width: 280px; }

#p-about #no1 { background: url("/img/info/li_about_1.gif") }
#p-about #no2 { background: url("/img/info/li_about_2.gif") }
#p-about #no3 { background: url("/img/info/li_about_3.gif") }
#p-about #no4 { background: url("/img/info/li_about_4.gif") }
#p-about #no5 { background: url("/img/info/li_about_5.gif") }
#p-about #no6 { background: url("/img/info/li_about_6.gif") }
#p-about #no7 { background: url("/img/info/li_about_7.gif") }
#p-about #no8 { background: url("/img/info/li_about_8.gif") }

#p-about #main h3 {
	clear: both;
	margin-bottom: 8px;
}

#p-about #example {
	padding-left: 231px;
	background: url("/img/photo/photo_about.jpg") no-repeat;
}
#p-about #example h4 {
	font-weight: bold;
}

#p-about #main .section {
	margin-bottom: 0;
	padding-top: 10px;
	background: url("/img/common/line_dot.gif") repeat-x;
}
	
#p-about #main .section span {
	padding-left: 23px;
	background: url("/img/icon/icon_annotation.gif") no-repeat;
}
#p-about #main .section p {
	padding: 0 10px 0 23px;
}
#p-about #main .section.lastchild {
	margin-bottom: 0;
}
#p-about #main .section.lastchild p {
	padding-bottom: 10px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
}

/*==================================================================
	about
===================================================================*/
#mapTokyo,
#mapOsaka,
#mapFukuoka {
	width: 623px;
	height: 400px;
	border: 1px solid #CAC29E;
}



/*==================================================================
	faq
===================================================================*/

#p-faq #main .section {
	padding: 10px 5px 5px;
	border: 1px solid #E1DECC;
	background: #EDEBDA;
}
#p-faq #main .inner {
	padding: 10px;
	border: 1px solid #E0DDCB;
	background: #FFF;
}

#p-faq #main h2 {
	margin: 0 0 10px 10px;
	padding: 3px 0 0 88px;
	background: url("/img/icon/icon_question.gif") no-repeat 0 50%;
	font-weight: bold;
	font-size: 110%;
	line-height: 20px;
}
#p-faq #main p {
	margin-bottom: 0;
	padding: 2px 0 0 88px;
	background: url("/img/icon/icon_answer.gif") no-repeat 0 0;
}


/*==================================================================
	flow
===================================================================*/

#p-flow #main .section h2 {
	overflow: hidden;
	width: 	625px;
	height: 43px;
	background: url("/img/common/h2_flow.gif") no-repeat;
	text-indent: -5000px;
}

#p-flow #main #no1 h2 { background-position: 0 0; }
#p-flow #main #no2 h2 { background-position: 0 -43px; }
#p-flow #main #no3 h2 { background-position: 0 -86px; }
#p-flow #main #no4 h2 { background-position: 0 -129px; }
#p-flow #main #no5 h2 { background-position: 0 -172px; }
#p-flow #main #no6 h2 { background-position: 0 -215px; }
#p-flow #main #no7 h2 { background-position: 0 -258px; }

#p-flow.p-qqdoc #main .section h2 { background: url("/img/common/h2_flow_qq.gif") no-repeat; }

#p-flow #main .section {
	width: 625px;
	background: url("/img/common/bg_flow.gif") no-repeat 0 100%;
}
#p-flow #main .section p {
	padding: 0 12px 21px 41px;
}

/*==================================================================
	spot
===================================================================*/
#p-state #main h1 {
	margin-bottom: 0;
}
#p-state #keyv p {
	margin: 4px 0 10px;
}
#p-state #main #reason div {
	float: left;
	width: 202px;
	min-height: 231px;
	height: auto !important;
	height: 231px;
	margin-bottom: 15px;
	background: url("/img/info/bg_spot_bottom.gif") no-repeat 0 100%;
}
#p-state #main #reason h3 {
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 165px;
	text-indent: -5000px;
}

#p-state #main #no1 h3 { background: url("/img/info/bg_state1.gif"); }
#p-state #main #no2 h3 { background: url("/img/info/bg_state2.gif"); }
#p-state #main #no3 h3 { background: url("/img/info/bg_state3.gif"); }

#p-state #main #no1,
#p-state #main #no2 {
	margin-right: 9px;
}

#p-state #main #reason p {
	position: relative;
	z-index: 2;
	width: 170px;
	margin: -58px auto 12px;
}
#p-state #main #annotation {
	clear: both;
	position: relative;
	width: 625px;
	height: 65px;
	background: url("/img/info/bg_spot_annotation.jpg") no-repeat;
}
#p-state #main #annotation p {
	position: absolute;
	top: 14px;
	left: 148px;
}

/*==================================================================
	doctor
===================================================================*/
#p-doctor #main h1.headline1 {
	margin-bottom: 0;
}
#p-doctor #main h2.headline2 {
	clear: both;
}
#p-doctor #main h3.headline3 {
	margin: 12px 0 8px;
}
#p-doctor #main .section,
#p-doctor #main dl {
	clear: both;
}
#p-doctor #main dl dt {
	overflow: hidden;
	width: 62px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	text-indent: -5000px;
}
#p-doctor #main dl dd {
	margin: -24px 0 5px 64px;
	width: 563px;
	line-height: 20px;
}

#p-doctor dl .work { background-image: url("/img/icon/icon_work.gif"); }
#p-doctor dl .skill { background-image: url("/img/icon/icon_skill.gif"); }
#p-doctor dl .recruit { background-image: url("/img/icon/icon_recruit.gif"); }

#p-doctor #main h2.headline2 {
	clear: both;
	margin: 8px 0 5px;
}

#p-doctor.jjdoc #main .section .inner {
	margin-left: -10px;
	text-align: center;
}
#p-doctor.jjdoc #main .section .inner img {
	margin-right: 10px;
}

#p-doctor #main div.narrative,
#p-authorization #main div.narrative {
	float: left;
}
#p-doctor #main div.consaltant,
#p-authorization #main div.consaltant {
	float: right;
	margin-left: 15px;
}

#p-doctor #main div.narrative,
#p-authorization #main div.narrative,
#p-doctor #main div.consaltant,
#p-authorization #main div.consaltant {
	width: 100px;
	margin-bottom: 15px;
	padding: 10px 10px 8px;
	border: 1px solid #D1CFC0;
	background: #EDEBDA;
}
#p-doctor #main div.narrative span,
#p-authorization #main div.narrative span,
#p-doctor #main div.consaltant span,
#p-authorization #main div.consaltant span {
	display: block;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

#p-doctor #main p.narrative,
#p-authorization #main p.narrative {
	padding-left: 135px;
}

/*==================================================================
	authorization
===================================================================*/
#p-authorization #main .headline1 {
	margin-bottom: 0;
}
#p-authorization #main .headline2 {
	margin: 8px 0 5px;
}

#p-authorization #authorizationNav ul {
	margin-left: -10px;
}
#p-authorization #authorizationNav li {
	display: inline;
	margin-right: 10px;
	padding-left: 8px;
	background: url("/img/icon/icon_li2.gif") no-repeat 0 50%;
}	

#p-authorization.sp .headline2 {
	margin: 12px 0;
}

#p-authorization.sp #main .section ul {
	margin: 1em 0;
	padding-left: 2.5em;
	list-style: disc;
}
#p-authorization.sp #main .section ul li {
	float: left;
	width: 50%;
}
#p-authorization.sp #main .section a {
	background: url("/img/icon/icon_li2.gif") no-repeat 0 50%;
	padding-left: 10px;
}
#p-authorization.sp #main .section a.pdf {
	background: url("/img/icon/icon_pdf.gif") no-repeat 0 50%;
	padding: 2px 0 1px 20px;
}
	
#p-authorization.sp #main .section ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#p-authorization.sp #main .section ul {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #p-authorization.sp #main .section ul {
	height: 1%;
	}
#p-authorization.sp #main .section ul {
	display: block;
	}
#p-authorization.sp #main .section span {
	display: block;
}