@charset "utf-8";

/* ユニバーサルセレクタ */
*  {
	margin: 0; 
	padding: 0;
}
	
html  {
	overflow-y:scroll;
}

body  {
	font:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: #FFF;
	text-align: center;
	scrollbar-3dlight-color:#FFF;
	scrollbar-arrow-color:#A38547;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-face-color:#FFF;
	scrollbar-highlight-color:#A38547;
	scrollbar-shadow-color:#A38547;
	color:  #685848;
}

* + html body {
font-family:Meiryo,Sans-Serif;

}

/* 共通 */

li  {
list-style-type:  none;
}

a  {
text-decoration:  none;
color: #004488;
}

a:hover  {
color:#F76B1F;
text-decoration:  none;
}
a:visited  {
color:#996600;
text-decoration:  none;
}

/* 第12回 プロフィールフォントサイズ */
.profile12 {
	font-size: 0.85em;
}


/* 赤 */
.aka {
color:#FF0000;
}
/* 青 */
.ao {
color: #0066CC
}
/* 緑 */
.midori{
color: #007700
}

 /* 別ウィンドウ表示の指定（IEを除く） */
a[target="movie"]:after , a[target="story"]:after , a[target="_blank"]:after {
content:url(../img/taget_blank.gif);
vertical-align:middle;
padding-left:2px;
}
 /* 【要調整】別ウィンドウ表示の指定（IE用）*/
a[target="movie"] , a[target="story"] , a[target="_blank"] {
	padding-right: 15px;
	background: url(../img/target_blank.gif)
	no-repeat center right;
}
img  {
	border:  0;
}
a { outline: none; }

/* ヘッダ */

/* 中ページ用（11/11/14） */
body {
	background: url(../img/body_bg.gif) repeat-x;
}
body.popup {
	background-image: none;
}
#header { 
	width:100%;
	min-width: 782px;
	height:213px;
	background: url(../img/header_image.jpg) no-repeat center top;
	overflow: hidden;
	} 
#header .inner {
	position: relative;
	width: 782px;
	margin: 0 auto;
	text-align: left;
}
#header .inner h1 {
	padding-top: 46px;
	text-align: center;
}
#header .inner .fontSize {
	position: absolute;
	width: 138px;
	height: 44px;
	top: 0;
	right: 0;
	background: url(../img/header_font_bg.png) no-repeat;
}
#header .inner .fontSize span {
	display: block;
	float: left;
	width: 77px;
	padding-top: 16px;
}
#header .inner .fontSize span img {
	margin-left: 14px;
}
#header .inner .fontSize ul {
	float: left;
	padding-top: 8px;
}
#header .inner .fontSize ul li {
	float: left;
	width: 28px;
}
#header .inner .fontSize ul li a {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../img/header_font_size.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#header .inner .fontSize ul li.larger a {
	background-position: 0 0;
}
#header .inner .fontSize ul li.larger a:hover {
	background-position: 0 -35px;
}
#header .inner .fontSize ul li.smaller a {
	background-position: -35px 0;
}
#header .inner .fontSize ul li.smaller a:hover {
	background-position: -35px -35px;
}

#header .inner ul.globalMenu {
	padding-top: 48px;
	overflow: hidden;
	/zoom: 1;
}
#header .inner ul.globalMenu li {
	float: left;
	height: 42px;
}
#header .inner ul.globalMenu li a {
	display: block;
	height: 42px;
	background: url(../img/global_menu.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#header .inner ul.globalMenu li.knee a {
	width: 224px;
	background-position: 0 0;
}
#header .inner ul.globalMenu li.knee a:hover {
	background-position: 0 -58px;
}
#header .inner ul.globalMenu li.hip a {
	width: 234px;
	background-position: -234px 0;
}
#header .inner ul.globalMenu li.hip a:hover {
	background-position: -234px -58px;
}
#header .inner ul.globalMenu li.artus a {
	width: 161px;
	background-position: -478px 0;
}
#header .inner ul.globalMenu li.artus a:hover {
	background-position: -478px -58px;
}
#header .inner ul.globalMenu li.cost a {
	width: 163px;
	background-position: -649px 0;
}
#header .inner ul.globalMenu li.cost a:hover {
	background-position: -649px -58px;
}
#header .inner a.home {
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 121px;
	height: 26px;
	background: url(../img/bt_home.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#header .inner a.home:hover {
	background-position: 0 -36px;
}


/* 左メニュー：共通タイトル画像置換（オレンジ） */
#menu_title_or a {
background-image:url(../img/menu_title_or_over.gif);
display:block;
width:235px;
height:59px;
margin:0 0 5px 0;
}
#menu_title_or a:hover{
background-color:#FFFFFF;
}
#menu_title_or a img {
display:block;
width:235px;
height:59px;
}
#menu_title_or a:hover img {
visibility:hidden;
}


/* 左メニュー：股関節リンク画像置換（ブルー） */
#menu_title_bl a {
background-image:url(../img/menu_title_bl_over.gif);
display:block;
width:235px;
height:59px;
margin:15px 0 5px 15px;
}
#menu_title_bl a:hover{
background-color:#FFFFFF;
}
#menu_title_bl a img {
display:block;
width:235px;
height:59px;
}
#menu_title_bl a:hover img {
visibility:hidden;
}


/* 左メニュー：膝関節リンク画像置換（グリーン） */
#menu_title_gr a {
background-image:url(../img/menu_title_gr_over.gif);
display:block;
width:235px;
height:59px;
margin:15px 0 20px 15px;
}
#menu_title_gr a:hover{
background-color:#FFFFFF;
}
#menu_title_gr a img {
display:block;
width:235px;
height:59px;
}
#menu_title_gr a:hover img {
visibility:hidden;
}


/* 左メニュー：人工関節って？リンク 111118 */
#sidebar .sideLinkArtus {
	margin: 13px 0 0 13px;
}
#sidebar .sideLinkArtus a {
	display: block;
	width: 242px;
	height: 76px;
	background: url(../img/bt_artus.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#sidebar .sideLinkArtus a:hover {
	background-position: 0 -86px;
}


/* ふりがなの指定 */
.kana {
font-size:0.85em;
}
/* キーワードの指定 */
.keyword {
font-size:0.85em;
background-color:#EAEAD7;
padding:5px 10px;
margin:5px 13px;
color:#666;
}
/*　複数コピーブロック一文字下げ */
p.block {
text-indent: 1em;
}

/* 引用文 */
blockquote {
padding:5px 10px 0 10px;
font-size:0.75em;
}


/* 角丸囲みグレー */
.curve_head{
font-size:1px;
height:10px;
background:url(../img/curve_right_head.gif) top right no-repeat;
margin-top:5px;
}

.curve_head div{
font-size:1px;
height:10px;
background:url(../img/curve_left_head.gif) top left no-repeat;
}

.curve_body{
background:url(../img/curve_left_middle.gif) top left repeat-y;
overflow: hidden;
/*_margin-left:2px;*/
}
.curve_body2{
background:url(../img/curve_left_middle.gif) top left repeat-y;
}

.curve_body div{
background:url(../img/curve_right_middle.gif) top right repeat-y;
}
.curve_body2 div{
background:url(../img/curve_right_middle.gif) top right repeat-y;
}

.curve_bottom{
font-size:1px;
height:10px;
background:url(../img/curve_right_bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve_bottom div{
font-size:1px;
height:10px;
background:url(../img/curve_left_bottom.gif) bottom left no-repeat;
}


/* リンクテキストの指定 */
.linkgr {
background:url(../img/a_link_gr.gif) left no-repeat;
margin:0 0 0 10px;
padding:0 0 0 10px;
}
.linkor {
background:url(../img/a_link_or.gif) left no-repeat;
margin:0 0 0 20px;
padding:0 0 0 10px;
}
.linkbl {
background:url(../img/a_link_bl.gif) left no-repeat;
margin:0 0 0 10px;
padding:0 0 0 10px;
}



/* 1.11　2.09運動：上点線リスト */
#mainContent ol.tensenlist  {
margin:10px 10px 0 0;
}
#mainContent li.tensenlist {
background:url(../img/tensenlist_bg.gif) top repeat-x;
margin:3px 10px 0 50px;
padding:10px 0 0 0px;
list-style-type:decimal;
line-height:1.5em;
}





/* 1.02,2.02：詳しい症状を見るリンク画像置換*/
#go_syoujyou a {
background-image:url(../img/go_syoujyou_over.gif);
display:block;
width:179px;
height:52px;
float:right;
margin:5px 10px 10px 5px;
}
#go_syoujyou a:hover{
background-color:#FFFFFF;
}
#go_syoujyou a img {
display:block;
width:179px;
height:52px;
}
#go_syoujyou a:hover img {
visibility:hidden;
}


/* 1.03,2.03：「セルフチェック」リンクボタン画像置換*/
#go_check a {
background-image:url(../img/go_check_over.gif);
display:block;
width:179px;
height:52px;
float:right;
margin:5px 10px 10px 5px;
}
#go_check a:hover{
background-color:#FFFFFF;
}
#go_check a img {
display:block;
width:179px;
height:52px;
}
#go_check a:hover img {
visibility:hidden;
}
/* 1.03,2.03：「セルフチェック」バナー画像置換*/
#banner_wrap {
	
height:110px;
padding:0px 0px 0px 10px;
margin:20px 0 0 0;
overflow:hidden;
}
#banner_report_wrap {
width:238;
float:left;
}
#banner_operation_wrap {
width:233;
float:left;
}
#banner_fee_wrap {
width:238;
float:left;
}
#banner_operation_wrap p,
#banner_report_wrap p,
#banner_fee_wrap p{
width:233px;
padding:0;
margin:0;
}
#banner_operation a {
background-image:url(../img/banner_operation_over.gif);
width:223px;
height:64px;
float:left;
margin:3px 15px 5px 0px;
}
#banner_report a {
background-image:url(../img/banner_report_over.gif);
display:block;
width:223px;
height:64px;
float:left;
margin:3px 5px 5px 0px;
}
#banner_fee a {
background-image:url(../img/banner_fee_over.gif);
display:block;
width:223px;
height:64px;
float:left;
margin:3px 5px 5px 0px;
}
#banner_operation a:hover,
#banner_report a:hover,
#banner_fee a:hover{
background-color:#FFFFFF;
}
#banner_operation a img,
#banner_report a img,
#banner_fee a img{
display:block;
width:223px;
height:64px;
}
#banner_operation a:hover img,
#banner_report a:hover img,
#banner_fee a:hover img{
visibility:hidden;
}

/* 1.4,2.4：「セルフチェック＞もう一度やり直す」リンク画像置換*/
#go_mouitido a {
background-image:url(../img/go_mouitido_over.gif);
display:block;
width:179px;
height:31px;
float:right;
margin:5px 10px 10px 5px;
}
#go_mouitido a:hover{
background-color:#FFFFFF;
}
#go_mouitido a img {
display:block;
width:179px;
height:31px;
}
#go_mouitido a:hover img {
visibility:hidden;
}

/* 1.4,2.4：「セルフチェック＞TOPに戻る」リンク画像置換*/
#go_topmodoru a {
background-image:url(../img/go_topmodoru_over.gif);
display:block;
width:179px;
height:31px;
float:right;
margin:5px 10px 10px 5px;
}
#go_topmodoru a:hover{
background-color:#FFFFFF;
}
#go_topmodoru a img {
display:block;
width:179px;
height:31px;
}
#go_topmodoru a:hover img {
visibility:hidden;
}

/* 6.2：「過去の質問」リンク画像置換*/
#go_narrow{
	
background-image: none;
margin: 17px 0 15px 0;
}
#go_narrow a {
background-image:url(../img/go_narrow_over.gif);
display:block;
width:166px;
height:44px;
margin:0 auto;
}
#go_narrow a:hover{
background-color:#FFFFFF;
}
#go_narrow a img {
display:block;
width:166px;
height:44px;
}
#go_narrow a:hover img {
visibility:hidden;
}
/* 6.2：「過去の質問」先生に質問するリンク画像置換 101028 */

#go_ask {
margin:0 0 0 auto;
padding:0;
float:right;
}
#go_ask a {
background-image:url(../img/go_ask_over.gif);
display:block;
width:150px;
height:33px;
margin:0;
padding:0;
}
#go_ask a:hover{
background-color:#FFFFFF;
}
#go_ask a img {
display:block;
width:150px;
height:33px;
}
#go_ask a:hover img {
visibility:hidden;
}
/* 6.2：「過去の質問」過去の質問を見るリンク画像置換 101028 */
#go_past {
margin:0 0 0 auto;
}
#go_past a {
background-image:url(../img/go_past_over.gif);
display:block;
width:137px;
height:30px;
margin:5px 0 10px auto;
}
#go_past a:hover{
background-color:#FFFFFF;
}
#go_past a img {
display:block;
width:137px;
height:30px;
}
#go_past a:hover img {
visibility:hidden;
}



/* 画像：グレー枠 */
img.icon {
margin:  0px 5px 0px 0px;
padding:  2px;
background-color:  #FFF;
border:  1px solid #E0E0DF;
overflow:hidden;
}
img.icon_r {
margin:  0px 10px 5px 5px;
padding:  2px;
background-color:  #FFF;
border:  1px solid #E0E0DF;
overflow:hidden;
float:right;
}
img.icon_l {
	padding:  2px;
	background-color:  #FFF;
	border:  1px solid #E0E0DF;
	overflow:hidden;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* 画像：枠なし */
img.img {
margin:  0px 5px 0px 0px;
padding:  2px;
background-color:  #FFF;
overflow:hidden;
}
img.img_r {
margin:  0px 5px 5px 5px;
padding:  2px;
background-color:  #FFF;
overflow:hidden;
float:right;
}


/* フッター */
#footer { 
width:780px;
margin: 0 auto;
padding: 11px 0 16px;
overflow: hidden;
/zoom: 1;
}
#footer ul {
	float: left;
	padding-left: 14px;
	background: url(../img/footer_line.gif) no-repeat 2px center;
	font-size: 85%;
	overflow: hidden;
	/zoom: 1;
}
#footer li {
	float: left;
	margin: 0 11px 0 0;
	padding: 0 10px 0 0;
	background: url(../img/footer_line.gif) no-repeat right center;
}
#footer li a {
	color: #412100;
	text-decoration: underline;
}
#footer p {
	float: right;
	font-size: 71%
}

	
/*floatclear*/
.clear:after{
content: "";
display: block;
clear: both; 
}
/* float clearing for IE6 */
* html .clear{
height: 1%;
overflow: visible;
}
/* float clearing for IE7 */
*+html .clear{
display:inline-block;
}
.left_tile{
	float: left;
}
.setsumei{
	padding-right: 8px !important;
	padding-left: 15px !important;
}
/*========04.html用の追記===========*/

#three_person{
	width:225px; 
	float:left; 
	background:transparent;	
}
#mainContent .curve_body .short_line{
	line-height:1.3;	
}
#mainContent .curve_body #three_person{
	padding-bottom: 10px;	
}
#mainContent h4.question{
	padding:15px 8px;
	font-size: 95%;	
	line-height: 1.3;
	margin-bottom: -0.25em;
}
#mainContent p.clearboth,#mainContent p.clearboth2{
	clear: both;
}
#mainContent .imagebox_right .other_size1{
	width: 231px;
	padding-bottom: 0px;
}
#mainContent .imagebox_right .other_size2{
	width: 230px;
	padding-bottom: 0px;
}
#mainContent .profile_area{
	width:345px; 
	float:right; 
}
#mainContent h4.advice{margin-left: 8px;}
#mainContent .profile_name{
	font-weight: bold;
}
#mainContent div.curve_body dl.shousai{
	background: transparent;
	border:none;
	margin-left: 8px;
	padding-left: 0;
	margin-top: 0;
	padding-bottom: 0;
}
#mainContent div.curve_body div.left_dl{
	width:220px;
	background: none;
	float: left;
	margin-right:5px;
	padding: 0 !important;
}
#mainContent div.curve_body p.mini_photo{
	width: 106px;
	float: left;
	padding: 0 !important;
}	
#mainContent div.curve_body dl.shousai dt{
	background:none;
	padding-left: 0;
	width: 4em;
	float: left;	
	font-weight: normal;
}
#mainContent div.curve_body dl.shousai dd{
	margin: 0 0 0 5.5em;
	text-indent: 0 !important;
	text-indent: -3px;		
}
div.pagetop{clear: both;}
div.last_curve{
	clear: both;
}
/*=====IE6以外のclearfix======*/
.clearfix_area:after{
	display: block;
	clear: both;
	height: 0;
	visibility hidden;
	content:".";	
}
/*=====IE6以外のclearfix======*/

/*=====IE6のclearfix======*/
*html .clearfix_area{
	display: block;
	clear: both;
	height: 0;
	visibility hidden;
	content:".";	
}
/*=====IE6のclearfix======*/
.clearfix_area{
	padding-top: 16px;
}

*+html .clearfix_area{
	padding-top: 8px;
}
div.profile_area p.clearboth{
	font-size:0.85em;	
}

/*========04.html用の追記 end===========*/
/*========3_08.html用の追記 ===========*/
div.sports_list{
	padding: 0 15px 30px 20px;	
}
div.sports_list:after{
	display: block;
	clear: both;
	content: "";
}
div.sports_list{
	/zoom: 1;
}
#good{
	margin-right:20px;	
}
#good,#bad{
	width:240px;
	float:left;	
}
/*========3_08.html用の追記 end ===========*/

/* 動画lightBox START */
#movieBase {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10;
}
#movieBox {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 520px;
	height: 480px;
	background-color: #fff;
	text-align: left;
	z-index: 20;
}
#movieBox iframe {
	margin: 25px 0 0 20px;
}
#movieBox .title {
	width: 480px;
	margin: 17px 0 0 20px;
	overflow: hidden;
	/zoom: 1;
}
#movieBox .title p {
	float: left;
	width: 390px;
	padding-top: 3px;
	font-size: 18px;
	line-height: 110%;
	font-weight: bold;
	color: #666;
}
#mainContent a[target="movie"]:after {
content: "";
vertical-align:middle;
padding-left:0;
}
#mainContent a[target="movie"] {
	padding-right: 0;
	background-image: none;
}
/* 動画lightBox END */

/* 次はリンク 111118 */
#mainContent a.nextReadLink {
	display: block;
	width: 490px;
	height: 102px;
	margin-top: 10px;
	padding-top: 32px;
	background: url(../img/next_link_bg.gif) no-repeat;
	text-decoration: none;
	color: #402100;
	overflow: hidden;
	cursor: pointer;
}
#mainContent a.nextReadLink:hover {
	background-position: 0 -144px;
	color: #604100;
}
#mainContent a.nextReadLink span {
	display: table-cell;
	/display: block;
	width: 490px;
	height: 84px;
	padding: 0 10px;
	/padding-top: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 129%;
	line-height: 1.2;
	font-weight: bold;
}