@charset "UTF-8";

/*=========================================================================
   content_about.css　
=========================================================================*/

/* .aboutTopTitle1
-------------------------------------------------------------------------*/
.aboutTopTitle1 {
 width:948px;
 border:1px solid #CCCCCC;
 background:#FFFFFF url(../image/special_head_title_bg.jpg) 0 0 repeat-x;
}

.aboutTopTitle1 h3 {
 padding:9px 15px;
 line-height:100%;
 font-weight:bold;
 font-size:140%;
}

/*-------------------------------------------------------------------------
 about
-------------------------------------------------------------------------*/
#about {
 width:950px;
 margin-bottom:10px;
}

#about .aboutContWap {
 background-color:#FFFFFF;
}

#about p {
 line-height:140%;
}

#about p.lead {
 padding:9px 0 18px 0;
 text-align:center;
}

#about #chapter {
 width:950px;
 margin:0 0 15px 0;
}

#about #chapter .line1 {
 float:left;
 display:inline;
 width:240px;
}

#about #chapter .line1 p {
 width:200px;
}

#about #chapter .line2 {
 float:left;
 display:inline;
 width:235px;
}

#about #chapter .line2 p {
 width:200px;
}

#about #chapter p {
 margin:0 0 21px 20px;
 font-size:110%;
}

#about #chapter p.comment {
 margin:0 0 0 20px;
 font-size:92%;
}

#about #entryWap {
 width:100%;
 padding:30px 0 0;
 background:url(/common/image/about/btnDotted.gif) center top no-repeat;
}

#about #entryOut {
 width:500px;
 padding:9px 0 0 0;
 background:url(../image/about_ent_top.gif) 0 0 no-repeat;
}

#about #entryWrp {
 width:500px;
 padding:0 0 9px 0;
 background:url(../image/about_ent_fot.gif) 0 bottom no-repeat;
}

#about #entry {
 width:500px;
 padding:14px 0 0 0;
 background:#F2F2DB;
 text-align:center;
}

#about #entry img {
 vertical-align:top;
}

#about #entry .linkEntry {
 width:240px;
 height:45px;
 background:url(../image/about_ent_btn_on.jpg) 0 0 no-repeat;
}




/* MGとは */
#content.aboutBg {
	background-color:#FFFFFF;
}

.topGuide {
	background-color:#FFFFFF;
	zoom:1;
}

.topGuide:after {
	content:"";
	display:block;
	clear:both;
}

.topGuide .commentL ,
.topGuide .circleMenu ,
.topGuide .commentR {
	float:left;
}

.topGuide .circleMenu {
	padding:1px 0 0;
	width:292px;
	height:278px;
	background:url(/common/image/about/circleMenu.jpg) center top no-repeat;
	position:relative;
}

.circleMenu li {
	width:80px;
	height:80px;
	position:absolute;
}

.circleMenu li#area01 {
	top:1px;
	left:103px;
}

.circleMenu li#area02 {
	top:100px;
	left:2px;
}

.circleMenu li#area03 {
	top:100px;
	left:208px;
}

.circleMenu li#area04 {
	top:198px;
	left:103px;
}

/*
.circleMenu li:after {
	content:"";
	display:block;
	clear:both;
}

.circleMenu li#area01,
.circleMenu li#area03 {
	padding:0 5px 0 0;
	padding:0 6px 0 0\9;
	text-align:center;
}

.circleMenu li#area01 {
	margin:0 0 19px;
	_margin:0 0 17px;
}

*:first-child+html .circleMenu li#area01 {
	margin:0 0 17px;
}

.circleMenu li#area02 {
	padding:0 4px 0 2px;
	margin:0 0 18px;
	_margin:0 0 16px;
}

*:first-child+html .circleMenu li#area02 {
	margin:0 0 16px;
}

.circleMenu li#area02 a#a02 {
	float:left;
}
.circleMenu li#area02 a#a03 {
	float:right;
}

.circleMenu li#area03 {
}


.circleMenu li#area01 a,
.circleMenu li#area03 a {
	margin:0 auto;
}

.circleMenu li:after {
	content:"";
	display:block;
	clear:both;
}

.circleMenu li a {
	width:80px;
	height:80px;
	display:block;
	zoom:1;
}

.circleMenu li a:after {
	content:"";
	display:block;
	clear:both;
}

*/

.circleMenu li a img {
	float:left;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.circleMenu li a:hover img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.aboutContWap {
	width:928px;
	padding:0 11px;
	background:url(/common/image/about/content_bg.jpg) #FFFFFF center top repeat-y;	
}


/* doctorComment */

.doctorBlock {
	width:928px;
	background:url(/common/image/about/doctorBlock_bg.jpg) center top repeat-y;
}

.doctorBlockInner {
	background:url(/common/image/about/doctorBlock_bgTop.jpg) center top no-repeat;
	padding:52px 0 0 0;
}

.doctorBlockInner2 {
	background:url(/common/image/about/doctorBlock_bgBottom.jpg) center bottom no-repeat;
	padding:0 140px 40px;
	zoom:1;
}

.doctorBlockInner2:after {
	content:"";
	display:block;
	clear:both;
}

.doctorCommentA {
	background:url(/common/image/about/doctorCommentA_bg.png) center top repeat-y;
	width:282px;
	float:left;
}

.doctorCommentA .inner {
	background:url(/common/image/about/doctorCommentA_bgTop.png) center top no-repeat;
}

.doctorCommentA .inner .inner{
	padding:35px 10px 10px 60px;
	background:url(/common/image/about/doctorCommentA_bgBottom.png) center bottom no-repeat;
}

.doctorCommentB {
	background:url(/common/image/about/doctorCommentB_bg.png) center top repeat-y;
	width:282px;
	float:right;
}

.doctorCommentB .inner {
	background:url(/common/image/about/doctorCommentB_bgTop.png) center top no-repeat;
}

.doctorCommentB .inner .inner{
	padding:35px 60px 10px 10px ;
	background:url(/common/image/about/doctorCommentB_bgBottom.png) center bottom no-repeat;
}

.flow {
	padding:20px 14px 0;
}

.flow .doctorAFlow ,
.flow .doctorBFlow {
	padding:11px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	width:248px;
}

.flow .doctorAFlow h6 ,
.flow .doctorBFlow h6 {
	margin:0 0 10px;
}

.flow .doctorAFlow.noText h6 ,
.flow .doctorBFlow.noText h6 {
	margin:0;
}

.flow .stepFlow {
	padding:5px 2px 10px;
	float:left;
	background-color:#FFFFFF;
	border:2px solid #078C07;
	width:356px;
	position:relative;
}

.flow .stepFlow h5 {
	margin:0 0 5px;
	text-align:center;
}

.flow .stepFlow p {
	padding:0 4px;
}

.flow .stepFlow p span {
	color:#068C06;
	font-weight:bold;
	font-size:116.66%;
}

.flow .stepFlow h5 span {
	display:block;
	width:213px;
	height:81px;
	position:absolute;
	top:-69px;
	left:210px;
	cursor:pointer;
}

/*
.flow .stepFlow h5 a span.bubble02 {background:url(/common/image/about/bubble02_no.png) 0 0 no-repeat;}
.flow .stepFlow h5 a span.bubble03 {background:url(/common/image/about/bubble03_no.png) 0 0 no-repeat;}
.flow .stepFlow h5 a span.bubble04 {background:url(/common/image/about/bubble04_no.png) 0 0 no-repeat;}
.flow .stepFlow h5 a span.bubble05 {background:url(/common/image/about/bubble05_no.png) 0 0 no-repeat;}


.flow .stepFlow h5 a:hover span.bubble02 {background:url(/common/image/about/bubble02.png) 0 0 no-repeat;}
.flow .stepFlow h5 a:hover span.bubble03 {background:url(/common/image/about/bubble03.png) 0 0 no-repeat;}
.flow .stepFlow h5 a:hover span.bubble04 {background:url(/common/image/about/bubble04.png) 0 0 no-repeat;}
.flow .stepFlow h5 a:hover span.bubble05 {background:url(/common/image/about/bubble05.png) 0 0 no-repeat;}

.flow .stepFlow h5 a:hover span.bubble02 img,
.flow .stepFlow h5 a:hover span.bubble03 img,
.flow .stepFlow h5 a:hover span.bubble04 img,
.flow .stepFlow h5 a:hover span.bubble05 img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
*/

.flow .doctorAFlow{
	margin:0 10px 0 0;
	position:relative;
	top:20px;
}
.flow .doctorBFlow{
	margin:0;
	position:relative;
	top:20px;
}

.flow .stepFlow {
	margin:0 10px 0 0;
}

.flow .doctorAFlow h6 span{
	display:block;
	position:absolute;
	top:-33px;
	left:0px;
}

.flow .doctorAFlow p ,
.flow .doctorBFlow p{
	padding:0 3px;
}

.flow .doctorBFlow h6 span{
	display:block;
	position:absolute;
	top:-35px;
	right:-4px;
}

.stepGroup {
	padding:0 0 80px;
	background:url(/common/image/about/underArrow_bg.jpg) center bottom no-repeat;
	zoom:1;
}

#step01.stepGroup {padding:0 0 74px;}
#step02.stepGroup {padding:0 0 79px;}
#step03.stepGroup {padding:0 0 92px;}
#step04.stepGroup {padding:0 0 92px;}
#step05.stepGroup {padding:0 0 92px;}
#lastStep.stepGroup {padding:20px 0 0; background:none;}


.stepGroup:after {
	content:"";
	display:block;
	clear:both;
}

.stepGroup .image p {
	text-align:center;
}

.doctorAfter {
	padding:0 45px 0;
	margin:20px 0 30px;
	zoom:1;
}

.doctorAfter:after {
	content:"";
	display:block;
	clear:both;
}

.doctorAfter #doctorA{
	float:left;
	width:390px;
	/*min-height:225px;*/
}

.doctorAfter #doctorB{
	float:right;
	width:390px;
	/*min-height:225px;*/
}

.doctorAfter .afterBlock {
	background:url(/common/image/about/doctor_afterBoxBg.jpg) 0 0 repeat-y;
}

.doctorAfter .afterBlock .afterBlockInner {
	padding:17px 11px 0;
	min-height:200px;
	height: auto !important;
	height: 200px;
	background:url(/common/image/about/doctor_afterBoxTop.jpg) 0 0 no-repeat;
}

.doctorAfter .afterBlock .afterBlockInner h6 {
	margin:0 0 10px;
	text-align:center;
}

.doctorAfter .afterBlock .afterBlockInner .afterMessage {
	padding:0 5px 10px;
	zoom:1;
}

.doctorAfter .afterBlock .afterBlockInner .afterMessage:after {
	content:"";
	display:block;
	clear:both;
}

.doctorAfter .afterBlock .afterBlockInner .afterMessage img {
	float:left;
	margin:0 9px 14px 0;
	border:1px solid #CCCCCC;
}






/*追加クラス*/

.aboutBg .pageTop {
	margin:0;
	padding:10px 0;
	background-color:#F6F6F6;
}






/* popup */
/*-------------------------------------------------------------------------
 header
-------------------------------------------------------------------------*/
#headerpopup {
 width:640px;
 height:85px;
}

#headerpopup h1 {
 float:left;
 width:241px;
}

#headerpopup h1 img {
 vertical-align:top;
}

#headerpopup #headerpopupBox {
 padding-top:15px;
 float:left;
 width:399px;
 text-align:right;
}

#headerpopup #headerpopupBox .linkClose {
 float:right;
 width:120px;
 height:20px;
 background:url(../image/help_c_btn_close_on.jpg) 0 0 no-repeat;
}

#headerpopup #headerpopupBox div {
 float:right;
}

#popup{
 padding:10px 0 0;
 border-top:8px solid #078C00;
 width:100%;
}

#popupContent {
 width:640px;
}

#popupContent .title{
 margin:0 0 20px;
 padding:0 0 3px;
 background:#F0F0F0 url(../image/about_popupTitle2.gif) left bottom no-repeat;
}

#popupContent .title h2{
 padding:8px 24px 3px;
 color:#666666;
 background:url(../image/about_popupTitle1.gif) left top no-repeat;
 font-weight:bold;
 font-size:108.333%;
}

#popupContent h3{
 padding:4px 7px 4px;
 color:#FFFFFF;
 background:#5EA627 url(../image/about_popupTitle3.gif) left top repeat-x;
 font-size:133.333%;
}

.mainContentWrap{
 padding:5px;
 border:5px solid #E6E6E6;
 background:#FFFFFF
}

.mainContent{
 margin:;
 padding:8px 10px;
 background:#F4F4E0;
}

.mainContent p{
	line-height:1.6;
	color:#666666;
	letter-spacing:-.005em;
}

.small{
	padding-top:5px;
	font-size:83.33%;
}

.second{
	padding-top:18px;
}

.popupPaging{
 padding:20px 10px;
 zoom:1;
}

.popupPaging:after{
 content:"";
 display:block;
 clear:both;
}

.popupPaging a{
 color:#068C06;
 font-weight:bold;
 font-size:108.333%;

}

.popupPaging a:visited ,
.popupPaging a:link {
 color:#068C06;
 font-weight:bold;
 font-size:108.333%;

}

#pagingLeft{
 float:left;
}

#pagingRight{
 float:right;
}

#popupContent .popupLinks {
width:640px;
}

#popupContent .popupLinks div {
 float:right;
}

.linkClose {
 width:120px;
 height:20px;
 background:url(../image/help_c_btn_close_on.jpg) left top no-repeat;
}

#popupContent .pageTop {
 width:640px;
}

#footerPopupWrp {
 background:#5F5F5F;
}

#footerPopup {
 padding:17px 0 15px;
 width:100%;
 background:url(../image/foot_bg.gif) left top repeat-x;
 text-align:center;
}

#popupBtnWrap {
	width:640px;
}

#popupBtnWrap #entryWap {
 width:100%;
 padding:30px 0 0;
 background:url(/common/image/about/btnDotted.gif) center top no-repeat;
}

#popupBtnWrap #entryOut {
 width:500px;
 padding:9px 0 0 0;
 background:url(../image/about_ent_top.gif) 0 0 no-repeat;
}

#popupBtnWrap #entryWrp {
 width:500px;
 padding:0 0 9px 0;
 background:url(../image/about_ent_fot.gif) 0 bottom no-repeat;
}

#popupBtnWrap #entry {
 width:500px;
 padding:14px 0 0 0;
 background:#F2F2DB;
 text-align:center;
}

#popupBtnWrap #entry img {
 vertical-align:top;
}

#popupBtnWrap #entry .linkEntry {
 width:240px;
 height:45px;
 background:url(../image/about_ent_btn_on.jpg) 0 0 no-repeat;
}


/*----
---------------------------------------------------------------------
 ad - content
-------------------------------------------------------------------------*/
#ad {
 width:100%;
 padding:10px 0 0 0;
 border-top:8px solid #078C00;
}

#adContent {
 width:640px;
}

#adContent .title {
 widows:640px;
 padding:0 0 6px 0;
 background:url(../image/help_tit_bg.jpg) 0 0 repeat-x;
 margin-bottom:3px;
}