@charset   "UTF-8";

BODY {
    width: 980px;
    margin: auto;
    background: #ffffff;
}
/*headertop*/

/*IVY logo*/
.header2{
    float: left;
    width: 20%;
    margin-top: 15px;
}
/*IVY アイビーデンタルクリニックLOGO*/
.header3{
    float: left;
    margin-top: 15px;
    width: 50%;
    padding-top: 20px;
}
/*tel連絡先*/
.header4{
    float: left;
    margin-top: 15px;
    width: 30%;
    padding-top: 25px;
    margin-bottom: 10px;
    text-align: right;
}
/*header区切り線*/
.header5{
    display: block;
    clear: both;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: groove 1px #4169e1;
}
/*header終わり*/

/*navi*/
.globalNav {
    list-style: none;
    overflow: hidden;
}
.globalNav li {
    float: left;
    border-right: 1px solid #4169e1;
    font-size: 19px;
        width: 165px;
}
.globalNav li a {
    display: block;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    color: #0000ff;
}
.globalNav li a span {
    display: block;
    margin: 3px 0 0 0;
    color: #708090;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px;
}
.globalNav li a:hover {
    background: #EEE;
} 

/*box*/
.boxA:after{
    content: "";
    display: block;
    clear: both;

}

/*上box*/
.boxtopphoto1{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
/*box top写真下紹介文書*/
.boxtop2{
    display: block;
    clear: both;
    width: 90%;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 5px;
} 
/*各ページ　副見出しbox 1カラム*/
.box1{
    width: 100%;
    margin: auto;
    border: 0px;
    padding 0px;
    }
/*各ページ　説明text用 1カラム*/
.box2{
    width: 90%;
    margin: auto;
    border: 0px;
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
   }

.box3{
    width: 90%
    border: 0px;
    padding-left: 70px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
   }

 /*クリニック紹介 2カラム 左写真狭右説明*/
.box4{
    float: left;
    width: 65%;
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 50px;
}
.box5{
    float: left;
    width: 20%;
    padding-top: 50px;
    padding-left: 50px;
}

 /*クリニック紹介2box写真用*/     
.box6{
    float: left;
    width: 45%;
    padding-left: 80px;
    padding-top: 0px;
}
.box7{
    float: left;
    width: 45%;
    padding-left: 0px;
    padding-top: 0px;
}

 /*topページCT導入枠なし3box中心大幅*/     
.box8{
    float: left;
    width: 30%;
    padding-top: 15px;
    padding-left: 35px;
    }
.box9{
    float: left;
    width: 35%;
    padding-top: 70px;
    padding-left: 0px;
}
.box10{
    float: left;
    width: 23%;
    padding-top: 120px;
    padding-left: 45px;
    }

 /*枠なし1boxお知らせtext*/  
.box11{
    width: 100%;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    }

 /*診療所案内写真用枠なし2box同横幅*/     
.box12{
    float: left;
    width: 45%;
    padding-top:  50px;
    padding-left: 40px;
    }
.box13{
    float: left;
    width: 45%;
    padding-left: 25px;
}

 /*枠なし3box写真用*/ 
.box14{
    float: left;
    width: 30%;
    padding-top: 10px;
    padding-left: 25px;
    }
.box15{
    float: left;
    width: 30%;
    padding-top: 10px;
    padding-left: 20px;
}
.box16{
    float: left;
    width: 30%;
    padding-top: 10px;
    padding-left: 30px;
    }

 /*診療所案内写真用枠なし2box同横幅*/     
.box17{
    float: left;
    width: 45%;
    padding-left: 60px;
    padding-top: 20px;
}
.box18{
    float: left;
    width: 45%;
    padding-left: 25px;
    padding-top: 20px;
}


/* 診療時間テーブル */
#course table{
    width: 75%;
   border-collapse: collapse;
   text-align: center;
   margin-bottom: 25px;
   margin-left: 40px;
}
#course th{
    width: 140px;
    background-color: #f1ede4;
    text-align:  left;
    padding:15px;
}
#course td{
    border: 1px solid #c7c7c7;
    padding: 2px;    
}


/*access　下用枠あり*/      
.boxaccess1{
    display: block;
    clear: both;
    width: 90%;
    margin-top: 10px;
    padding-left: 60px;
    padding-right: 40px;
    padding-bottom: 5px;
    border: dotted 1px #ffdab9;
    background-color: #f0f8ff;
} 
/*accessテーブル位置*/
    .tableaccess1{
        padding-top: 20px;
        padding-left: 100px;
}


/*文字要素*/ 
/*見出し要素*/    
.spanh2 {
    color: #000000;
    font-size: 16px;
	padding-top: 8px;
    padding-left: 30px;
    padding-bottom: 2px;
	border-bottom: 3px double #808080;
}
.spanh3 {
    color: #000000;
    font-size: 15px;
    padding-left: 10px;
    border-left: 6px solid #ff7f50;
} 
.spanh4 {
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
	border: 1px solid #008080;
	border-radius: 4px;
    color: #ffffff;
    background-color: #b0c4de;
}
.spanh5 {
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
	border: 1px solid #008080;
	border-radius: 4px;
    color: #ffffff;
    background-color: #ffa500;
} 
.spanh6 {
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
	border: 1px solid #008080;
	border-radius: 4px;
    color: #ffffff;
    background-color: #db7093;
}        
/*コンテンツ文字サイズ*/    
p{
    font-size: 17px;
    margin-top: 0;
    line-height: 1.5;
    letter-spacing:1.8pt
    color: #666666;
}
.span1{font-size: 28px;
    color: #b0c4de;
    font-weight: 900;
}
.span2{font-size: 22px;
    color: #666666;
    font-weight: 900;
}
    
/*フッター*/
.footer1{
    display: block;
    clear: both;
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding-top: 5px;
    height: 12px;
    border-top: 1px solid #000000;
}
