@charset "utf-8";

/*************************************************************************
 *		EPSON iPrintページ専用CSS
 *************************************************************************/


.hdType01 {
	width:920px;
	padding-bottom:7px;
	margin-bottom:10px;
}
.hdType01.hdType_wide {
	width:920px;
	background:url("/products/common/images/bg_hdtype01_w920_02.gif") no-repeat left bottom;
}

.hdType01 h1, .hdType01 h2, .hdType01 h3 {
	padding:14px 13px 0;
	background:url("/products/common/images/bg_hdtype01_w920_01.gif") no-repeat left top;
}

.hdType01 h2,{
	_background:url("/products/common/images/bg_hdtype01_w920_01.gif") no-repeat left top !important;
}

.hdType01 .hd {
	font-size:70%;
	line-height:1.2;
}



.heading1{
	padding-left: 16px;
	height: 32px;
	line-height: 32px;
	font-size: 100%;
	background: url("images/heading1_wide_bg.gif") no-repeat;}

.rect{
	margin-bottom: 5px;
	padding-left: 16px;
	background: url("images/rect_icon.gif") no-repeat left center;}

div.item{
	width:920px;
	border-top:0px;
}
ul.list{
	list-style:disc;
	margin-left:30px;}

ul.list li{
        padding: 5px;
	list-style:disc;}

div.contents,
div.maincont{
	padding:30px 20px 0;
}


/* 導入 */
.intro_area {
	background: url(images/intro_bg.jpg) repeat-x;
	border-bottom: 6px solid #999;
}


/* リンク */
#link_area {
	border: 1px solid #999999;
	margin: 0 auto;
}


/*------------------------------------------------------------
*	リセットしたエレメントをカラリオ用に再定義
*/
body {
	font-size: 95%; /* default 14.97px相当 */
}
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;
}



/*------------------------------------------------------------
*	カラリオcommon_wideより抜粋
*/


#contents_head {
	margin: 0 0 15px;
	background: url(/products/mutual/iprint/images/h1_bg_r.gif) repeat-y 0 bottom;
}
#contents_head .contents_h1 {
	background: url(/products/mutual/iprint/images/h1_bg.gif) no-repeat 0 0;
	width:920px;
	min-height: 27px;
	_height: 27px;
}
#contents_head .contents_h1 h1 {
	float: left;
	margin: 6px 0 0 20px;
	_display: inline;
	font-size:100%;
	letter-spacing:0.025em;
	line-height:1.1em;
}


/* 注釈リスト */

.notes_list {
	font-size: 85%;
}
.notes_list .head {
	width: 44px;
	vertical-align: top;
}
.notes_list .head,
.notes_list .lead {
	line-height: 1.2em;
}


/*------------------------------------------------------------
*	font
*/
.xlf {font-size: 125% !important;}
.lf {font-size: 115% !important;}
.mf {font-size: 90% !important;}
.sf {font-size: 85% !important;}
.xsf {font-size: 75% !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;}
.ml30 {margin-left:30px !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;}


/*------------------------------------------------------------
*	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;
}



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



@media print {

/*------------------------------------------------------------
*	印刷用基本設定
*/
body {
	background: #fff;
}
/*
*	IE6はデフォルト表示のときに表示が欠けるので、
*	zoomで縮小
*/
*{
	zoom:1;
}
*html body {
	zoom:68%;
}


}