@charset "utf-8";

/*------------------------------------------------
 初期設定
------------------------------------------------*/

/* スタイルのリセット */
html, body, div,
h1, h2, h3, h4, h5, h6,
blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, tr, td, img,
form, fieldset, legend {
margin: 0;
border: 0;
padding: 0;
}

ul, li, dt, dl, dd{
list-style-type:none;
margin:0;
padding:0;
}

a:link, a:visited{
color:#0000FF;
}

a:hover{
color:#CC0000;
}


/*------------------------------------------------
 クリアフィックス
------------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*------------------------------------------------
 タグ/クラス要素
------------------------------------------------*/
html {
width: 100%;
height: 100%;
overflow-y: scroll;
}

body {
width: 100%;
height: 100%;
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.8;
font-size:80%;
text-align: center;
background:#F2F2F2;
}

h1{
font-size:5px;
line-height:0.2;
color:#0640a2;
}

em{
font-weight:bold;
color:#CC0000;
font-style:normal;
}

strong{
font-weight:bold;
color:#000000;
font-style:normal;
}

.height10{
display:block;
height:10px;
margin:0;
padding:0;
}

.grayFrame{
border:1px solid #ccc;
background:#f5f5f5;
margin:10px 10px 20px 10px;
}

.h4yFrame p{
margin:15px 20px;
}

div.grayFrameCont{
padding:4px;
}

.grayFrame a{
font-weight:bold;
}

.gototop{
text-align:right;
}



/*------------------------------------------------
 レイアウト要素
------------------------------------------------*/

#container{
width:750px;
margin:0 auto;
text-align:left;
background:url(../images/main_bg.gif) center top repeat-y;
}


/*------------------------------------------------
 ヘッダー
------------------------------------------------*/

#header{
background:url(../images/header_bg.gif) center top no-repeat;
height:104px;
}

#logo{
margin:16px 17px;;
}

/*------------------------------------------------
 メニュー
------------------------------------------------*/

#menu{
background:url(../images/menu_bg.gif) center top no-repeat;
height:39px;
}

#menu li{
display:inline;
}

/*------------------------------------------------
 メイン部
------------------------------------------------*/

#main{
background:url(../images/main_bg.gif) center top repeat-y;
}

#side{
width:187px;
float:left;
background:url(../images/side_bg_upper.gif) top center no-repeat #011b67;
}

#cont{
width:562px;
float:left;
background:#ffffff;
}

/*------------------------------------------------
 サイドバー
------------------------------------------------*/
.side_cont{
width:170px;
margin:10px auto;
line-height:1.4;
}


/* 有名人体験談 */
#sideTaikenBase{
background:transparent url(../images/side_taiken_bg.gif) center top repeat-y;
}

#sideTaikenHeader{
background:url(../images/side_taiken_head.gif) center top no-repeat;
}

#sideTaikenFooter{
background:url(../images/side_taiken_foot.gif) center bottom no-repeat;
padding:49px 10px 7px 9px;
text-align:center;
}

#sideTaikenFooter dl{
margin-top:12px;
}

#sideTaikenFooter dt{
margin:7px auto 5px auto;
}

#sideTaikenFooter dd{
text-align:left;
display:block;
cursor:pointer;
padding-left:54px;
height:65px;
font-size:80%;
}

span.sideTaikenComment{
font-weight:normal;
display:block;
color:#e1e1e1;
text-decoration:none;
margin:0 0 2px 0;
padding:0;
}

span.sideTaikenName{
color:#dd9000;
display:block;
font-weight:bold;
font-size:120%;
text-decoration:underline;
margin:0;padding:0;
}

/* サイドリンク */
#sideLinkBase{
background:transparent url(../images/side_link_bg.gif) center top repeat-y;
}

#sideLinkHeader{
background:url(../images/side_link_head.gif) center top no-repeat;
}

#sideLinkFooter{
background:url(../images/side_link_foot.gif) center bottom no-repeat;
padding:17px 10px 15px 10px;
text-align:left;
}

#sideLinkFooter li{
background:url(../images/icon_bArrow_s.gif) 4px 10px no-repeat;
padding-left:18px;
line-height:1.9;
}

#sideLinkFooter li a{
color:#ccc;
font-size:80%;
font-weight:bold;
}

/*------------------------------------------------
 コンテンツ
------------------------------------------------*/
#bookmark{
text-align:right;
margin:15px 15px 0 0;
}

#contTitle{
text-align:center;
margin:24px auto;
}

#contContents{
margin:10px 15px;
text-align:left;
}

h3.subTitle0{
background:url(../images/subttl_bg_0.gif) center top no-repeat;
font-weight:bold;
font-size:110%;
color:#FFFFFF;
margin:0;
padding:6px 26px 4px 26px;
letter-spacing:1px;
}

h3.subTitle1{
background:url(../images/subttl_bg_1.gif) center top no-repeat;
font-weight:bold;
font-size:110%;
color:#FFFFFF;
margin:0;
letter-spacing:1px;
padding:6px 26px 4px 36px;
}

h3.subTitle2{
background:url(../images/subttl_bg_2.gif) center top no-repeat;
font-weight:bold;
font-size:110%;
color:#FFFFFF;
margin:0;
letter-spacing:1px;
padding:6px 26px 4px 36px;
}

h4.subsubTitle{
font-size:100%;
font-weight:bold;
padding:1px 0px 8px 22px;
margin:10px 0 2px 0;
background:url(../images/subsubtitle_bg.gif) center top no-repeat;
}

#contContents p{
text-indent:1em;
padding-left:10px;
padding-right:10px;
}

.contLine{
background:url(../images/dotline.gif) top center no-repeat;
height:1px;
width:529px;
margin:10px auto;
}

#contFootAdShina{
background:url(../images/banner_shinagawa_bg.gif) no-repeat;
height:161px;
width:529px;
margin:0 auto;
}

#contFootAdShina p{
padding:113px 0 0 58px;
}

#contFootAdShina p a{
font-weight:bold;
font-size:110%;
letter-spacing:1px;
}

.clinicInfo{
background:#ffffff;
border:1px solid #ccc;
}

.clinicInfo div{
padding:5px 10px;
text-indent:0;
line-height:2.2;
font-size:80%;
}

.clinicTable{
border:1px solid #cccccc;
margin:0px 10px 10px 10px;
width:510px;
}

.clinicTable th{
text-indent:6px;
font-size:80%;
font-weight:normal;
}

.clinicTable td{
border:1px solid #cccccc;
padding:10px 12px;
}


/*------------------------------------------------
 疑問一覧
------------------------------------------------*/
ul.question_list{
margin:5px auto 15px auto;
width:510px;
}

ul.question_list li{
background:url(../images/question_list_bg.gif) 0px 3px no-repeat;
padding-left:30px;
line-height:2.8;
}

ul.question_list a{
font-weight:bold;
}

ul.question_list_2{
margin:10px 5px 10px 20px;
font-weight:bold;
line-height:1.8;
}


/*------------------------------------------------
 眼の健康
------------------------------------------------*/
#uvTop {
background:url(../images/bg_UV01.gif) top center no-repeat;
height:190px;
}

h4 {
font-size:100%;
font-weight:bold;
padding:0px 8px;
background:url(../images/subsubtitle_bg.gif) center top no-repeat;
}


/*------------------------------------------------
 フッター
------------------------------------------------*/

#footer{
clear:both;
background:url(../images/footer_bg.gif) top center no-repeat;
height:140px;
font-size:80%;
margin-top:20px;
}

#footer a:link{
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#footerLink{
color:#aaaaaa;
padding:6px 10px;
}

#footerLink a{
color:#aaaaaa;
}

#copyright{
color:#93abde;
text-align:center;
padding:5px auto;
}

#copyright a{
color:#93abde;
}