<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style type="text/css">
        html {
            font-family: Meiryo;
            font-size: 13pt;
        }
        .header {
            padding: 5px 0 2px;
            background-image: linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
            background-image: -o-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
            background-image: -webkit-gradient(         linear,         left bottom,         left top,         color-stop(0, rgb(175,231,255)),         color-stop(0.5, rgb(235,251,255)),         color-stop(1, rgb(175,231,255))         );
            -webkit-box-shadow: 0 2px 3px #ababab;
        }
        .h_l {
            width: 100%;
            padding: 5px 0 7px;
        }
        h3 {
            display: inline-block;
            text-shadow: 0 1px #fff;

        }
        .outer {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
        }

        .title-bar {
            margin: 0 0 12px;
            padding: 10px 15px;
            background-color: #eeeeee;
            border-bottom:solid 3px #cccccc;
            color: #000000;
            border-radius: 0.25em;
        }
        .text-area{
            margin-left:10px;
        }
        .button-area {
            text-align: center;
        }
            .button-area .reservation-button {
                margin: 10px auto;
                height: 5em;
                width: 80%;
                min-width: 200px;
                font-size: 15pt;
                font-weight: bold;
                box-shadow: 1px 2px 2px 2px #cccccc;
                border: none;
                border-radius: 12px;
                background: #feccb1; /* Old browsers */
                background: -moz-linear-gradient(top, #feccb1 0%, #efaf8f 21%, #ed7940 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #feccb1 0%,#efaf8f 21%,#ed7940 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #feccb1 0%,#efaf8f 21%,#ed7940 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                color: #ffffff;
                text-shadow: -1px -1px 1px #808080, 1px 1px #ffffff;
            }
                .button-area .reservation-button:active {
                    margin-top:12px;
                    margin-bottom:8px;
                    box-shadow:none;
                }
            .snk-item
            {
                margin-bottom:20px;
            }
    </style>
    <script type="text/javascript">
        function RootPath() {

            return window.location.protocol + "//" + window.location.host + "/";

        }
        
        
    </script>
</head>
<body>
 
    <div class="outer">
    <div id="ctl00_header" class="header title-bar">
        <div class="h_l">
	        <h3>PL病院</h3>
            
        </div>
    </div>
        <div class="snk-item" id="snk-03">
            <div class="title-bar">
                <span class="snk-name">小児科</span>
            </div>
            <div class="text-area">                
                小児科をご利用の方はこちらを押してください
            </div>
            <div class="button-area">
                <button class="reservation-button" onclick="location.href= RootPath() + '05/index.aspx'">
                    <span class="snk-name">小児科</span>の方はこちら
                </button>
            </div>
        </div>
        <div class="snk-item" id="snk-04">
            <div class="title-bar">
                <span class="snk-name">産婦人科</span>
            </div>
            <div class="text-area">                
                産婦人科をご利用の方はこちらを押してください
            </div>
            <div class="button-area">
                <button class="reservation-button" onclick="location.href= RootPath() + '15/index.aspx'">
                    <span class="snk-name">産婦人科</span>の方はこちら
                </button>
            </div>
        </div>
        
        <!--以下繰り返し-->
    </div>

    <!--ここまで-->

</body>
</html>