@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2012-03-23
 * Editor:    contents
 * Modified:  2012-03-23 by:contents
 *
 * ***********************************************************
 */
 
/* =====================================================

  CLPクリニック　クリニックについて

===================================================== */


h3.indexTitle{
	background: url(../clinic/img/index_sub.gif) no-repeat;
	width: 720px;
	height: 93px;
	text-indent: -9999px;
	margin: 30px 0 38px 0;
}

p.indexText01{
	width: 720px;
	margin: 0 0 38px 0;
}

p.indexText02{
	width: 720px;
	margin: 15px 0 20px 0;
}

p.indexText03{
	width: 720px;
	margin: 25px 0;
}

h3.indexTitle01{
	background: url(../clinic/img/index_sub01.jpg) #E6EFFA no-repeat;
	width: 720px;
	height: 32px;
	text-indent: -9999px;
}

h3.indexTitle02{
	background: url(../clinic/img/index_sub02.jpg) #E6EFFA no-repeat;
	width: 720px;
	height: 32px;
	text-indent: -9999px;
}

h3.indexTitle03{
	background: url(../clinic/img/index_sub03.jpg) #E6EFFA no-repeat;
	width: 720px;
	height: 32px;
	text-indent: -9999px;
}

h3.indexTitle04{
	background: url(../clinic/img/index_sub04.jpg) #E6EFFA no-repeat;
	width: 720px;
	height: 32px;
	text-indent: -9999px;
}

div.indexTitleline01{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	width: 720px;
}

div.indexTitleline02{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	width: 720px;
	height: 62px;
}

table.indexTable{
	width: 720px;
	margin: 0 0 40px 0;
}

table.indexTable th{
	background: url(../clinic/img/clinic_line.gif) #F2F3ED no-repeat bottom;
	width: 260px;
	padding: 18px 20px;
	vertical-align:top;
}

table.indexTable td{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	width: 430px;
	padding: 18px 0 18px 30px;
}

table.indexTable th p{
	color:#857F56;
	font-weight:bold;
}

table.indexTable td p{
	color:#333333;
}

/*------ アクセス ------*/


.indexBox01{
	width: 720px;
	padding: 30px 0 40px 0;
}

.indexBox01 .capBox{
	width: 330px;
	float:left;
}

.indexBox01 .mapBox{
	border: 1px solid #CCCCCC;
	padding:2px;
	width: 344px;
	height:234px;
	float:right;
}

#map_canvas{
	width: 344px;
	height:234px;

}

.indexBox01 .capBox table th{
	padding: 0 10px 8px 0;
	vertical-align:top;
}

.indexBox01 .capBox table td{
	padding: 0 0 8px 0;
	vertical-align:top;
}

.indexBox02{
	background:#F2F3ED;
	width: 680px;
	padding: 15px 20px;
}

.indexBox02 h4{
	color:#857F56;
	padding: 0 0 4px 0;
}

.indexBox02 p{
	color:#333333;
}

/* =====================================================

  口唇裂口蓋裂について

===================================================== */

h3.clpTitle{
	background: url(../clinic/img/clp_sub.gif) no-repeat;
	width: 720px;
	height: 93px;
	text-indent: -9999px;
	margin: 30px 0 35px 0;
}

h4.clpTitle01{
	background: url(../clinic/img/clp_sub02.gif) no-repeat;
	width: 258px;
	height: 14px;
	text-indent: -9999px;
}

h3.clpTitle02{
	background: url(../clinic/img/clp_sub01.jpg) #E6EFFA no-repeat;
	width: 720px;
	height: 32px;
	text-indent: -9999px;
}

p.clpText01{
	width: 710px;
	margin: 15px 0 38px 0;
}

p.clpText02{
	width: 720px;
	margin: 22px 0 10px 0;
}

/*------ ステップフロー ------*/

div.clpStepArea01{
	width: 720px;
	margin: 0 0 30px 0;
}

div.clpStepArea02{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	width: 720px;
	padding: 0 0 30px 0;
}

div.clpStepArea01 img,
div.clpStepArea02 img{
	float: left;
}

div.clpStepBox{
	background: url(../clinic/img/clinic_sub_back.gif) repeat-x;
	width: 640px;
	float: right;
}

div.clpStepCapBox{
	background:#F2F3ED;
	padding: 15px 20px;
	margin: 25px 0 0 15px;
}

div.clpStepCapBox h4{
	color:#857F56;
	padding: 0 0 3px 0;
}

div.clpStepCapBox p{
	color:#333333;
}

div.clpStepBox h3{
	margin: 15px 0 20px 15px;
}

div.clpStepBox .cap{
	margin: 0 10px 0 15px;
}

/* =====================================================

  海外活動

===================================================== */

.overBlock01{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	padding: 0 0 25px 0;
	margin: 0 0 30px 0;
}

.overBlock02{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}

.overBlock03{
	background: url(../clinic/img/clinic_line.gif) no-repeat bottom;
	padding: 0 0 30px 0;
}

h3.overTitle01{
	background: url(../clinic/img/over_sub01.jpg) no-repeat;
	width: 261px;
	height: 18px;
	text-indent: -9999px;
	margin: 40px 0 22px 0;
}

p.overText01{
	width: 720px;
	margin: 0 0 25px 0;
}

p.overText02{
	padding: 27px 0 25px 0;
}

.overImgArea01{
	margin: 0 0 27px 0;
}

.overImgArea02 li{
	float:left;
}

.overImgArea02 li .cap{
	text-align:center;
	padding: 12px 0 0 0;
}

.boxL{
	width: 324px;
	float:left;
}

.boxR{
	width: 356px;
	float:right;
}

h3.overTitle02{
	background: url(../clinic/img/over_sub02.jpg) no-repeat;
	width: 324px;
	height: 18px;
	text-indent: -9999px;
	margin: 0 0 22px 0;
}

h3.overTitle03{
	background: url(../clinic/img/over_sub03.jpg) no-repeat;
	width: 324px;
	height: 42px;
	text-indent: -9999px;
	margin: 0 0 22px 0;
}