@charset "UTF-8";
/* ------------------------------------------------------------
Project     : 上野クリニック
Web Site    : http://www.ueno.co.jp
File Name   : /css/operating_list.css
Apply Dir   : operating_list
Description : 採用情報スタイル定義
Update      : 2013.5.15
------------------------------------------------------------ */


/* ------------------------------------------------------------
コンテンツ構造
------------------------------------------------------------ */
#operatingListBox {
	width:970px;
	margin:0 auto;
	text-align:left;
	padding-bottom:45px;
}
.olTitle {
	margin-top:40px;
	margin-bottom:25px;
}
.olTitle h2 {
	color:#5197c4;
	font-size:24px;
	margin-bottom:5px;
}
.olArea01 {
	width:970px;
	position:relative;
}
.olUenokunImg {
	float:left;
}
.olList {
	float:left;
}

.olPopupBox {
	background:#000;
	width:230px;
	position:absolute;
}
.olPopupBox p {
	text-align:center;
	color:#77b5da;
	font-size:12px;
	height:23px;
	padding-top:6px;
}
.olPopupBox ul {
	padding:0;
	margin:0;
}
.olPopupBox ul li {
	color:#FFF;
	border-top:#262626 solid 1px;
}
.olPopupBox ul li a {
	display:block;
	padding:7px 7px 6px 7px;
	color:#FFF;
	text-decoration:none;
}
.olPopupBox ul li a.endLink {
	padding-bottom:10px;
}
.olPopupBox ul li a:hover {
	background:#262626;
}
.olPopupBox ul li a span.olSmallTxt {
	font-size:10px;
	padding-left:20px;
}
.olPopupBox ul li a span.linkIcon00 {
	background:url(../img/operating_list_link_icon00.gif) no-repeat center left;
	display:block;
	padding-left:20px;
}
.olPopupBox ul li a span.linkIcon01 {
	background:url(../img/operating_list_link_icon01.gif) no-repeat center left;
	display:block;
	padding-left:20px;
}

/* ------------------------------------------------------------
悩み
------------------------------------------------------------ */
.olPopupBox {
	display:none;
}
.olOver:hover > .olPopupBox {
	display:block;
}

.olTblBr {
	margin-top:17px;
}

/* 毛髪のお悩み */
.olTbl01 {
	background:url(../img/operating_list_tbl_a_bg.gif) no-repeat;
	height:36px;
	width:453px;
	padding-left:192px;
	padding-top:14px;
}
.olPB_A01_XY { left: 520px;top: 189px; }
.olPB_A02_XY { left: 607px;top: 189px; }
.olPB_A03_XY { left: 703px;top: 189px; }
.olPB_A04_XY { left: 789px;top: 189px; }
.olPB_A05_XY { left: 770px;top: 189px; }
/* ▲毛髪のお悩み▲ */



/* 顔のお悩み */
.olTbl02 {
	background:url(../img/operating_list_tbl_b_bg.gif) no-repeat;
	height:151px;
	width:453px;
	padding-left:192px;
	padding-top:9px;
}
.olPB_B01_XY { left: 520px;top: 234px; }
.olPB_B02_XY { left: 607px;top: 234px; }
.olPB_B03_XY { left: 703px;top: 234px; }
.olPB_B04_XY { left: 789px;top: 234px; }
.olPB_B05_XY { left: 770px;top: 234px; }

.olPB_B06_XY { left: 520px;top: 274px; }
.olPB_B07_XY { left: 607px;top: 274px; }
.olPB_B08_XY { left: 699px;top: 274px; }
.olPB_B09_XY { left: 770px;top: 274px; }

.olPB_B10_XY { left: 520px;top: 314px; }
.olPB_B11_XY { left: 607px;top: 314px; }
.olPB_B12_XY { left: 699px;top: 314px; }
.olPB_B13_XY { left: 789px;top: 314px; }
.olPB_B14_XY { left: 770px;top: 314px; }

.olPB_B15_XY { left: 520px;top: 354px; }
.olPB_B16_XY { left: 607px;top: 354px; }
.olPB_B17_XY { left: 698px;top: 354px; }
.olPB_B18_XY { left: 789px;top: 354px; }
.olPB_B19_XY { left: 770px;top: 354px; }
/* ▲顔のお悩み▲ */



/* ムダ毛のお悩み */
.olTbl03 {
	background:url(../img/operating_list_tbl_c_bg.gif) no-repeat;
	height:36px;
	width:453px;
	padding-left:192px;
	padding-top:14px;
}
.olPB_C01_XY { left: 520px;top: 400px; }
.olPB_C02_XY { left: 607px;top: 400px; }
.olPB_C03_XY { left: 698px;top: 400px; }
/* ▲ムダ毛のお悩み▲ */



/* におい・汗のお悩み */
.olTbl04 {
	background:url(../img/operating_list_tbl_d_bg.gif) no-repeat;
	height:36px;
	width:453px;
	padding-left:192px;
	padding-top:14px;
}
.olPB_D01_XY { left: 520px;top: 450px; }
.olPB_D02_XY { left: 607px;top: 450px; }
.olPB_D03_XY { left: 698px;top: 450px; }
/* ▲におい・汗のお悩み▲ */



/* 肥満・加齢のお悩み */
.olTbl05 {
	background:url(../img/operating_list_tbl_e_bg.gif) no-repeat;
	height:71px;
	width:453px;
	padding-left:192px;
	padding-top:9px;
}
.olPB_E01_XY { left: 520px;top: 240px; }
.olPB_E02_XY { left: 607px;top: 240px; }
.olPB_E03_XY { left: 698px;top: 240px; }
.olPB_E04_XY { left: 770px;top: 240px; }

.olPB_E05_XY { left: 607px;top: 535px; }
.olPB_E06_XY { left: 698px;top: 535px; }
.olPB_E07_XY { left: 789px;top: 535px; }
.olPB_E08_XY { left: 770px;top: 535px; }
/* ▲肥満・加齢のお悩み▲ */



/* 男性器のお悩み */
.olTbl06 {
	background:url(../img/operating_list_tbl_f_bg.gif) no-repeat;
	height:150px;
	width:453px;
	padding-left:192px;
	padding-top:9px;
}
.olPB_F01_XY { left: 520px;top: 285px; }
.olPB_F02_XY { left: 607px;top: 285px; }
.olPB_F03_XY { left: 698px;top: 285px; }
.olPB_F04_XY { left: 789px;top: 285px; }
.olPB_F05_XY { left: 770px;top: 285px; }

.olPB_F06_XY { left: 520px;top: 325px; }
.olPB_F07_XY { left: 607px;top: 325px; }
.olPB_F08_XY { left: 698px;top: 325px; }

.olPB_F09_XY { left: 520px;top: 365px; }
.olPB_F10_XY { left: 607px;top: 365px; }
.olPB_F11_XY { left: 698px;top: 365px; }
.olPB_F12_XY { left: 770px;top: 365px; }

.olPB_F13_XY { left: 607px;top: 405px; }
.olPB_F14_XY { left: 698px;top: 405px; }
.olPB_F15_XY { left: 770px;top: 405px; }
/* ▲男性器のお悩み▲ */

/* pictureタグ調整 */
.olTbl01 picture,
.olTbl03 picture,
.olTbl06 picture {
  margin-left: -4px;
}
/* ▲pictureタグ調整▲ */