@charset "UTF-8";



/* 新ヘッダー領域用CSS */

@import url("/common/css/head.css");



/* 新フッター領域用CSS */

@import url("/common/css/foot.css");



/*===================================================================

	clearfix

===================================================================*/

.headSection .clearfix:after,

.subSection .clearfix:after,

#contentsExist:after { display:block; clear:both; height:0; visibility:hidden; content:" "; }



.headSection .clearfix,

.subSection .clearfix,

#contentsExist { position:relative; display:inline-block; }



/* Hides from IE-mac \*/

* html .headSection .clearfix,

* html .subSection .clearfix,

* html #contentsExist { height:1%; }



.headSection .clearfix,

.subSection .clearfix,

#contentsExist { display:block; }

/* End hide from IE-mac */



/*===================================================================

	base

===================================================================*/

body { background-image:none; background-color:#FFF; color:#333; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size:100.01%; /* font-size:16px; */ }

#contentsExist { margin:0 auto; font-size:87.5%; }



/* ------ link ------ */

a:link    { color:#005AB4; text-decoration:none; }

a:visited { color:#005AB4; text-decoration:none; }

a:hover   { color:#005AB4; text-decoration:underline; }

a:active  { color:#005AB4; text-decoration:underline; }



/*===================================================================

	layout

===================================================================*/

.w114 { width:114px !important; }

.w512 { width:512px; }

.w716 { width:716px; }

.w725 { width:725px; }

.w920 { width:920px; }

.w940 { width:940px; }

.w960 { width:960px; }

.w512 { width:512px; }

.mtA { margin:0 auto; }

.paper_h1 { font-size: 143%; }

.paper_h2 { font-size: 129%; }

.paper_h3 { font-size: 115%; }



/* ------ font-weight ------ */

.fwB { font-weight:bold !important; }

.fwN { font-weight:normal !important; }



/* ------ font-size ------ */

.fsS  { font-size:79%; } /* font-size:11px; */

.fsM  { font-size:85%; } /* font-size:12px; */

.fsL  { font-size:115% } /* font-size:16px; */

.fsXL { font-size:129%; } /* font-size:18px; */



/* ------ border ------ */

.lineS { padding-bottom:10px; background:url(/common/images/bg_line_01.gif) repeat-x left bottom; }

.lineD { padding-bottom:10px; background:url(/common/images/bg_dline_02.gif) repeat-x left bottom; } 



/*===================================================================

	reset

===================================================================*/

.headSection div, .headSection h1, .headSection h2, .headSection h3, .headSection h4, .headSection h5, .headSection h6, .headSection p, .headSection pre, .headSection blockquote, .headSection address, .headSection ul, .headSection ol, .headSection li, .headSection dl, .headSection dt, .headSection dd, 

.headSection table, .headSection caption, .headSection th, .headSection td, .headSection form, .headSection fieldset, .headSection textarea, .headSection iframe, 

.subSection div, .subSection h1, .subSection h2, .subSection h3, .subSection h4, .subSection h5, .subSection h6, .subSection p, .subSection pre, .subSection blockquote, .subSection address, .subSection ul, .subSection ol, .subSection li, .subSection dl, .subSection dt, .subSection dd, .subSection table, .subSection caption, .subSection th, .subSection td, .subSection form, .subSection fieldset, .subSection textarea, .subSection iframe { margin:0; padding:0; }

.headSection p, 

.subSection p { word-wrap:break-word; word-break:break-all; } /* For Japanese */

* html .headSection h1, * html .headSection h2, * html .headSection h3, * html .headSection h4, * html .headSection h5, * html .headSection h6, 

* html .subSection h1, * html .subSection h2, * html .subSection h3, * html .subSection h4, * html .subSection h5, * html .subSection h6 { height:1%; }

.headSection img, 

.subSection img { line-height:1; border:none; vertical-align:top; }

.headSection table, 

.subSection table { border:none; border-collapse:collapse; border-spacing:0; font-size:inherit; }

.headSection caption, .headSection th, .headSection td, 

.subSection caption, .subSection th, .subSection td { text-align:left; }

.headSection a[name], 

.subSection a[name] { color:#000; }

.headSection a[name]:hover, 

.subSection a[name]:hover { color:#000; text-decoration:none !important; outline:0 !important; }

.headSection a img, 

.subSection a img { color:#000; }

.headSection fieldset, 

.subSection fieldset { border:none; }

.headSection input, .headSection textarea, .headSection select, 

.subSection input, .subSection textarea, .subSection select { font-family:inherit; font-size:1em; }

.headSection input, 

.subSection input { vertical-align:-3px; }

.headSection select, 

.subSection select { vertical-align:middle; }

.headSection ul li, 

.subSection ul li { list-style-type:none; }

.headSection li li, 

.subSection li li { font-size:inherit; }

.headSection em, 

.subSection em { font-style:normal; font-weight:bold; }

.headSection address, 

.subSection address { font-style:normal; }

.headSection label, 

.subSection label { cursor:pointer; }

.headSection legend, 

.subSection legend { display:none; }

.headSection hr, 

.subSection hr { display:none; visibility:hidden; height:0; border:0; }

.headSection h1, .headSection h2, .headSection h3, .headSection h4, .headSection h5, .headSection h6, .headSection form, .headSection fieldset, .headSection textarea, .headSection pre, .headSection blockquote, .headSection table, .headSection th, .headSection td, 

.subSection h1, .subSection h2, .subSection h3, .subSection h4, .subSection h5, .subSection h6, .subSection form, .subSection fieldset, .subSection textarea, .subSection pre, .subSection blockquote, .subSection table, .subSection th, .subSection td { font-size:100%; }

.headSection p, .headSection li, .headSection dt, .headSection dd, .headSection pre, .headSection legend, 

.subSection p, .subSection li, .subSection dt, .subSection dd, .subSection pre, .subSection legend { line-height:1.5; }

.headSection h1, .headSection h2, .headSection h3, .headSection h4, .headSection h5, .headSection h6, .headSection dt, 

.subSection h1, .subSection h2, .subSection h3, .subSection h4, .subSection h5, .subSection h6, .subSection dt { font-weight:bold; }

/* ------ password ------ */

.headSection input[type="password"], 

.subSection input[type="password"] { height:1.2em; font-family:arial; ime-mode:disabled; }

/* ------ button ------ */

.headSection input[type="submit"], .headSection input[type="reset"], .headSection input[type="button"], .headSection input[type="image"], 

.subSection input[type="submit"], .subSection input[type="reset"], .subSection input[type="button"], .subSection input[type="image"] { cursor:pointer; }

/* ------ file ------ */

.headSection input[type="file"], 

.subSection input[type="file"] { height:20px; }



/*===================================================================

	common

===================================================================*/

.headSection, 

.subSection {

	font-size:87.5%; /* font-size:14px; */

}



.headSection div, .headSection dl, .headSection dl dt, .headSection dl dd,

.headSection p, .headSection ul, .headSection ul li, 

.subSection div, .subSection dl, .subSection dl dt, .subSection dl dd,

.subSection p, .subSection ul, .subSection ul li {

	line-height:1.5 !important;

	letter-spacing:0 !important;

}

#popup .contents hr {  display:block !important; line-height:1.5 !important; font-size:100% !important; }

/*===================================================================

	contents

===================================================================*/

/* ------ headSection ------ */

.headSection {

	position:relative;

	z-index:900;

	padding-bottom:20px;

}

/*.headSection.lineS {

	padding-bottom:0 !important;

}*/

.headSection .innerBlock {

	width:960px;

	margin:0 auto;

}

.headSection .ttl {

	float:left;

	width:520px;

	/*height:40px;*/

	overflow:hidden;

}

.headSection .aside {

	float:right;

	width:433px;

	padding-top:18px;

}

.headSection .ttl h1,

.headSection .ttl p {

	display:inline-block;

	/display:inline;

	/zoom:1;

	vertical-align:bottom;

	width:auto;

	/width:1%;

	height:auto;

	/height:1%;

	line-height:1.5;

	padding-left:15px;

	background:url(/common/images/bg_dline_01.gif) repeat-y left top;

}

.headSection .ttl p.productsLogo {
	width:auto;
	
	height:auto;
	
	padding-right:15px;

	padding-left:0;

	background:none;

}



.headSection .aside { }

.headSection .aside .sns {

	float:left;

	width:117px;

	overflow:hidden;

}

.headSection .aside .sns li {

	display:inline;

	padding-left:7px;

}

.headSection .aside .guide {

	float:right;

	width:157px;

}

.headSection .aside .guide ul {

	position:relative;

	z-index:997;

}

.headSection .aside .guide li {

	/display:inline;

	float:left;

	width:141px;

	padding-left:16px;

}

.headSection .aside .guide li ul {

	display:none;

	position:absolute;

	top:100%;

	z-index:998;

	width:141px;

	font-size:79%; /* font-size:11px; */

	border-bottom:1px solid #E5E5E5;

	background-color:#FFFFFF;

}

.headSection .aside .guide li ul li {

	/display:block;

	float:none;

	width:121px;

	padding:10px;

	background:#FFF url(/common/images/bg_model_01.gif) repeat-x left top;

}

.headSection .aside .guide li a {

	display:block;

	width:100%;

	height:100%;

}

.headSection .purchase {
	width:141px;
	height:23px;

}

.headSection .purchase a {
	display:block;
	width:100%;
	height:23px;
	background:url(/common/images/bt_purchase_01_on.gif) no-repeat left top;

}

.headSection .purchase a:hover img {

	visibility:hidden;

}



/* ------ subSection ------ */

.subSection {

	width:960px;

	margin:0 auto;

}

.subSection .modelNav {

	width:800px;

	margin:0 auto;

}

.subSection .modelNav li {

	display:inline;

} 
.subSection .subNav .ttl {
	padding:12px 15px 10px 15px;
	background-color:#FAFAFA;
}
.subSection .subNav .listBlock {
	padding:0 15px;
	border-top:1px solid #E5E5E5;
}
.subSection .subNav .listBlock .list li {
	padding:10px 0;
	background:url(/common/images/bg_dline_02.gif) repeat-x left bottom;
}
.subSection .subNav .listBlock .list li.last {
	background:none;
}
.subSection .subNav .layCol01 {
	float:left;
	width:460px;
}
.subSection .subNav .layCol02 {
	float:right;
	width:460px;
}
.subSection .subNav .layCol01,
.subSection .subNav .layCol02 {
	border:1px solid #E5E5E5;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
}
.subSection .subNav .list {
	font-size:85%; /* font-size:12px; */
}
.subSection .otherNav {
	margin-top:15px;
}
.subSection .otherNav ul {
	font-size:85%;
}
.subSection .otherNav li {
	display:inline;
	padding-right:15px;
}


/*===================================================================

	module

===================================================================*/

/* ------ iLink ------ */

.headSection .iLink01, 

.subSection .iLink01 { display:block; padding:0 0 0 21px; background:url(/common/images/ico_link_01.gif) no-repeat left top; }

.headSection .iLink02, 

.subSection .iLink02 { display:inline-block; /display:inline; /zoom:1; padding:0.2em 0 0 21px; background:url(/common/images/ico_link_01.gif) no-repeat left 0.2em; }



/* ------ iPop ------ */

.iPop01, 

.iPop01 { display:inline-block; /display:inline; /zoom:1; }

.iPop01 img, 

.iPop01 img { margin-right:5px; vertical-align:-2px; }

a.iPop01 img, 

a.iPop01 img { margin-right:5px; margin-left:5px; vertical-align:-1px; }



.iPop01 a:link, 

a.iPop01:link    { color:#005AB4; text-decoration:none; }

.iPop01 a:visited, 

a.iPop01:visited { color:#005AB4; text-decoration:none; }

.iPop01 a:hover, 

a.iPop01:hover   { color:#005AB4; text-decoration:underline; }

.iPop01 a:active, 

a.iPop01:active  { color:#005AB4; text-decoration:underline; }



/* ------ iDown ------ */

.headSection .iDown01, 

.subSection .iDown01 { display:block; padding:0 0 0 21px; background:url(/common/images/ico_down_01.gif) no-repeat left top; }

.headSection .iDown02, 

.subSection .iDown02 { display:inline-block; /display:inline; /zoom:1; padding:0.2em 0 0 21px; background:url(/common/images/ico_down_01.gif) no-repeat left 0.2em; }



/* ------ myEpson ------ */

.headSection .myEpson, 

.subSection .myEpson { display:inline-block; /display:inline; /zoom:1; }

.headSection .myEpson img, 

.subSection .myEpson img { margin-right:5px; vertical-align:-7px; }



/* ------ headMod ------ */

.headMod01 { font-size:143%; } /* font-size:20px; */

.headMod02 { font-size:129%; } /* font-size:18px; */

.headMod03 { font-size:115%; } /* font-size:16px; */



/* ------ table ------ */

.headSection .tblMod01, 

.subSection .tblMod01 { width:100%; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-collapse:collapse; }

.headSection .tblMod01 th, 

.subSection .tblMod01 th { background-color:#FAFAFA; }

.headSection .tblMod01 th, 

.headSection .tblMod01 td, 

.subSection .tblMod01 th, 

.subSection .tblMod01 td { padding:15px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }