@charset "UTF-8";

/*=======================*/
/* 各ページ共通          */
/*=======================*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-decoration: none;
	font-style: normal;
}

body{
	color: #333333;
	font-size: 90%;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4em;
	margin-top: 15px;
	background-image: url(../img/common/bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

input,
textarea{font-size: 100%; }
img{ border: none }

a { outline : 0;}
a:link { color: #2B87AE; }
a:hover { color: #000000; }
a:visited { color: #666666; }


/*=======================*/
/* 全体　　　　          */
/*=======================*/

h1{
	position: relative;
	width: 930px;
	margin: 0 auto 5px auto;
	font-size: 80%;
	font-weight: normal;
}

#whole{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 20px 25px 0 25px;
	background-color: #FFFFFF;
	background-image: url(../img/common/whole_bg.png);
	background-position: top;
	background-repeat: no-repeat;
}


/*=======================*/
/* ヘッダー　　          */
/*=======================*/

#header{
	position: relative;
	margin: 0 0 20px 0;
}

/* ロゴ */
#header h2 a{
	display: block;
	width: 200px;
	height: 59px;
	margin-left: 15px;
	text-indent: -9999px;
	background-image: url(../img/common/logo.png);
	background-repeat: no-repeat;
}
#header h2 a:hover{ background-image: url(../img/common/logo2.png); }


/* 電話番号周り */
#header dt{
	position: absolute;
	text-indent: -9999px;
}

#header dd{
	position: absolute;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#header dd.tel{
	top: 0;
	right: 0;
	width: 367px;
	height: 32px;
	background-image: url(../img/common/header_tel.png);
}

#header dd.address{
	top: 40px;
	right: 0;
	width: 242px;
	height: 12px;
	background-image: url(../img/common/header_address.png);
}


/* グローバルメニュー */
#header ul{
	margin-top: 15px;
}

#header li{
	float: left;
	list-style: none;
}

#header li a{
	display: block;
	height: 37px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#header li a:hover{
	background-position: left -37px;
}

/* 診療理念 */
#gm_idea a{
	width: 	138px;
	background-image: url(../img/common/idea.png);
}

/* 医院案内 */
#gm_clinic a{
	width: 	127px;
	background-image: url(../img/common/clinic.png);
}

/* 診療案内 */
#gm_treatment a{
	width: 	126px;
	background-image: url(../img/common/treatment.png);
}

/* スタッフ紹介 */
#gm_staff a{
	width: 	139px;
	background-image: url(../img/common/staff.png);
}

/* アクセス */
#gm_access a{
	width: 	119px;
	background-image: url(../img/common/access.png);
}

/* ブログ */
#gm_blog a{
	width: 	106px;
	background-image: url(../img/common/blog.png);
}

/* お問い合わせ */
#gm_inquiry a{
	width: 	145px;
	background-image: url(../img/common/inquiry.png);
}


/* 回り込み回避 */
#header br{
	clear: both;
}

/*=======================*/
/* 左カラム　　          */
/*=======================*/

#right{
	width: 660px;
	padding-left: 240px;
}


/*=======================*/
/* 右カラム　　          */
/*=======================*/

#left{
	position: absolute;
	top: 0;
	width: 200px;
}

/* サブメニュー背景 */
#sm_sitemenu,
#sm_access,
#sm_inquiry,
#sm_blog{
	background-image: url(../img/common/sm_middle.png);
	background-repeat: repeat-y;
}

/* 各見出し */
#sm_sitemenu h2{
	width: 200px;
	height: 19px;
	text-indent: -9999px;
	background-image: url(../img/common/sitemenu_h2.png);
	background-repeat: no-repeat;
}

#sm_access h2{
	width: 200px;
	height: 39px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../img/common/access_h2.png);
	background-repeat: no-repeat;
}

#sm_inquiry h2{
	width: 200px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(../img/common/inquiry_h2.png);
	background-repeat: no-repeat;
}

#sm_blog h2{
	width: 200px;
	height: 6px;
	text-indent: -9999px;
	background-image: url(../img/common/sm_top.png);
	background-repeat: no-repeat;
}

/* 各項目 */
#sm_sitemenu dl{
	margin: 10px 0 0 5px;
	background-image: url(../img/common/sm_dl_bg.png);
	background-repeat: repeat-y;
}

#sm_blog dl{
	margin-left: 5px;
	background-image: url(../img/common/sm_dl_bg.png);
	background-repeat: repeat-y;
}

#sm_sitemenu dt a,
#sm_blog dt a{
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* サイトメニュー */
#sm_sitemenu dl.idea dt a,
#sm_sitemenu dl.clinic dt a,
#sm_sitemenu dl.treatment dt.guide a,
#sm_sitemenu dl.staff dt a,
#sm_blog dl dt a{ margin-bottom: 7px; }

#sm_sitemenu dl.idea dt a:hover,
#sm_sitemenu dl.clinic dt a:hover,
#sm_sitemenu dl.treatment dt.guide a:hover,
#sm_sitemenu dl.staff dt a:hover,
#sm_blog dl dt a:hover{ background-position: left -41px; }

#sm_sitemenu dl.idea dt a{ background-image: url(../img/common/sm_idea.png); width: 190px; height: 41px; }
#sm_sitemenu dl.clinic dt a{ background-image: url(../img/common/sm_clinic.png); width: 190px; height: 41px; }
#sm_sitemenu dl.treatment dt.guide a{ background-image: url(../img/common/sm_treatment.png); width: 190px; height: 41px; }
#sm_sitemenu dl.staff dt a{ background-image: url(../img/common/sm_staff.png); width: 190px; height: 41px; }
#sm_blog dl dt a{ background-image: url(../img/common/sm_blog.png); width: 190px; height: 41px; }

/* 診療案内の子ページ */
#sm_sitemenu dl.treatment dt.policy a,
#sm_sitemenu dl.treatment dt.decayed_tooth a,
#sm_sitemenu dl.treatment dt.child a,
#sm_sitemenu dl.treatment dt.ortho a{
	height: 14px;
	margin: 0 0 10px 25px;
}

#sm_sitemenu dl.treatment dt.policy a:hover,
#sm_sitemenu dl.treatment dt.decayed_tooth a:hover,
#sm_sitemenu dl.treatment dt.child a:hover,
#sm_sitemenu dl.treatment dt.ortho a:hover{ background-position: left -13px; }

#sm_sitemenu dl.treatment dt.policy a{ background-image: url(../img/common/policy.png); width: 146px; }
#sm_sitemenu dl.treatment dt.decayed_tooth a{ background-image: url(../img/common/decayed_tooth.png); width: 113px; }
#sm_sitemenu dl.treatment dt.child a{ background-image: url(../img/common/child.png); width: 80px; }
#sm_sitemenu dl.treatment dt.ortho a{ background-image: url(../img/common/ortho.png); width: 80px; }

#sm_sitemenu dl.treatment dt.aesthet a:hover{ background-position: left -27px; }
#sm_sitemenu dl.treatment dt.aesthet a{ background-image: url(../img/common/aesthet.png); width: 190px; height: 27px; }

/* 説明文 */
#sm_sitemenu dd,
#sm_blog dd
{
	padding: 0 10px 10px 10px;
	font-size: 75%;
	line-height: 1.3em;
}

#sm_sitemenu dl.idea dd,
#sm_sitemenu dl.clinic dd,
#sm_sitemenu dl.staff dd,
#sm_blog dl dd{
	background-image: url(../img/common/sm_dl_bg_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ブログ */
#sm_blog{
	position: relative;
	margin-bottom: 13px;
}

#sm_blog p{
	width: 200px;
	height: 6px;
	padding-top: 10px;
	background-image: url(../img/common/sm_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sm_blog p img{
	position: absolute;
	top: -18px;
	right: -15px;
}

/* サイトメニュー */
#sm_sitemenu{
	padding-bottom: 10px;
}

/* アクセス */
#sm_access p{
	margin: 0 0 0 12px;
	font-size: 75%;
	line-height: 1.5em;
}

#sm_access p img{
	margin-left: -7px;
}
#sm_access p img:hover{
	margin-top: 1px;
	margin-bottom: -1px;
}

#sm_access p.link{
	text-align: right;
	margin: 5px 10px 0 0;
}

#sm_access p.link a{
	padding-left: 10px;
	background-image: url(../img/common/arrow_right.png);
	background-repeat: no-repeat;
	background-position: left;
}

/* リンク */
#sm_link{
	background-image: url(../img/common/sm_middle.png);
	background-repeat: repeat-y;
	font-size: 75%;
	line-height: 1.3em;
}

#sm_link h2{
	width: 195px;
	padding: 30px 0 0 5px;
	background-image: url(../img/common/plain_h2_bg.png);
	background-repeat: no-repeat;
}

#sm_link h2 a{
	display: block;
	width: 190px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(../img/common/sm_link.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sm_link h2 a:hover{ background-position: left -40px; }

#sm_link p{
	width: 170px;
	padding: 10px 15px 20px 15px;
	background-image: url(../img/common/plain_bg.png);
	background-repeat: repeat-y;
	background-position: bottom;
}


/* お問い合わせ */
#sm_inquiry{
	position: relative;
	padding-bottom: 10px;
	background-image: url(../img/common/sm_inquiry_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#sm_inquiry p.tel{
	width: 190px;
	height: 84px;
	margin: 10px 0 0 5px;
	text-indent: -9999px;
	background-image: url(../img/common/sm_tel.png);
	background-repeat: no-repeat;
}

#sm_inquiry p.mail{
	position: absolute;
	bottom: 20px;
	left: 20px;
}

#sm_inquiry p.mail a{
	display: block;
	width: 158px;
	height: 24px;
	text-indent: -9999px;
	background-image: url(../img/common/sm_mailform.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sm_inquiry p.mail a:hover{ background-position: left -24px; }

/* 医院基本情報 */
#sm_basis{
	margin-top: 30px;
	font-size: 74%;
	line-height: 1.4em;
}

#sm_basis h2{
	width: 190px;
	height: 11px;
	margin-bottom: 7px;
	text-indent: -9999px;
	background-image: url(../img/common/sm_basis_head.png);
	background-repeat: no-repeat;
}

#sm_basis dl,
#sm_basis p{
	margin-bottom: 7px;
}


/*=======================*/
/* フッター　　          */
/*=======================*/

#footer{
	position: relative;
	clear: both;
	margin-top: 50px;
	padding: 20px 0 70px 0;
	border-top: solid 1px #999999;
	background-color: #EEEEEE;
}

#footer p{
	position: absolute;
	left: 50%;
	width: 950px;
	margin-left: -475px;
	top: 0;
}

#footer p.goto_top a{
	position: absolute;
	top: -22px;
	right: 220px;
	display: block;
	width: 114px;
	height: 22px;
	text-indent: -9999px;
	background-image: url(../img/common/goto_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer p.goto_top a:hover{ background-position: left -22px; }


#footer p.goto_sitemap a{
	position: absolute;
	top: -22px;
	right: 110px;
	display: block;
	width: 94px;
	height: 22px;
	text-indent: -9999px;
	background-image: url(../img/common/goto_sitemap.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer p.goto_sitemap a:hover{ background-position: left -22px; }

#footer p.goto_link a{
	position: absolute;
	top: -22px;
	right: 0;
	display: block;
	width: 94px;
	height: 22px;
	text-indent: -9999px;
	background-image: url(../img/common/goto_link.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer p.goto_link a:hover{ background-position: left -22px; }


#footer ul{
	width: 925px;
	margin: 0 auto;
	padding-left: 25px;
	font-size: 80%;
	list-style: none;
}

#footer li{
	float: left;
	margin-bottom: 5px;
	border-right: solid 1px #999999;
}

#footer li.last{ border: none; }

#footer li a{ margin: 0 10px; }

#footer address{
	width: 925px;
	height: 18px;
	margin: 0 auto;
	padding-right: 25px;
	text-indent: -9999px;
	background-image: url(../img/common/copyright.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: both;
}