
/* 共通 */
body {
	text-align: center;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 1100px;
}
#pfnote p {
	font-size: 12px;
	line-height: 1.6;
}
#pfnote #header {
	width: 100%;
	background-image: url(/pf-note/img/menu_back.jpg) ;
	background-repeat: repeat-x;
}
#pfnote #header img {
	margin: 0;
}
*html #pfnote #header img {
	margin-left: 1px;
}
#pfnote #menu {
	margin: 0;
	width: 1100px;
}
#pfnote #contents {
	margin: 10px 0 10px 100px;
	width: 900px;
}
#pfnote .bg_line {
	width: 900px;
	height: 5px;
	margin-top: 10px;
	border-style: 0;
}
#pfnote .credits {
	width: 400px;
	margin-top: 10px;
	float: left;
	display: inline;
}
#pfnote .credits .txt_title {
	width: 80px;
	float: left;
}
#pfnote .credits .txt_title p {
	margin: 0;
	padding: 0;
}

#pfnote ul.credits_bt {
	margin-top: 10px;
	width: 470px;
	float: right;
	display: inline;
}

#pfnote ul.credits_bt li {
	margin-bottom: 8px;
	text-align: right;
}

#pfnote ul.credits_bt li img {
	margin-left: 8px;
}

#pfnote #footer {
	width: 100%;
	background-image: url(/pf-note/img/footer_back.jpg) ;
	background-repeat: repeat-x;
	margin: 20px 0 10px 0;
	text-align: left;
}
.txt01 {
}
/* トップページ */
#pfnote .line {
	margin: 14px 0 0 5px;
	padding: 0 15px;
	background: url(/pf-note/img/img_line01.gif) no-repeat left top;
}

#pfnote .line img {
	margin-bottom: 14px;
}

#pfnote .line ul {
	border-left:1px solid #fff;
}

#pfnote .line ul li {
	padding-left: 15px;
	list-style-type:none;
	background:transparent url(/pf-note/img/img_icon01.gif) no-repeat 2px 6px;
	font-size: 14px;
}

#pfnote .banner {
	margin: 1em 0;
}
#pfnote .img_scene {
	margin: 0 0 10px 0;
}

/* 実習・講義 */
#pfnote #scene {
	margin: 10px 0 0 0;
	width: 900px;
}
#pfnote #scene table {
	border-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#pfnote #scene table td {
	border-style: none;
	margin: 0;
	padding: 0;
}
#pfnote .comment01 {
	margin: 0;
}
#pfnote .comment01 p {
	margin: 0.5em 0;
}

#pfnote #example {
	background-image: url(/pf-note/img/img_scene02.jpg) no-repeat;
	margin: 14px 0;
	width: 900px;
	height: 55px;
}
#pfnote #example {
	overflow:auto!important;
	overflow /**/: hidden;
	background:url(/pf-note/img/img_scene02.jpg);
}

#pfnote #example p {
	font-size: 13px;
	margin: 0 0 0 200px;
	padding-top: 7px;
	width: 690px;
}
#pfnote #example_l {
	background-image: url(/pf-note/img/img_scene03.jpg) no-repeat;
	margin: 14px 0;
	width: 900px;
	height: 55px;
}
#pfnote #example_l {
	overflow:auto!important;
	overflow /**/: hidden;
	background:url(/pf-note/img/img_scene03.jpg);
}
#pfnote #example_l p {
	font-size: 14px;
	margin: 0 0 0 200px;
	padding-top: 8px;
	width: 690px;
}
#pfnote #special img {
	margin: 10px 1px;
}

#pfnote #casestudy {
	background-image: url(/pf-note/img/img_case.jpg) no-repeat;
	margin: 10px 0;
	width: 900px;
	height: 78px;
}
#pfnote #casestudy {
	overflow:auto!important;
	overflow /**/: hidden;
	background:url(/pf-note/img/img_case.jpg) ;
}
*html #pfnote #casestudy {
	margin: 14px 0 5px 0;
}
#pfnote #casestudy ul {
	padding: 50px 0 0 5px;
}
#pfnote #casestudy ul li {
	background:url(/img/common/ico_arrow02.gif) no-repeat 2px -2px;
	font-size: 12px;
	padding:0 10px 0 15px;
}

#pfnote .case_bg {
	margin: 10px 0 15px 0;
	width: 900px;
	background: url(/pf-note/img/img_case_bg.gif) repeat-y left top;
}

:root *> #pfnote .case_bg { margin: 10px 0 0 0;  }

#pfnote ul.case_list {
	padding: 10px 0 7px 5px;
}

#pfnote ul.case_list li {
	background: url(/img/common/ico_arrow02.gif) no-repeat 2px -2px;
	font-size: 12px;
	padding:0 10px 0 15px;
}

/* 製品情報 */

#pfnote .comment02 {
	margin: 0;
}
#pfnote .comment02 img {
	margin: 10px 0;
}

#pfnote #contents .icon ul {
	width: 900px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	float: left;
}
#pfnote #contents .icon ul li {
	list-style-type:none;
	background:transparent url(/pf-note/img/img_icon01.gif) no-repeat 2px 6px;
	margin:0;
	font-size: 14px;
	padding: 0 10px 0 15px;
}

#pfnote .info_left {
	width: 440px;
	float: left;
	margin: 14px 5px 0 0;
}

#pfnote .info_right {
	width: 440px;
	float: left;
	margin: 14px 0 0 5px;
}

#pfnote table {
	width: 440px;
	margin: 5px 0 10px;
	border: 1px solid;
	border-color: #eaeaea;
	border-collapse:collapse;
}
#pfnote table td {
	border: 1px solid;
	border-color: #eaeaea;
	font-size: 12px;
	padding: 3px;
}
#pfnote table td.gray{
	width: 80px;
	background-color: #f6f6f6;
}

#pfnote table.system {
	width: 440px;
	border: 1px solid;
	border-color: #eaeaea;
	border-collapse:collapse;
}

#pfnote table.system th {
	background-color: #f6f6f6;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
}

#pfnote table.system td {
	text-align: center;
}
#pfnote #option {
	margin: 10px 0 0 0;
}
#pfnote #option .op_icon {
	width: 280px;
	margin: 10px 0 0 5px;
}
#pfnote #option .op_icon img {
	width: 147px;
	margin-top: -20px;
	float: right;
}
#pfnote #contents .op_icon ul {
	width: 900px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	float: left;
}
#pfnote #contents .op_icon ul li {
	list-style-type:none;
	background:transparent url(/pf-note/img/img_icon01.gif) no-repeat 2px 6px;
	margin:0;
	font-size: 14px;
	padding: 0 10px 0 15px;
}

