/**********************************************************************************************

	01　title
	
	02　check_list
	
	03　imagemap
	
	04　symptom index

**********************************************************************************************/

/*━━━━━━━━━━━━━━━━━　01　title　━━━━━━━━━━━━━━━━━━━━━━*/
h3 {
	text-align: left;
	width: 739px;
	height: 34px;
	margin-bottom: 5px;
}

h3#checklist { background-image: url(../img/index/t_check.jpg); }
h3#symptom { background-image: url(../img/index/t_index.jpg); }


/*━━━━━━━━━━━━━━━━━　02　check_list　━━━━━━━━━━━━━━━━━━━━*/
#checklist_img {
	text-align: left;
	width: 736px;
	height: 233px;
	background: url(../img/00top_mainimg_bg.gif) left bottom no-repeat;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	overflow:hidden;
}


#checklist_img ul {
	text-align: left;
	width: 736px;
	height: 233px;
	margin: 0;
	display: inline;
	overflow:hidden;
}

#checklist_img ul li { padding:5px 0 0 0; display:block; overflow:hidden; }
#checklist_img ul li#img_illust { width:540px; height:228px; float:left; }/* illust */
#checklist_img ul li#pr_fla { width:182px; height:220px; float:right; }/*    flash  */


/*━━━━━━━━━━━━━━━━━　03　imagemap　━━━━━━━━━━━━━━━━━━━━━*/
img.image { display: none; }

#imagemap {
	background: transparent url(../img/index/mainimg.gif) top left no-repeat;
	width: 540px;
	height: 228px;
	position: relative;
	}

#imagemap dt { position:absolute; display:none; text-align:left; }
#imagemap dd { position:absolute; text-align:left; }
#imagemap dd a { position:absolute; height:20px; text-decoration:none;}
#imagemap dd a span { display:none; }


/*通常時の表示*/
#imagemap dd#uv_rays { top:12px; left:18px;}
#imagemap dd#uv_rays a { width:100px; }

#imagemap dd#w_worry { top:49px; left:18px; }
#imagemap dd#w_worry a { width:100px; }

#imagemap dd#smell { top:90px; left:18px; }
#imagemap dd#smell a { width:170px; height:30px; }

#imagemap dd#stomach { top:138px; left:18px; }
#imagemap dd#stomach a { width:110px; }

#imagemap dd#women { top:179px; left:18px; }
#imagemap dd#women a { width:110px; }

#imagemap dd#hayfever { top:10px; left:358px; }
#imagemap dd#hayfever a { width:90px; }
#imagemap dd#hayfever a:hover { background-position:-358px -248px; }
#imagemap dd#hayfever a:hover span { width:90px; }

#imagemap dd#atopy { top:49px; left:358px; }
#imagemap dd#atopy a { width:120px; }

#imagemap dd#metabo { top:90px; left:358px; }
#imagemap dd#metabo a { width:170px; }

#imagemap dd#intestines { top:129px; left:358px; }
#imagemap dd#intestines a { width:90px; }

#imagemap dd#constipation { top:170px; left:358px; }
#imagemap dd#constipation a { width:110px; }


/*ロールオーバー時の表示*/
#imagemap dd a:hover {
	background-image:url(../img/index/mainimg.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	}
#imagemap dd a:hover span {
	display:block;
	text-indent:-9999px;
	position:absolute;
	bottom:100%;
	height:20px;
	}

#imagemap dd#uv_rays a:hover { background-position:-18px -250px; }
#imagemap dd#uv_rays a:hover span { width:100px; }

#imagemap dd#w_worry a:hover { background-position:-18px -287px; }
#imagemap dd#w_worry a:hover span { width:100px; }

#imagemap dd#smell a:hover { background-position:-18px -328px; }
#imagemap dd#smell a:hover span { width:170px; height:30px; }

#imagemap dd#stomach a:hover { background-position:-18px -376px; }
#imagemap dd#stomach a:hover span { width:110px; }

#imagemap dd#women a:hover { background-position:-18px -417px; }
#imagemap dd#women a:hover span { width:110px; }

#imagemap dd#atopy a:hover { background-position:-358px -287px; }
#imagemap dd#atopy a:hover span { width:90px; }

#imagemap dd#metabo a:hover { background-position:-358px -328px; }
#imagemap dd#metabo a:hover span { width:90px; }

#imagemap dd#intestines a:hover { background-position:-358px -367px; }
#imagemap dd#intestines a:hover span { width:90px; }

#imagemap dd#constipation a:hover { background-position:-358px -408px; }
#imagemap dd#constipation a:hover span { width:90px; }


/*━━━━━━━━━━━━━━━━━　04　symptom index　━━━━━━━━━━━━━━━━━━*/
#symptom_index_listbox {
	width: 731px;
	height: auto;
	padding: 4px 0 0 5px;
	overflow :hidden;
	background: url(../img/index/mainimg_bg.gif) left bottom no-repeat;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}


#symptom_i-list {
	text-align: left;
	width: 731px;
	height: auto;
	margin: 0 -20px 0 0;
	display: inline;
	overflow:hidden;
}

#symptom_i-list li {
	font-size: 77%;
	text-align: left;
	width: 345px;
	height: auto;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	margin: 0 20px 20px 0;
	display : block;
	overflow :hidden;
	float: left;
}

#symptom_i-list a {
	letter-spacing: 2px;
	background-position: 0 2px;
	background-repeat: no-repeat;
	min-height: 47px;
	height: auto !important;
	height: 47px;
	padding: 0 0 0 72px;
	display : block;
}

#symptom_i-list li a:hover { background-position: 0 -48px;}

#symptom_i-list li#index_uv_rays a { background-image: url(../img/imc_icon/00top_check_09.gif);}
#symptom_i-list li#index_w_worry a { background-image: url(../img/imc_icon/00top_check_07.gif);}
#symptom_i-list li#index_smell a { background-image: url(../img/imc_icon/00top_check_08.gif);}
#symptom_i-list li#index_stomach a { background-image: url(../img/imc_icon/00top_check_10.gif);}
#symptom_i-list li#index_women a { background-image: url(../img/imc_icon/00top_check_02.gif);}
#symptom_i-list li#index_hayfever a { background-image: url(../img/imc_icon/00top_check_06.gif);}
#symptom_i-list li#index_atopy a { background-image: url(../img/imc_icon/00top_check_05.gif);}
#symptom_i-list li#index_metabo a { background-image: url(../img/imc_icon/00top_check_04.gif);}
#symptom_i-list li#index_intestines a { background-image: url(../img/imc_icon/00top_check_01.gif);}
#symptom_i-list li#index_constipation a { background-image: url(../img/imc_icon/00top_check_03.gif);}

#symptom_i-list p {
	color: #888888;
	font-size: 100%;
	letter-spacing: 2px;
	line-height: 150%;
	min-height: 4.5em;
	height: auto !important;
	height: 4.5em;
	margin: -25px 0 0 72px;
	display : block;
}