article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
summary {
	display: block;
}
figure {
	margin: 0px;
}
html {
	margin: 0px; padding: 0px; line-height: 1;
}
body {
	margin: 0px; padding: 0px; line-height: 1;
}
dl {
	margin: 0px; padding: 0px; line-height: 1;
}
dt {
	margin: 0px; padding: 0px; line-height: 1;
}
dd {
	margin: 0px; padding: 0px; line-height: 1;
}
li {
	margin: 0px; padding: 0px; line-height: 1;
}
h1 {
	margin: 0px; padding: 0px; line-height: 1;
}
h2 {
	margin: 0px; padding: 0px; line-height: 1;
}
h3 {
	margin: 0px; padding: 0px; line-height: 1;
}
h4 {
	margin: 0px; padding: 0px; line-height: 1;
}
h5 {
	margin: 0px; padding: 0px; line-height: 1;
}
h6 {
	margin: 0px; padding: 0px; line-height: 1;
}
pre {
	margin: 0px; padding: 0px; line-height: 1;
}
form {
	margin: 0px; padding: 0px; line-height: 1;
}
fieldset {
	margin: 0px; padding: 0px; line-height: 1;
}
input {
	margin: 0px; padding: 0px; line-height: 1;
}
textarea {
	margin: 0px; padding: 0px; line-height: 1;
}
p {
	margin: 0px; padding: 0px; line-height: 1;
}
blockquote {
	margin: 0px; padding: 0px; line-height: 1;
}
th {
	margin: 0px; padding: 0px; line-height: 1;
}
td {
	margin: 0px; padding: 0px; line-height: 1;
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
ol {
	list-style: none; margin: 0px; padding: 0px;
}
small {
	font-size: 100%;
}
body {
	color: rgb(51, 51, 51); font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; -webkit-text-size-adjust: 100%;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	color: rgb(135, 135, 135); text-decoration: underline;
}
a:visited {
	color: rgb(135, 135, 135);
	text-decoration: none;
}
#pageHeader a:visited {
	color: rgb(51, 51, 51); text-decoration: none;
}
#pageFooter a:visited {
	color: rgb(51, 51, 51); text-decoration: none;
}
#pageHeader a:hover {
	color: rgb(135, 135, 135); text-decoration: underline;
}
#pageFooter a:hover {
	color: rgb(135, 135, 135); text-decoration: underline;
}
img {
	border: currentColor; border-image: none; vertical-align: bottom;
}
input {
	vertical-align: middle;
}
input[type='radio'] {
	margin: 0px 5px 0px 1px;
}
input[type='checkbox'] {
	margin: 0px 5px 0px 1px;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
header#pageHeader {
	margin: 0px auto 20px; width: 1000px; overflow: hidden; -ms-zoom: 1;
}
#headerBlock {
	margin: 11px 0px 0px; overflow: hidden; -ms-zoom: 1;
}
#headerLogo {
	margin: 0px 0px 12px 16px; width: 127px; height: 57px; float: left;
}
#headerRight {
	padding: 0px 0px 0px 22px; overflow: hidden; -ms-zoom: 1;
}
#headerShoulder {
	text-align: right;
}
ul#headerEntry {
	margin: 3px 10px 8px 0px; vertical-align: top; display: inline-block;
}
ul#headerLink {
	margin: 3px 10px 8px 0px; vertical-align: top; display: inline-block;
}
ul#headerSNS {
	margin: 0px 10px 8px 0px; vertical-align: top; display: inline-block;
}
ul#headerEntry li {
	margin: 0px 0px 0px 14px; height: 18px; padding-top: 5px; font-size: 11px; display: inline-block;
}
ul#headerLink li {
	margin: 0px 0px 0px 14px; height: 18px; padding-top: 5px; font-size: 11px; display: inline-block;
}
#hEmember {
	background: url("/images/n/itpro/2016/headerEntry_member.png") no-repeat; padding-left: 20px;
}
#hElogin {
	background: url("/images/n/itpro/2016/headerEntry_login.png") no-repeat; padding-left: 18px;
}
#hEmail {
	background: url("/images/n/itpro/2016/headerEntry_mail.png") no-repeat; padding-left: 24px;
}
ul#headerSNS li {
	margin: 0px 0px 0px 5px; width: 26px; height: 26px; text-align: left; text-indent: -9999px; display: inline-block;
}
#hSfb {
	background: url("/images/n/itpro/2016/headerSNS_fb.png") no-repeat;
}
#hStw {
	background: url("/images/n/itpro/2016/headerSNS_tw.png") no-repeat;
}
#hSrss {
	background: url("/images/n/itpro/2016/headerSNS_rss.png") no-repeat;
}
ul#headerSNS li a {
	width: 26px; height: 26px; display: block;
}
ul#headerSNS li:hover {
	opacity: 0.7;
}
ul#headerMedia {
	margin: 0px 10px 8px 0px; vertical-align: top; display: inline-block;
}
ul#headerMedia li {
	background: url("/images/n/itpro/2016/ITPPLogo.png") no-repeat; margin: 0px 0px 0px 5px; width: 74px; height: 26px; text-align: left; text-indent: -9999px; display: inline-block;
}
ul#headerMedia li a {
	width: 74px; height: 26px; display: block;
}
ul#headerMedia li:hover {
	opacity: 0.7;
}
#headerInfo {
	margin: 0px 0px 6px; overflow: hidden; border-top-color: rgb(165, 193, 221); border-bottom-color: rgb(165, 193, 221); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; -ms-zoom: 1;
}
#headerInfo h3 {
	margin: 4px 10px 0px 0px; padding: 4px 10px 2px 5px; font-size: 11px; border-right-color: rgb(165, 193, 221); border-right-width: 1px; border-right-style: solid; float: left;
}
#headerInfo ul {
	padding: 4px 0px 3px; overflow: hidden; -ms-zoom: 1;
}
#headerInfo li {
	background: url("/images/n/itpro/2016/headerInfo.png") no-repeat; margin: 0px 10px 0px 0px; padding: 2px 0px 0px 16px; height: 14px; font-size: 12px; display: inline-block;
}
#headerInfo li {
	color: rgb(30, 100, 170);
}
#headerInfo li a {
	color: rgb(30, 100, 170);
}
#localNavi {
	background: rgb(30, 100, 170); border-radius: 4px; overflow: hidden; -ms-zoom: 1;
}
#localNavi ul {
	margin: 0px 0px 0px 10px; float: left;
}
#headSearch {
	margin: 5px 14px 5px 10px; float: right;
}
#localNavi li {
	margin: 0px 6px; font-size: 12px; display: inline-block;
}
#localNavi li a {
	padding: 9px 3px; color: rgb(255, 255, 255); display: block;
}
#localNavi li a:hover {
	background: rgb(80, 150, 210); color: rgb(255, 255, 255); text-decoration: none;
}
#localNavi li a:visited {
	color: rgb(255, 255, 255);
}
#headSearch input[type='text'] {
	padding: 0px 10px; border-radius: 3px 0px 0px 3px; border: currentColor; border-image: none; height: 20px; font-size: 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#headSearch input[type='text']:-ms-input-placeholder {
	
}
#headSearch input[type='submit'] {
	background: url("/images/n/itpro/2016/headerSearch.png") no-repeat 50% 50% rgb(170, 170, 170); border-radius: 0px 3px 3px 0px; border: currentColor; border-image: none; width: 26px; height: 20px; text-indent: -9999px;
}
#headSearch .detailLink {
	margin: 0px 0px 0px 10px; font-size: 12px;
}
#headSearch .detailLink a {
	color: rgb(255, 255, 255);
}
#topicNavi {
	padding: 9px 0px 8px; border-bottom-color: rgb(165, 193, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
#topicNavi li {
	background: url("/images/n/itpro/2016/topicNavi.png") no-repeat 0px 50%; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 16px; font-size: 12px; display: inline-block;
}
#siteNavi {
	background: rgb(230, 238, 245); padding: 6px 0px; border-radius: 0px 0px 4px 4px; margin-top: -1px;
}
#siteNavi li {
	margin: 0px 0px 0px 11px; display: inline-block;
}
#siteNavi li a {
	background: rgb(250, 252, 255); padding: 3px 7px 2px; border-radius: 3px; border: 1px solid rgb(190, 205, 230); border-image: none; font-size: 12px; display: block;
}
#headerSuperBanner {
	margin: 20px auto 0px; text-align: center;
}
#pageFooter {
	margin: 0px auto; width: 1000px; overflow: hidden; -ms-zoom: 1;
}
#footerBlock {
	background: rgb(240, 245, 245); margin: 0px 0px 15px; padding: 20px 0px; border-radius: 3px;
}
#footerNav {
	margin: 0px auto; width: 950px; overflow: hidden; -ms-zoom: 1;
}
#footerSitemap {
	width: 344px; float: left;
}
#footerSitemap ul {
	width: 50%; float: left;
}
#footerSpecialSite {
	margin: 14px 0px 0px 16px; width: 186px; float: left;
}
#footerRelativeSite {
	margin: 14px 0px 0px 16px; width: 186px; float: left;
}
#footerRelativeMagSite {
	margin: 14px 0px 0px 16px; width: 186px; float: left;
}
#footerSpecialSite h3 {
	margin: 0px 0px 10px; padding: 0px 0px 5px; color: rgb(70, 70, 70); line-height: 16px; font-size: 12px; border-bottom-color: rgb(30, 100, 170); border-bottom-width: 1px; border-bottom-style: solid;
}
#footerRelativeSite h3 {
	margin: 0px 0px 10px; padding: 0px 0px 5px; color: rgb(70, 70, 70); line-height: 16px; font-size: 12px; border-bottom-color: rgb(30, 100, 170); border-bottom-width: 1px; border-bottom-style: solid;
}
#footerRelativeMagSite h3 {
	margin: 0px 0px 10px; padding: 0px 0px 5px; color: rgb(70, 70, 70); line-height: 16px; font-size: 12px; border-bottom-color: rgb(30, 100, 170); border-bottom-width: 1px; border-bottom-style: solid;
}
#footerSitemap li {
	margin: 2px 0px; line-height: 16px; font-size: 12px;
}
#footerSpecialSite li {
	margin: 2px 0px; line-height: 16px; font-size: 12px;
}
#footerRelativeSite li {
	margin: 2px 0px; line-height: 16px; font-size: 12px;
}
#footerRelativeMagSite li {
	margin: 2px 0px; line-height: 16px; font-size: 12px;
}
#footerLogo {
	margin: 0px 0px 15px; overflow: hidden; -ms-zoom: 1;
}
#footerLogo h2 {
	float: left;
}
#footerLogo p {
	padding: 11px 0px 0px 24px; overflow: hidden; -ms-zoom: 1;
}
#footerLogo p span {
	padding: 2px 0px; border-radius: 3px; border: 1px solid rgb(30, 100, 170); border-image: none; width: 70px; text-align: center; font-size: 12px; margin-left: 2px; display: inline-block;
}
#footerLogo p a {
	color: rgb(51, 51, 51); display: block;
}
#footerLogo p a:visited {
	color: rgb(51, 51, 51); display: block;
}
#footerLogo p span.active {
	background: rgb(30, 100, 170); color: rgb(255, 255, 255);
}
#footerLogo p a:hover {
	color: rgb(30, 100, 170); text-decoration: none;
}
#footerRelativeMag {
	margin: 18px auto 0px; padding: 18px 0px 0px; width: 950px; border-top-color: rgb(220, 225, 230); border-top-width: 1px; border-top-style: solid;
}
#footerRelativeMag li {
	padding: 6px 5px; width: 20%; vertical-align: top; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#footerRelativeMag .icon img {
	width: 60px; height: 80px;
}
#footerRelativeMag .icon {
	margin-right: 7px;
}
#footerRelativeMag .text h4 {
	margin: 0px 0px 5px; line-height: 16px; font-size: 12px; font-weight: normal;
}
#footerRelativeMag .text p {
	line-height: 12px; font-size: 10px;
}
#footerSubLink {
	margin: 0px 0px 15px; overflow: hidden; -ms-zoom: 1;
}
#footerSubLink li {
	line-height: 18px; font-size: 12px; display: inline-block;
}
#footerSubLink li::after {
	content: "｜";
}
#footerSubLink li:first-child::before {
	content: "｜";
}
#footerCopyright {
	padding: 10px 0px 20px; overflow: hidden; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; -ms-zoom: 1;
}
#footerCopyright strong {
	margin: 4px 0px 0px 5px; float: left; display: block;
}
#footerCopyright small {
	padding: 0px 0px 0px 30px; line-height: 13px; overflow: hidden; font-size: 10px; display: block; -ms-zoom: 1;
}
#content {
	margin: 0px auto 40px; width: 1000px; overflow: hidden; -ms-zoom: 1;
}
#mainContent {
	width: 640px;
	float: left;
	margin-left: 30px;
}
#sideContent {
	width: 300px; float: right;
}
.listBlock {
	margin: 0px 0px 30px;
}
#articleList .listBlock {
	margin: 0px 0px 50px;
}
#sideContent .listBlock {
	margin: 0px 0px 50px;
}
.icon {
	background: rgb(255, 255, 255); padding: 1px; border: 1px solid rgb(204, 204, 204); border-image: none; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.icon img:hover {
	opacity: 0.7;
}
.adImg .icon img {
	width: 80px; height: auto;
}
.adImg.icon img {
	width: 80px; height: auto;
}
.text {
	text-align: left; overflow: hidden; padding-left: 1px; -ms-zoom: 1;
}
.date {
	margin: 0px 0px 0px 5px; color: rgb(102, 102, 102); line-height: 12px; font-size: 12px; font-weight: normal; display: inline-block;
}
.pr_ico {
	background: rgb(153, 153, 153); margin: 0px 5px; padding: 2px 4px 0px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 12px; font-size: 12px; font-weight: normal; display: inline-block;
}
.icon .pr_ico {
	top: 5px; right: 0px; position: absolute;
}
.roundText .text {
	overflow: visible;
}
.ad-rectangle {
	text-align: center;
}
.ad-rectangle > div > div {
	margin: 0px 0px 20px;
}
.ad-rectangle > div {
	display: inline-block;
}
.ad-rectangle li + li {
	margin-top: 20px;
}
.ad-rectangle > ul {
	margin: 0px 0px 40px;
}
.more {
	background: url("/images/n/itpro/2016/more.png") no-repeat right 1px; margin: 15px 0px 0px; padding: 0px 20px 0px 0px; text-align: right; line-height: 1em !important; font-size: 12px !important;
}
#page-top {
	background: url("/images/n/itpro/2016/page-top.png") no-repeat 50% 50% rgb(0, 150, 190); border-radius: 23px; width: 45px; height: 45px; right: 30px; bottom: 30px; position: fixed; cursor: pointer;
}
.listShoulder {
	color: rgb(0, 150, 190); line-height: 15px; font-size: 12px; font-weight: normal; display: block;
}
.listShoulder a {
	color: rgb(0, 150, 190);
}
.listShoulder a:visited {
	color: rgb(0, 150, 190);
}
.listShoulder a:hover {
	color: rgb(0, 150, 190); text-decoration: underline;
}
.title_A {
	margin: 3px 0px 10px; padding: 15px 0px 0px 14px; line-height: 23px; font-size: 18px; border-top-color: rgb(153, 153, 153); border-top-width: 1px; border-top-style: solid; position: relative;
}
.title_A::before {
	background: rgb(30, 100, 170); left: 0px; top: -3px; width: 200px; height: 5px; position: absolute; content: "";
}
.title_A .pr_ico {
	top: 15px; right: 0px; position: absolute;
}
.title_A a:visited {
	color: rgb(51, 51, 51);
}
.title_B {
	background: url("/images/n/itpro/2016/title_B.png") no-repeat 4px 12px; margin: 0px 0px 10px; padding: 10px 0px 0px 24px; color: rgb(30, 100, 170); line-height: 19px; font-size: 15px; border-top-color: rgb(30, 100, 170); border-top-width: 3px; border-top-style: solid; position: relative;
}
.title_B .pr_ico {
	top: 10px; right: 0px; position: absolute;
}
.title_C {
	margin: 0px 0px 8px; position: relative;
}
.title_C span {
	background: rgb(255, 255, 255); color: rgb(30, 100, 170); padding-right: 10px; font-size: 14px; display: inline-block; position: relative; z-index: 2;
}
.title_C::before {
	left: 0px; top: 50%; width: 100%; border-top-color: rgb(97, 146, 195); border-top-width: 1px; border-top-style: dotted; position: absolute; z-index: 1; content: "";
}
ul + .title_C {
	margin-top: 14px;
}
.panel_A {
	overflow: hidden; -ms-zoom: 1;
}
.panel_A li {
	margin: 0px 0px 10px; padding: 0px 8px; width: 33.3%; vertical-align: top; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.panel_A .icon {
	margin: 0px auto 7px; width: 196px; float: none;
}
.panel_A .icon img {
	width: 192px; height: auto;
}
.panel_A .text h3 {
	line-height: 21px; font-size: 14px; font-weight: normal;
}
.panel_B {
	overflow: hidden; -ms-zoom: 1;
}
.panel_B li {
	margin: 0px 0px 10px; padding: 0px 8px; width: 25%; vertical-align: top; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.panel_B .icon {
	margin: 0px auto 7px; width: 140px; float: none;
}
.panel_B .icon img {
	width: 136px; height: auto;
}
.panel_B .text h3 {
	line-height: 21px; font-size: 14px; font-weight: normal;
}
.panel_C {
	overflow: hidden; -ms-zoom: 1;
}
.panel_C li {
	margin: 0px 0px 10px; padding: 0px 5px; width: 20%; vertical-align: top; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.panel_C .icon {
	margin: 0px auto 7px; width: 116px; float: none;
}
.panel_C .icon img {
	width: 112px; height: auto;
}
.panel_C .text h3 {
	line-height: 18px; font-size: 12px; font-weight: normal;
}
.topList {
	margin: 0px 0px 30px; overflow: hidden; -ms-zoom: 1;
}
.topList .list_A h3 {
	line-height: 40px; font-size: 30px;
}
.topList .list_A .text p {
	line-height: 26px; font-size: 16px;
}
.topList .list_A .icon img {
	width: 192px; height: auto;
}
.topList .list_B {
	width: 319px; margin-bottom: 20px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; float: left;
}
.topList .list_B .text {
	margin-bottom: 0px;
}
.topList .list_C .text {
	margin-bottom: 10px;
}
.topList .list_C {
	width: 319px; padding-left: 15px; margin-bottom: 20px; margin-left: -1px; border-left-color: rgb(229, 229, 229); border-left-width: 1px; border-left-style: solid; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.topList .list_B li:nth-child(n) {
	margin-right: 0px; margin-left: 0px;
}
.topList .list_C li:nth-child(n) {
	margin-right: 0px; margin-left: 0px;
}
.list_A li {
	margin: 0px 0px 20px !important; line-height: 1em !important; text-indent: 0px !important; overflow: hidden; font-size: 13px !important; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; -ms-zoom: 1;
}
.list_A li::before {
	content: none !important;
}
.list_A .icon {
	margin: 5px 20px 20px 0px;
}
.list_A .icon img {
	width: 120px; height: auto;
}
.list_A .text {
	margin: 5px 0px 20px;
}
.list_A h3 {
	line-height: 30px; font-size: 24px; margin-bottom: 10px;
}
.list_A strong + h3 {
	margin-top: 5px;
}
.list_A .text p {
	color: rgb(75, 75, 75); line-height: 24px; font-size: 14px;
}
.list_A li h4 {
	margin: 8px 0px 3px;
}
.list_B li {
	width: 305px; overflow: hidden; vertical-align: top; display: inline-block; -ms-zoom: 1;
}
.list_B li:nth-child(2n+1) {
	margin-right: 15px;
}
.list_B li:nth-child(2n) {
	margin-left: 15px;
}
.list_B .icon {
	margin: 5px 0px 10px 15px; float: right;
}
.list_B .icon img {
	width: 120px; height: auto;
}
.list_B .text {
	margin: 5px 0px 20px; overflow: visible;
}
.list_B h3 {
	line-height: 30px; font-size: 24px; margin-bottom: 10px;
}
.list_B strong + h3 {
	margin-top: 5px;
}
.list_B .text p {
	color: rgb(75, 75, 75); line-height: 24px; font-size: 14px;
}
.list_C li {
	width: 305px; overflow: hidden; vertical-align: top; display: inline-block; -ms-zoom: 1;
}
.list_C li:nth-child(2n+1) {
	margin-right: 15px;
}
.list_C li:nth-child(2n) {
	margin-left: 15px;
}
.list_C .icon {
	margin: 5px 0px 10px 15px; float: right;
}
.list_C .icon img {
	width: 90px; height: auto;
}
.list_C .text {
	margin: 5px 0px 15px;
}
.list_C .text h3 {
	line-height: 24px; font-size: 18px;
}
.list_D li {
	width: 50%; overflow: hidden; vertical-align: top; display: inline-block; -ms-zoom: 1;
}
.list_D .text {
	margin: 1px 0px;
}
.list_D .text h4 {
	background: url("/images/n/itpro/2016/list_D.png") no-repeat 4px 7px; padding: 0px 0px 0px 14px; line-height: 21px; font-size: 14px; font-weight: normal;
}
.list_E li {
	width: 305px; overflow: hidden; vertical-align: top; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; display: inline-block; -ms-zoom: 1;
}
.list_E li:first-child {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.list_E li:nth-child(2) {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.list_E li:nth-child(2n+1) {
	margin-right: 15px;
}
.list_E li:nth-child(2n) {
	margin-left: 15px;
}
.list_E .icon {
	margin: 10px 18px 10px 5px;
}
.list_E .text {
	margin: 10px 0px;
}
.list_E .text h3 {
	line-height: 21px; font-size: 14px;
}
.list_E .text p {
	color: rgb(75, 75, 75); line-height: 18px; font-size: 12px; margin-top: 3px;
}
.list_E .text p + p {
	margin-top: 10px;
}
.list_F li {
	overflow: hidden; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; -ms-zoom: 1;
}
.list_F .icon {
	margin: 10px 18px 10px 5px;
}
.list_F .text {
	margin: 10px 0px;
}
.list_F .text h3 {
	line-height: 21px; font-size: 14px;
}
.list_F .text p {
	color: rgb(75, 75, 75); line-height: 18px; font-size: 12px; margin-top: 3px;
}
.list_F .text p + p {
	margin-top: 10px;
}
.list_G li {
	overflow: hidden; -ms-zoom: 1;
}
.list_G .text h3 {
	margin: 2px 0px 1px; line-height: 21px; font-size: 14px; font-weight: normal;
}
.topList .list_C + .list_G {
	clear: both; margin-top: 20px; display: block;
}
.panel_A + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.panel_B + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.panel_C + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_B + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_C + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_D + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_E + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_D + .list_G {
	padding: 8px 0px; margin-top: 10px; margin-bottom: 10px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_A + .list_G {
	padding: 8px 0px; margin-top: -20px; margin-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.list_F + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.list_rank + .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.more + .list_G {
	padding: 8px 0px; margin-top: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#mainContent > .list_G {
	padding: 8px 0px; margin-bottom: 20px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.list_rank li {
	overflow: hidden; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; -ms-zoom: 1;
}
.list_rank .rank_ico_top3 {
	margin: 10px 6px 10px 3px; border-radius: 10px; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); padding-top: 4px; font-size: 12px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.list_rank .rank_ico {
	margin: 10px 6px 10px 3px; border-radius: 10px; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); padding-top: 4px; font-size: 12px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.list_rank .rank_ico_top3 {
	background: rgb(0, 150, 190);
}
.list_rank .rank_ico {
	background: rgb(102, 192, 216);
}
.list_rank .text {
	margin: 10px 0px;
}
.list_rank .text h3 {
	line-height: 21px; font-size: 14px;
}
.list_rank .text p {
	color: rgb(75, 75, 75); line-height: 18px; font-size: 12px;
}
.list_rank .text p + p {
	margin-top: 10px;
}
.rankContent {
	margin: 0px 0px 50px;
}
.rankContent .list_rank .text {
	margin: 15px 0px;
}
.rankContent .list_rank .text strong + h3 {
	margin-top: 5px;
}
.rankContent .list_rank .text h3 {
	line-height: 24px; font-size: 18px;
}
.rankContent .list_rank .rank_ico_top3 {
	margin: 15px 18px 15px 3px; border-radius: 20px; width: 40px; height: 40px; padding-top: 10px; font-size: 24px;
}
.rankContent .list_rank .rank_ico {
	margin: 15px 18px 15px 3px; border-radius: 20px; width: 40px; height: 40px; padding-top: 10px; font-size: 24px;
}
.list_banner li {
	margin: 0px 0px 15px; text-align: center;
}
.list_banner li:last-child {
	margin-bottom: 0px;
}
.panel_B.PR_horizontal {
	text-align: center;
}
.panel_B.PR_horizontal li {
	margin-right: -2px; margin-left: -2px;
}
.list_C.PR_horizontal li:nth-child(2n+1) {
	margin-right: 12px; margin-bottom: 15px;
}
.list_C.PR_horizontal li:nth-child(2n) {
	margin-bottom: 15px; margin-left: 12px;
}
#cxenseActBiz > .panel_B .icon {
	height: 106px; overflow: hidden;
}
#cxenseEditor .list_F .icon {
	margin: 4px 18px 4px 5px;
}
#cxenseActBiz .list_F .icon {
	margin: 4px 18px 4px 5px;
}
#cxenseEditor .list_F img {
	width: 80px;
}
#cxenseActBiz .list_F img {
	width: 80px;
}
div[id*='theme_textad'] {
	display: inline;
}
.list_C li iframe[id*='infeed2x2'] {
	height: 100px !important;
}
.list_F.noborder li {
	border: currentColor; border-image: none;
}
.tab {
	margin: 0px 0px 20px; overflow: hidden; position: relative; -ms-zoom: 1;
}
#sideContent .tab {
	margin: 15px 0px 5px;
}
.tab li {
	padding: 7px 7px 6px; border: 1px solid transparent; border-image: none; font-size: 12px; float: left; cursor: pointer;
}
#sideContent .tab li {
	padding: 7px 15px 6px;
}
.tab li:hover {
	color: rgb(135, 135, 135);
}
.tab li.active {
	border-width: 1px; border-style: solid; border-color: rgb(180, 180, 180) rgb(180, 180, 180) rgb(255, 255, 255); border-radius: 3px 3px 0px 0px; color: rgb(30, 100, 170); font-weight: bold;
}
.tab::after {
	background: rgb(180, 180, 180); left: 0px; width: 100%; height: 1px; bottom: 0px; display: block; position: absolute; z-index: -1; content: "";
}
.tabContent {
	display: none;
}
.show {
	display: block;
}
#categoryHeader {
	background: linear-gradient(rgb(235, 240, 240) 0%, rgb(255, 255, 255) 50%); margin: 0px 0px 20px; padding: 17px 0px 13px; border-top-color: rgb(30, 100, 170); border-top-width: 1px; border-top-style: solid; position: relative;
}
#categoryHeader h1 {
	margin: 0px 0px 0px 10px; padding: 0px 0px 0px 12px; color: rgb(30, 100, 170); font-size: 24px; border-left-color: rgb(142, 177, 212); border-left-width: 7px; border-left-style: solid;
}
#categoryHeader h1::before {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 2px; display: block; position: absolute; content: "";
}
.breadcrumb {
	margin-bottom: 10px;
}
.breadcrumb span {
	font-size: 12px; vertical-align: bottom; display: inline-block;
}
.breadcrumb span a {
	height: 13px; display: inline-block;
}
.breadcrumb span + span::before {
	content: " > ";
}
.breadcrumb span.home_ico {
	background: url("/images/n/itpro/2016/home_ico.png") no-repeat; width: 16px; height: 13px; text-indent: -9999px;
}
.breadcrumb span.home_ico a {
	text-indent: -9999px; display: block;
}
.searchBlock {
	background: rgb(247, 250, 255); margin: 0px 0px 50px; padding: 25px 20px 15px; border: 1px solid rgb(185, 195, 215); border-image: none;
}
.searchBlock fieldset {
	border: currentColor; border-image: none;
}
.searchBasic input[type='text'] {
	background: url("/images/n/itpro/2016/search.png") no-repeat 5px 50% rgb(255, 255, 255); padding: 0px 10px 0px 28px; border-radius: 3px; border: 1px solid rgb(190, 190, 190); border-image: none; width: 465px; height: 30px; font-size: 14px; margin-right: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.searchBasic input[type='submit'] {
	background: rgb(30, 100, 170); border-radius: 3px; border: currentColor; border-image: none; width: 88px; height: 30px; color: rgb(255, 255, 255); font-size: 18px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.displayOption {
	margin: 10px 0px 0px; padding: 0px 0px 0px 15px; font-size: 12px; display: inline-block; cursor: pointer;
}
.hideOption {
	margin: 10px 0px 0px; padding: 0px 0px 0px 15px; font-size: 12px; display: inline-block; cursor: pointer;
}
.displayOption {
	background: url("/images/n/itpro/2016/closed.png") no-repeat;
}
.hideOption {
	background: url("/images/n/itpro/2016/opened.png") no-repeat;
}
.searchBlock.opened .displayOption {
	display: none;
}
.searchBlock.opened .hideOption {
	display: inline-block;
}
.searchBlock.opened .optionBlock {
	display: block;
}
.searchBlock .displayOption {
	display: inline-block;
}
.searchBlock .hideOption {
	display: none;
}
.searchBlock .optionBlock {
	display: none;
}
.optionBlock {
	margin: 0px 0px 10px; overflow: hidden; -ms-zoom: 1;
}
.option_L {
	width: 155px; float: left;
}
.option_R {
	width: 415px; float: right;
}
.optionBlock > div > fieldset {
	margin: 15px 0px 0px;
}
.optionBlock > div > fieldset > legend {
	margin: 0px 0px 10px; padding: 2px 0px 4px; width: 100%; color: rgb(30, 100, 170); font-size: 14px; font-weight: bold; border-bottom-color: rgb(30, 100, 170); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.optionBlock label {
	line-height: 1.3em; font-size: 12px;
}
.selectGenre li {
	margin: 0px 0px 5px; padding: 1px;
}
.seachTargeting label {
	margin-right: 15px;
}
.dateNarrow p {
	margin: -5px 0px 10px; line-height: 1.3em; font-size: 12px;
}
.dateSetting {
	line-height: 1.3em; font-size: 12px;
}
.dateSetting input {
	border-radius: 3px; border: 1px solid rgb(190, 190, 190); border-image: none; width: 35px; height: 24px; text-align: center; font-size: 14px; margin-right: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.dateSetting input.yearSetting {
	width: 55px;
}
.optionSetting fieldset {
	overflow: hidden; -ms-zoom: 1;
}
.optionSetting fieldset + fieldset {
	margin-top: 5px;
}
.optionSetting fieldset legend {
	width: 130px; line-height: 1.3em; font-size: 12px; float: left;
}
.optionSetting fieldset label {
	margin-right: 10px;
}
.searchResult {
	top: 20px; right: 5px; line-height: 14px; font-size: 14px; font-weight: normal; display: inline-block; position: absolute;
}
.list_search li {
	margin: 0px 0px 15px; overflow: hidden; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; -ms-zoom: 1;
}
.list_search .text {
	margin: 5px 0px 15px;
}
.list_search h3 {
	line-height: 24px; font-size: 18px; margin-bottom: 10px;
}
.list_search strong + h3 {
	margin-top: 5px;
}
.list_search .text p {
	color: rgb(75, 75, 75); line-height: 18px; font-size: 12px;
}
.pager {
	margin: 15px 0px; text-align: center; overflow: hidden; -ms-zoom: 1;
}
.pager li {
	margin: 0px 2px; padding: 6px 8px; font-size: 20px; display: inline-block;
}
.pager li.now {
	background: rgb(30, 100, 170); color: rgb(255, 255, 255);
}
.pager li.now a {
	color: rgb(255, 255, 255); text-decoration: none;
}
.pager li.now a:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.pager li.now a:visited {
	color: rgb(255, 255, 255); text-decoration: none;
}
.pager li.prev {
	padding-top: 6px; padding-bottom: 6px; font-size: 16px;
}
.pager li.next {
	padding-top: 6px; padding-bottom: 6px; font-size: 16px;
}
.pager li.prev {
	background: url("/images/n/itpro/2016/more_left.png") no-repeat left 9px; padding-left: 20px;
}
.pager li.next {
	background: url("/images/n/itpro/2016/more.png") no-repeat right 9px; padding-right: 20px;
}
#article {
	margin: 0px auto 25px;
}
#articleBody {
	margin: 40px auto 50px; overflow: hidden; -ms-zoom: 1; -ms-word-wrap: break-word; overflow-wrap: break-word;
}
#articleBody a {
	color: rgb(0, 150, 190); text-decoration: underline;
}
#articleBody .listBlock a {
	color: rgb(51, 51, 51); text-decoration: none;
}
#articleBody .listBlock a:hover {
	color: rgb(135, 135, 135); text-decoration: underline;
}
#articleBody .listBlock a:visited {
	color: rgb(135, 135, 135); text-decoration: none;
}
.articleHeaderTop {
	padding: 15px 5px 12px; border-top-color: rgb(30, 100, 170); border-top-width: 5px; border-top-style: solid;
}
.articleHeaderTop h1 {
	line-height: 40px; font-size: 30px;
}
.articleHeaderTop strong + h1 {
	margin-top: 7px;
}
.articleHeaderTop h2 {
	line-height: 24px; font-size: 16px; font-weight: normal;
}
.articleHeaderTop h1 + h2 {
	margin-top: 7px;
}
.articleHeaderMiddle {
	margin: 5px auto; overflow: hidden; -ms-zoom: 1;
}
.articleHeaderBottom {
	margin: 5px auto; overflow: hidden; -ms-zoom: 1;
}
.articleHeaderMiddle {
	padding: 9px 0px; width: 100%; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: table; min-height: 30px;
}
.articleHeaderMiddle span {
	padding: 0px 5px; width: 100%; vertical-align: middle; display: table-cell; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.articleHeaderMiddle span.author {
	width: 60%;
}
.articleHeaderMiddle span.author a {
	color: rgb(0, 150, 190);
}
.articleHeaderMiddle span.author a:visited {
	color: rgb(0, 150, 190);
}
.articleHeaderMiddle span.date {
	width: 15%; text-align: center; color: rgb(51, 51, 51); border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid;
}
.articleHeaderMiddle span.media {
	padding: 0px 5px; width: 25%; text-align: center; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid;
}
.articleHeaderMiddle span.media img {
	max-height: 30px; max-width: 140px;
}
.articleHeaderBottom span {
	display: block;
}
.articleHeaderBottom .source {
	line-height: 1.5em; font-size: 12px; float: left;
}
.articleHeaderBottom .contentList {
	background: url("/images/n/itpro/2016/more.png") no-repeat right 1px; margin: 6px 0px 0px; padding: 0px 20px 0px 0px; text-align: right; font-size: 12px; float: right;
}
.tools {
	margin: 22px 0px; overflow: hidden; -ms-zoom: 1;
}
.tools li {
	margin: 0px 3px; vertical-align: middle; display: inline-block;
}
.tools .sns {
	overflow: hidden; float: left; -ms-zoom: 1;
}
.tools .mail_print {
	overflow: hidden; float: right; -ms-zoom: 1;
}
.tools .mail_print img {
	margin: 0px 2px;
}
.nextPage {
	background: rgb(228, 236, 245); padding: 16px 20px; border-radius: 3px; overflow: hidden; -ms-zoom: 1;
}
.nextPage span {
	display: block;
}
.nextPage_L {
	background: url("/images/n/itpro/2016/more_white.png") no-repeat right 6px rgb(30, 100, 170); margin: 0px 15px 0px 0px; padding: 6px 30px 4px 10px; border-radius: 6px; color: rgb(255, 255, 255); font-size: 14px; float: left;
}
.nextPage_R {
	margin: 3px 0px 0px; line-height: 1.3em; overflow: hidden; font-size: 16px; font-weight: bold; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.insertAd_A {
	background: rgb(255, 245, 215); margin: 0px 0px 25px; padding: 15px 25px 15px 15px; border-radius: 6px; overflow: hidden; -ms-zoom: 1;
}
.insertAd_A .icon {
	margin: 0px 18px 0px 0px;
}
.insertAd_A .text {
	padding: 8px 8px 0px;
}
.insertAd_A .text h3 {
	margin: 0px 0px 10px; padding: 0px 10px 5px; line-height: 24px; font-size: 18px; border-bottom-color: rgb(0, 150, 190); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.insertAd_A .text h3::before {
	background: rgb(0, 150, 190); border-radius: 3px; width: 6px; height: 6px; bottom: -3px; display: block; position: absolute; content: "";
}
.insertAd_A .text h3::after {
	background: rgb(0, 150, 190); border-radius: 3px; width: 6px; height: 6px; bottom: -3px; display: block; position: absolute; content: "";
}
.insertAd_A .text h3::before {
	left: -8px;
}
.insertAd_A .text h3::after {
	right: -8px;
}
.insertAd_A .text p {
	color: rgb(75, 75, 75); line-height: 20px; font-size: 13px; margin-top: 3px;
}
.insertAd_A .text p + p {
	margin-top: 10px;
}
.insertAd_B {
	background: rgb(255, 245, 215); margin: 0px 0px 25px; padding: 7px 10px; border-radius: 6px; overflow: hidden; -ms-zoom: 1;
}
.insertAd_B h3 {
	font-size: 14px; font-weight: normal;
}
.flag {
	background: rgb(220, 150, 70); margin: 0px 5px 0px 0px; padding: 2px 4px 0px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 12px; font-size: 12px; font-weight: normal; display: inline-block;
}
.induction {
	margin: 50px 0px; position: relative;
}
.induction::before {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 0px; top: -250px; width: 100%; height: 200px; display: block; position: absolute; content: "";
}
.induction h3 {
	margin: 0px 0px 23px; text-align: center; line-height: 1.3em; font-size: 20px;
}
.induction ul {
	text-align: center; overflow: hidden; -ms-zoom: 1;
}
.induction li {
	margin: 0px 15px !important; text-align: center; line-height: 1em !important; text-indent: 0px !important; padding-top: 45px; font-size: 13px !important; display: inline-block; position: relative;
}
.induction li::before {
	content: none !important;
}
.induction li a {
	border-radius: 6px; width: 225px; height: 108px; padding-top: 15px; text-decoration: none !important; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.induction li.login a {
	background: rgb(245, 250, 255); border: 1px solid rgb(180, 197, 229); border-image: none;
}
.induction li.entry a {
	background: rgb(255, 250, 245); border: 1px solid rgb(210, 190, 180); border-image: none;
}
.induction li a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
.induction li.login a:hover {
	background: rgb(235, 245, 255);
}
.induction li.entry a:hover {
	background: rgb(255, 245, 235);
}
.induction li a:visited {
	color: rgb(51, 51, 51);
}
.induction li a > span {
	margin: 0px 0px 8px; padding: 0px 0px 25px; line-height: 1em; font-size: 14px; display: block;
}
.induction li.login a > span {
	background: url("/images/n/itpro/2016/induction_login.png") no-repeat 50% bottom; color: rgb(51, 51, 51);
}
.induction li.entry a > span {
	background: url("/images/n/itpro/2016/induction_entry.png") no-repeat 50% bottom; color: rgb(51, 51, 51);
}
.induction li a > strong {
	line-height: 1em; font-size: 28px; font-weight: normal; display: block;
}
.induction li.login a > strong {
	color: rgb(51, 51, 81);
}
.induction li.entry a > strong {
	color: rgb(136, 45, 40);
}
.induction li a > strong > span {
	line-height: 1em; font-size: 14px;
}
.induction li .entry_ballon {
	background: rgb(180, 35, 25); padding: 8px 14px; border-radius: 12px; top: 0px; right: -75px; color: rgb(255, 255, 255); line-height: 1.5em; font-size: 12px; position: absolute;
}
.induction li .entry_ballon > strong {
	font-size: 14px; font-weight: bold;
}
.induction li .entry_ballon::after {
	left: 50%; bottom: -9px; border-top-color: rgb(180, 35, 25); border-right-color: transparent; border-top-width: 10px; border-right-width: 10px; border-top-style: solid; border-right-style: solid; position: absolute; content: "";
}
#articleBody .bplead {
	line-height: 2em; font-size: 16px; font-weight: bold; margin-bottom: 30px;
}
#articleBody > h3 {
	margin: 50px 0px 30px; padding: 0px 0px 8px; line-height: 28px; clear: both; font-size: 20px; border-bottom-color: rgb(142, 177, 212); border-bottom-width: 3px; border-bottom-style: solid;
}
#articleBody > h4 {
	margin: 20px 0px; color: rgb(30, 100, 170); line-height: 2em; clear: both; font-size: 16px;
}
#articleBody > p {
	margin: 0px 0px 20px; line-height: 2em; font-size: 16px;
}
#articleBody ul {
	margin-top: 20px; margin-bottom: 20px;
}
#articleBody li {
	margin: 0px 0px 10px 30px; line-height: 1.5em; text-indent: -16px; font-size: 16px;
}
#articleBody ul li::before {
	background: rgb(153, 153, 153); border-radius: 3px; width: 6px; height: 6px; margin-right: 10px; vertical-align: middle; display: inline-block; content: "";
}
#articleBody ol > li {
	text-indent: 0px; list-style-type: decimal;
}
#articleBody .bpquestion {
	margin: 0px 0px 10px; line-height: 2em; font-size: 16px; font-weight: bold;
}
#articleBody .bpquestion::before {
	content: "?";
}
#articleBody .bpanswer {
	line-height: 2em; font-size: 16px;
}
#articleBody .bpimage_image {
	margin-bottom: 10px;
}
#articleBody .bpimage_title + .bpimage_image {
	margin-top: 5px;
}
#articleBody .bpimage_title {
	line-height: 1.5em; font-size: 13px; font-weight: bold;
}
#articleBody .bpimage_caption {
	line-height: 1.5em; font-size: 12px;
}
#articleBody .bpimage_click {
	color: rgb(0, 150, 190); line-height: 1.5em; font-size: 12px;
}
#articleBody .bpimage_right {
	margin: 10px 0px 15px 30px; float: right;
}
#articleBody .bpimage_left {
	margin: 10px 30px 15px 0px; float: left;
}
#articleBody .bpimage_center {
	margin: 10px auto 30px; width: 500px;
}
#articleBody .bpimage_double {
	margin: 10px auto 30px; width: 500px; overflow: hidden;
}
#articleBody .bpimage_double .bpimage_left {
	margin: 0px;
}
#articleBody .bpimage_double .bpimage_right {
	margin: 0px;
}
#articleBody .bpimage_triple {
	margin: 10px auto 30px; width: 500px; overflow: hidden;
}
#articleBody .bpimage_triple .bpimage_wrap {
	margin: 0px; overflow: hidden; float: left;
}
#articleBody .bpimage_triple .bpimage_left {
	margin: 0px;
}
#articleBody .bpimage_triple .bpimage_center {
	margin: 0px; float: right;
}
#articleBody .bpimage_triple .bpimage_right {
	margin: 0px;
}
#articleBody .bpbox_left {
	margin: 10px 10px 10px 0px; float: left;
}
#articleBody .bpbox_right {
	margin: 10px 0px 10px 10px; float: right;
}
#articleBody .bpimage_set {
	margin: 0px 0px 10px;
}
#articleBody .bpimage_caption_right {
	margin: 0px auto 20px; overflow: hidden; -ms-zoom: 1;
}
#articleBody .bpimage_caption_right .bpimage_left {
	margin-bottom: 0px;
}
#articleBody .bpimage_caption_right .bpimage_title {
	padding: 10px 0px 0px; clear: none;
}
#articleBody .bpimage_caption_right .bpimage_caption {
	clear: none;
}
#articleBody .bpprofile {
	margin: 50px 0px; padding: 18px 5px 0px; width: auto; overflow: hidden; clear: both; border-top-color: rgb(153, 153, 153); border-top-width: 3px; border-top-style: solid; -ms-zoom: 1;
}
#articleBody .bpprofile_photo {
	margin: 50px 0px; padding: 18px 5px 0px; width: auto; overflow: hidden; clear: both; border-top-color: rgb(153, 153, 153); border-top-width: 3px; border-top-style: solid; -ms-zoom: 1;
}
#articleBody .bpprofile_profile {
	margin: 0px 0px 15px;
}
#articleBody .bpprofile_position {
	margin: 5px 0px 0px; line-height: 1.3em; font-size: 14px; display: inline-block;
}
#articleBody .bpprofile_name {
	margin: 0px; line-height: 1.3em; font-size: 16px; font-weight: bold; display: inline-block;
}
#articleBody .bpprofile_text {
	margin: 15px 0px 0px; line-height: 21px; font-size: 12px;
}
#articleBody .bpprofile_photo .bpprofile_text img {
	margin: 0px 0px 0px 30px; padding: 0px; float: right;
}
#articleBody .bpinterview {
	margin: 30px 0px; padding: 15px; border: 1px solid rgb(204, 204, 204); border-image: none; width: auto;
}
#articleBody .bpinterview_profile {
	margin: 0px 0px 15px;
}
#articleBody .bpinterview_position {
	margin: 0px 0px 5px; line-height: 1.3em; font-size: 14px; display: inline-block;
}
#articleBody .bpinterview_name {
	line-height: 1.3em; font-size: 16px; font-weight: bold; display: inline-block;
}
#articleBody .bpinterview_text {
	margin: 15px 0px 0px; line-height: 21px; font-size: 12px;
}
#articleBody .bpbox {
	margin: 30px 0px; padding: 20px 30px; width: auto; clear: both;
}
#articleBody .bpbox2 {
	margin: 30px 0px; padding: 20px 30px; width: auto; clear: both;
}
#articleBody .bpbox3 {
	margin: 30px 0px; padding: 20px 30px; width: auto; clear: both;
}
#articleBody .bpbox4 {
	margin: 30px 0px; padding: 20px 30px; width: auto; clear: both;
}
#articleBody .bpframe {
	margin: 30px 0px; padding: 20px 30px; width: auto; clear: both;
}
#articleBody .bpbox_title {
	margin: 0px 0px 15px; padding: 0px 0px 5px; line-height: 1.3em; font-size: 16px; font-weight: bold;
}
#articleBody .bpbox_text h3 {
	line-height: 1.3em; font-size: 16px; margin-bottom: 10px;
}
#articleBody .bpbox_text h4 {
	line-height: 1.7em; font-size: 14px; margin-bottom: 10px;
}
#articleBody .bpbox_text p + h3 {
	margin-top: 20px;
}
#articleBody .bpbox_text p + h4 {
	margin-top: 20px;
}
#articleBody .bpbox_text {
	margin: 0px; line-height: 1.7em; overflow: hidden; font-size: 14px;
}
#articleBody .bpbox_text p {
	margin: 0px; line-height: 1.7em; overflow: hidden; font-size: 14px;
}
#articleBody .bpbox_text .bpimage_left {
	margin: 0px 15px 0px 0px;
}
#articleBody .bpbox_text p + p {
	margin-top: 15px;
}
#articleBody .bpbox_text li {
	margin: 0px 0px 8px 30px; line-height: 1.5em; text-indent: -14px; font-size: 14px;
}
#articleBody .bpbox {
	background: rgb(247, 250, 255); border: 1px solid rgb(185, 195, 215); border-image: none;
}
#articleBody .bpbox .bpbox_title {
	color: rgb(30, 100, 170); border-bottom-color: rgb(30, 100, 170); border-bottom-width: 1px; border-bottom-style: solid;
}
#articleBody .bpbox .bpbox_text h3 {
	color: rgb(30, 100, 170);
}
#articleBody .bpbox2 {
	background: rgb(245, 250, 250); border: 1px solid rgb(180, 200, 200); border-image: none;
}
#articleBody .bpbox2 .bpbox_title {
	color: rgb(60, 100, 120); border-bottom-color: rgb(60, 100, 120); border-bottom-width: 1px; border-bottom-style: solid;
}
#articleBody .bpbox2 .bpbox_text h3 {
	color: rgb(60, 100, 120);
}
#articleBody .bpbox3 {
	background: rgb(255, 250, 230); border: 1px solid rgb(204, 204, 170); border-image: none;
}
#articleBody .bpbox3 .bpbox_title {
	color: rgb(190, 100, 0); border-bottom-color: rgb(190, 100, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
#articleBody .bpbox3 .bpbox_text h3 {
	color: rgb(190, 100, 0);
}
#articleBody .bpbox4 {
	background: rgb(255, 247, 250); border: 1px solid rgb(204, 180, 204); border-image: none;
}
#articleBody .bpbox4 .bpbox_title {
	color: rgb(80, 60, 140); border-bottom-color: rgb(80, 60, 140); border-bottom-width: 1px; border-bottom-style: solid;
}
#articleBody .bpbox4 .bpbox_text h3 {
	color: rgb(80, 60, 140);
}
#articleBody .bpframe {
	background: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); border-image: none;
}
#articleBody .bpframe .bpbox_title {
	color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
#articleBody .bpframe .bpbox_text h3 {
	color: rgb(51, 51, 51);
}
#articleBody .bpcode {
	margin: 30px 0px; padding: 15px; width: auto; overflow: auto; clear: both;
}
#articleBody .bpcode2 {
	margin: 30px 0px; padding: 15px; width: auto; overflow: auto; clear: both;
}
#articleBody .bpcode pre {
	line-height: 1.5em; font-size: 14px;
}
#articleBody .bpcode2 pre {
	line-height: 1.5em; font-size: 14px;
}
#articleBody .bpcode {
	background: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); border-image: none;
}
#articleBody .bpcode2 {
	background: rgb(245, 250, 250); border: 1px solid rgb(180, 200, 200); border-image: none;
}
#articleBody div.bpteisei_box {
	background: rgb(235, 240, 240); margin: 30px 0px; padding: 15px 20px; border-radius: 3px; width: auto; clear: both;
}
#articleBody div.bpteisei_box .bpteisei {
	line-height: 1.5em; font-size: 12px;
}
#articleBody div.bpteisei_box .bpteisei b {
	margin: 0px 0px 5px; color: rgb(30, 100, 170);
}
#articleBody div.bpword {
	margin: 30px 0px; padding: 0px; line-height: 2em; font-size: 16px;
}
#articleBody input[type='radio'] {
	margin-top: 5px; float: left;
}
input[type='checkbox'] {
	margin-top: 5px; float: left;
}
#articleBody label {
	overflow: hidden; display: block;
}
#articleBody dt {
	margin: 30px 0px 15px; padding: 0px; line-height: 1.7em; font-size: 16px; font-weight: bold;
}
#articleBody dd {
	margin: 15px 0px 30px; padding: 0px; line-height: 1.7em; font-size: 16px; display: block;
}
#articleBody dd label::after {
	display: block; content: "\A";
}
#articleBody input[type='text'] {
	padding: 0px 10px; border-radius: 3px; border: 1px solid rgb(190, 190, 190); border-image: none; width: 100%; height: 30px; font-size: 14px; box-sizing: border-box; box-shadow: inset 0px 1px 5px rgba(0,0,0,0.15); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.15);
}
#articleBody textarea {
	padding: 10px; border-radius: 3px; border: 1px solid rgb(190, 190, 190); border-image: none; width: 100%; height: 160px; font-size: 14px; box-sizing: border-box; box-shadow: inset 0px 1px 5px rgba(0,0,0,0.15); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.15);
}
#articleBody input[type='submit'] {
	background: rgb(30, 100, 170); margin: 0px auto 30px; border-radius: 3px; border: currentColor; border-image: none; width: 300px; height: 30px; color: rgb(255, 255, 255); font-size: 18px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#articleBody div.bpannotation {
	margin: 30px 0px; line-height: 1.5em; font-size: 14px;
}
#articleBody div.bpreference {
	padding: 15px 20px; line-height: 1.5em; font-size: 12px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
#articleBody .bptable {
	margin: 10px auto 30px; width: 600px; overflow: auto;
}
#articleBody .bptable table {
	width: 600px; border-collapse: collapse;
}
#articleBody .bptable th {
	padding: 9px; border: 1px solid rgb(190, 190, 190); border-image: none; line-height: 1.3em; font-size: 13px;
}
#articleBody .bptable td {
	padding: 9px; border: 1px solid rgb(190, 190, 190); border-image: none; line-height: 1.3em; font-size: 13px;
}
#articleBody .bptable th {
	background: rgb(228, 236, 245); text-align: left;
}
#articleBody .bptable_title {
	line-height: 1.5em; font-size: 13px; font-weight: bold;
}
#articleBody .bptable_caption {
	line-height: 1.5em; font-size: 12px;
}
#articleBody .bptable_title + table {
	margin-top: 10px;
}
#articleBody .bptable_caption + table {
	margin-top: 10px;
}
#articleBody .bptable_left {
	margin: 0px 30px 10px 0px; clear: both; float: left;
}
#articleBody .bptable_right {
	margin: 0px 0px 10px 30px; clear: both; float: right;
}
#articleBody .bptable_center {
	clear: both;
}