/* トップページ用（トップ）のブロックスタイル */
.blkStyletop {
padding: 0px;
margin: 0px;
}

/* 下線のある文章 */
.underline {
border-bottom: 1px dotted gainsboro;
}

/* 枠で囲まれた文章 */
.aroundline {
color: steelblue;
padding: 0px 5px;
border: 1px solid lightsteelblue;
background-color: whitesmoke;
}


/* トップページ用（全体）のブロックスタイル */
.blkStyle1 {
padding: 10px;
margin: 10px;
width: 520px;
background-color: white;
border-right: 2px solid #AFD7D7;
border-bottom: 1px solid #AFD7D7;
}

.blkStyle1 a {
text-decoration: none;
color: royalblue;
border-bottom: 1px dotted lightsteelblue;
}

.blkStyle1 h3 {
font-size: medium;
font-weight: bold;
color: steelblue;
background-image: url(../image/title_icon_g.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 30px;
}

.blkStyle1 h4 {
font-size: small;
font-weight: bolder;
color: steelblue;
background-image: url(../image/title_icon_g2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}

.blkStyle1 ul {
list-style-type: circle;
margin-left:15px;
}

.blkStyle1 li {
/*
max-width: 400px; 
min-width: 150px; 
*/
border-bottom: dotted 1px silver;
}

/* コンテンツページ用のブロックスタイル */
.blkStyle2 {
padding: 10px;
margin: 10px;
width: 520px;
max-width: 520px;
background-color: white;
border-right: 2px solid #AFD7D7;
border-bottom: 1px solid #AFD7D7;
}

.blkStyle2 a {
text-decoration: none;
color: royalblue;
border-bottom: 1px dotted lightsteelblue;
}

.blkStyle2 h3 {
font-size: medium;
font-weight: bold;
color: steelblue;
background-image: url(../image/title_icon_g.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 30px;
}

.blkStyle2 h4 {
font-size: small;
font-weight: bolder;
color: steelblue;
background-image: url(../image/title_icon_g2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}

.blkStyle2 img {
float:right;
margin-left: 10px;
}

.blkStyle2 ul {
clear: both;
list-style-type: circle;
margin-left:15px;
}

.blkStyle2 ol {
clear: both;
list-style-type: decimal;
margin-left:25px;
}

.blkStyle2 li {
border-bottom: dotted 1px silver;
}

/* コンテンツページ用（診療案内）のブロックスタイル */
.blkStyle3 {
padding: 10px;
margin: 10px;
width: 520px;
max-width: 520px;
background-color: white;
border-right: 2px solid #AFD7D7;
border-bottom: 1px solid #AFD7D7;
}

.blkStyle3 h4 {
font-size: small;
font-weight: bolder;
color: steelblue;
background-image: url(../image/title_icon_g2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}

.blkStyle3 a {
text-decoration: none;
color: royalblue;
border-bottom: 1px dotted lightsteelblue;
}

.blkStyle3 h3 {
font-size: medium;
font-weight: bold;
color: steelblue;
background-image: url(../image/title_icon_g.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 30px;
}


.blkStyle3 ul {
list-style-type: circle;
margin-left:15px;
}

.blkStyle3 li {
border-bottom: dotted 1px silver;
}

/* トップページのトピック用スタイル */
.blkStyle4 {
padding: 10px;
margin: 10px;
width: 520px;
background-color: white;
/* background-image: url(../image/bg_topic.gif); */
border-right: 2px solid pink;
border-bottom: 1px solid pink;
}

.blkStyle4 h3 {
font-size: medium;
font-weight: bold;
color: deeppink;
background-image: url(../image/bg_topic_title.gif);
padding-left: 20px;
line-height: 30px;
}

.blkStyle4 p {
padding: 10px;;
background-image: url(../image/bg_topic.gif);
}



/* プリント用ページのスタイル */
.printStyle {
padding: 10px;
margin: 10px;
/*border: solid 1px gainsboro;*/
width: 180mm;
height: 267mm;
font-size: 10pt;
line-height: 1.5em;
color: #333333;
background-color: white;
}

.printStyle h3 {
font-size: 12pt;
font-weight: bold;
color: steelblue;
border-bottom: solid 1px gainsboro;
border-right: solid 2px gainsboro;
background-color: whitesmoke;
background-position: left top;
padding-left: 10px;
}


.printStyle ul {
clear: both;
list-style-type: circle;
margin-left:15px;
}

.printStyle li {
border-bottom: dotted 1px silver;
}


/* パンくず用ブロックスタイル */
.panBox {
width: 520px;
height: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin: 10px;
margin-top: 0px;
color: #333333;
float: right;
text-align: left;
border: 1px dotted silver;
}

.panBox ol {
margin: 0px;
}

.panBox li {
float: left;
display: block;
font-size: small;
margin-right: 5px;
}

.panBox a {
text-decoration: none;
}

/* 左側ボックス内コンテンツのタイトル */
.leftTitle {
margin:5px;
padding: 1px 5px;
background-color: tan;
color: white;
line-height: 1em;
border: 1px solid sienna;
}

/* 診療カレンダー用ブロックスタイル */
.calendarBox {
overflow: hidden;
margin: 5px;
margin-bottom: 20px;
font-size: small;
color: #333333;
text-align: center;
}

.calendarBox a {
text-decoration: none;
}
.calendarBox p {
text-align: left;
margin: 0px;
margin-top: 5px;
}

/* バナー用ブロックスタイル */
/* バナー1 */
.bannerBox1 {
height: 40px;
margin: 5px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -500px;
}


/* バーナー（ホワイトニング）用ブロックスタイル */
.bannerBox1 a {
display: block;
background-image: url(../image/whitening_banner_bg2.gif);
background-repeat: no-repeat;
height: 100%;
}

.bannerBox1 a:hover {
background-position: left bottom;
}

/* バーナー（インプラント）用ブロックスタイル */
.bannerBox2 {
height: 40px;
margin: 5px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -500px;
}

.bannerBox2 a {
display: block;
background-image: url(../image/implant_banner_bg2.gif);
background-repeat: no-repeat;
height: 100%;
}

.bannerBox2 a:hover {
background-position: left bottom;
}


/* バーナー（審美診療）用ブロックスタイル */
.bannerBox3 {
height: 40px;
margin: 5px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -500px;
}

.bannerBox3 a {
display: block;
background-image: url(../image/beautifultreatment_banner_bg.gif);
background-repeat: no-repeat;
height: 100%;
}

.bannerBox3 a:hover {
background-position: left bottom;
}

/* バーナー（スタッフ募集）用ブロックスタイル */
.bannerBox4 {
height: 80px;
margin: 5px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -500px;
}

.bannerBox4 a {
display: block;
background-image: url(../image/recruitment_banner_bg.gif);
background-repeat: no-repeat;
height: 100%;
}

.bannerBox4 a:hover {
background-position: left bottom;
}

/* 左側ボックスのメニュー用ブロックスタイル */
.menuBox {
overflow: hidden;
margin: 5px;
margin-bottom: 20px;
font-size: small;
line-height: 1em;
color: #333333;
text-align: left;
}

.menuBox a {
margin: 5px;
padding: 5px;
color: blue;
text-align: left;
line-height: 1em;
}

.menuBox ul {
padding: 0px;
margin: 0px;;
}

.menuBox li {
height: 16px;
display: block;
font-size: small;
padding-left: 10px;
padding-top:3px;
margin-bottom: 3px;
background-image: url(../image/line_green.gif);
background-position: left top;
background-repeat: no-repeat;
border: 1px solid lightsteelblue;
}

.menuBox a {
text-decoration: none;
}

.menuBox a:link {
color: blue;
}

.menuBox a:visited {
color: blue;
}

.menuBox a:hover { 
color: red; 
}

.menuBox a:actibe {
color: blue;
}


/* お知らせ用ブロックスタイル */
.newsBox {
height: 200px;
border: solid 1px silver;
overflow: hidden;
padding: 5px;
margin: 5px;
/* margin-bottom: 20px; */
margin-bottom: 0px;
font-size: small;

color: #333333;
background-color: white;
text-align: left;
}


.newsBox a {
text-decoration: none;
color: royalblue;
/*
border-bottom: 1px dotted lightsteelblue;
*/
}

.newsBox ol {
list-style-type: none;
margin: 0px;
padding: 0px;
color: darkgray;
}

.newsBox ul {
list-style-type: none;
margin: 0px;
padding: 0px;
color: #333333;
background-image: url(../image/bg_newslist.gif);
background-position: left bottom;
background-repeat: repeat-x;
}

/* QRコード用ブロックスタイル */
.qrcodeBox {
overflow: hidden;
margin: 5px;
padding: 5px;
font-size: small;
color: #333333;
text-align: center;
}

.qrcodeBox ul {
margin: 0px;
margin-left: 15px;
padding-left:0px;
list-style-image: url(../image/mobile_icon.gif);
text-align: left;
}

.qrcodeBox img {
border: 1px solid lightsteelblue;
}


/* 左側のフッターボックス */
.leftFooter {
overflow: hidden;
margin: 5px;
padding: 5px;
font-size: small;
text-align: left;
}

.leftFooter a {
text-decoration: none;
}

.leftFooter a img {
border-style: none;
}


/* 矢印画像付きリンク用のイメージ（アイコン）スタイル */
.icn1 {
vertical-align: text-bottom;
margin: 5px 5px 0px 0px; 
}

/* 「Topへ」用ブロックスタイル */
.gotoTop {
padding: 10px;
margin: 10px;
width:520px;
font-size: small;
text-align: right;
font-style: normal;
}

.gotoTop a {
background-image: url(../image/arrow_u.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
color: royalblue;
padding-left: 18px;
}

.gotoTop a:hover {
background-position: 0px -40px;
}

/* 「詳細説明」用ブロックスタイル */
.gotoDetail{
font-size: small;
text-align: left;
font-style: normal;
}

.gotoDetail a {
background-image: url(../image/arrow_r.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
color: royalblue;
padding-left: 18px;
border: 0px;
}

.gotoDetail a:hover {
background-position: 0px -40px;
}

/* 「画像を拡大」用ブロックスタイル */
.imgZoom{
font-size: small;
text-align: left;
font-style: normal;
width: 72px;
height: 30px;
}

.imgZoom a {
background-image: url(../image/zoom_icon.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
color: royalblue;
margin: 0px;
border: 0px;
width: 72px;
height: 30px;
display: block;
}

.imgZoom a:hover {
background-position: 0px -30px;
}

/* 診療時間（テーブル）用ブロックスタイル */
.tableArr1 {
color: #333333;
text-align: center;
vertical-align: middle;
border: 2px solid gray;
border-collapse: collapse;
float: left;
margin:0px 10px 0px 0px;
}

.tableArr1 th{
border-width: 3px 1px;
border-color: gray;
border-style: double solid;
padding: 3px;
background-color: gainsboro;
}

.tableArr1 td{
border: 1px dotted gray;
padding: 8px;
background-color: white;
}

/* ドクター経歴（テーブル）用ブロックスタイル */
.tableArr2 {
color: #333333;
text-align: left;
vertical-align: middle;
border: 1px solid silver;
border-collapse: collapse;
margin:0px 10px 0px 0px;
}

.tableArr2 th{
border-width: 1px 1px 3px 1px;
border-color: silver;
border-style: solid solid double  solid;
background-color: whitesmoke;
font-weight: normal;
padding: 0px 20px;
}

.tableArr2 td{
border: 1px solid silver;
padding: 0px 5px;
background-color: white;
}


/* ページ内リンク */
.inpagelinkBox {
clear: left;
width: 520;
margin: 10px;
padding: 10px;
color: steelblue;
text-align: left;
line-height: 1.5em;
}

.inpagelinkBox h4 {
font-size: small;
font-weight: bolder;
color: steelblue;
background-image: url(../image/title_icon_g2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
margin: 0px;
}

.inpagelinkBox a {
text-decoration: none;
font-size: small;
margin-right: 5px;
border-bottom: 1px dotted lightsteelblue;
}

.inpagelinkBox a:link {
color: royalblue;
}

.inpagelinkBox a:visited {
color: royalblue;
}

.inpagelinkBox a:hover { 
color: deeppink; 
}

.inpagelinkBox a:actibe {
color: royalblue;
}

/* サイトマップ用 */
.sitemap {

}

.sitemap a {
background-image: url(../image/arrow_sitemap.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
color: royalblue;
padding-left: 18px;
border: 0px;
}

.sitemap a:hover {
background-position: 0px -40px;
}

.sitemap ul {
clear: both;
list-style-type: none;
margin: 0px;
padding: -20px;;
border: 0px;
}

.sitemap li {
border-bottom: dotted 1px silver;
margin:0px;
padding-left: 60px;
}

.sitemap_g {
background-image: url(../image/arrow_sitemap_g.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
padding-left: 18px;
border: 0px;
}

/* 写真枠 */
.picFrame {
border: 1px silver solid;
}


/* チェックリスト */
.checklist ol{
list-style-image: url(../image/check_s.gif);
}

/* チェック欄用のブロックスタイル */
.blkStyle_check {
padding: 10px;
margin: 10px;
width: 530px;
background-color: white;
border:0px;
font-size: small;
font-weight: normal;
}

.blkStyle_check a {
text-decoration: none;
color: royalblue;
border-bottom: 1px dotted lightsteelblue;
}

.blkStyle_check img {
border-style: none;
margin-bottom: 5px;
margin-right: 5px;
}

.blkStyle_check h2 {
font-size: medium;
font-weight: bolder;
color: #FF6600;
background-image: url(../image/title_icon_o2.gif);
background-repeat: no-repeat;
background-position: left center;
margin: 0px;
padding-left: 15px;
}

.blkStyle_check h4 {
font-size: small;
font-weight: bolder;
color: steelblue;
background-image: url(../image/title_icon_g2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}


/* RSS（ブログ）用のブロックスタイル */
.rsstc {
border: solid 1px silver;
overflow: hidden;
padding: 0px;
margin: 5px;
/*
margin-bottom: 0px;
*/
font-size: small;
color: #333333;
background-color: white;
text-align: left;
}
.rsstc a { 
text-decoration: none;
color: royalblue;
}
.rsstc em {
font-style: normal;
font-weight: bold;
margin-left: 10px;
padding: 0px;
}
.rsstc ul {
/*
color: black;
*/
background-color: #ffffff;
margin: 0 0 0 1.2em;
padding: 0px;
border: none;

/*
border: solid 2px #dddddd;
*/

}
.rsstc li {
list-style-type: circle;

padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
/*
border-bottom: 1px dashed #dddddd;
margin: 5px;
padding: 5px;
*/
color: #333333;
background-image: url(../image/bg_newslist.gif);
background-position: left bottom;
background-repeat: repeat-x;
}