@charset "utf-8";

/* ------------------------------ *
	MEDIA TYPE
 * ------------------------------ */
@media screen { div.print { display: none; } }
@media print { div.screen { display: none; } }
/* else */ body .readability { display: none; }



/* ------------------------------ *
	IFRAME
 * ------------------------------ */
body.iframe { background: transparent; overflow: hidden; }
@media print { body.iframe { background: #fff; } }



/* ------------------------------ *
	HANDY
 * ------------------------------ */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { margin-left: auto; margin-right: auto; }

.absolute { position: absolute; }
.break { word-wrap: break-word; }
.break-off { white-space: nowrap; }
.bullet-indent { text-indent: -1em; margin-left: 1em; }

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	border-radius: 5px;
}



/* ------------------------------ *
	FONT SIZE
 * ------------------------------ */
.px10 { font-size: 71.5%; }
.px11 { font-size: 78.7%; }
.px12 { font-size: 86%; }
.px13 { font-size: 93%; }
.px14 { font-size: 100%; }
.px15 { font-size: 107.3%; }
.px16 { font-size: 114.4%; }
.px17 { font-size: 121.5%; }
.px18 { font-size: 128.6%; }
.px19 { font-size: 135.8%; }
.px20 { font-size: 143%; }
.px21 { font-size: 150%; }
.px22 { font-size: 157.3%; }
.px23 { font-size: 164.3%; } /* Ugly Bold */
.px24 { font-size: 171.5%; } /* Ugly Bold */
.px25 { font-size: 178.6%; }
.px26 { font-size: 185.8%; }
.px27 { font-size: 193%; }
.px28 { font-size: 200%; }
.px29 { font-size: 207.1%; }
.px30 { font-size: 214.4%; }



/* ------------------------------ *
	IPHONE FONT SIZE
 * ------------------------------ */
@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none; }
div.contents.leaf div.article-title,
div.contents.leaf div.article-entry,
div.contents.leaf div.article-comment { -webkit-text-size-adjust: 125%; }
}



/* ------------------------------ *
	IE6 FILTER
 * ------------------------------ */
@media screen {
/* IE6 */ * html body { behavior: url(/css/bpnet/2012/ie6/csshover3.htc); }
/* IE6 */ * html img { behavior: url(/css/bpnet/2012/ie6/iepngfix.htc); }
/* IE6 */ * html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
}
/* IE6 */ * html .rounded {
	behavior: url(/css/bpnet/2012/ie6/PIE.htc);
	position:relative;
	z-index:1;
}
/* IE7 */ *:first-child+html .rounded {
	behavior: url(/css/bpnet/2012/ie6/PIE.htc);
	position:relative;
	z-index:1;
}



/* ------------------------------ *
	DISABLE MEIRYO
 * ------------------------------ */
/* IE6 */ * html .msp { font-family: "MS PGothic", sans-serif; }
/* IE7 */ *:first-child+html .msp { font-family: "MS PGothic", sans-serif; }



/* ------------------------------ *
	LINK
 * ------------------------------ */
a.disable { color: #222; text-decoration: none; cursor: default; }

a.visited-off:visited { color: #136; }
a.visited-off:active { color: #458cdd; }

a img.icon { background: #fff; border: 1px solid #aaa; padding: 4px; }
a:hover img.icon { border-color: #458cdd; }
a:active img.icon { border-color: #458cdd; }

div.article-entry a { word-wrap: break-word; }



/* ------------------------------ *
	LIST
 * ------------------------------ */
ul.float li,
ol.float li { float: left; line-height: 1; list-style: none; white-space: nowrap; }
ul.float li.right,
ol.float li.right { float: right; }
ul.float:after,
ol.float:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ ul.float, ol.float { display: inline-block; }
ul.float, ol.float { clear: both; display: block; }

ul.inline li,
dl.inline dd { display: inline; list-style: none; white-space: nowrap; border-left: 1px solid #bfd1e5; padding-left: 1em; }
ul.inline li.first,
dl.inline dd.first { border: none; padding-left: 0; }
dl.inline dt { display: inline; }

ul.bullet li,
dl.bullet dd { background: url(/images/n/bpnet/2012/icon/bullet.png) no-repeat 6px 0.4em; padding-left: 14px; }

ul.stripe li.odd,
ol.stripe li.odd { background-color: #ccc; }
ul.stripe li.even,
ol.stripe li.even { background-color: transparent; }

ul.container li:after,
dl.container dd:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ ul.container li, dl.container dd { display: inline-block; }
ul.container li,
dl.container dd { clear: both; display: block; }

dl.tab { clear: both; }
dl.tab dt { clear: both; float: left; width: 4em; }
dl.tab dd { text-indent: -4em; margin-left: 4em; }



/* ------------------------------ *
	HR
 * ------------------------------ */
div.hr { clear: both; height: 0px; overflow: hidden; border-top: 1px solid #ccc; margin: 0 auto; }



/* ------------------------------ *
	CLEAFIX
 * ------------------------------ */
.wrapper:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ .wrapper { display: inline-block; }
.wrapper { clear: both; display: block; }



/* ------------------------------ *
	REPLACE TEXT
 * ------------------------------ */
.replace { display: block; overflow: hidden; position: relative; z-index: 1; }
.replace span.image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; position: absolute; left: 0; top: 0; z-index: 2; }

a.replace { text-align: center; }

a.replace:hover span.hover { background-position: left bottom; }
a.replace:hover span.active { background-position: left center; }
body#top a.replace:active span.active { background-position: left bottom; }



/* ------------------------------ *
	FORM RESET
 * ------------------------------ */
select.select { font-size: 86%; vertical-align: middle; }
/* IE7 */ *:first-child+html select.select { position: relative; top: 1px; }

input.text,
input.password {
	color: #888; font-size: 93%; line-height: 1.25; vertical-align: middle;
	background: url(/images/n/bpnet/2012/bg/input.png) repeat-x #fff;
	border: 1px solid #bbb; border-top-color: #a5a5a5;
	padding: 2px 0 2px 3px; margin: 0;
}
/* IE6 */ * html input.text, * html input.password { background-image: url(/images/n/bpnet/2012/bg/input.gif); }

input.submit,
input.reset,
input.button { font: 86%/1.4 "｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ", sans-serif; vertical-align: middle; padding: 1px 0.2em 1px; margin: 0; cursor: pointer; }
/* IE6 */
* html input.submit,
* html input.reset,
* html input.button { line-height: 1.2; padding-top: 2px; }
/* IE7 */
*:first-child+html input.submit,
*:first-child+html input.reset,
*:first-child+html input.buttom { line-height: 1.2; padding-top: 2px; }

input.image {
	vertical-align: middle;
	width: 4em; height: 1.44em;
	background: #48c;
	border: 1px solid #359; padding: 0; margin: 0;
	cursor: pointer;
}
input.image:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }
input.image:active { border-color: #f00; background-color: #f8d; }

textarea.textarea {
	font-size: 93%; line-height: 1.5; 
	background: url(/images/n/bpnet/2012/bg/input.png) repeat-x #fff;
	border: 1px solid #bbb; border-top-color: #a5a5a5;
	padding: 2px 1px 0 2px; margin: 0;
}
/* IE6 */ * html textarea.textarea { background-image: url(/images/n/bpnet/2012/bg/input.gif); }

input.text:focus,
input.password:focus,
textarea.textarea:focus { color: #222; background-color: #ffe; }

input.radio { vertical-align: middle; cursor: pointer; }
input.checkbox { vertical-align: middle; cursor: pointer; }

form span.vmiddle,
form label.vmiddle { vertical-align: middle; position: relative; top: 1px; }