@charset "utf-8";

body {
	color: #333;
	background: #fff;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}



/* -------全体レイアウト------- */
#wrapper {
	width: 940px;
	margin: 8px 0 0 10PX;
	text-align: left;
	position: relative;
}

#contentWrap {
	width: 750px;
	float: left;
	background: url(../img/mainbg.gif);
	position: relative;
}

#contentWrap #navi {
	width: 187px;
	float: left;
	margin-right: 13px;
	background-color: #e5e4f2;

}

#contentWrap #mainArea {
	float: right;
	width: 550px;
	position: relative;
}



/* -------左メニュー------- */
#contentWrap #navi ul {
	margin: 0;
	padding: 0;
	width: 187px;
	list-style-type: none;
	font-size: 0.9em;
}

#contentWrap #navi li {
	margin: 0;
	padding: 0;
	clear: both;
}

.off {
	background: url(../img/arr.gif) no-repeat 0px 6px;
	line-height: 1.6em;
	border-bottom: 1px solid #fff;	
	display: block;
	text-indent: 14px;
	padding: 2px 0;
	height: 100%;
}

.on {
	background: #cbc7ff url(../img/arr_on.gif) no-repeat 0px 6px;
	line-height: 1.6em;
	border-bottom: 1px solid #fff;
	display: block;
	text-indent: 14px;
	padding: 2px 0;
	height: 100%;
}

.open {
	background: #cbc7ff url(../img/arr_open.gif) no-repeat 0px 7px;
	line-height: 1.6em;
	border-bottom: 1px solid #fff;
	display: block;
	text-indent: 14px;
	padding: 2px 0;
	height: 100%;
}


/* サブメニュー */
.sub {
	background: #fff;
	line-height: 1.5em;
	border-bottom: 1px solid #e5e4f2;	
	display: block;
	text-indent: 14px;
	padding: 2px 0;
	height: 100%;
}

.subOn {
	background: #e5e5e5;
	line-height: 1.6em;
	display: block;
	text-indent: 14px;
	padding: 2px 0;
	height: 100%;
}

.sub2 {
	background: #fff;
	line-height: 1.5em;
	border-bottom: 1px solid #e5e4f2;	
	display: block;
	text-indent: 23px;
	padding: 2px 0;
	height: 100%;
}

.subOn2 {
	background: #e5e5e5;
	line-height: 1.6em;
	display: block;
	text-indent: 23px;
	padding: 2px 0;
	height: 100%;
}

.subBtm {
	background: #fff;
	line-height: 1.6em;
	display: block;
	text-indent: 13px;
	padding: 2px 0;
	height: 100%;
}

.subBtm2 {
	background: #fff;
	line-height: 1.6em;
	display: block;
	text-indent: 23px;
	padding: 2px 0;
	height: 100%;
}

.subBtmOn {
	background: #e5e5e5;
	line-height: 1.5em;
	border-bottom: 1px solid #fff;
	display: block;
	text-indent: 13px;
	padding: 2px 0;
	height: 100%;
}


/* 製品一覧 */
.subProd {
	background: #fff;
	font-size: 0.9em;
	line-height: 1.5em;
	
	border-bottom: 1px solid #e5e4f2;	
	display: block;
	padding: 1px 0;
	width: 187px;
	height: 100%;
}

.subOnProd {
	background: #e5e5e5;
	font-size: 0.9em;
	line-height: 1.6em;
	display: block;
	padding: 1px 0;
	width: 187px;
	height: 100%;
}

.subBtmProd {
	background: #fff;
	font-size: 0.9em;
	line-height: 1.6em;
	display: block;
	padding: 1px 0;
	width: 187px;
	height: 100%;
}

.subBtmOnProd {
	background: #e5e5e5;
	font-size: 0.9em;
	line-height: 1.5em;
	border-bottom: 1px solid #fff;
	display: block;
	padding: 1px 0;
	width: 187px;
	height: 100%;
}

.prodNum {
	float:right;
	width: 62px;
	text-indent: 0;
}

.prodName {
	float:left;
	width: 125px;
	text-indent: 14px;
}



#contentWrap #navi a:link {
	text-decoration: none;
	color: #333;
}

#contentWrap #navi a:visited {
	text-decoration: none;
	color: #333;
}

#contentWrap #navi a:hover {
	text-decoration: none;
	color: #a700a7;
	background-color: #ddd;
}

#contentWrap #navi a:acive {
	text-decoration: none;
	color: #ddd;
}



/* -------右リンク------- */
#rlink{
	float: right;
	width:175px;
	}
	
	
/* お問い合わせ */
#rlink #contact{
	margin-bottom:11px;
	}
	
#rlink #contact h4{
	font-weight:normal;
	background:url(../../../../images/FW_utilities_contact_icons.gif) no-repeat;
	padding-left:20px;
	line-height:20px;
	}


/* 関連リンク、資料 */
#rlink #link{
	background:#eee;
	border-bottom:solid 1px #CCD6E0;
	margin:10px 0;
	}

#rlink #link h4{
	background:#CCD6E0;
	line-height:18px;
	padding-left:8px;
	}
	
#rlink #link ul{
	margin:6px 0 8px 8px;
	}
	
#rlink #link ul li{
	list-style:none;
	font-size: 0.9em;
	line-height:16px;
	}


.catalog{
	background:url(../../../shared/img/catalogreq.gif) no-repeat left center;
	padding-left:24px;
	}

.filmsample{
	background:url(../../../shared/img/filmsample.gif) no-repeat left center;
	padding-left:24px;
	}


/* cmdインデックスへ */
.tocmdtop {
	width: 157px;
	padding: 6px 10px 8px 10px;
	font-size: 0.9em;
	line-height: 1.4em;
}


/* バナー */
.linkimg {
	margin-bottom: 10px;
}


/* scotchcal */
.scotchcalTxt {
	font-size: 0.9em;
	color: #30c;
	padding-top: 40px;
	padding-bottom: 2px;
}



/* -------メインエリア------- */
#3mtm {
	height: 30px;
}

#ttl {
	height: 32px;
}

#ttl2 {
	height: 20px;
}

#totop {
	height:15px;
	width: 550px;
	text-align: right;
	margin-top: 15px;
}

.flt {
	float: left;
}

.frt {
	float: right;
}

.clear {
	clear: both;
}

#mainArea p a:link {
	text-decoration: none;
	color: #a700a7;
}

#mainArea p a:visited {
	text-decoration: none;
	color: #a700a7;
}

#mainArea p a:hover {
	text-decoration: underline;
	color: #a700a7;
}

#mainArea p a:acive {
	text-decoration: underline;
	color: #a700a7;
}



#mainArea a:link {
	text-decoration: none;
	color: #333;
}

#mainArea a:visited {
	text-decoration: none;
	color: #333;
}

#mainArea a:hover {
	text-decoration: underline;
	color: #a700a7;
}

#mainArea a:acive {
	text-decoration: underline;
	color: #a700a7;
}


/* ポップアップ */
.popLayer {
	position:absolute;
	padding: 8px 8px 5px 8px;
	background-color:#fff;
	text-align:center;
	visibility: hidden;
	border:solid 1px #ccc;
}

.mt25 {
	 margin-top: 25px;
}


/* テーブル */
#mainArea table {
	border-top: 1px solid #c1c3c6;
	border-left: 1px solid #c1c3c6;
	text-align: center;
}

#mainArea td,th {
	border-bottom: 1px solid #c1c3c6;
	border-right: 1px solid #c1c3c6;
}

.narrth {
	height: 16px;
}

.wideth {
	height: 19px;
}

.txttd {
	height: 22px;
}


/* -------テキスト------- */
.smltxt {
	font-size: 0.9em;
	line-height: 120%;
}


.redTxt {
	color: #c00;
} 

.norm {
	font-weight: normal;	
}

.white {
	color:#fff;
}

.txtInd {
	padding-left: 1em;
	text-indent: -1em;
}