@charset "shift_jis";

/* HOME CSS */


/*---------------------------------------------
 左ナビ
---------------------------------------------*/
/*============= 関節の病気を自己診断チェック =============*/
div#lnavCheck {
	margin-bottom: 12px;
}

/*---------------------------------------------
 メインビジュアル
---------------------------------------------*/
div#mainVisual {
	background: url(../../images/mainvisual.png) no-repeat;
	width: 622px;
	height: 200px;
	margin-bottom:12px;
}
* html div#mainVisual {	/* ===== IE6 hack ===== */
	height: 232px;	/* total:232px */
}



/*---------------------------------------------
 人工関節調査隊
---------------------------------------------*/
div#homeCheckImgBk {
	background: url(../../images/home_checkimg_top.png) no-repeat;
	width: 623px;	/* total:623px */
	height: 105px;	/* total:105px */
	padding: 0px;
	margin: 0px;
	clear: both;
}
div#homeCheckImgBk p {
	padding: 0px;
	margin: 0px;
/*	text-indent: -9999em;*/
}

div#homeCheckImg {
	background: #dedede url(../../images/home_checkimg.png) no-repeat;
	width: 620px;	/* total:622px */
	min-height: 62px;	/* total:73px */
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
	margin-bottom: 12px;
}
* html div#homeCheckImg {	/* ===== IE6 hack ===== */
	height: 62px;	/* total:73px */
}

div#homeCheckImg div {
	background: #335060 url(../../images/txt_bk.png) no-repeat;
	width: 490px;	/* total:490px */
	padding: 0px;
	margin-left: 12px;
	color: #FFFFFF;
}

div#homeCheckImg div a {
	width: 436px;	/* total:490px */
	color: #FFFFFF;
	display: block;
	padding: 10px 20px 10px 34px;
	text-decoration: none;
}
div#homeCheckImg div a:hover {
	color: #FD7D43;
}


/*---------------------------------------------
 コンテンツ誘導ショートカット
---------------------------------------------*/
div.homeSCArea {
	width: 623px;	/* total:623px */
	clear: both;
	margin-bottom: 12px;
/*	background: #f2f3f4 url(../../images/home_sc_bk.png) repeat-x; */

}


div.homeSCL,
div.homeSCR {
	width: 302px;	/* total:314px */
	float: left;
	border: solid 1px #d2d2d2;
	padding: 3px 3px 0px 2px;
	margin-bottom: 12px;
	background: #f2f3f4 url(../../images/home_sc_bk.png) repeat-x;
}
div.homeSCL {
	margin-right: 3px;
}
* html div.homeSCR {	/* ===== IE6 hack ===== */
	position: absolute;
}


h2#h2Home01,
h2#h2Home02,
h2#h2Home03,
h2#h2Home04 {
	width: 302px;	/* total:302px */
	height: 25px;
	font-size: small;
	text-indent: -9999em;
}
h2#h2Home01 a,
h2#h2Home02 a,
h2#h2Home03 a,
h2#h2Home04 a {
	display: block;
	width: 302px;
	height: 25px;
}

div#sc01,
div#sc02 {
	width: 192px;	/* total:302px */
	min-height: 117px;	/* total:123px */
	padding: 6px 0px 0px 110px;
}
* html div#sc01,	/* ===== IE6 hack ===== */
* html div#sc02 {
	height: 117px;	/* total:123px */
}

div#sc03,
div#sc04 {
	width: 182px;	/* total:302px */
	min-height: 101px;	/* total:117px */
	padding: 16px 10px 0px 110px;
}
* html div#sc03,	/* ===== IE6 hack ===== */
* html div#sc04 {
	height: 101px;	/* total:117px */
}


/* 番号リスト */
div#sc01 ol,
div#sc02 ol {
	padding: 0px;
	margin: 0px;
}
div#sc01 ol li,
div#sc02 ol li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	list-style: none;
}

div#sc01 ol li a,
div#sc02 ol li a {
	padding: 0px 0px 0px 10px;
}

div#sc01 ol li.li01 a ,	/* 1 */
div#sc02 ol li.li01 a {
	background: url(../../images/1.png) no-repeat 0px 3px;
}
div#sc01 ol li.li02 a,	/* 2 */
div#sc02 ol li.li02 a {
	background: url(../../images/2.png) no-repeat 0px 3px;
}
div#sc01 ol li.li03 a,	/* 3 */
div#sc02 ol li.li03 a {
	background: url(../../images/3.png) no-repeat 0px 3px;
}
div#sc01 ol li.li04 a,	/* 4 */
div#sc02 ol li.li04 a {
	background: url(../../images/4.png) no-repeat 0px 3px;
}
div#sc01 ol li.li05 a,	/* 5 */
div#sc02 ol li.li05 a {
	background: url(../../images/5.png) no-repeat 0px 3px;
}
div#sc01 ol li.li06 a,	/* 6 */
div#sc02 ol li.li06 a {
	background: url(../../images/6.png) no-repeat 0px 3px;
}
div#sc01 ol li.li07 a,	/* 7 */
div#sc02 ol li.li07 a {
	background: url(../../images/7.png) no-repeat 0px 3px;
}
div#sc01 ol li.li08 a,	/* 8 */
div#sc02 ol li.li08 a {
	background: url(../../images/8.png) no-repeat 0px 3px;
}
div#sc01 ol li.li09 a,	/* 9 */
div#sc02 ol li.li09 a {
	background: url(../../images/9.png) no-repeat 0px 3px;
}
/*============= ひざ関節が気になる方 =============*/
h2#h2Home01 {
	background: url(../../images/home_sc_tit01.png) no-repeat;
}
div#sc01 {
	background: url(../../images/home_sc01_bk.png) no-repeat;
	position: relative;
	padding-bottom:1.6em;
}
div#sc01 p {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/*============= 股関節が気になる方 =============*/
h2#h2Home02 {
	background: url(../../images/home_sc_tit02.png) no-repeat;
}
div#sc02 {
	background: url(../../images/home_sc02_bk.png) no-repeat;
	position: relative;
}
div#sc02 p {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/*============= 患者さんストーリー =============*/
h2#h2Home03 {
	background: url(../../images/home_sc_tit03.png) no-repeat;
}
div#sc03 {
	background: url(../../images/home_sc03_bk.png) no-repeat;
	position: relative;
}
div#sc03 p.sc03Img {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#sc03 dl {
	clear: both;
}
div#sc03 dl dt {
	background: url(../../images/bangaihen.png) no-repeat;
	height: 21px;
	text-indent: -9999em;
}


/*============= 人工関節プラザ =============*/
h2#h2Home04 {
	background: url(../../images/home_sc_tit04.png) no-repeat;
}
div#sc04 {
	background: url(../../images/home_sc04_bk.png) no-repeat;
	position: relative;
}
div#sc04 p.sc04Img {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* 文字詰め */
.sc04TxtDume {
	letter-spacing: -0.06em;
}


/*---------------------------------------------
 関節の病気に強い「エリア別」整形外科のお医者さん
---------------------------------------------*/
div#homeMap {
	width: 623px;	/* total:623px */
	clear: both;
	background: url(../../images/home_map_bk.png) no-repeat;
	min-height: 170px;	/* total:170px */
	margin-bottom: 190px;
/*	margin-bottom: 70px;*/
/*	text-indent: -9999em;*/
}
* html div#homeMap {	/* ===== IE6 hack ===== */
	height: 170px;	/* total:170px */
}


/* タイトル・地図 */
div#homeMap ul#titlMap {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	height: 90px;
	position: relative;
}
div#homeMap ul#titlMap li {
	text-indent: -9999em;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div#homeMap ul#titlMap li a {
	display: block;
}

div#homeMap ul#titlMap li#titl a {	/* title */
	width: 443px;
	height: 90px;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#homeMap ul#titlMap li#map a {	/* map */
	width: 178px;
	height: 174px;
	position: absolute;
	top: 0px;
	left: 443px;
}


/* 都道府県 */
div#homeMap div {
	text-indent: 0px;
	padding: 0px 0px 0px 6px;
}

div#homeMap ul.areaList {
	clear: both;
	padding: 0px;
	margin: 0px;
}
div#homeMap ul.areaList li {
	list-style: none;
	float: left;
	margin: 10px 6px 0px 0px;
	padding: 2px 6px 0px 14px;
	border-right: dotted 1px #333333;
	background: url(../../images/point02.gif) no-repeat 0px 4px;
}
/* 「中国地方」文字間調整 */
div#homeMap ul.areaList li.chugoku {
	padding: 2px 19px 0px 14px;
}

/*---------------------------------------------
 ソーシャルボタン
---------------------------------------------*/
#social_box {
	float: left;
	width: 400px;
}
#social_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#social_box li {
	overflow: hidden;
	float: left;
	margin: 0px 10px 0px 0px; 
	padding: 0px; 
}
#social_box li.twitter {
	width: 90px;
}
#social_box li.evernote {
	width: 64px;
}
#social_box li.facebook {
	width: 107px;
}
#social_box li.googleplus {
	width: 65px;
}