@charset "shift_jis";

html,body{
          margin:0;
          padding:0;
          height:100%;
}

body {
      font-family:  メイリオ, "Meiryo UI", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
      font-size: 12px;
      text-align: center;    /*ページを中心にする設定*/
      color: #333333;
      background-color:#ffffcc;
}

img {
     border: none;
}

.clear { 
        clear: both;
        margin:0;
        padding:0;
}

p{
  font-size: 100%;
  padding:0;
  margin: 5px 0 8px 0;

}

/*---------- linkの設定 ----------*/

a:link {
        color: #b92e6f;
        font-size: 12px;
        text-decoration: none;
}

a:hover {
         color: #ffffff;
         background-color:#ff6600;
         font-size: 12px;
}

a:visited {
           color: #b92e6f;
           font-size: 12px;
           text-decoration: none;
}

/*---------- 文字の設定 ----------*/

.big{
     font-size: 18px;     
}

.big a:link{
            font-size: 18px;
            color:#333333;
            background-color:#ff9933;
}

.big a:hover{
             color:#333333;
             background-color:#ff9933;
}

.big a:visited {
                color:#333333;
                background-color:#ff9933;
}

.clover{
         font-size: 100%;   /*アクセスのページで使用*/
         font-weight: bold;
         padding: 0 0 0 22px;   /*アイコンの大きさで設定*/
         margin:10px 0 10px 0; 
         background-image: url("img/h123_c.gif");
         background-repeat: no-repeat;
         background-position:left 2px;
         line-height: 190%;
}

/*---------- wrapper ----------*/

#wrapper{
         width: 900px;
         margin-left:auto;
         margin-right:auto;
         margin-top:0;
         margin-bottom:0;
         padding:0;
         text-align: left;
}

/*---------- headerの指定 ----------*/

#header {
         position: relative;
         width: 100%;
         height: 100px;
         background-image: url("img/top.jpg");
         background-repeat: no-repeat;
         padding:0;
         margin:0;
}

h1 {
    padding: 0;
    margin: 8px 0 0 240px;
    width: 400px;
    text-align: left;
    font-size: 32px;
    color: #ffffff;
    letter-spacing: 1px;
}

h2 {
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    width: 900px;
    margin:0 0 0 240px;
    padding:0;
    text-align: left;    
}

/*addの設定*/

.add {
	position: absolute;
	right: 240px;   /*位置指定　変更不可*/
	bottom: 0px;
}


/*---------- パンくずリスト ----------*/

.pan {
      width: 900px;
      font-size: 9px;
      color: #333333;
      margin:10px 0px 5px 15px;
      padding:0px;
}

.pan a{
       font-size: 9px;
       color: #999999;
       text-decoration: none;
}

.pan :hover {
       font-size: 9px;
       color: #ffffff;
       text-decoration: none;
       background-color:#999999;
}

/*---------- menuの指定 ----------*/

#menu {
       margin: 0 ;
       padding: 0;
       border-top: solid 1px #ffffff;
       border-right: solid 1px #ffffff;
       border-bottom: solid 1px #ffffff;
       border-left: solid 1px #ffffff;
       
       background-color:#ffcc66;
}

#menu ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
}

#menu li {
          display: inline;
          float: left;
          color: #ffffff;
          margin: 0;
          padding: 0;         
}

#menu a {
            font-size: 11px;
            width: 110px;
            line-height: 20px;
            color: #666666;
            background-color:#ffcc66;
            text-align: center;
            display: block;
  border-right: solid 1px #ffffff;
            text-decoration: none;
            padding: 5px 0.6px 5px 0.6px;
            margin: 0;
}

#menu a:hover {
               background-color:#ff6600;
               color:#ffffff;
}

/*---------- コンテナー ----------*/

#container {
            width: 900px;
            overflow: hidden;
            text-align: left; 
            margin: 0;
            padding: 0;
            background-color: #ffffff;
}

/*---------- コンテンツ ----------*/

#main {
       float: left;
       width: 650px;
       margin: 0 10px 0 15px;
       padding: 0;
       line-height: 180%;
       background-color: #ffffff;
}

#main img{
          border:none;
          margin:0;
}

h3{
   font-size: 18px;
   font-weight: normal;
   margin: 10px 0 20px 0;
   padding: 5px 0 0 33px;   /*アイコンの大きさで設定*/
   background-image: url("img/h123_h.gif");
   background-repeat: no-repeat;
   background-position:10px center;
   border: solid 2px #ff6600;
   background-color:#ffffcc;
}

h3 a:hover{
           font-size: 100%;        /*リンクで変更しない設定*/
           color:#333333;
           background-color:#ffffcc;
}

h4{
   font-size: 14px;
   font-weight: normal;      
   margin:10px 0 10px 0;
   padding: 0 0 0 22px;   /*アイコンの大きさで設定*/
   background-image: url("img/h123_s.gif");
   background-repeat: no-repeat;
   background-position:left 2px;
   border-bottom: solid 1.5px #ff6600;
}

h4 a:hover{
           font-size: 100%;        /*リンクで変更しない設定*/
           color:#333333;
           background-color:#ffffff;
}

/*---------- その他タイトルの設定 ----------*/

.y_b{
     font-size: 100%;
     padding: 2px 0 2px 22px;   /*アイコンの大きさで設定*/
     margin:0 0 10px 5px;
     background-image: url("img/h123_f.gif");
     background-repeat: no-repeat;
     background-position:left 4px;
             
}

.kakomi{
        font-size: 18px;   /*h3と同じ設定*/
        font-weight: normal;
        margin: 10px 0 20px 0;
        padding: 5px 0 0 33px;   /*アイコンの大きさで設定*/
        background-image: url("img/h123_h.gif");
        background-repeat: no-repeat;
        background-position:10px center;
        border: solid 2px #ff6600;
        background-color:#ffffcc;
}


.txt_box{
         padding:0;
         margin: 0 0 20px 0;     /*下に余白*/
}

.txt_box p{
           padding:0;
           margin:5px 0 5px 0;
}
/*---------- 画像（当院の紹介ページで使用） ----------*/

.picture{
         float: left;    
         padding:0;
         margin: 0 0 10px 0;
}

.picture li {
             padding: 0;     /*画像横のテキストの設定*/
             margin: 0 0 5px 40px;
}

.picture_box {
              margin: 10px 0 0 10px;
              padding:0;
              float: left;
}

.txt_box2{
          float: right;     /*画像横のテキストの設定*/
          width: 65%;     /*右寄せに設定*/
          text-align: left;    
          padding:0;
          margin: 0 5px 0 0;
}

.txt_box2 p{
           padding:0;
           margin:0;
}

/*---------- 画像の回り込みの解除 ----------*/
.clearfloat {
             clear:left;
             }
             
/*---------- 料金表 ----------*/

.ryokin{
        width: 100%;
        border: 2px solid #ff6600;
        border-collapse:collapse;
        text-align: center;
        margin: 0 0 10px 0;
}

.ryokin td,th{
              border:2px  solid #ff6600;
              padding:5px;
}

.ryokin_name{
             width: 200px;
             background-color:#ffffcc;
}

.ryokin_name2{
              background-color:#ffcccc;
}

/*---------- 各dlの設定 ----------*/
dl.news {
         overflow: auto;      /*スクロールバーの設定*/   
         height: 20em;
         margin: 0 1em 1em 0;
}

dl.news dt {
            clear: left;      /*お知らせの設定*/         
            float: left;
            margin: 0 0 1em 0;
            width: 6em;
            padding: 0 0 5px 10px;
            color: #666666;
            border-bottom: dotted 2px #ffffcc;
}

dl.news dd {
            margin-bottom: 1em;
            margin-left: 8em;
            padding: 0 0 5px 20px;
            width: 500px;
            border-bottom: dotted 2px #ffffcc;
}

/*---------- よくある質問 ----------*/

.question{
          background-image: url("img/q.gif");
          background-repeat: no-repeat;
          background-position:left 2px;
          font-size: 100%;
          font-weight: bold;
          padding: 8px 0 12px 35px;   /*アイコンの大きさで設定*/
          margin-left:10px;
          margin-top:5px;
}
.answer{
        background-image: url("img/a.gif");
        background-repeat: no-repeat;
        background-position:left 2px;
        font-size: 100%;
        padding: 8px 0 12px 35px;   /*アイコンの大きさで設定*/
        margin-left:10px;
        margin-bottom:10px;
}
/*---------- BOX ----------*/
#box1{
      border-left: solid 14px #ff6600;
      border-right: solid 1px #ff6600;
      border-top: solid 1px #ff6600;
      border-bottom: solid 1px #ff6600;
     
      padding:5px 5px 5px 10px;
      margin:0;
}

.box2{
      border: dotted 2px #ff6600;
      background-color:#ffffcc;
      padding:8px;
      margin:5px 0 20px 0;
}

/*---------- 適応症のテーブル（indexで使用） ----------*/

.tekio{
        border: solid 1px #ff6600;
        margin:5px 0 10px 0;
        padding:0px;
        
}

.tekio p{
         padding:5px;
         margin:0;
            
}

.title {
        background-color:#ffffcc;
        color: #333333;	 
        font-weight: bold;
        border-bottom: solid 1px #ff6600;
        
}

.tekionavi{
           text-align: right;
           background-image: url("img/arrow_o.gif");
           background-repeat: no-repeat;
           background-position:right 90%;
           line-height: 130%;
           padding:2px 20px 0 0;  /*アイコンの大きさで設定*/
           margin:0;
}

/*---------- サイトマップ ----------*/
.map{
     font-size: 100%;
     line-height: 190%;
     margin:0 0 20px 0;
     padding:0;
}

.map p{
       background-image: url("img/arrow.gif");
       background-repeat: no-repeat;
       background-position:left 5px;
       margin:0 0 0 20px;
       padding:4px 0 0 35px;  /*アイコンの大きさで設定*/
}


/*画像にキャプション付のBOX
---------------------------------------------------------------------------*/
#imagebox{
             width:300px;
             height:300px;
             float: left; 
             background-color:#ffffcc;
             border-left: dotted 2px #ff6600;
             border-right: dotted 2px #ff6600;
             border-top: dotted 2px #ff6600;
             border-bottom: dotted 2px #ff6600;
             margin-top:5px;
             margin-right:10px;
             margin-bottom:10px;
             margin-left:5px;
             
}

#imagebox img{
              border: 1px solid #999999;
              margin:5px;
              
}

#imagebox p{
            padding:0 0 0 10px;
            margin:0;
            line-height: 130%;
}

.caption {
           background-color:#ff9933;
           color: #333333;	 
           font-weight: bold;
}

.gazou{
       text-align : center ;
       
}
/*---------- 症例集のテーブル ----------*/

.shourei table{
               width: 100%;
               border-collapse:collapse;
               border-spacing: 0;
               border: solid 1px #999999;
               margin:0 0 10px 0;
}

.shourei th,td{
               
               border: solid 1px #999999;
               
               padding:5px;
}

.bui{
     width: 50px;
     background-color:#ff6699;
     text-align : center ;
}

.age{
     width: 80px;
     background-color:#ff6699;
     text-align : center ;
}

.date{
      width: 80px;
      background-color:#ff6699;
      text-align : center ;
}

.shojyo{
        width: auto;
        background-color:#ff6699;
        text-align : center ;
}

.name{
      background-color:#ff9933;
      text-align : center ;
      font-weight: bold;
}

#shourei th,td{
               border-left: solid 1px #999999;
               border-right: solid 1px #999999;
               border-top: solid 1px #999999;
               border-bottom: solid 1px #999999;
               padding:5px;
}
/*---------- 会社概要のテーブル ----------*/

.gaiyo table{
       width: 80%;
       margin:0 0 10px 70px;
       border-collapse:collapse;
       font-size: 100%;
       border-spacing: 0;
       border: solid 1px #999999;
       
}

.gaiyo th,td{ 
             border: solid 1px #999999;
             padding:5px;
}

/*---------- サイド ----------*/

#side {
       float: left;
       margin: 0;
       padding: 0;
       width: 220px;            
}

#side .mokuji {
               width: 98%;     /*サイドの見出しの設定*/            
               height: 30px;
               margin:0 0 10px 10px;
               padding: 0 0 0 0;
               font-size: 12px;
               font-weight: bold;
               text-align: center;
               color: #ffffff;
               background-image: url("img/sidebar.gif");
               background-repeat: no-repeat;
               line-height: 250%;
               
}


#side p a:link {
                color:#333333;     /*リンクの文字色の設定*/
}

.txt{
     margin:2px 0 10px 10px;     /*サイドのテキスト（ピンク色）*/
     color:#cc3399;
     font-weight: bold;
}

.txt2{
      margin:2px 0 10px 10px;     /*サイドのテキスト（グレー色）*/
      color:#333333;
      font-weight: bold;
}

/*---------- サイド（登録サイトの設定） ----------*/

.sidelist ul{
             margin:0px 5px 10px 10px;
             padding:0;
}

.sidelist li{
             list-style-type: none;
             line-height: 140%;
}

.sidelist a{
            color:#333333;
}

.sidelist a:hover{
                  color:#ffffff;
                  background-color:#cc3399;
}

/*---------- サイド（院長の設定） ----------*/

.prof{
          border: solid 1px #999999;         /*画像の設定*/ 
          margin:0 5px 0 10px;          /*画像の大きさで設定*/ 
          padding: 0;
}

.prof-txt{
          text-align : center ;        /*画像下の文字の設定*/ 
          margin:0 0 10px 0;
          padding: 0;
}


/*---------- サイド（診療時間で使ったテーブル） ----------*/
.time{
      width: 210px;
      margin:0 5px 10px 10px;
      border: solid 1px #999999;
      border-collapse:collapse;
      text-align: center;
      font-size: 100%;
}

.time th{
         font-weight: normal;
         border: solid 1px #999999;
         background-color:#ffcc66;
        
}

.time td{
         border: solid 1px #999999;
}

.yoyaku{
        width: 150px;
        
        text-align: center;
        background-color:#ffffcc;
        padding:10px;
        margin:5px 0 10px 30px;
        color:#ff6600;
        font-weight:bold;
        font-size: 18px;
        border: solid 3px #ff6600;
}

/*---------- サイド（メール、電話） ----------*/

.mail{
      line-height: 100%;
      margin: 20px 0 10px 10px;
      padding: 0 0 5px 22px;   /*アイコンの大きさで設定*/
      background-image: url("img/mail.gif");
      background-repeat: no-repeat;
      font-size:18px;
}

.phone{
       line-height: 130%;
       margin:0 0 0 10px;
       padding: 0 0 5px 22px;   /*アイコンの大きさで設定*/
       background-image: url("img/keitai.gif");
       background-repeat: no-repeat;
       
}
/*---------- サイドメニュー ----------*/

#side-menu {
            margin: 0;
            padding: 0;
            width: 98%;
            text-align: left;
  
}

#side-menu ul {
               text-align: left;
               margin:0 0 10px 10px;   /*mokujiと同じにすること*/
               padding: 0;
               width: 100%;
}

#side-menu li {
               list-style-type: none;
               
}

#side-menu a{
             text-decoration: none;
             display: block;
             line-height: 300%;   /*文字が中心にくる設定*/
             margin:0 0 1px 0;
             height: 35px;
             padding:0 0 0 33px;
             background-image: url("img/side_menu_bg.gif");
             background-repeat: no-repeat;
             color:#fffffc;
}

#side-menu a:hover{
                   color: #fffffc;
                   background: url("img/side_menu_bg_hover.gif");
                   background-repeat: no-repeat;
}

#side-menu h2 {
          width: 210px;
          height: 30px;
          margin:0 5px 0 5px;
          padding: 5px 0 0 0;
          font-size: 12px;
          text-align: center;
          color: #ffffff;
          background-image: url("img/sidebar.gif");
          background-repeat: no-repeat;
}

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

#footer {
         clear: both;
         float: left;     /*プリント時に崩れないようにサイドに回り込まない設定*/
         width: 100%;
         height: 200px;
         margin: 0;
         padding: 0;
         bottom:0;     /*ページ下に固定する設定*/
         text-align: center;
         font-size: 12px;
         color: #333333;
         background-color: #ff9933;
}

.footer_wrapper {
                 width: 900px;                
                 margin-left:auto;
                 margin-right:auto;
                 margin-top:20px;
                 margin-bottom:0;
                 padding:0;
}

.footer_company {
                 float: left;
                 margin: 0 10px 0 10px;
                 padding: 0;
                 text-align: left;
                 position: relative;
}

.footer_company ul{
                  margin: 0;
                  padding: 0;
}

.footer_company li{
                   list-style-type: none;
                   margin: 0 0 3px 0;
                   padding: 0; 
}

.footer_menu{
             float: right;
             margin: 0 10px 0 30px; 
             padding: 0; 
             list-style: none;
             font-size: 11px;
}

.footer_menu ul {
                 margin: 0;
                 padding: 0;                 
}

.footer_menu li {
                 list-style-type: none;
                 display: inline;
                 margin: 0;
                 padding: 0;                                    
}

.footer_menu li a {
                   display: block;
                   text-align: left;
                   text-decoration: none;
                   color:#ffffff;
                   overflow: hidden;	/*オーバーした文字を非表示にする設定*/         
}

.footer_menu li a:hover{
                        color:#333333;
                        background-color:#ff9933;
                        text-decoration:underline;
}

.footer_copy{
             clear: both;
             margin: 0;
             padding: 0;
             font-size: 10px;            
}

/*---------- totop ----------*/
.totop {
        text-align:right;
        margin:0;
        padding:0;      
}

.totop a:link {
               padding:0 60px 0 0;
               margin:0;
               background-image: url("img/pagetop_o.gif");
               background-repeat: no-repeat;
}

.totop a:hover {
                background-image: url("img/pagetop_w.gif");
                background-repeat: no-repeat;
                background-color:#ffffff;               
}