@charset "UTF-8";
@import url("_com.css");            /* 共通スタイル */
@import url("_cls_btn.css");        /* ボタンスタイル */
@import url("_header_footer.css");  /* ヘッダ・フッタスタイル */

body {          background:         rgb(255, 251, 244);}/* 背景色 */
body {          font-size:          14px;}              /* フォントサイズ */
label{          cursor:             pointer;}           /* ラベル */
label:hover{    color:              rgb(255, 73, 73);}  /* ラベルホバー */
label input {   margin-right:       5px;}               /* label配下のcheck */
table {         border-spacing:     0px;                /* テーブル */
                border-collapse:    collapse;}


/*===================================================================================================*/
/* ボディ */
/*===================================================================================================*/
._body {
}
    .cls_body_wrap {
        width:              600px;
        margin:             0 auto;
        padding-top:        10px;
    }

    /* タイトル枠 */
    .cls_title_frame {
        border:             1px solid #2a9c69;
        border-top:         5px solid #2a9c69;
        padding:            10px;
        position:           relative;
        background-color:   rgb(251, 252, 228);
        background:         linear-gradient(rgb(255, 255, 255), rgb(254, 255, 231));
        background:         -moz-linear-gradient(rgb(255, 255, 255), rgb(254, 255, 231));
        background:         -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(254, 255, 231))); 

        box-shadow:         2px 2px 5px rgba(0,0,0,0.4);
        border-radius: 7px;
    }
        /* タイトル・グループ・説明文　枠 */
        .cls_contents {
            float:          left;
            width:          450px;
        }
            /* タイトル */
            .cls_title {
                border-bottom:      1px dotted #2a9c69;
                padding-bottom:     5px;
            }
                /* タイトル */
                .cls_title_name {
                    font-size:      20px;
                    font-weight:    bold;
                    color: rgb(72,  163, 72);
                }
                /* グループ */
                .cls_title_group {
                    background-color:   #ffae00;
                    padding:            0 20px;
                    margin-left:        5px;
                    color:              white;
                }
             /* 説明 */
           .cls_explain {
                border-top: 1px dotted #2a9c69;
                margin-top: 2px;
                padding-top: 5px;
                color: gray;
            }
                /* ランク */
                .cls_rank {
                    background-color:   rgb(255, 228, 248);
                    color:              rgb(255, 145, 5);
                    font-weight:        bold;
                    font-size:          20px;
 line-height: 30px;/*IE7対応*/
               }
                /* 一言アドバイス */
                .cls_advice {
line-height: 21px;/*IE7対応*/
                }

             /* 画像 */
           .cls_img {
               float:   left;
            }

    /* コメント */
    .cls_comment_frame {
        margin-top:     0px;
        padding:        10px;
        font-weight:    bold;    
    }
        /* コメント */
        .cls_comment {
            float: left;
            width: 340px;
line-height: 21px;/*IE7対応*/
        }

        /* ボタンエリア */
        .cls_link_btn_area {
            margin-left: 10px;
            width: 200px;
            float: left;
        }
            /* ボタン */
            .cls_link_btn_area a{
                border:             1px solid rgb(179, 179, 179);
                width:              230px;
                height:             30px;
                display:            inline-block;
                text-align:         center;
                font-size:          14px;
                font-weight:        bold;
                background-color:   rgb(241, 240, 240);
                background:         linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));
                background:         -moz-linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));
                background:         -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(233, 233, 233))); 

                padding-top:        7px;
                text-decoration:    none;
                color:              rgb(124, 124, 124);
                box-shadow:         1px 1px 2px rgba(0,0,0,0.4);
                margin-top:         5px;
                border-radius:      5px;
line-height: 22px;/*IE7対応*/
            }
            /* ボタン */
            .cls_link_btn_area a:hover{
                background-color:   rgb(211, 248, 255);
                background:         linear-gradient(rgb(255, 255, 255), rgb(211, 248, 255));
                background:         -moz-linear-gradient(rgb(255, 255, 255), rgb(211, 248, 255));
                background:         -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(211, 248, 255))); 

            }

    /* 診療科目枠 */
    .cls_department_frame {
        padding-left: 10px;
    }
	.cls_department_wrap
	{
		float: left;
		width: 340px;
	}
        /* 病院を探すときは以下の科目を選択してください。 */
        .cls_dep_title {
            color: gray;
line-height: 21px;/*IE7対応*/
        }
        /* 診療科目 */
        .cls_department {
            color: rgb(138, 128, 255);
            font-weight: bold;
            font-size: 20px;
line-height: 30px;/*IE7対応*/
        }
        .cls_department_btn_area {
            margin-left: 10px;
            width: 200px;
            float: left;
        }
            /* ボタン */
            .cls_department_btn_area a{
                border:             1px solid rgb(179, 179, 179);
                width:              230px;
                height:             30px;
                display:            inline-block;
                text-align:         center;
                font-size:          16px;
                font-weight:        bold;
                background-color:   rgb(241, 240, 240);
                background:         linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));
                background:         -moz-linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));
                background:         -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(233, 233, 233))); 

                padding-top:        7px;
                text-decoration:    none;
                color:              rgb(124, 124, 200);
                box-shadow:         1px 1px 2px rgba(0,0,0,0.4);
                margin-top:         5px;
                border-radius:      5px;
line-height: 22px;/*IE7対応*/
            }
            /* ボタン */
            .cls_department_btn_area a:hover{
                background-color:   rgb(211, 248, 255);
                background:         linear-gradient(rgb(255, 255, 255), rgb(211, 248, 255));
                background:         -moz-linear-gradient(rgb(255, 255, 255), rgb(211, 248, 255));
                background:         -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(211, 248, 255))); 

            }




    /* 注意事項枠 */
    .cls_attention_frame {
        border-top:         1px dotted rgb(177, 172, 172);
        border-bottom:      1px dotted rgb(177, 172, 172);
        color:              rgb(190, 10, 10);
        margin:             0px auto;
        background:         rgb(255, 251, 244);
        padding:            5px 20px;
line-height: 21px;/*IE7対応*/
    }