@charset "utf-8";

/*************************************************************************
 *	from reset.css (/products/colorio/common_wide/css/reset.css)
*************************************************************************/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,address,menu {
	margin:0;
	padding:0;
	line-height: 1.1em;
	font-size: 100%;
	letter-spacing: 0.025em;}

ul,
ul li{list-style-type: none;}

img{
	border: 0;
	vertical-align: bottom;}
hr {
	display: none;}
table {
	border-collapse:collapse;
	border-spacing:0;}

/**/
sup {
	/* position: relative; */
	top: 0.1em;
	font-weight: normal;
	white-space:nowrap;
	font-size: 10px;          /* _uEU */
	>font-size: 12px;         /* IE6,7 */
	font-size /*\**/: 12px\9; /* IE8  */
	vertical-align /*\**/:text-top\9; /* IE8  */
}
html>/**/body sup {
	vertical-align:baseline;
	position: relative;
	top: -0.4em;
	padding:0;}



/*************************************************************************
 *	from colorio.css (/products/colorio/common_wide/css/colorio.css)
*************************************************************************/

/*------------------------------------------------------------
*	リセットしたエレメントをカラリオ用に再定義
*/
p,li,dd,th,td {
	line-height: 1.4em;}

a:link,
a:visited {
	color: #009;
	text-decoration: none;}
a:hover,
a:active {
	color: #f30;
	text-decoration: underline;}
a:link span,
a:visited span {
	color: #009;
	text-decoration: none;}
a:hover span,
a:active span {
	color: #f30;
	text-decoration: underline;}


/*------------------------------------------------------------
*	コンテンツ部分の大枠を定義
*/
#colorio_contents_local_contents_full {
	width: 625px;
	text-align:left;
	margin:0 auto;}
#colorio_contents_local_contents {
	width: 625px;
	text-align:left;
	margin:0 auto;}


/*------------------------------------------------------------
*	カラリオコンテンツ内で使用する基本モジュール
*/

/* リンクアイコン */
.link {
	padding-left: 8px;
	background: url(/products/back/hyou/image/printer/ico_link2.gif) no-repeat 0 0.3em;}

/* 見出し装飾 */
.colorio_h2,
.colorio_h2_long {
	background: #dfdfdf url(/products/back/hyou/image/printer/h2_bg_long.gif) no-repeat 0 0;
	min-height: 27px;
	_height: 27px;
	border-bottom: solid 1px #666;}

.colorio_h2 h2,
.colorio_h2_long h2 {
	background: url(/products/back/hyou/image/printer/h2_ico_blue_t.gif) no-repeat 10px 0.4em;
	padding: 6px 0 0 10px;}
.colorio_h2 h2 span,
.colorio_h2_long h2 span {
	background: url(/products/back/hyou/image/printer/h2_ico_blue_b.gif) no-repeat 0 bottom;
	padding-left: 10px;
	display: block;}

.colorio_h3_long {
	background: #f1f1f1 url(/products/back/hyou/image/printer/h3_bg_long.gif) no-repeat 0 0;
	min-height: 27px;
	_height: 27px;
	border-bottom: solid 1px #b1b1b1;}
.colorio_h3_long h3 {
	background: url(/products/back/hyou/image/printer/h3_ico_gray_t.gif) no-repeat 10px 0.4em;
	padding: 6px 0 0 10px;}
.colorio_h3_long h3 span {
	background: url(/products/back/hyou/image/printer/h3_ico_gray_b.gif) no-repeat 0 bottom;
	padding-left: 10px;
	display: block;}


/* 表組み */

/* thがノーマル、仕様の表組み */
table.def_table_2 {
	width: 100%;
	_font-size: 95%;}
table.def_table_2 th,
table.def_table_2 td {
	border: solid 1px #bcbcbc;
	padding: 13px;}
table.def_table_2 th {
	background: #edeff5;
	font-weight: normal;
	text-align: left;}

/* thがノーマル、フォントサイズ小 */
table.def_table_2s {
	width: 100%;
	font-size: 85%;
	_font-size: 80%;}
table.def_table_2s th,
table.def_table_2s td {
	border: solid 1px #bcbcbc;
	padding: 8px;}
table.def_table_2s th {
	background: #edeff5;
	font-weight: normal;
	text-align: left;}

/* thがノーマルで、セル余白が4px、消耗品の表組み */
table.def_table_3 {
	width: 100%;
	table-layout: fixed;
	font-size: 85%;
	_font-size: 80%;}
table.def_table_3 th,
table.def_table_3 td {
	border: solid 1px #bcbcbc;
	padding: 4px;}
table.def_table_3 th {
	background: #edeff5;
	font-weight: normal;
	text-align: left;}

/* thがノーマルで、セル余白が4px、消耗品の表組み、フォントサイズ小 */
table.def_table_3s {
	width: 100%;
	table-layout: fixed;
	font-size: 85%;
	_font-size: 80%;}
table.def_table_3s th,
table.def_table_3s td {
	border: solid 1px #bcbcbc;
	padding: 4px;}
table.def_table_3s th {
	background: #edeff5;
	font-weight: normal;
	text-align: left;}


/* 注釈リスト */
.notes_list {
	font-size: 85%;
	_font-size: 80%;}
.notes_list .head {
	width: 44px;
	vertical-align: top;}
.notes_list .head,
.notes_list .lead {
	line-height: 1.4em;}

/* ボックスレイアウト調整クラス */
.flm {
	float: left;
	margin-right: 20px;}
.frm {
	float: right;
	margin-left: 20px;}

/* ページトップへ戻る */
.pagetop {
	margin: 0 0 20px;
	font-size: 80%;
	_font-size: 75%;}
.pagetop a,
.pagetop a:link,
.pagetop a:visited {
	color: #666;
	padding-left: 10px;
	background: url(/products/back/hyou/image/printer/ico_link_pagetop.gif) no-repeat 0 center;}
.pagetop a:hover {
	color: #f30;}

/* コンテンツ区切り用クラス */
.section {
	margin: 0 0 45px;
	position: relative;}
.last_section {
	margin: 0 0 50px;}

/* clearfix */
.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}
.clearfix {
	display: block;}
.clearfix {
	>display: inline-block;}




/*************************************************************************
 *	from module.css (/products/colorio/common_wide/css/module.css)
*************************************************************************/

/*------------------------------------------------------------
*	font
*/
.xlf {font-size: 125% !important;}
.lf {font-size: 115% !important;}
.sf {font-size: 85% !important;}
.xsf {font-size: 75% !important;}

.fb {font-weight: bold !important;}
.fn {font-weight: normal !important;}

/*------------------------------------------------------------
*	margin padding
*/
/* margin */
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}
/* padding */
.p5  {padding: 5px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}

/* detail */
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml9 {margin-left:9px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}
.ml60 {margin-left:60px !important;}

.mr0 {margin-right:0px !important;}
.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr9 {margin-right:9px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr40 {margin-right:40px !important;}
.mr60 {margin-right:60px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}


/*------------------------------------------------------------
*	position
*/
.fl {float: left;}
.fr {float: right;}
.ft {
	overflow: hidden;
	zoom: 1;}

.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;}
.center > *{
	margin-left: auto;
	margin-right: auto;}
.right {text-align: right !important;}
.right > *{
	margin-left: auto;
	margin-right: 0;}
.left {text-align: left !important;}
.left > *{
	margin-left: 0;
	margin-right: auto;}



/*************************************************************************
 *	バックナンバー用追加分
*************************************************************************/

.attention {
    width:625px;
	font-size: 82%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:20px;}

.link a, p {
	font-size: 90%;
	_font-size: 85%;}



/*************************************************************************
 *	E-820ポップアップ(e820_character.htm)用
*************************************************************************/
#e820_popup #container {
	width: 720px;
	margin: 20px auto;
}
*html #e820_popup #container {
	margin-left: 10px;
}


#e820_popup #container h1 {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1em;
	border: 1px solid #ccc;
}
#e820_popup #container h2 {
	height: 19px;
	margin: 0 0 10px 0;
	padding: 9px 0 0 20px;
	font-size: 13px;
	line-height: 1em;
	background: url(./images/h2_bg.gif) left top no-repeat;
}
*html #e820_popup #container h2 {
	height: 28px;
}
#e820_popup .pict {
	margin: 0 0 20px 0;
}