@charset "utf-8";

/* --------------------------------------
    RESET
--------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td { 
	margin: 0;
	padding: 0;
}
fieldset { 
	border: 0;
}
img { 
	border-style: none;
	vertical-align: top;
}
ol,ul {
	list-style: none;
}
caption {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym { 
	border: 0;
}


/* --------------------------------------
    ALL
--------------------------------------- */
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #323232;
}

a { color: #323232; text-decoration: none; outline: none;}
a:hover { color: #323232; text-decoration: underline;}


.anchor {
	position:relative;
    top: -80px;
}

/* --------------------------------------
    STRUCTURE
--------------------------------------- */
#container{ background-color:#FFF; }
.wrapper { width: 990px; margin: 0px auto; }


/* --------------------------------------
    HEADER
--------------------------------------- */
#header { 
	padding: 5px 0px 0px 0px;
	background-color:#FFF;
	text-align:center;
}

.logo{ text-align:center; padding-bottom:20px; }

.menu01{ background-color:#5b791a; color:#FFF; padding:10px 0 10px 0;	border-bottom:solid 2px #364a0a;}

.menu01 a{ padding:0px 10px 0px 10px; color:#FFF;}


/* --------------------------------------
    NAVAREA
--------------------------------------- */
#navArea { }
	#navArea .menu01 {  font-size: 16px;}


/* --------------------------------------
    FIXNAV
--------------------------------------- */
.fixNav {
	background-color: #FFFFFF;
}

.fixNav .wrapper {
	padding: 5px 0px 5px 0px;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 110;
}
	.fixNav .menu01 {  font-size: 16px;}

/* --------------------------------------
    FOOTER
--------------------------------------- */
#footer {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	background-color:#f5f5f5;
}
#footer .wrapper {
	padding: 50px 0px 40px 0px;
}
	#footer .fLogo {
		padding:50px 0 20px;
	}
	.copy {
		font-size:11px;
		line-height:14px;
		color: #000;
	}

	
/* --------------------------------------
    PAGETOP
--------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:100;
}


/* --------------------------------------
    COMMON ELEMENTS
--------------------------------------- */
.pd01 { padding-bottom: 10px;}
.pd02 { padding-bottom: 20px;}
.pd03 { padding-bottom: 30px;}
.pd04 { padding-bottom: 40px;}

.mg01 { margin-bottom: 10px;}
.mg02 { margin-bottom: 20px;}
.mg03 { margin-bottom: 30px;}
.mg04 { margin-bottom: 40px;}

.line01 { border-top: 1px solid #EEEEEE; height: 1px; overflow: hidden;}

.sh { 
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
}


/* --------------------------------------
    FONT
--------------------------------------- */
.fBlue{ color:#1283c5;}
.fGreen{ color:#5b791a;}
.fWhite{ color:#fff;}
.fRed{ color:#e60012;}
.f12 { font-size: 12px; line-height: 22px;}
.f18 { font-size: 18px; line-height: 26px;}
.f16 { font-size: 16px; line-height: 24px;}


/* --------------------------------------
    CLEARFIX
--------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE6 */
* html .clearfix {
	display: inline-block;
}

/* for IE7 */
*+html .clearfix {
	display: inline-block;
}












/* --------------------------------------
    STRUCTURE
--------------------------------------- */

.blkTtl {
	margin: 70px 0px 30px 0px;
	text-align:center;
	font-size:36px;
}

.blkTtl02 {
	margin: 50px 0px 10px 0px;
	text-align:center;
	font-size:16px;
}
.sTtl{font-size:24px; padding-bottom:20px;}

.sTtl02{font-size:30px; padding-bottom:10px; text-align:center; border-bottom:dotted 1px #FFFFFF; margin-bottom:10px;}


#pgBody {padding-top:1px;padding-bottom: 30px;}

.baseWhite{ background-color:#fff;border-radius: 14px; padding:40px}
.baseWhite_Green{ background-color:#fff;border-radius: 14px; padding:40px; border:3px solid #364a0a;}
.baseWhite_Blue{ background-color:#fff;border-radius: 14px; padding:40px; border:3px solid #1283c5;}

.shadow { background: url(../img/shadow.png) no-repeat 0 100% transparent;}



/* --------------------------------------
    MV BLK
--------------------------------------- */
#blkMV { background-color:#000;color:#FFF;  background: url(../img/bg_wood.jpg);color:#000;}
#blkMV #ctRight{ padding-left:150px;}
#blkMV #ctLeft { width: 120px;overflow: hidden;float:left;}



#blkMV .altBox02{ padding:20px 0px; margin:30px 0px 0px 0px; background-color:#fce5e7; text-align:center;}
#blkMV .line01{border-bottom:1px solid #5b791a; margin:40px 0;}



/* --------------------------------------
    花粉症治療の種類
--------------------------------------- */
table {border-collapse: collapse;border-spacing: 0; width:100%;border-top: solid 1px #d2d2d2;border-left: solid 1px #d2d2d2;}

.tblArea{   margin:0 auto;}
	.tblArea td {
		font-size: 12px;
		line-height: 20px;
		border-bottom: solid 1px #d2d2d2;
		border-right: solid 1px #d2d2d2;
		padding:10px;
	}
	.tblArea .td01{ width:110px;}
	.tblArea .td02{ width:330px;}
tr.label01{background-color:#e0e0e0; color:#000;padding:10px; }





/* --------------------------------------
    アレルゲン免疫療法の種類 blkGreen
--------------------------------------- */
#blkGreen{ color:#FFF; background-color:#5b791a; padding-top:1px;}

.altBox01{ border:5px solid #FFF; padding:20px; background-color:#748616; font-size:20px; line-height:28px;}
.altBox01 .boxHead {
	float:left;
	padding-right:30px;
	padding-top:5px;
	}

.altBox01 .scrArea{ float:right; }
.altBox01 h3 {font-weight: bold;}
	.altBox01 ul {min-height: 1px;line-height: 20px;}
	.altBox01 li {clear: both;display: block;padding: 5px 0;}


/* --------------------------------------
    治療にあたり、ご注意いただきたい事柄 blkWhite
--------------------------------------- */
#blkWhite .baseWhite_Green p { border-bottom:1px dotted #364a0a; text-align:center; padding-bottom:20px; margin-bottom:20px;}
#blkWhite .baseWhite_Green .last { border-bottom:1px dotted #fff; padding-bottom:0px; margin-bottom:0px;}

.attention{ text-align:left}
.attention .left{ float:left;}
.attention .right{padding-left:200px; padding-bottom:30px;}
.attention .right .sTtl{ padding-bottom:10px;}
.attention .right li{ list-style-type:disc; margin-left:30px;}
.expBox01{ background-color:#f5f5f5; font-size:12px; line-height:18px; padding:20px; margin-top:10px;}
p.expBox01 { text-align:left;}



/* --------------------------------------
    副作用について
--------------------------------------- */
#blkGlass { background: url(../img/bg_glass.jpg);color:#000;}

#blkGlass .Outer {width: 1000px; font-size:18px; line-height:22px;}
#blkGlass .glLeft{ background-color:#fff;border-radius: 14px;  width:480px; margin-right:40px; float:left;}
#blkGlass .glRight{ background-color:#fff;border-radius: 14px;  width:480px; float:left;}

#blkGlass .glLeft,
#blkGlass .glRight{ height:550px;}

#blkGlass .glLeft img,
#blkGlass .glRight img{ padding-bottom:20px;}
#blkGlass .glLeft .Inner,
#blkGlass .glRight .Inner{ padding:10px;}
#blkGlass .glLeft li,
#blkGlass .glRight li{ list-style-type:disc; margin-left:25px;}

#blkGlass .subTxt{font-size:14px; line-height:18px; margin-top:10px}
#blkGlass .expBox02 {font-size:14px; line-height:18px; padding:10px; margin-top:10px; background-color:#fce5e7;}



/* --------------------------------------
    舌下免疫療法の具体的な治療方法
--------------------------------------- */
#blkWhite{ text-align:center;}
#blkWhite .baseWhite_Blue .line01{border-bottom:1px solid #1283c5; margin:40px 0;}


/* --------------------------------------
    院長からのメッセージ
--------------------------------------- */
#blkWood {text-align:center; background-color:#000;color:#FFF;  background: url(../img/bg_wood.jpg);color:#000;}
#blkWood .altBox02{ padding:10px; margin:30px 0; background-color:#fce5e7;}
#blkWood #ctRight{ padding-left:150px; text-align:left}
#blkWood #ctRight li{ list-style-type:decimal; margin-left:25px; font-weight:bold;}

#blkWood #ctLeft { width: 120px;overflow: hidden;float:left;}

#blkWood .line01{border-bottom:1px solid #5b791a; margin:40px 0;}



/* --------------------------------------
    map BLK
--------------------------------------- */
.blkMap{ /*height:400px;*/}


/* --------------------------------------
    works BLK
--------------------------------------- */


/* ---consultancy AREA--- */
#consultancyArea {
	background-color:#f6f6f6; padding:40px 0;}






/* --------------------------------------
    BUTTON_LINK
--------------------------------------- */
a.linkBtn01 { 
	background: #000000;
	padding: 10px;
	color: #FFFFFF;
	display: block;
	width: 210px;
	font-size: 16px;
}
a.linkBtn01:hover { 
	/*
	background: #006C9E;
	color: #FFFFFF;
	*/
	text-decoration: none;
}


/* --------------------------------------
    SCROLL_BAR
--------------------------------------- */
.topEntry .scrArea {
	height: 100px;
	overflow-y: auto; 
}

/* 全体 */
.jspContainer { overflow: hidden; position: relative;}

/* スクロールバーを除いたエリア */
.jspPane { position: absolute;}

/* 縦スクロールバー */
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%;}

/* 横スクロールバー */
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;}

/* 背景 */
.jspTrack { background: #D5D5D5; position: relative;}

/* ノブ */
.jspDrag { background: #404040; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag { float: left; height: 100%;}





/* --------------------------------------
    FORM
--------------------------------------- */
input, select, textarea {
    vertical-align: middle;
	font-family: inherit;
	font-size: 100%;
}
/*
.fTxt00 { 
	width: 80px; 
	border: 1px solid #A1A1A1;
	padding: 3px; 
}
*/
.fTxt01 { 
	width: 450px; 
	border: 1px solid #E0E0E0;
	padding: 5px; 
}
.fTxtarea { 
	width: 450px;
	overflow-y: auto; 
	height: 160px; 
	border: 1px solid #E0E0E0;
	padding: 5px; 
}
.fSelect { 
	border: 1px solid #A1A1A1;
	padding: 3px; 
}
.assist { 
	color: #8F8F8F; 
	margin-top: 3px; 
}
.fsendBtn {
	padding: 20px 0px;
	width:260px;
	margin:0 auto;

}
.fsendBtn input{
	width:260px;
	margin:0 auto;

}
.fBtn01 { 
	background: #5b791a;
	padding: 10px;
	color: #FFFFFF;
	/*cursor: pointer;*/
	border: none;
	display: block;
	font-size: 18px;
	-webkit-appearance: none;
	text-align: left;
	text-align:center;
	width:600px;
	margin:40px auto 0;
	border-radius: 10px;
}
.fBtn01 a { 
	color: #FFFFFF;
}



/* --------------------------------------
    CLEARFIX
--------------------------------------- */
.topEntry dl:after,
.ctWrap:after,
.menuWrap:after,
#wp_page_numbers ul:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE6 */
* html .topEntry dl,
* html .ctWrap,
* html .menuWrap,
* html #wp_page_numbers ul {
	display: inline-block;
}

/* for IE7 */
*+html .topEntry dl,
*+html .ctWrap,
*+html .menuWrap,
*+html #wp_page_numbers ul {
	display: inline-block;
}



.alignCenter{text-align: center}


/******  230204 パートナーバナー　フッター追加に伴う追記  ******/
.fPartner {margin: 30px auto 90px; font-size: 16px; text-align: center}
.fPartner ul {width: 464px; margin: 30px auto;}
.fPartner ul li{
float: left;
width: 202px;
margin-right: 60px;
text-align: center;}

.fPartner ul li:nth-child(2){
margin-right: 0px;}
.fPartner ul li img{border: 1px solid #d5d5d5;margin-bottom: 10px;}
.fPartner ul li a{font-size: 14px;}

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

@media only screen and (max-width: 767px) {
/******  230204 パートナーバナー　フッター追加に伴う追記  ******/
.fPartner ul {width: 90%; margin: 30px auto;}
.fPartner ul li{font-size: 14px;
float: left;
width: 48%;
margin-right: 4%;}
.fPartner ul li:nth-child(2){margin-right: 0px;}
.fPartner ul li img{width: 100%;}

}

a.blue{ text-decoration: underline;color:#1283c5}
