/* 基本設定 */
header{
	background:#fff;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out; /* firefox */
	-webkit-transition: all 0.2s ease-out; /* chrome, safari */
	-ms-transition: all 0.2s ease-out; /* ie */
	box-shadow:0px 2px 10px rgba(0,0,0,0.3); 
}
.inr{
	margin:0 auto;
	max-width:1300px;
	position:relative;
	/*overflow: hidden;*/
	/*height:90px;*/
}
.inr #logo{
	display: inline-block;
	position: relative;
}
.inr #logo:after{
	content: "";
	position: absolute;
	display: block;
	top:0;
	right:-200px;
	height: 100%;
	width:200px;
	background: rgb(242,242,242);
    background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
}

        body {
            font-family: 'Yu Gothic', 'Meiryo', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: #f7f9fc; /* 全体の背景 */
            color: #333;
        }
        .container {
            max-width: 850px;
            margin: 20px auto;
            background-color: #fff;
            padding: 30px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
        .page-section {
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #eee;
        }
        .page-section:last-child {
            border-bottom: none;
        }

        /* ヘッダー・タイトルエリア */
        .header-top-bar {
            height: 10px;
            background-color: #ffd700; /* 黄色のトップバー  */
            margin: -30px -30px 20px -30px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .title-section {
            text-align: center;
            padding-bottom: 20px;
        }
        .main-title {
            color: #d9534f; /* 赤系のタイトル色 */
            font-size: 2.8em;
            font-weight: bold;
            margin: 0;
        }
        .subtitle {
            font-size: 1.3em;
            color: #555;
            margin-top: 5px;
            font-weight: 500;
        }
        .image-container {
            text-align: center;
            margin: 20px 0;
        }
        .image-container img {
            max-width: 100%;
            height: auto;
            border-radius: 5px;
        }

        /* 診療案内ボックス */
        .info-box {
            background-color: #f0f8ff; /* 薄い青の背景 */
            border: 1px solid #007bff;
            padding: 15px;
            margin: 15px 0;
            border-radius: 6px;
        }
        .info-box h3 {
            color: #007bff;
            font-size: 1.2em;
            margin-top: 0;
            border-bottom: 2px solid #007bff;
            display: inline-block;
            padding-bottom: 3px;
        }
        .info-box ul {
            list-style: none;
            padding: 0;
        }
        .info-box li strong {
            display: inline-block;
            min-width: 100px;
            color: #0056b3;
        }
        .hospital-address {
            text-align: center;
            margin-top: 20px;
            font-size: 0.9em;
        }

        /* メイン説明文 */
        .description-box {
            background-color: #fffaf0; /* アイボリー系の背景 */
            border-left: 5px solid #d9534f;
            padding: 15px;
            margin-bottom: 20px;
        }
        .description-box strong {
            color: #d9534f;
        }

        /* こんな方にお勧め */
        .recommendation-list {
            list-style: none;
            padding: 0;
            margin-top: 15px;
        }
        .recommendation-list li {
            background-color: #e6f7ff; /* 薄い青のリスト背景 */
            border-left: 5px solid #007bff;
            padding: 10px;
            margin-bottom: 8px;
            border-radius: 4px;
            font-size: 1.05em;
        }
        .section-title {
            color: #007bff;
            border-bottom: 2px solid #007bff;
            display: inline-block;
            padding-bottom: 3px;
            margin-bottom: 10px;
            font-size: 1.5em;
        }

        /* 治療について */
        .treatment-steps ol {
            list-style-type: decimal;
            padding-left: 20px;
        }
        .treatment-steps li {
            margin-bottom: 10px;
            font-size: 1.1em;
        }
        .treatment-steps li strong {
            color: #d9534f;
        }
        .treatment-note {
            background-color: #f9f9f9;
            padding: 10px;
            margin-top: 10px;
            border-left: 3px solid #ccc;
            font-size: 0.9em;
        }
        .drug-info {
            background-color: #fef0f0; /* 薄い赤 */
            border: 1px solid #d9534f;
            padding: 15px;
            margin-top: 20px;
            border-radius: 6px;
        }

        /* 費用について */
        .cost-section h2 {
            color: #d9534f;
            border-bottom: 2px solid #d9534f;
            padding-bottom: 5px;
        }
        .cost-note {
            font-weight: bold;
            color: #d9534f;
            margin-bottom: 10px;
        }
        .cost-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        .cost-table th, .cost-table td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center;
        }
        .cost-table th {
            background-color: #f0f0f0;
            font-weight: bold;
        }
        .cost-table tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        .cost-table .drug-name {
            text-align: left;
            font-weight: bold;
            color: #007bff;
        }

        /* 予約・アクセス */
        .contact-box {
            text-align: center;
            margin: 20px 0;
            padding: 15px;
            border: 2px solid #d9534f;
            background-color: #fffafa;
            border-radius: 8px;
        }
        .contact-box p {
            margin: 5px 0;
            font-size: 1.1em;
        }
        .contact-box strong {
            color: #d9534f;
            font-size: 1.2em;
        }
        .access-details {
            font-size: 1.0em;
            margin-top: 15px;
        }
        .access-details p {
            margin: 3px 0;
        }