@charset "Shift_JIS";


/* =====================================================================

   CSS INFORMATION

------------------------------------------------------------------------
●Description:

common.css

●UpDate:

ver 2.00 - 2010.04.01
ver 1.00 - 2008.10.01

●Search Key:

"=" + "n"

●Note:

▼共通設定

=01. 初期設定
	：リンク設定：第1優先
	：リンク設定：第2優先

=02. ページサマリー

=03. ページ

=04. ヘッダー
	：ロゴ
	：ヘッダーメニュー

=05. グローバルナビゲーション

=06. メインビジュアル

=07. パンくず

=08. コンテンツ
	：オールカラム
	：メインカラム
	：サイドカラム
	：クリニックからのお知らせ
	：ごあいさつ
	：ご案内
	：プライバシーポリシー
	：エラーページ

=09. ページトップ

=10.フッターナビゲーション

=11.フッター

======================================================================*/



/*
=01. 初期設定
----------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html{
    font-size: 62.5%;
}

body {
	padding-bottom:10px;
	background:#fafdff;
	text-align:center;
	font-size:1.6rem;/* 16px*/
	line-height: 1.6;
	color:#666666;
/*
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'MS PGothic',sans-serif;
*/
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

h1 {
	font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
	line-height: 1.3;
}
h2 {
	margin-top:2em;
	font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
	line-height: 1.3;
	padding: 2rem 2rem;
	color:#2480c3;
	border-top: 3px solid #2480c3;
	background: #f4f4f4;
}
@media (min-width: 1200px) {/* 1200px以上*/
	h1 {
		font-size: 3.6rem;/* 36px*/
	}
	h2 {
		font-size: 2.4rem;/* 24px*/
	}
}
@media screen and (max-width: 640px) {/* 640px以下*/
	body{
		line-height: 2;
	}
	h1{
		font-size: 2.4rem;/* 24px*/
	}
	h2 {
		font-size: 2rem;/* 20px*/
	}
}

strong {
	font-style:normal;
	font-weight:bold;
}

em {
	font-style:normal;
	font-weight:bold;
}

sup {
	font-size:70%;
	vertical-align:super;
}

sub {
	font-size:70%;
	vertical-align:baseline;
}

img {
	border:0;
}

ul, ol {
	list-style:none;
}

ul.disc {
	list-style:disc;
	padding-left:20px;
}

ol.decimal {
	list-style:decimal;
	padding-left:25px;
}

.continue {
	margin-top:0.5em;

}

.notice {
	padding-left:1em;
	text-indent:-1em;
}

.indent {
	text-indent:1em;
}


/* リンク設定：第1優先 */
a:link {
	text-decoration:underline;
}

a:visited {
	text-decoration:underline;
}

a:hover {
	color:#ff0000; text-decoration:underline;
}

a:active {
	color:#ff0000; text-decoration:underline;
}


/* リンク設定：第2優先 */
div#header a:link,
div#topicPath a:link,
div#pageTop a:link,
div#footerNav a:link,
div#footer a:link {
	color:#666666; text-decoration:none;
}

div#header a:visited,
div#topicPath a:visited,
div#pageTop a:visited,
div#footerNav a:visited,
div#footer a:visited {
	color:#666666; text-decoration:none;
}

div#header a:hover,
div#topicPath a:hover,
div#pageTop a:hover,
div#footerNav a:hover,
div#footer a:hover {
	color:#ff0000; text-decoration:underline;
}

div#header a:active,
div#topicPath a:active,
div#pageTop a:active,
div#footerNav a:active,
div#footer a:active {
	color:#ff0000; text-decoration:underline;
}


/* マーク付リンク 共通設定 */
.link a {
	display:inline-block;
	padding-left:15px;
}

.link a:link,
.link a:visited {
	background:url("/images/icon_arrow01.gif") left 50% no-repeat;
	text-decoration:none;
	color:#666666;
}

.link a:hover,
.link a:active {
	background:url("/images/icon_arrow01.gif") left 50% no-repeat;
	text-decoration:underline;
	color:#ff0000;
}


/*
=02. ページサマリー
----------------------------------------------------------------------*/
div#pageSummary {
	margin-right:auto;
	margin-left:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#fafdff url("/images/page_bg01.gif") left bottom no-repeat;
	width:830px;
}

div#pageSummary h1 {
	padding-right:5px;
	color:#007CC6;
	font-size:85%;
	font-weight:normal;
	text-align:right;
}


/*
=03. ページ
----------------------------------------------------------------------*/
div#page {
	width:830px;
	margin-right:auto;
	margin-left:auto;
	background:url("/images/page_bg02.gif");
}


/*
=04. ヘッダー
----------------------------------------------------------------------*/
div#header {
	margin-right:18px;
	margin-left:20px;
}

div#header div.logo {
	float:left;
	width:361px;
	padding-top:10px;
	padding-bottom:10px;
}

div#header div.menu {
	float:right;
	width:275px;
}

div#header li.privacy {
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}

div#header li.privacy a {
	padding-left:15px;
	background:#ffffff url("/images/icon_arrow01.gif") left 2px no-repeat;
	font-size:85%;
}

div#header li.contact {
	float:left;
	width:217px;
}

div#header li.map {
	float:left;
	width:58px;
}


/*
=05. グローバルナビゲーション
----------------------------------------------------------------------*/
div#globalNav {
	clear:both;
	margin-left:20px;
	margin-right:20px;
}

div#globalNav ul {
	padding-top:10px;
	background:#ffffff url("/images/gnav_bg01.gif") left top no-repeat;
}

*html div#globalNav ul {
	padding-top:5px;
}

div#globalNav li.home		 { float:left; width:83px; height:47px; padding-right:2px; }
div#globalNav li.clinic		 { float:left; width:121px; height:47px; padding-right:2px; }
div#globalNav li.rehabilitation	 { float:left; width:172px; height:47px; padding-right:2px; }
div#globalNav li.bone		 { float:left; width:172px; height:47px; padding-right:2px; }
div#globalNav li.block		 { float:left; width:172px; height:47px; }

div#globalNav1 {
	clear:both;
	margin-left:20px;
	margin-right:20px;
}

div#globalNav1 ul {
	padding-top:10px;
	background:#ffffff url("/images/gnav_bg01.gif") left top no-repeat;
}

*html div#globalNav1 ul {
	padding-top:10px;
}

div#globalNav1 li {
	display:inline;
	padding-right:1px;
}


/*
=06. メインビジュアル
----------------------------------------------------------------------*/
div#visual {
	clear:both;
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
}


/*
=07. パンくず
----------------------------------------------------------------------*/
div#topicPath {
	clear:both;
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
	text-align:left;
}

body#privacypolicy div#topicPath {
	clear:both;
	padding-top:10px;
	margin-bottom:2em;
}


/*
=08. コンテンツ
----------------------------------------------------------------------*/
div#contents {
	margin-left:20px;
	margin-right:20px;
	padding-top:30px;
	text-align:left;
}


/* オールカラム */
div#contentsAll {
	width:700px;
	margin-left:45px;
	margin-right:45px;
}


/* メインカラム */
div#contentsMain {
	float:right;
	width:570px;
}


/* サイドカラム */
div#contentsSide {
	float:left;
	width:200px;
}


/* クリニックからのお知らせ */
div#news dl {
	background:url("/images/news_bg02.gif") left top repeat-y;
}

div#news dt {
	background:url("/images/news_bg01.gif") left top no-repeat;
}

div#news dd {
	padding-right:15px;
	padding-bottom:15px;
	padding-left:15px;
	background:url("/images/news_bg03.gif") left bottom no-repeat;
}

div#news p {
	padding-top:10px;
}


/* ごあいさつ */
div#greeting dl {
	margin-bottom:30px;
	background:url("/images/greeting_bg02.gif") left top repeat-y;
}

div#greeting dt {
	padding-top:35px;
	padding-right:30px;
	padding-left:30px;
	background:url("/images/greeting_bg01.gif") left top no-repeat;
	font-weight:bold;
}

div#greeting dd {
	padding-right:30px;
	padding-bottom:35px;
	padding-left:30px;
	background:url("/images/greeting_bg03.gif") left bottom no-repeat;
}

div#greeting p {
	padding-top:0.5em;
}


/* ご案内 */
div.guide {
	clear:both;
	padding-bottom:1.5em;
	background:url("/images/line01.gif") left bottom repeat-x;
}
div.guideWide {
	padding-left:2em;
	padding-right:2em;
}

div.guide h2 {
}

div.guide h3 {
	margin-top:2.5em;
	padding-left:1em;
	background:url("/images/icon_circle01.gif") left 50% no-repeat;
	color:#2480c3;
	font-weight:bold;
	line-height:100%;
}

div.guide div {
	margin-top:0.5em;
}

div.guide p {
	margin-top:0.5em;
}
div.guideWide p {
	margin-top:2em;
}

div.guideWide p.noparagraph {
	margin-top:0;
	padding-top:0.5em;
}

div.guide ul {
	margin-top:0.5em;
}

div.guide table {
	width:100%;
	margin-top:0.5em;
	padding:1px;
	border:1px solid #bfd2d6;
	font-weight:bold;
}

div.guide tr {
	text-align:center;
	vertical-align:middle;
}

div.guide th {
	padding:5px;
	border:1px solid #ffffff;
	background:#2480c3;
	color:#ffffff;
}

div.guide td {
	width:10%;
	padding:5px;
	border:1px solid #ffffff;
	background:#eeeeee;
}

div.guide td.tab {
	width:30%;
}

div.guide p.linkMap {
	text-align:center;
}


div.guide div.image {
	padding-top:5px;
	text-align:center;
}


div.guide iframe {
	margin-top:10px;
}


/* プライバシーポリシー */
div.guidePrivacy {
	margin-bottom:3em;
	padding-bottom:1.5em;
	background:url("/images/line01.gif") left bottom repeat-x;
}

div.guidePrivacy h2 {
	padding-bottom:0.5em;
}

div.guidePrivacy p {
	margin-top:0.5em;
}

div.guidePrivacy ol {
	font-weight:bold;
}

/* エラーページ */
div.guideError {
	margin-bottom:3em;
	padding-bottom:1.5em;
	background:url("/images/line01.gif") left bottom repeat-x;
}

div.guideError h2 {
	margin-top:40px;
	font-weight:bold;
	color:#007CC6;
}

*html div.guideError h2 {
	margin-top:0px;
}

div.guideError h3 {
	padding-top:20px;
	padding-bottom:0.5em;
	font-weight:bold;
}

div.guideError p {
	padding-bottom:20px;
	background:url("/images/line01.gif") left bottom repeat-x;
}

div.guideError ul {
	list-style:disc;
	padding-left:20px;
}

div.guideError li {
	margin-top:0.5em;
}


/*
=09. ページトップ
----------------------------------------------------------------------*/
div#pageTop {
	clear:both;
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
	text-align:right;
}

div#pageTop p {
	line-height:120%;
	font-size:85%;
}

div#pageTop a {
	padding-left:15px;
	background:#ffffff url("/images/icon_arrow03.gif") left 2px no-repeat;
}


/*
=10. フッターナビゲーション
----------------------------------------------------------------------*/
div#footerNav {
	clear:both;
	margin-left:20px;
	margin-right:20px;
	padding-top:40px;
}

div#footerNav li {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	line-height:120%;
	font-size:85%;
}

div#footerNav a {
	padding-left:15px;
	background:#ffffff url("/images/icon_arrow01.gif") left 2px no-repeat;
}


/*
=11. フッター
----------------------------------------------------------------------*/
div#footer {
	clear:both;
	padding-right:20px;
	padding-bottom:30px;
	padding-left:20px;
	background:url("/images/page_bg03.gif") left bottom no-repeat;
	text-align:left;
}

div#footer p.copyright {
	padding-top:16px;
	background:url("/images/footer_bg01.gif") left top no-repeat;
}

*html div#footer p.copyright {
	padding-top:8px;
}

div#footer p.contact {
	padding-top:0.5em;
}