@charset "utf-8";


/*
	1 : common
	2 : mainVisualArea
	3 : campaignArea
	4 : contentsArea
	5 : specialArea
	6 : mountingArea
	7 : backupArea
	8 : introductionArea
	9 : lineupArea
 */

/* -----------------------------
	1 : common
----------------------------- */
/* btnArea */
.l-content .btnArea a {
	clear: both;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .btnArea li.itemsBtn a {
	width: 285px;
	height: 47px;
	background: url(/maker/omron/ups/S8BA/images/btn_items.gif) no-repeat;
	margin: 0 auto;
}
/* contactArea */
.l-content .contactArea {
	position: relative;
	width: 950px;
	height: 145px;
	background: url(/maker/omron/ups/S8BA/images/contact_bg.gif) no-repeat;
}
.l-content .contactArea dl.contactContent {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .contactArea dd.contactForm a {
	position: absolute;
	top: 69px;
	left: 418px;
	display: block;
	width: 195px;
	height: 43px;
	background: url(/maker/omron/ups/S8BA/images/btn_form.gif) no-repeat;
}
.l-content .contactArea dd.contactMail a {
	position: absolute;
	top: 69px;
	left: 648px;
	display: block;
	width: 245px;
	height: 42px;
	background: url(/maker/omron/ups/S8BA/images/btn_mail.gif) no-repeat;
}
.l-content .u-right h3,
.l-content .u-center h3,
.l-content .u-right p,
.l-content .u-right dl,
.l-content .u-right table { text-align: left; }

/* -----------------------------
	2 : mainVisualArea
----------------------------- */
.l-content .mainVisualArea h1.mainVisual {
	width: 950px;
	height: 190px;
	background: url(/maker/omron/ups/S8BA/images/mainVisual.jpg) no-repeat;
}
.l-content .mainVisualArea p.mainLead {
	width: 950px;
	height: 105px;
	background: url(/maker/omron/ups/S8BA/images/mainLead.gif) no-repeat;
}
.l-content .mainVisualArea .lead_dc {
	width: 950px;
	height: 345px;
	margin:0 auto;
	background: url(/maker/omron/ups/S8BA/images/lead_dc.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .mainVisualArea h1.mainVisual,
.l-content .mainVisualArea p.mainLead {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	3 : campaignArea
----------------------------- */
.l-content .campaignArea { border: 3px solid #ffcee3; }
.l-content .campaignArea dl.campaignBox .campaignTtl,
.l-content .campaignArea dl.campaignBox .campaignBtn,
.l-content .campaignArea dl.campaignBox .campaignLead {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .campaignArea dl.campaignBox .campaignTtl {
	width: 944px;
	height: 51px;
	background: #ffcee3 url(/maker/omron/ups/S8BA/images/campaign_ttl.gif) no-repeat center 11px;
}
.l-content .campaignArea dl.campaignBox .campaignTxt {
	text-align: center;
	font-size: 14px;
	margin: 30px 0;
}
.l-content .campaignArea dl.campaignBox .campaignBtn a {
	display: block;
	width: 285px;
	height: 47px;
	background: url(/maker/omron/ups/S8BA/images/btn_questionnaire.gif) no-repeat;
	margin: 0 auto 30px;
}
.l-content .campaignArea dl.campaignBox .campaignLead {
	width: 732px;
	height: 50px;
	background: url(/maker/omron/ups/S8BA/images/campaign_lead.gif) no-repeat;
	margin: 0 auto 30px;
}

/* -----------------------------
	4 : contentsArea
----------------------------- */
.l-content .contentsArea dl.contentsBox { border: 10px solid #d0e0ee; }
.l-content .contentsArea dl.contentsBox .campaignLead {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .contentsArea dl.contentsBox .contentsTtl {
	width: 930px;
	height: 51px;
	background-color: #d0e0ee;
  color: #1665a8;
  font-size: 21px;
  text-align: center;
  line-height: 2em;
}
.l-content .contentsArea dl.contentsBox .contentsTxt {
	position: relative;
	float: left;
}
.l-content .contentsArea dl.contentsBox {
  border: 10px solid #d0e0ee;
}
.l-content .contentsArea dl.contentsBox .contentsTxt {
  width: 231px;
  text-align: center;
  margin: 15px 0;
  padding-top: 10px;
  font-size: 14px;
  border-left: #b4d0ea 1px dotted;
}
.l-content .contentsArea dl.contentsBox .contentsTxt.b03 {
  border: none;
}
.l-content .contentsArea dl.contentsBox .contentsTxt strong {
  font-size: 17px;
  color: #1665a8;
}
.l-content .contentsArea dl.contentsBox .contentsBtn a {
	position: absolute;
	top: 135px;
	left: 31px;
	display: block;
	width: 170px;
	height: 31px;
}
.l-content .contentsArea dl.contentsBox .campaignLead {
	width: 712px;
	height: 46px;
	background: url(/maker/omron/ups/S8BA/images/campaign_lead.gif) no-repeat;
	margin: 0 auto 30px;
}

/* -----------------------------
	5 : specialArea
----------------------------- */
.l-content .specialArea .txtR { color: #ff0000; }
.l-content .specialArea p.lead { margin: 0 15px; }
.l-content .specialArea p.photo { text-align: center; }
.l-content .specialArea dl.specialBox {
	background: #f2f2f2;
	margin: 0 15px;
	padding: 20px;
}
.l-content .specialArea dl.specialBox dt.specialTtl {
	font-size: 14px;
	margin-bottom: 8px;
}

/* -----------------------------
	6 : mountingArea
----------------------------- */
.l-content .mountingArea .txtR { color: #ff0000; }
.l-content .mountingArea p.lead { margin: 0 15px; }
.l-content .mountingArea .u-left {
	float: left;
	width: 455px;
	margin: 0 0 15px 15px;
}
.l-content .mountingArea .u-right {
	float: right;
	width: 453px;
	margin: 0 15px 15px 0;
}
.l-content .mountingArea dl.specialBox {
	background: #f2f2f2;
	padding: 20px;
	height: 375px;
}
.l-content .mountingArea dl.specialBox dt.specialTtl {
	font-size: 14px;
	margin-bottom: 8px;
}

/* -----------------------------
	7 : backupArea
----------------------------- */
.l-content .backupArea .txtR { color: #ff0000; }
.l-content .backupArea p.lead { margin: 0 15px; }
.l-content .backupArea p.photo { text-align: center; }
.l-content .backupArea dl.notesBox {
	margin: 0 20px;
}
.l-content .backupArea dl.notesBox dt.notesTtl {
	font-size: 14px;
	margin-bottom: 8px;
}
.l-content .backupArea dl.specialBox {
	background: #f2f2f2;
	margin: 0 15px;
	padding: 20px 20px 12px;
}
.l-content .backupArea dl.specialBox dt.specialTtl {
	font-size: 14px;
	margin-bottom: 8px;
  width: 700px;
}
.l-content .backupArea dl.specialBox dt.specialTxt {
  width: 700px;
}
.l-content .backupArea dl.specialBox dd.specialLog {
  margin-top: -50px;
	float: right;
}

/* -----------------------------
	8 : introductionArea
----------------------------- */
.l-content .introductionArea h3 { margin-top: 0; }
.l-content .introductionArea p.lead { margin: 0 15px; }
.l-content .introductionArea .introductionBox01,
.l-content .introductionArea .introductionBox02 {
	width: 920px;
	margin: 0 auto;
}
.l-content .introductionArea .introductionBox01 dt,
.l-content .introductionArea .introductionBox01 dd,
.l-content .introductionArea .introductionBox02 dt,
.l-content .introductionArea .introductionBox02 dd {
	height: 0;
	overflow: hidden;
}
.l-content .introductionArea .introductionBox01 { height: 240px; background: url(/maker/omron/ups/S8BA/images/introduction_bg01.gif) no-repeat; }
.l-content .introductionArea .introductionBox02 { height: 257px; background: url(/maker/omron/ups/S8BA/images/introduction_bg02.gif) no-repeat; }


/* -----------------------------
	9 : lineupArea
----------------------------- */
.l-content .lineupArea ul.photo { margin-left: 55px; }
.l-content .lineupArea ul.photo li { float: left; }
.l-content .lineupArea .u-left,
.l-content .lineupArea .u-right {
	width: 470px;
	margin-bottom: 30px;
	float:right;
}
.l-content .lineupArea .u-left { float: left; }
.l-content .lineupArea .u-right { float: right ; }
.l-content .lineupArea .u-center { clear: both; }
.l-content .lineupArea .chartBox { margin: 0 15px; }
.l-content .lineupArea .chartBox table {
	width: 100%;
}
.l-content .lineupArea .chartBox table caption { text-align: right; }
.l-content .lineupArea .chartBox th,
.l-content .lineupArea .chartBox td {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 6px 0;
}
.l-content .lineupArea .chartBox th { background-color:#f2f2f2; }
.l-content .lineupArea .chartBox p.notes {
	text-align: right;
	font-size: 10px;
	padding-top: 2px;
}

.l-content .title_att{
	font-size:12px;
	vertical-align:top;
	padding:0 3px;
	font-weight:normal;
}
.l-content .title_attRight{
	font-size:12px;
	font-weight:normal;
	vertical-align:bottom;
	float:right;
	padding-left:80px;
	padding-top:7px;
}
.l-content .normalList > li {
	padding-left: 0.5em;
	padding-bottom: 3px;
	text-indent: -0.5em;
}