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



/*----------------------------------------
/* title : トップページ
 * src   : index.html
 -----------------------------------------*/ 
#index .swf{
    position: relative;
    padding-bottom: 25px;
    background: url(/img/tab_lower.gif) no-repeat center bottom;
}

#index .swf .message{
    display: block;
    width: 646px;
    height: 25px;
    position: absolute;
    top: 285px;
    right: 0px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #fff;
}

#index .swf .message .count{
    font-family: Tahoma,arial;
    font-size: 18px;
    font-style: italic;
}

#index .swf .message strong{
    color: #fff;
}


/**
 *  STRUCTURE
 */
#index .content{
    background: url( /img/index_bg.gif) repeat-y left;
}
#index .content .left_content{
    width: 155px;
    float: left;
}
#index .content .wrapper{
    width: 650px;
    float: right;
}
#index .content .wrapper .main_content{
    width: 400px;
    float: left;
}
#index .content .wrapper .right_content{
    width: 244px;
    float: right;
}



/**
 *  COMMON STYLE
 */
#index .content .wrapper .main_content .paragraph{
    position: relative;
    width: 382px;
    margin: 15px 0px 30px auto;
    padding: 50px 0 10px;
}
#index .content .wrapper .main_content .paragraph h3{
    width: 342px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    line-height: 40px;
    color: #003366;
    padding-left: 40px;
    background: url( /img/index_contents_title.gif) no-repeat center center;
}

#index .content .left_content .paragraph{
    width: 120px;
    padding: 10px;
    margin: 10px auto;
    background: #fff;
    border: 1px solid #258fd9;
    font-size: 12px;
}

#index .bunner{
    margin: 10px auto;
    text-align: center;
}



/* インフォメーション */
#index #news{
    background: #f6f6ff;
}

#index #news h3{
}

#index #news ul{
    margin: 5px 10px 10px 15px;
}

#index #news ul li{
    margin: 10px 0;
    padding-left: 25px;
    line-height: 1.4em;
    background: url( /common/images/icon/icon_g.gif) no-repeat left 0.4em;
}



/* トピックス */
#index #topics_info ul{
    margin: 5px 0 0;
}

#index #topics_info ul li{
    margin: 0 0 10px 0;
    padding-left: 15px;
    background: url( /img/index_topics_bg.gif) repeat-y left;
}
#index #topics_info ul li .txt{
    float: right;
    width: 290px;
    line-height: 1.2em;
}
#index #topics_info ul li.last{
    margin-bottom: 0;
}
#index #topics_info ul li h4{
    font-size: 16px;
}
#index #topics_info ul li p{
    font-size: 14px;
}


/* 診療一覧 */
#index #clinic_service{
}

#index #clinic_service ul{
    width: 360px;
    padding-left: 15px;
    background: url( /img/index_topics_bg.gif) repeat-y left;
}
#index #clinic_service h4{
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    padding-left: 15px;
    color: #0066cc;
    background: url( /img/index_service_bg.gif) no-repeat center left;
}
#index #clinic_service h4.first{
    margin-top: 0px;
}
#index #clinic_service div{
    font-family: Tahoma, "MS PGothic", 'ＭＳ Ｐゴシック', sans-serif;
    background: #f6f6ff;
    padding: 10px;
}



/* 眼科専門医 */
#index #clinic_doctor{
    width: 377px;
    line-height: 21px;
    padding-left: 5px
}
#index #clinic_doctor .doctor{
    margin: 5px 5px 5px 90px;
}
#index #clinic_doctor .doctor .ruby{
    display: block;
    font-size: 9px;
    line-height: 12px;
    margin-top: 5px;
}
#index #clinic_doctor .doctor .career{
    margin: 5px 5px 5px 15px;
    list-style: disc inside;
}
#index #clinic_doctor p{
    margin-top: 5px;
}




/* 体験談 */
#index #newvoice{
    width: 230px;
    margin: 15px auto;
}
#index #newvoice h3{
    width: 231px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #003366;
    background: url(/img/index_side_title.gif) no-repeat center center;
}
#index #newvoice .voice_list li{
    line-height:130%;
    margin:10px 0;
    padding-bottom: 5px;
    border-bottom:1px dashed #999;
}
#index #newvoice .voice_list li strong{
    color: #444;
    font-size: 12px;
    line-height: 1.4em;
}
#index #newvoice .voice_list li strong.vtitle{
    font-family: Tahoma, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
#index #newvoice .voice_list li strong.long_caption{
    line-height:1.2em;
}
#index #newvoice .voice_list li span.honorific{
    font-size: 0.9em;
    padding-left: 2px;
}
#index #newvoice .voice_list li h4{
    font-size: 12px;
}
#index #newvoice .voice_list li p{
    font-size: 12px;
}
#index #newvoice .voice_list li img{
    float: left;
    margin-right: 8px;
}
#index #support{
    width: 230px;
    margin: 15px auto;
}

#index #support li{
    display:block;
    line-height:80%;
    margin-bottom:10px;
}
#index #notice .hours{
    font-family: "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
#index #notice .hours dt{
    clear: both;
    float: left;
    width: 50px;
}* html #index #notice .hours dt{
    width: 48px;
}
#index #clinic_intralase p.body{
    margin-top: 10px;
}
#index #side_navi{
    width: 140px;
    margin: 15px auto;
}
#index #mobile{
    height: 176px;
    width: 140px;
    margin: 15px auto;
    font-size: 10px;
    line-height:100%;
}
#index #employment{
    width: 140px;
    line-height: 150%;
    font-size: 14px;
    margin: 15px auto;
    text-align: center;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
}
#index #language{
    width: 128px;
    background: #fff;
    margin: 15px auto;
    padding: 6px;
}
#index #language dt{
    font-weight: bold;
    text-align: center;
}
#index #language dd{
    text-align: center;
}



/*----------------------------------------
/* title : プライバシーポリシー
 * src   : ppolicy.html
 -----------------------------------------*/ 
#ppolicy .list_indent{
    margin-left: 20px;
}
#ppolicy .list_indent p{
    line-height: 1.3em;
}
#ppolicy ol.list_style_inner{
    list-style: upper-roman;
}
#ppolicy ul.list_style_inner{
    list-style: disc;
}
#ppolicy .aim dt{
    padding-left: 18px;
    margin-top: 8px;
    background: url( /common/images/icon/icon_e01.gif) left .4em no-repeat;
}
#ppolicy .aim dd{
    padding-left: 18px;
    margin-left: 18px;
    background: url( /common/images/icon/icon_d01.gif) left .4em no-repeat;
}
#ppolicy h3{
    color: #333;
    border-bottom: 1px solid #333;
}
#ppolicy .usage,
#ppolicy .usage *{
    border: none;
    text-align: left;
    vertical-align: top;
    line-height: 1.4em;
}
#ppolicy .usage th{
    padding-top: 5px;
    width: 50px;
}




/*----------------------------------------
/* title : サイトマップ
 * src   : sitemap.html
 -----------------------------------------*/
#sitemap{
    padding:20px 45px;
}
#sitemap .category{
    width: 320px;
    margin: 20px 0 35px;
}
#sitemap .category .category_name{
    background: url(/common/images/icon/caption_t1.jpg) no-repeat left center;
    display: block;
    padding: 0 0 0 20px;
}
#sitemap .category .category_name span{
    border-bottom:1px solid #55A6F8;
    color:#003366;
    display:block;
    padding-left:5px;
}
#sitemap .category .wrap{
    margin: 5px 0 0 20px;
}
#sitemap .category .title{
    background: url(/common/images/icon/icon_e02.gif) no-repeat left center;
    padding: 0 0 0 20px;
    color: #555;
}
#sitemap .category ul{
    margin-bottom: 15px;
}
#sitemap .category ul li{
    display: inline-block;
    font-size: 12px;
}
#sitemap .category ul li:before{
    content: '｜';
}
* html #sitemap .category ul li{
    display: inline;
    zoom: 1;
    padding-left: 13px;
    background: url( /img/sitemap_ie_hack.gif) no-repeat left center;
}
*+html #sitemap .category ul li{
    display: inline;
    zoom: 1;
    padding-left: 13px;
    background: url( /img/sitemap_ie_hack.gif) no-repeat left center;
}