@charset "shift_jis";

/* baseテンプレートCSS */

@import "common.css";

/*---------------------------------------------
 大枠
---------------------------------------------*/
div#wrapper {
	width: 850px;	/* total:880px */
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/wrapper_bk.png) repeat-y;
	padding: 0px 15px;
}


/*---------------------------------------------
 ヘッダー
---------------------------------------------*/
/*============= ヘッダー領域 =============*/
div#headArea {
	width: 850px;	/* total:850px */
	height: 148px;
}

/*============= ヘッダートップ領域 =============*/
div#headTop {
	width: 850px;	/* total:850px */
	height: 25px;
}

/* ヘッダーコピー */
div#headTop div#copy {
	width: 520px;	/* total:530px */
	height: 18px;	/* total:25px */
	float: left;
	background: url(../../images/headtop.gif) no-repeat;
/*	text-indent: -9999em;*/
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 7px 0px 0px 10px;
	line-height: 100%;
}
div#headTop div#copy h1 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

/* ヘッダーナビ */
div#headTop div#headNav {
	width: 320px;	/* total:320px */
	float: right;
	background: url(../../images/headmenu.gif) no-repeat top right;
	height: 25px;
	position: relative;
}
div#headTop div#headNav ul {
	margin: 0px;
	padding: 0px;
}
div#headTop div#headNav ul li {
	list-style: none;
	display: inline;
	height: 24px;
	text-indent: -9999em;
}
div#headTop div#headNav ul li a {
	position: absolute;
	display: block;
	height: 24px;
	text-indent: -9999em;
	top: 0px;
}

div#headTop div#headNav ul li#home a {	/* HOME */
	width: 64px;
	left: 110px;
}
div#headTop div#headNav ul li#home a:hover,
div#headTop div#headNav ul li#home.navicurrent a {
	background: url(../../images/headmenu_ov.gif) no-repeat -164px 0px;
}

div#headTop div#headNav ul li#sitemap a {	/* サイトマップ */
	width: 86px;
	left: 174px;
}
div#headTop div#headNav ul li#sitemap a:hover,
div#headTop div#headNav ul li#sitemap.navicurrent a {
	background: url(../../images/headmenu_ov.gif) no-repeat -228px 0px;
}

div#headTop div#headNav ul li#link a {	/* リンク */
	width: 60px;
	left: 260px;
}
div#headTop div#headNav ul li#link a:hover,
div#headTop div#headNav ul li#link.navicurrent a {
	background: url(../../images/headmenu_ov.gif) no-repeat -314px 0px;
}

div#headTop div#headNav ul li#download a {	/* 各種ダウンロード */
	width: 104px;
	left: 214px;
}
div#headTop div#headNav ul li#download a:hover,
div#headTop div#headNav ul li#download.navicurrent a {
	background: url(../../images/headmenu_ov.gif) no-repeat -268px 0px;
}

/*============= ロゴ =============*/
div#logo {
	clear: both;
	width: 850px;	/* total:850px */
	background: url(../../images/logo.gif) no-repeat;
	height: 124px;
}

/*
div#logo a {
	display: block;
	width: 300px;
	height: 123px;
}
*/


/*---------------------------------------------
 グローバルナビゲーション
---------------------------------------------*/
div#gnav {
	width: 850px;	/* total:850px */
	height: 31px;	/* total:31px */
	background: url(../../images/gnav.png) no-repeat;
	position: relative;
}

div#gnav ul {
	margin: 0px;
	padding: 0px;
}

div#gnav ul li {
	list-style: none;
	display: inline;
}

div#gnav ul li a {
	position: absolute;
	display: block;
	height: 31px;
	text-indent: -9999em;
}

/*============= ひざ関節の痛み =============*/
div#gnav ul li#navG01 a {
	width: 166px;
	left: 0px;
}
div#gnav ul li#navG01 a:hover,
div#gnav ul li#navG01.navicurrent a {
	background: url(../../images/gnav_over.png) no-repeat 0px 0px;
}

/*============= 股関節の痛み =============*/
div#gnav ul li#navG02 a {
	width: 151px;
	left: 165px;
}
div#gnav ul li#navG02 a:hover,
div#gnav ul li#navG02.navicurrent a {
	background: url(../../images/gnav_over.png) no-repeat -165px 0px;
}

/*============= 患者さんストーリー =============*/
div#gnav ul li#navG03 a {
	width: 195px;
	left: 317px;
}
div#gnav ul li#navG03 a:hover,
div#gnav ul li#navG03.navicurrent a {
	background: url(../../images/gnav_over.png) no-repeat -317px 0px;
}

/*============= 人工関節プラザ =============*/
div#gnav ul li#navG04 a {
	width: 165px;
	left: 512px;
}
div#gnav ul li#navG04 a:hover,
div#gnav ul li#navG04.navicurrent a {
	background: url(../../images/gnav_over.png) no-repeat -512px 0px;
}

/*============= 人工関節調査隊 =============*/
div#gnav ul li#navG05 a {
	width: 172px;
	left: 677px;
}
div#gnav ul li#navG05 a:hover,
div#gnav ul li#navG05.navicurrent a {
	background: url(../../images/gnav_over.png) no-repeat -677px 0px;
}


/*---------------------------------------------
 コンテンツ領域（大枠）
---------------------------------------------*/
div#container {
	width: 850px;	/* total:850px */
	clear: both;
	margin-top: 14px;
	overflow: hidden;
	
	position: relative;
}
* html div#container {	/* ===== IE6 hack ===== */
	position: relative;
}




/*---------------------------------------------
 レフトナビ
---------------------------------------------*/
div#lnavArea {
	width: 195px;	/* total:195px */
	float: left;
	overflow: hidden;
}
* html div#lnavArea {	/* ===== IE6 hack ===== */
	height: 100%;
}

/*============= 整形外科お医者さん =============*/
div#lnavDoc {
	width: 193px;	/* total:195px */
	border: solid 1px #cccccc;
	background: #f2f3f4 url(../../images/lnav_doc_bk.png) no-repeat;
	min-height: 115px;	/* total:115px */
	margin-bottom: 12px;
}
* html div#lnavDoc {	/* ===== IE6 hack ===== */
	height: 115px;	/* total:115px */
}

div#lnavDoc p#titDoc {
	text-indent: -9999em;
	font-size: small;
	height: 40px;
	padding: 0px;
	margin: 0px;
}
div#lnavDoc p {
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
	line-height: 110%;
}
div#lnavDoc p a {
	display: block;
	width: 179px;	/* total:193px */
	padding: 60px 10px 7px 4px;
	text-decoration: none;
}

/*============= 関節の病気を自己診断チェック =============*/
div#lnavCheck {
	width: 195px;	/* total:195px */
	background: url(../../images/lnav_check.png) no-repeat;
	height: 253px;	/* total:253px */
/*	margin-bottom: 12px;*/

	margin-bottom: 200px;
}
div#lnavCheck p#titCheck {
	text-indent: -9999em;
	font-size: small;
	height: 38px;
	padding: 0px;
	margin: 0px;
}

div#lnavCheck ul {
	padding: 0px;
	margin: 0px;
	position: absolute;
}
div#lnavCheck ul li {
	list-style: none;
	display: block;
	text-indent: -9999em;
}
div#lnavCheck ul li a {
	position: absolute;
	text-indent: -9999em;
	left: 9px;
}
div#lnavCheck ul li#lnavCheckBtn01 a {	/* ひざ関節セルフチェック */
	width: 179px;
	height: 57px;
	top: 6px;
}
div#lnavCheck ul li#lnavCheckBtn02 a {	/* 股関節セルフチェック */
	width: 179px;
	height: 57px;
	top: 67px;
}
div#lnavCheck ul li#lnavCheckBtn03 a {	/* 治療費シミュレーション */
	width: 179px;
	height: 70px;
	top: 137px;
}

/*============= 最新情報 =============*/
div#lnavNews {
	width: 195px;	/* total:195px */
	background: #cccccc url(../../images/lnav_news_title.gif) no-repeat;
	padding-bottom: 8px;
	margin-bottom: 6px;
}
div#lnavNews p#titNews {
	width: 185px;	/* total:195px */
	font-size: small;
/*	text-indent: -9999em;*/
	height: 27px;
	padding: 4px 10px 0px 0px;
	margin: 0px;
	text-align: right;
	color: #FFCC00;
}
div#lnavNews p#titNews a {
	color: #FFCC00;
	text-decoration: underline;
}
div#lnavNews p#titNews a:hover {
	color: #FFCC66;
	text-decoration: underline;
}

div#lnavNews div#news {
	background: #ffffff;
	padding: 0px 10px;
	margin: 8px 8px 0px 8px;
}
div#lnavNews div#news dl {
}
div#lnavNews div#news dl dt {
	color: #FD7D43;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}
div#lnavNews div#news dl dd {
	padding: 0px 0px 6px 0px;
	border-bottom: dotted 1px #cccccc;
}

/*============= おたのしみ！ =============*/
div#lnavFree {
	width: 195px;	/* total:195px */
	background: url(../../images/lnav_free.gif) no-repeat;
	height: 229px;
/*	margin-bottom: 12px;*/

	margin-bottom: 200px;
}
div#lnavFree p#titFree {
	font-size: small;
	text-indent: -9999em;
	height: 32px;
	padding: 0px;
	margin: 0px;
}
div#lnavFree ul {
	padding: 0px;
	margin: 0px;
}
div#lnavFree ul li {
	list-style: none;
	text-indent: -9999em;
	position: absolute;
}

div#lnavFree ul li a {
	display: block;
	width: 180px;
	height: 51px;
	text-indent: -9999em;
	position: absolute;
	left: 7px;
}
div#lnavFree ul li#lnavFreeBtn01 a {	/* オリジナル壁紙 */
	top: 11px;
}
div#lnavFree ul li#lnavFreeBtn02 a {	/* おきかえるの一言メモ */
	top: 74px;
}
div#lnavFree ul li#lnavFreeBtn03 a {	/* カレンダー（セルフケア実施中） */
	top: 137px;
}


/*============= 関連サイト =============*/
div#lnavSite {
	width: 195px;	/* total:195px */
	float: left;

	background: url(../../images/top_kanren_link.png) no-repeat left bottom;
	height: 183px;
	
	position: absolute;
	bottom: 0px;
}
* html div#lnavSite {	/* ===== IE6 hack ===== */
	position: absolute;
}

div#lnavSite ul {
	padding: 0px;
	margin: 15px 0px 0px 20px;
}
div#lnavSite ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#lnavSite ul li a {
	display: block;
	text-indent: -9999em;
	width: 168px;
}
div#lnavSite ul li#lnavSite01 a {
	height: 30px;
}
div#lnavSite ul li#lnavSite02 a {
	margin: 3px 0px 0px 0px;
	height: 35px;
}
div#lnavSite ul li#lnavSite03 a {
	margin: 3px 0px 0px 0px;
	height: 40px;
}


/*---------------------------------------------
 コンテンツ
---------------------------------------------*/
div#contentArea {
	width: 634px;	/* total:655px */
	float: left;
	padding-bottom: 20px;

	padding-left: 21px;
	
/* 右ライン合わせの場合は以下を生かして⇒対応　padding-left:21px は削除。　widthを623pxにする。　 */
/*	padding-left: 32px;*/
}


div#contentArea div#contTop {
	width: 623px;	/* total:623px */
	min-height: 32px;	/* total:32px */
}
* html div#contentArea div#contTop {	/* ===== IE6 hack ===== */
	height: 32px;	/* total:32px */
}


div#contentArea_wide {
	width: 829px;	/* total:850px */
	float: left;
	padding-bottom: 20px;
	padding-left: 11px;
	padding-right: 10px;
}


/*============= パンくず =============*/
div#pankuzu {
	width: 443px;	/* total:443px */
	float: left;
	color: #666666;
}

/*============= 文字サイズ =============*/
div#changeTxtSize {
	width: 94px;		/* total:180px */
	float: right;
	background: url(../../images/change_textsize.gif) no-repeat;
	height: 19px;
	padding: 0px 0px 0px 86px;
}

div#changeTxtSize ul {
	clear: both;
	padding: 0px;
	margin: 0px;
}
div#changeTxtSize ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}


/*============= コンテンツボディ =============*/
div#contentArea div#contBody {
	width: 623px;	/* total:623px */
	clear: both;
}

div#contentArea div#contBody_wide {
	width: 829px;	/* total:623px */
	clear: both;
}



/*---------------------------------------------
 フッター
---------------------------------------------*/
div#footArea {
	clear: both;
	width: 850px;	/* total:850px */
	overflow: hidden;
}

/*============= フッターナビ＆コピーライト =============*/
div#footer {
	width: 850px;	/* total:850px */
	background: url(../../images/footer.png) no-repeat;
	height: 121px;	/* total:133px */
	padding: 12px 0px 0px 0px;
	clear: both;
	
	overflow: hidden;
}

div#footer ul {
	padding: 0px;
	margin: 0px;
	border-left: dotted 1px #886D55;
}
div#footer ul li {
	list-style: none;
	display: inline;
	padding: 0px 10px;
	border-right: dotted 1px #886D55;
	color: #304A59;
}

div#footer ul li a {
	color: #304A59;
	text-decoration: none;
}
div#footer ul li a:hover {
	color: #5786A2;
	text-decoration: underline;
}

div#footer p#copyright {	/* copyright */
	text-indent: -9999em;
	padding: 0px;
	margin: 0px;
}