@charset "utf-8";

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


	#main{padding-bottom:30px;}
	.active-sp #main{padding-bottom:0;}


	/* コンテンツタイトルアイコン */

	#contenttitle{color:#62801a;}

	#gairai #contenttitle{background-image:url(../guide/images/ico_gairai.png);}
	#nyuin #contenttitle{background-image:url(../guide/images/ico_nyuin.png);}
	#menkai #contenttitle{background-image:url(../guide/images/ico_menkai.png);}
	#soudan #contenttitle{background-image:url(../guide/images/ico_soudan.png);}

	/* サブメニュー */

		#sidebar h1{background:#91bc25;}

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

	/* 数字アイコン */
	
		.detailnote h1.num1{background-image:url(../shared/num1.png);}
		.detailnote h1.num2{background-image:url(../shared/num2.png);}
		.detailnote h1.num3{background-image:url(../shared/num3.png);}
		.detailnote h1.num4{background-image:url(../shared/num4.png);}



	/* index */

	#contentlinks{
		width:945px;
		margin:50px auto 0;
		padding:0 0 15px 15px;
		background:url(../guide/images/symbol_spacer.png) no-repeat 645px 375px;
	}
	.flexible #contentlinks{
		width:630px;
		padding-left:15px;
		background:none;
	}
	.active-sp #contentlinks{
		width:300px;
		margin:30px auto 0;
		padding:0;
	}

		#contentlinks li{
			float:left;
			width:300px;
			height:360px;
			margin:0 15px 15px 0;
			list-style:none;
			background:#fafaf3;
			border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		}
		.active-sp #contentlinks li{
			width:150px;
			height:150px;
			margin:0;
			background:none;
		}
		
			#index .content-cat{
				text-align:center;
				padding-top:32px;
				height:78px;
			}
			.active-sp#index .content-cat{display:none;}

			#index #contentlinks li:first-child .content-cat{padding-top:22px;}

			#index .symbol{
				display:block;
				width:140px;
				height:125px;
				margin:0 auto;
				padding-top:15px;
				color:#000;
				text-align:center;
				text-decoration:none;
				background:#fff;
				border-radius:5px;
				-moz-box-shadow:0px 1px 1px 0px #aaa;
				-webkit-box-shadow:0px 1px 1px 0px #aaa;
				box-shadow:0px 1px 1px 0px #aaa;
			}

			#index .symbol img{width:100px;}

			#index .symbol h1{
				text-align:center;
				font-size:110%;
			}
			
			#index .symbol:hover{
				color:#c30;
				-moz-box-shadow:0 0 0 10px #eee inset;
				-webkit-box-shadow:0 0 0 10px #eee inset;
				box-shadow:0 0 0 10px #eee inset;
			}

			#contentlinks li p{
				margin-top:33px;
				text-align:center;
			}
			.active-sp #contentlinks li p{display:none;}


		/* 長いアイテム */

		#contentlinks li.widelist{
			width:615px;
			height:200px;
			text-align:left;
		}
		.flexible #contentlinks li.widelist{
			width:300px;
			height:360px;
			margin:0 auto 15px;
		}
		.active-sp #contentlinks li.widelist{
			width:150px;
			height:150px;
		}

			#contentlinks li.widelist .content-cat{
				text-align:left;
				float:right;
				padding-top:22px;
				margin-right:170px;
				height:97px;
			}
			.flexible #contentlinks li.widelist .content-cat{
				text-align:center;
				float:none;
				margin:0;
				height:58px;				
			}

			#contentlinks li.widelist .symbol{
				float:left;
				margin:30px 0 0 80px;
			}
			.flexible #contentlinks li.widelist .symbol{
				float:none;
			}
			.active-sp #contentlinks li.widelist .symbol{
				margin:0 auto;
			}

			#contentlinks li.widelist p{
				float:left;
				text-align:left;
				margin:0 0 0 43px;
				width:350px
			}
			.flexible #contentlinks li.widelist p{
				margin:18px 20px 0;
				width:auto;
			}



	/* 外来 */

	#hajimete{
		margin-bottom:50px;
		padding:15px 20px;
		background:#fafaf3;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
	}
	.active-sp #hajimete{
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}

	#hajimete{font-size:110%;}
	.active-sp #hajimete{font-size:100%;}

		#hajimete h1{
			text-align:center;
			margin:10px 0 0;
		}
		.active-sp2 #hajimete h1 img{width:90%;}

		#hajimete p{margin-left:20px;}
		.active-sp #hajimete p{margin-left:0;}

		#hajimete ul{
			margin-left:20px;
		}
		.active-sp #hajimete ul{margin-left:0;}

			#hajimete li{
				margin-bottom:20px;
				padding-left:22px;
				list-style:none;
				background:url(../shared/dot_circle-pink.png) no-repeat 0 6px;
			}

				#hajimete li .listdetail{
					margin:10px 0 15px 3px;
					padding:0 0 0 15px;
					color:#369;
					border-left:5px solid #ccc;
				}
				.active-sp2 #hajimete li .listdetail{
					border:none;
					padding:0;
				}

				#hajimete li li{
					padding-left:0;
					margin:0 0 10px 20px;
					list-style:disc;
					background:none;
				}


			.detailnote h1{
				color:#62801a;				
			}


		.detailnote table.stdtable{
			width:100%;
		}

			.active-sp3 .detailnote table.stdtable th{padding:8px 5px;}

			.detailnote table.stdtable td{
				width:12%;
				padding:8px 10px;
				text-align:center;
			}
			.active-sp3 .detailnote table.stdtable td{padding:8px;}
			
			.detailnote table.stdtable td.colspantd{width:auto;}



	/* 入院 */

		#nyuin .detailnote h2{
			clear:both;
			margin-bottom:15px;
			padding:2px 0 0 10px;
			color:#3287cb;
			font-size:100%;
			background:#ebf3fa;
		}

		#nyuin .detailnote h2 span{
			color:#333;
			font-weight:400;
		}

		.spbox{
			background:#f4f8e9;
			padding:20px 10px 5px 15px;
		}
		.active-sp .spbox{
			padding:20px 10px 5px;
		}

			#nyuin .spbox ul li{
				margin-bottom:15px;
				padding-left:17px;
				list-style:none;
				line-height:180%;
				background-image:url(../shared/dot_kome.png);
				background-repeat:no-repeat;
				background-position:0 7px;
				background-size:10px auto;
			}

			#nyuin .spbox ol li h3{
				margin-top: 5px;
				font-weight:700;
			}
			#nyuin .spbox ol li h3 + ol{
				margin:5px 0 7x 20px;
			}
			#nyuin .spbox ol li h3 + ol li{
				margin-bottom: 3px !important;
				list-style: disc;
			}
			#nyuin .spbox ol li h3 + ol li::before{
				content:"";
			}

			#nyuin .stdtext ol,.stddetail ol{
				margin-left:28px;
				margin-bottom:15px;
			}

			#nyuin .stddetail p{margin:0 0 30px;}
			.active #nyuin .stddetail p{margin:0 0 30px;}

			#nyuin .stddetail img{
				padding:5px;
				background:#fff;
				-moz-box-shadow:0px 1px 2px 0px #ccc;
				-webkit-box-shadow:0px 1px 2px 0px #ccc;
				box-shadow:0px 1px 2px 0px #ccc;
			}

				.floatimage{
					float:right;
					margin:0 0 10px 15px;
				}

				.imagebox{
					float:right;
					width:240px;
					margin:0 0 10px 15px;
					text-align:center;
				}
				.active-sp .imagebox{
					float:none;
					width:100%;
					margin:15px 0;
				}
				
				.imagebox-inline{display:inline;}
				.active-sp .imagebox-inline{
					position:relative;
					display:block;
					text-align:center;
					margin:15px 0;
				}
				.active-sp .imagebox-inline img{
					float:none;
					margin:0 0 -20px;
				}
				.active-sp .imagebox-inline#topimagebox{left:-15px;}
				.active-sp .imagebox-inline#topimagebox img{
					margin:10px 0 0;
				}



	/* 面会について */

		#menkai .detailnote{
			background-position:10px 0;
			background-size:auto 40px;
			background-repeat:no-repeat;
		}
		
		#menkai .detailnote#num1{background-image:url(../shared/num1.png);}
		#menkai .detailnote#num2{background-image:url(../shared/num2.png);}
		#menkai .detailnote#num3{background-image:url(../shared/num3.png);}
		#menkai .detailnote#num4{background-image:url(../shared/num4.png);}
		#menkai .detailnote#num5{background-image:url(../shared/num5.png);}
		#menkai .detailnote#num6{background-image:url(../shared/num6.png);}

		#menkai .detailnote{
			margin:0 0 20px;
			padding:2px 0 10px 60px;
			border-top:none;
		}
		.active-sp#menkai .detailnote{padding:2px 2% 10px 60px;}
			
		#menkai .detailnote#num1{
			border-top:5px dotted #eee;
			padding:30px 0 10px 60px;
			background-position:10px 26px;
		}

		#menkai .detailnote p{
			margin:5px 0 0 ;
		}

		#menkai .spbox{
			width:670px;
			margin:40px auto;
			padding:20px 25px;
			background:#fbeded;
		}
		.active-sp#menkai .spbox{
			width:90%;
			margin:30px auto 20px;
			padding:5px 5% 0;
			border-radius:0px;
		}

			#menkai .spbox div{
				color:#c00;
				font-size:1.2em;
				font-weight:bold;
			}
			.active-sp#menkai .spbox .caution{
				float:none;
				margin:20px 0 10px;
			}
			
			#menkai .spbox p{
				margin:0;
				color:#333;
				line-height:150%;
			}
			.active-sp#menkai .spbox p{padding:0;}



	/* 福祉相談科 */


		#soudan .detailnote{padding:15px 0 20px;}
		
			#soudan .detailnote h2{
				margin:30px 0;
				text-align:center;
				background:none;
			}
			.active-sp#soudan .detailnote h2{margin:20px 0;}
				
			.active-sp#soudan .detailnote h2 img{
				width:90%;
			}
		
		#soudan .stddetail{margin:15px 5%;}

		#soudanimage{
			float:right;
			width:320px;
			margin:15px 0 0 0;
		}
		.flexible #soudanimage{margin-right:50px;}
		.active #soudanimage{margin-right:4%;}
		.active-sp #soudanimage{
			width:90%;
			float:none;
			margin:15px auto 0;
		}
		.active-sp #soudanimage{}

			#soudanimage img{width:100%;}
		
		#lbl-example{
			float:left;
			width:80px;
			height:80px;
			margin:15px 10px 5px 15px;
			background-image:url(../guide/images/lbl_tatoeba.png);
			background-repeat:no-repeat;
			background-size:100%;
			text-indent:-9999px;
		}
		.flexible #lbl-example{margin:15px 10px 15px 40px;}
		.active #lbl-example{
			float:none;
			margin:15px 0 15px 30px;
		}
		.active-sp #lbl-example{
			margin:15px auto;
		}

		
		#soudan-example{margin:30px 0 0 130px;}
		.flexible #soudan-example{margin:30px 0 0 150px;}
		.active #soudan-example{margin:10px 0 0 50px;}
		.active-sp #soudan-example{
			width:340px;
			margin:20px auto;
		}
		.active-sp2 #soudan-example{
			width:auto;
			margin:20px 0 20px 10%;
		}

			#soudan-example li{
				margin-bottom:15px;
				line-height:130%;
				color:#62801a;
			}
			.active #soudan-example li{margin-bottom:10px;}
			.active-sp #soudan-example li{margin-bottom:10px;}
		
		.subcontent{
			color:#62801a;
			background-image:url(../guide/images/dot_circle.png);
			border-top:5px dotted #eee;
		}