@charset "utf-8";

@import url(default.css);
@import url(base.css);


#wrapper{
	font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight:400;
	letter-spacing:0.05em;
}

	#main{padding-bottom:40px;}
	#main .bold{font-weight:900;}

	/* サブメニュー */

		#sidebar h1{background:#6aa3ff;}

			#submenu li span{
				background-image:url(../therapy/images/bg_triangle2.png);
				background-color:#f0f6ff;
			}


	/*  */
/* 202601修正  */
/*
		.index #wrapper{
			background-image:url(../therapy/images/bg_therapy.png);
			background-repeat:no-repeat;
			background-position:375px 75px;
		}
*/
		.headerfix #wrapper{
			background-position:375px 185px;
		}
		
		.active-sp #wrapper{background:none;}

			#catch-main{
				width:490px;
				padding:50px 0 0 40px;/* 202601修正  */
				/*padding:50px 0 0 40px;*/
			}
			.active-sp #catch-main{
				position:relative;
				width:70%;
				padding:30px 0 0;
				margin:0 auto -30px;;
			}
			.active-sp2 #catch-main{width:90%;}
			
			#catch-main img{width:100%;}

			.subc{
				position:relative;
				margin-bottom:-60px;
				padding-bottom:40px;
				border-bottom:5px solid #eee;
			}
			.subc:last-child{margin-bottom:0;}
			

			h1.subtitle{
				height:75px;
				margin-top:50px;
				padding-top:50px;
				background-size:100% auto;
				background-position:0 100%;
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
			.flexible h1.subtitle{margin-left:2%;}
			.active-sp h1.subtitle{height:53px;}

		@media screen and (max-width:980px){

			h1.subtitle{
				margin-left:2%;
			}
			
		}

		@media screen and (max-width:685px){

			h1.subtitle{
				height:53px;
			}
			
		}
		
			.detail .subc:nth-of-type(1) h1.subtitle{
				margin-top:0;
				padding-top:30px;
			}



			h1#denkikeiren{
				width:351px;
				background-image:url(../therapy/images/lbl_denki-keiren.png);
			}
			h1#clozapine{
				width:590px;
				background-image:url(../therapy/images/lbl_clozapine.png);
			}
			h1#methylphenidate{
				width:617px;
				background-image:url(../therapy/images/lbl_methylphenidate.png);
			}
			h1#daycare{
				width:174px;
				background-image:url(../therapy/images/lbl_daycare.png);
			}
			h1#rework{
				width:286px;
				background-image:url(../therapy/images/lbl_rework.png);
			}
			h1#ot{
				width:251px;
				background-image:url(../therapy/images/lbl_ot.png);
			}
			h1#houmon{
				width:174px;
				background-image:url(../therapy/images/lbl_houmonkango.png);
			}

		@media screen and (max-width:685px){
			
			h1#denkikeiren{width:246px;}
			h1#clozapine{width:413px;}
			h1#methylphenidate{width:432px;}
			h1#daycare{width:122px;}
			h1#rework{width:200px;}
			h1#ot{width:177px;}
			h1#houmon{width:122px;}
		}

		@media screen and (max-width:470px){
			
			h1#clozapine{
				width:225px;
				background-image:url(../therapy/images/lbl_clozapine2.png);
			}
			h1#methylphenidate{
				width:245px;
				background-image:url(../therapy/images/lbl_methylphenidate2.png);
			}

		}

			.spbox{
				margin:15px auto 35px;
				padding:0 0 15px;
				background-image:url(../therapy/images/bg_header-spbox.gif);
				background-repeat:repeat-x;
				background-color:#f0f6ff;
				border-radius:10px;
			}
			.flexible .spbox{
				width:92%;
				margin-top:15px;
				margin-bottom:15px;
			}



				.spbox h2{
					height:32px;
					padding:8px 0 0;
					color:#fff;
					text-align:center;
					font-size:120%;
					font-weight:bold;
				}

					.spbox h3{
						padding:20px 0 12px;
						font-size:180%;
						color:#245bb3;
						text-align:center;
						font-weight:bold;
					}
					.active-sp .spbox h3{font-size:140%;}
					.active-sp2 .spbox h3{font-size:120%;}

					.spbox ul{
						margin-left:30px;
					}
					.active-sp .spbox ul{margin:0 15px;}

						.spbox li{
							margin-bottom:5px;
							padding-left:20px;
							font-size:100%;
							/*font-weight:bold;*/
							color:#245bb3;
							line-height:140%;
							list-style:none;
							background-image:url(../shared/dot_circle-blue.png);
							background-repeat:no-repeat;
							background-size:12px;
							background-position:0 6px;
						}


			.stdtable{
				width:700px;
				margin:20px auto;
			}

			.flexible .stdtable{
				width:92%;
				margin-top:15px;
				margin-bottom:15px;
			}

				.stdtable td{text-align:center;}

		
		.subcontent{
			padding:30px 0 7px 50px;
			color:#245bb3;
			background-image:url(../therapy/images/dot_circle.png);
			background-position:15px 31px;
			border:none;
		}


			#actreport{
				margin-left:0;
				padding-top:15px;
				border-top:1px dotted #ccc;
			}

		@media screen and (max-width:980px){
			
			#actreport{
				width:740px;
				margin:0 auto;
				padding:15px 0 0;
			}
			
		}

		@media screen and (max-width:740px){
			
			#actreport{
				width:100%;
			}
			
		}





			#actreport li{
				float:left;
				width:350px;
				margin-bottom:10px;
				margin-right:10px;
				padding:10px 10px 10px 0;
				list-style:none;
				/*background:#fffbe6;*/
				background:#fdfbf2;
			}
			#actreport li:after{
				content: "";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0px;
			}
			* html #actreport li{display: inline-table;}
			/* no ie mac \*/
			* html #actreport li{height:1%;}
			#actreport li{display: block; min-height:0;}
			/* */

			#actreport li:nth-of-type(2n){margin-right:0;}



		@media screen and (max-width:980px){
			
			#actreport li{
				margin:0 15px 10px 0;
				padding:10px 5px 10px 0;
			}
			#actreport li:nth-of-type(2n){margin-right:0;}
		
		}

		@media screen and (max-width:800px){
			
			#actreport li{
				float:none;
				width:90%;
				margin:0 auto 10px;
				padding:10px 4% 10px 0;
			}
			
		}

			#actreport li p{
				margin:7px 0 0;
				line-height:140%;
			}
			.active #actreport li p{margin-right:3px;}
			.active-sp #actreport li p{margin-right:2%;}


			#actreport li p.imagebox{
				float:left;
				width:140px;
				height:140px;
				margin:0 20px 5px 10px;
				text-align:center;
			}
			.active #actreport li p.imagebox{margin:0 20px 5px;}
			.active-sp2 #actreport li p.imagebox{
				float:none;
				height:auto;
				margin:0 auto 5px;
				
			}


			#actreport li img{
				padding:2px;
				-moz-box-shadow:0px 1px 1px 0px #aaa;
				-webkit-box-shadow:0px 1px 1px 0px #aaa;
				box-shadow:0px 1px 1px 0px #aaa;
			}

			#actreport li h1{
				margin:3px 0 0;
				/*font-weight:bold;*/
				color:#ea5514;
				line-height:130%;
			}



	/* OT */
			
		.flickcaution{
			margin:0;
			text-align:center;
			font-size:80%;
			color:#f00;
			display:none;
		}
		.active-sp .flickcaution{display:block;}

		/* フリック用プラグイン */
			
			.active-sp #table-wrapper{
				width:92%;
				margin:10px auto;
				position:relative;
				overflow:auto;
			}

			.active-sp #table-wrapper .stdtable{
				display: block;
				width: 700px;
				margin: 0;
				padding: 0;
			}


			#schedule-table{
				font-size:90%;
			}
			
				#schedule-table th{
					padding-left:0;
					padding-right:0;
				}

				#schedule-table .tableheader th{width:19%;}
				#schedule-table .tableheader th.header-left{width:auto;}

				#schedule-table td{
					padding:10px 0 5px;
					text-align:left;
					vertical-align:top;
				}
	
				#schedule-table td ul{
					margin:0 5px 0 7px;
					list-style:none;
				}
		
					#schedule-table td li{
						padding-left:10px;
						margin-bottom:7px;
						background:url(../shared/dot_pankuzu.gif) no-repeat 0 7px;
					}

					#schedule-table td li .fs85,
					#schedule-table td li .fs1{color:#999;}


		#link-kakudai{
			position:relative;
			padding-right:3%;
			margin-bottom:-40px;
			text-align:right;
			top:-45px;
		}

			.active-sp3 #link-kakudai{
				margin-bottom:-25px;
				top:-20px;
			}

		#workslist{margin:10px auto 30px;}
		.flexible #workslist{width:730px;}
		.active #workslist{
			width:478px;
			padding-right:18px;
		}
		.active-sp #workslist{width:418px;}
		.active-sp2 #workslist{
			width:300px;
			padding-right:10px;
		}

			#workslist li{
				float:left;
				width:210px;
				height:158px;
				margin:0 0 18px 18px;
				padding:5px;
				list-style:none;
				-moz-box-shadow:0px 1px 1px 0px #aaa;
				-webkit-box-shadow:0px 1px 1px 0px #aaa;
				box-shadow:0px 1px 1px 0px #aaa;
			}
			.active-sp #workslist li{
				width:180px;
				height:135px;
			}
			.active-sp2 #workslist li{
				width:134px;
				height:101px;
				margin:0 0 10px 10px;
				padding:3px;
			}

				#workslist li img{
					width:100%;
				}


				/*#houmon{
					position:relative;
					top:-30px;
					margin-bottom:-30px;
				}*/




　　a.clink{
		display:block;
		width:200px;
		margin:15px auto 0;
		background-color:#eaa7a4;
	}



/* リワーク */

		#reworksec{
			margin-bottom:-30px;
			padding-bottom:0;
		}


		#reworksec .sashie{
			width:240px;
			margin:0 0 20px 20px;
			text-align:center;
			float:right;
		}

			#reworksec .sashie table{
				width:100%;
				margin-bottom:25px;
				border-collapse:collapse;
				line-height:1.3em;
				position:relative;
				top:5px;
			}

			#reworksec .sashie img{
				max-width:184px;
				width:90%;
			}

				#reworksec .sashie th{
					padding:10px 5px;
					color:#245bb3;
					font-weight:normal;
					font-size:0.9em;
					border:1px solid #ccc;
					background-color:#dae8ff;
				}

				#reworksec .sashie td{
					padding:10px 5px;
					font-size:0.9em;
					border:1px solid #ccc;
				}

	@media screen and (max-width:580px){

		#reworksec .sashie{
			width:100%;
			min-width:240px;
			margin:0 auto 20px;
			float:none;
		}

			#reworksec .sashie table{
				width:100%;
				margin-bottom:25px;
				border-collapse:collapse;
				line-height:1.3em;
				position:relative;
				top:5px;
			}

	}
	
	
/* プログラムの内容 */

			#reworksec .spbox{
				width:94%;
				margin:30px auto 35px;
				padding:25px 2% 5px 0;
				background-image:none;
				border-radius:10px;
			}

		@media screen and (max-width:1000px){

			#reworksec .spbox{
				width:90%;
				padding:25px 2% 5px 0;
			}
	
		}

		@media screen and (max-width:480px){

			#reworksec .spbox{
				padding:25px 2% 15px 0;
			}
	
		}

		@media screen and (max-width:420px){

			#reworksec .spbox{
				margin:30px auto 15px;
			}
	
		}

			#reworksec .spbox img{
				width:160px;
				float:right;
				position:relative;
				left:-2%;
			}

		@media screen and (max-width:770px){
			
			#reworksec .spbox img{
				width:120px;
				margin:0 0 10px 10px;
			}

		}

		@media screen and (max-width:480px){
			
			#reworksec .spbox img{
				display:block;
				width:120px;
				margin:0 auto;
				float:none;
				top:-5px;
			}

		}
		
				#reworksec .spbox li{
					margin-bottom:20px;
					color:#333;
				}
		
			@media screen and (max-width:770px){
	
				#reworksec .spbox li{
					margin-bottom:15px;
				}
		
			}

				#reworksec .spbox h3{
					padding:3px 0 12px;
					font-size:1.2em;
					color:#245bb3;
					text-align:left;
					font-weight:500;
				}
		
			@media screen and (max-width:770px){
	
				#reworksec .spbox h3{
					padding:4px 0 12px;
					font-size:1.0em;
				}
		
			}

	
/* プログラムのメリット */

		#reworksec .stdtable td{
			text-align:center !important;
		}

		#merit{
			width:96%;
			margin:20px auto 0;
		}

	@media screen and (max-width:1000px){

		#merit{
			width:94%;
		}

	}

	@media screen and (max-width:420px){

		#merit{
			margin:10px auto 0;
		}

	}
		
			#merit li{
				padding-left:70px;
				list-style:none;
				background-repeat:no-repeat;
				background-position:-10px 0;
			}
			#merit li:nth-of-type(1){background-image:url(../therapy/images/num1.png);}
			#merit li:nth-of-type(2){background-image:url(../therapy/images/num2.png);}
			#merit li:nth-of-type(3){background-image:url(../therapy/images/num3.png);}
			#merit li:nth-of-type(4){background-image:url(../therapy/images/num4.png);}
			#merit li:nth-of-type(5){background-image:url(../therapy/images/num5.png);}

				#merit li h3{
					color:#245bb3;
					font-weight:700;
					font-size:1.7em;
				line-height:1.4em;
				}

				#merit li p{
					margin:10px 0 30px;
				}

		@media screen and (max-width:1000px){

			#merit li{
				padding-left:60px;
				background-size:50px auto;
			}

				#merit li h3{
					font-size:1.4em;
				}

				#merit li p{
					margin:10px 0 30px;
				}

		}

		@media screen and (max-width:640px){

			#merit li{
				padding-left:50px;
				background-size:40px auto;
			}

				#merit li h3{
					font-size:1.2em;
				}

				#merit li p{
					margin:10px 0 20px;
				}

		}

		@media screen and (max-width:450px){

			#merit li br{display:none;}

				#merit li h3{
					font-size:1.1em;
				}
			
		}
		




			.spbox2{
				width:84%;
				margin:15px auto 35px;
				padding:15px 5% 15px;
				color:#d54f4a;
				border-radius:10px;
			}


			#reworksec .spbox2{
				width:84%;
				margin:30px auto 35px;
				padding:15px 5% 15px;
				color:#d54f4a;
				font-weight:500;
				background-image:none;
				background-color:#fff2f2;
				border-radius:10px;
			}