@charset "EUC-JP";
/**
 * CSS Contents Setting
 *
 *    作成：サザンウィンド・インターナショナル
 *    更新：2009/03/06
 *    備考：エンコーディングはEUC-JPです。
 *          コンテンツ別CSS構造を書きます。
 */


/*----------------------------------------
 * title : COMMON
 -----------------------------------------*/
/* 手術の流れ */
.surgery_chart{
    width: 480px;
    margin: 15px auto;
    padding: 0px;
}
.surgery_chart li{
    margin-bottom: 5px;
    padding-bottom: 20px;
    background: url( /img/arrow.gif) no-repeat bottom center;
}
.surgery_chart .last{
    padding-bottom: 0px;
    background: none;
}
.surgery_chart li img{
    float: left;
}
.surgery_chart li p{
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    margin: 0px 0px 0px 130px;
    padding: 5px 5px 5px 10px;
}

/* 注意事項 */
.routine-checkup li{
    margin: .8em 0px;
    padding-left: 18px;
    line-height: 1.4em;
    background: url( /common/images/icon/icon_d01.gif) no-repeat left 5px;
}

.recommended .point{
    margin: 25px 25px;
}
.recommended .point li{
    list-style: none;
    padding-left: 18px;
    margin: .8em 0px;
    line-height: 1.4em;
    background: url( /common/images/icon/icon_d01.gif) no-repeat left 0.2em;
}


/* COLOR BOX読込み時 */
#cboxLoadedContent #gaussian .graphic,
#cboxLoadedContent #eyeq-gaussian .graphic{
    width: 380px;
    margin: 20px auto;

}

#cboxLoadedContent #gaussian .graphic li p,
#cboxLoadedContent #eyeq-gaussian .graphic li p{
    margin: 0px;
    font-size: 12px;
}



/*----------------------------------------
 * title : 視力回復
 * src   : index.html
 -----------------------------------------*/ 
#index .medical_list{
    width: 490px;
    margin: 15px auto 55px;
}
#index .medical_list dt{
    widht: 465px;
    height: 29px;
    line-height: 29px;
    font-weight: bold;
    padding-left: 25px;
    margin-top: 15px;
    color: #0066cc;
    background: url( /surgery/img/index_medical_list_bg.gif) no-repeat left center;
}
#index .medical_list dd{
    padding: 10px 5px;
    background: #f6f6ff;
}
#index .medical_list dd .text_block{
    margin: -10px 0px;
    padding: 0px 10px 0 20px;
    border-left: 3px solid #0066cc;
}
#index .medical_list dd .text_block ul{
    margin: 30px 0 20px 0px;
    line-height: 2em;
}




/*----------------------------------------
 * title : クリーンルーム
 * src   : cleanroom.html
 -----------------------------------------*/
div#cleanroom_column{
    width:510px;
}




/*----------------------------------------
 * title : 角膜内リング 
 * src   : icrs.html
 -----------------------------------------*/
#icrs_kitazawa {
    width:200px;
    text-align:center;
    float:right;
}
#icrs_kitazawa div {
    margin-top:15px;
}




/*----------------------------------------
 * title : イントラレーシック
 * src   : intralasik.html
 -----------------------------------------*/
#intralasik .operation_list{
    width: 412px;
    margin: 40px auto 20px;
    padding-bottom: 10px;
    border: 1px solid #999;
}
#intralasik .operation_list dt{
    background: url(/surgery/img/intralasik_operation_title_bg.gif) repeat-x;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
}
#intralasik .operation_list dt span{
    padding-left: 16px;
    background: url(/surgery/img/intralasik_operation_title_icon.gif) no-repeat left center;
}
#intralasik .operation_list dd{
    margin: 10px 0 0 35px;
    /* margin: 10px 0 0 11px; iLASIK公開 */
    float: left;
}
* html #intralasik .operation_list dd{
    margin: 10px 0 0 20px;
    /* margin: 10px 0 0 9px; iLASIK公開 */
}




/*----------------------------------------
 * title : コンチェルト（Conserto）
 * src   : conserto.html
 -----------------------------------------*/


/*----------------------------------------
 * title : CRスーパーイントラレーシック
 * src   : cr_super_intra.html
 -----------------------------------------*/
#cr_super .simple_plan_banner{
    position: relative;
    width: 476px;
    height: 134px;
    background: url( /surgery/img/cr_super_simple_bg.jpg) no-repeat center center;
}
#cr_super .simple_plan_banner .text1{
    position: absolute;
    top: 15px;
    left: 15px;
}
#cr_super .simple_plan_banner .text2{
    position: absolute;
    top: 92px;
    left: 15px;
}
#cr_super .simple_plan_banner .price_box{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 155px;
    height: 70px;
}
#cr_super .simple_plan_banner p{
    margin: 0;
}
#cr_super .simple_plan_banner .price{
    font-size: 18px;
}
#cr_super .simple_plan_banner .price span{
    line-height: 1em;
    font-size: 50px;
}
#cr_super .simple_plan_banner .link{
    position: absolute;
    top: 98px;
    right: 15px;
}


/*----------------------------------------
 * title : アイレーシック（iLASIK）
 * src   : ilasik.html
 -----------------------------------------*/
/* #abstract */
#ilasik #abstract .about-view{
    display: block;
    width: 380px;
    margin: 15px auto;
    padding: 0px;
}
#ilasik #abstract .about-view li{
    width: 150px;
    margin: 0px;
    padding: 0;
    text-align:center;
}
#ilasik #abstract .about-view li p{
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
#ilasik #abstract .lasik-lineup {
    margin: 15px 10px;
    text-align: center;
}
#ilasik #abstract .lasik-lineup p{
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
#ilasik #abstract #abs-procedures {
    width: 480px;
    margin: 20px auto;
    list-style: none;
}
#ilasik #abstract #abs-procedures li {
    float:left;
    width: 160px;
    margin: 0px;
}
#ilasik #abstract #abs-procedures li p{
    line-height: 12px;
    font-size: 12px;
    text-align: center;
}
#ilasik #abstract #abs-procedures .last{
    padding: 0px;
    background: none;
}
/* #procedures */
#ilasik #aftercare .attention{
    text-indent: -20px;
    padding-left: 20px;
}
/* devices */
#ilasik #devices .photo_list{
    width:  510px;
    margin: 10px auto 50px;
    background: #ddd;
}
#ilasik #devices .photo_list strong{
    margin-left: 20px;
}
#ilasik #devices .photo_list li{
    width: 150px;
    float: left;
    margin: 10px;
    text-align: center;
}
* html #ilasik #devices .photo_list li{
    margin: 10px 8px;
}
#ilasik #devices .photo_list p{
    margin: 0px;
    padding: 3px 0px;
    line-height: 16px;
    font-size: 12px;
}
#ilasik #wavescan-wavefront #HartmannShack{
    width: 320px;
    margin: 25px auto;
    text-align: center;
}
#ilasik #star-s4-ir .list p{
    margin: 5px 0px;
}
#ilasik .start_plan_bunner{
    position: relative;
    width: 476px;
    height: 134px;
    background: url( /surgery/img/ilasik_start_plan_bnr_bg.gif) no-repeat;
}
#ilasik .start_plan_bunner .capt{
    position: absolute;
    top: 15px;
    left: 6px;
    padding-left: 20px;
    padding-bottom: 2px;
    border-bottom: 2px solid #62a001;
    color: #62a001;
    font-weight: bold;
    font-size: 14px;
}
#ilasik .start_plan_bunner .name{
    position: absolute;
    top: 50px;
    left: 26px;
}
#ilasik .start_plan_bunner .note{
    position: absolute;
    top: 95px;
    left: 110px;
}
#ilasik .start_plan_bunner .price{
    position: absolute;
    top: 15px;
    right: 20px;
    width: 100px;
    text-align: right;
}
#ilasik .start_plan_bunner .price .value{
    display: block;
    font-size: 46px;
    line-height: 46px;
}
#ilasik .start_plan_bunner .price .value .unit{
    font-size: 18px;
}
#ilasik .start_plan_bunner .link{
    display: block;
    position: absolute;
    bottom: 16px;
    right: 6px;
}







/*----------------------------------------
 * title : ウェーブフロント・エクストラビュー
 * src   : wavefrontlasik.html
 -----------------------------------------*/
#wavefrontlasik .swf{
    width: 380px;
    padding: 10px;
    background: #eeeeee;
}