@charset "utf-8";

/*****************************************************************************
 Basic
 *****************************************************************************/
.padding {
	padding:15px 15px 5px 15px;
}
.paddingS {
	padding:10px 10px 1px 10px;
}

.paragraph {
	width:100%;
	margin-bottom:2em;
}

/*****************************************************************************
 Box Style
 *****************************************************************************/
.box-style01, .box-style02, .box-style11, .box-style12, .box-style21, .box-style22, .box-style25 {
	border-top:1px solid #d9e8f7;
	border-bottom:1px solid #d9e8f7;
}

.box-style-notice {
	border-top:1px solid #fe8141;
	border-bottom:1px solid #fe8141;
}

.box-style-noticeG {
	border-top:1px solid #a1cd3a;
	border-bottom:1px solid #a1cd3a;
}

.box-style01 .head01, .box-style02 .head01 {
	background:#d9e8f7;
	padding:5px 15px;
	margin-bottom:0;
}
.box-style11 .head01, .box-style12 .head01 {
	background:#d9e8f7;
	padding:5px 15px;
	margin-bottom:0;
}
.box-style-notice .head11 {
	background:#fe8141;
	padding:3px 10px;
	margin-bottom:0;
}

.box-style-noticeG .head11 {
	background:#a1cd3a;
	padding:3px 10px;
	margin-bottom:0;
}

.box-style01 .head01, .box-style02 .head01 {
	background:#d9e8f7;
	padding:5px 15px;
	margin-bottom:0;
}

.blbkgd, .box-style01, .box-style02, .box-style03, .box-style04 {
	width:65%;
	margin-bottom:1em;
}
.blbkgd, .box-style05, .box-style06 {
	width:55%;
	margin-bottom:1em;
}
.blbkgd, .box-style11, .box-style12, .box-style13, .box-style14 {
	width:445px;
	margin-bottom:1em;
}
.blbkgd, .box-style15, .box-style16 .box-style-notice .box-style-noticeG {
	width:100%;
	margin-bottom:1em;
}

.blbkgd, .box-style21, .box-style22, .box-style23, .box-style24, .box-style25 {
	width:100%;
	margin-bottom:1em;
}
.dotted-box01 {
	width:100%;
	margin-bottom:1em;
}
.dotted-box11 {
	width:100%;
	margin-bottom:1em;
}

/*****************************************************************************
 Border Lines Background Style
 *****************************************************************************/
.blbkgd {
	background:url("/common/img/bkgd_border_lines.gif");
}

/*****************************************************************************
 Box Style
 *****************************************************************************/
.box-style01 {
	background:url(/common/img/box_style01_bkgd.gif) repeat-y;
}

.box-style02 {
	background:url(/common/img/box_style02_bkgd.gif) repeat-y;
}
.box-style03 {
	background:#F2F7FC;
}
.box-style04 {
	background:#f8f8f8;
}
.box-style05 {
	background:#F2F7FC;
}
.box-style06 {
	background:#F2F7FC;
}
.box-style11 {
	background:url(/common/img/box_style11_bkgd.gif) repeat-y;
}
.box-style12 {
	background:url(/common/img/box_style12_bkgd.gif) repeat-y;
}
.box-style13 {
	background:#F2F7FC;
}
.box-style14 {
	background:#f8f8f8;
}
.box-style15 {
	background:#F2F7FC;
}
.box-style16 {
	background:#f8f8f8;
}
.box-style21 {
	background:url(/common/img/box_style21_bkgd.gif) repeat-y;
}
.box-style22 {
	background:url(/common/img/box_style22_bkgd.gif) repeat-y;
}
.box-style23 {
	background:#F2F7FC;
}
.box-style24 {
	background:#f8f8f8;
}	
.box-style25 {
	background:url(/common/img/box_style25_bkgd.gif) repeat-y;
}
.box-style-notice {
	background:url(/common/img/box_stylenotice_bkgd.gif) repeat-y;
}	

.box-style-noticeG {
	background:url(/common/img/box_stylenoticeG_bkgd.gif) repeat-y;
}

/*****************************************************************************
 Dotted Box Style
 *****************************************************************************/
.dotted-box01 {
	background:url(/common/img/box_dotted01_bkgd.gif) repeat-y;
}
.dotted-box01 .top {
	width:100%;
	background:url(/common/img/box_dotted01_bkgd_top_bot.gif) no-repeat left top;
}
.dotted-box01 .bot {
	width:100%;
	background:url(/common/img/box_dotted01_bkgd_top_bot.gif) no-repeat left bottom;
}

.dotted-box11 {
	background:url(/common/img/box_dotted11_bkgd.gif) repeat-y;
}
.dotted-box11 .top {
	width:100%;
	background:url(/common/img/box_dotted11_bkgd_top_bot.gif) no-repeat left top;
}
.dotted-box11 .bot {
	width:100%;
	background:url(/common/img/box_dotted11_bkgd_top_bot.gif) no-repeat left bottom;
}

/*****************************************************************************
 Box Cols
 *****************************************************************************/
.col2-inbox, .col2-outbox, .col3-outbox, .col2list {
	width:100%;
	margin-bottom:1em;
}

.col33-outbox{
	width:100%;
}


.col2-inbox .left, .col2-outbox .left, .col3-outbox .left, .col33-outbox .left, .col2list .left {
	float:left;
}
.col2-inbox .right, .col2-outbox .right, .col3-outbox .right, .col33-outbox .right, .col2list .right {
	float:right;
}

/*****************************************************************************
 Box in 2 Col
 *****************************************************************************/
.col2-inbox .left, .col2-inbox .right {
	width:270px;
}

/*****************************************************************************
 Box out 2 Col
 *****************************************************************************/
.col2-outbox .left, .col2-outbox .right {
	width:330px;
}

/*****************************************************************************
 Box out 3 Col
 *****************************************************************************/
.col3-outbox .left, .col3-outbox .right {
	width:180px;
}
.col3-outbox .left {
	margin-right:10px;
}

/*****************************************************************************
 3 col(33%) List
 *****************************************************************************/

.col33-outbox .left, .col33-outbox .right {
	width:33.3%;
}


/*****************************************************************************
 2 col List
 *****************************************************************************/
.col2list .left {
	display:block;
	width:110px;
}
.col2list .right {
	display:block;
	width:590px;
}
.col2list p {
	width:100%;
}

/*****************************************************************************
 Flash
 *****************************************************************************/
.flash {
	width:100%;
	margin-bottom:1em;
}


/*****************************************************************************
 SOCIAL RESPONSIBILITY
 *****************************************************************************/
.col2_left_w450{
  float:left;
  width : 450px;
}

.col2_right_w200{
  float:right;
  width : 200px;
}

.col2_left_w200s{
 float:left;
 width : 200px;
 margin-bottom:20px;
}

.col2_right_w200s{
 float:right;
 width : 200px;
 margin-bottom:20px;
}


.col2_left_w160s{
 float:left;
 width : 160px;
}

.col2_right_w160s{
 float:right;
 width : 160px;
}


.col2_left_w320{
 float:left;
 width : 320px;
 margin-bottom:20px;
}

.col2_right_w320{
 float:right;
 width : 320px;
 margin-bottom:20px;
}


/* company_epson_way_index.html */

.col2_right_w260{
 float:right;
 width : 260px;
}

.col2_left_w390{
 float:left;
 width : 390px;
}

/* end company_epson_way_index.html */


/* mainpage col */
.col2_left_w580{
	float:left;
	width:580px;
}


.col2_right_w280{
	float:right;
	width:280px;
}

/* end mainpage col */



/* ir top data archive col */
.col2_left_w270{
	float:left;
	width:270px;
	margin:10px 0px 10px 10px;
}


.col2_right_w270{
	float:right;
	width:280px;
	margin:10px 0px 10px 10px;
}

/* end ir top data archive col */


/* driver.html col */

.col2_left_w670{
	float:left;
	width:670px;
}

/* end driver.html col */

.col2_left_w50p{
	float:left;
	width:50%;
}

.col2_right_w50p{
	float:right;
	width:50%
}

.col2_left_w48p{
	float:left;
	width:48%;
}

.col2_right_w48p{
	float:right;
	width:48%
}
  
  
  
.col2_left_w100{
	float:left;
	width:100px;
}


.col2_right_w530{
	float:right;
	width:530px;
}




.right20{
 float:right;
 margin-left:20px;
 margin-bottom:20px;
}

.right20 span.caption {
	display:block;
	padding-top:5px;
	font-size:0.9em;
	line-height:1.2em;
	color:#666666;
}



.left20 {
 float:left;
 margin-left:20px;
 margin-bottom:20px;
}

.left20 span.caption {
	display:block;
	padding-top:5px;
	font-size:0.9em;
	line-height:1.2em;
	color:#666666;
}


.left30{
 float:left;
 margin-left:30px;
 margin-bottom:20px;
}

.left40{
 float:left;
 margin-left:40px;
 margin-bottom:20px;
}

.col2_left_w20p{
	float:left;
	width:20%;
}

.col2_right_w80p{
	float:right;
	width:80%;
}

.col2_left_w30p{
	float:left;
	width:30%;
}

.col2_right_w70p{
	float:right;
	width:68%;
}



/* 201103 CIE Start */

.col2_left_w445{
	float: left;
	width: 445px;
}
.col2_right_w445{
	float: right;
	width: 445px;
}
.col2_left_w170{
	float: left;
	width: 170px;
	margin-right: 15px;
}

.cieBox{
	margin-bottom: 3em;
	border-bottom: 1px solid #ccc;
	/zoom: 1;
}

/* 201103 CIE End */

.areaNotice {
    background:url("/common/img/notice_bg.gif") bottom no-repeat;}
.areaNotice .ico_arr {
    padding:2px 0px 2px 10px;
	background: url("/common/img/ic_arro.gif") no-repeat 1px 6px;}

@charset "utf-8";

/*****************************************************************************
 Basic
 *****************************************************************************/
.padding {
	padding:15px 15px 5px 15px;
}
.paragraph {
	width:100%;
	margin-bottom:2em;
}

/*****************************************************************************
 Box Style
 *****************************************************************************/
.box-style01, .box-style02, .box-style11, .box-style12, .box-style21, .box-style22, .box-style25 {
	border-top:1px solid #d9e8f7;
	border-bottom:1px solid #d9e8f7;
}
.box-style01 .head01, .box-style02 .head01 {
	background:#d9e8f7;
	padding:5px 15px;
	margin-bottom:0;
}
.box-style11 .head01, .box-style12 .head01 {
	background:#d9e8f7;
	padding:5px 15px;
	margin-bottom:0;
}
.box-style21 .head01, .box-style22 .head01, .box-style25 .head01 {
	background:#d9e8f7;
	padding:5px 15px;
	margin-bottom:0;
}

.blbkgd, .box-style01, .box-style02, .box-style03, .box-style04 {
	width:65%;
	margin-bottom:1em;
}
.blbkgd, .box-style05, .box-style06 {
	width:55%;
	margin-bottom:1em;
}
.blbkgd, .box-style11, .box-style12, .box-style13, .box-style14 {
	width:445px;
	margin-bottom:1em;
}
.blbkgd, .box-style15, .box-style16 {
	width:100%;
	margin-bottom:1em;
}

.blbkgd, .box-style21, .box-style22, .box-style23, .box-style24, .box-style25 {
	width:100%;
	margin-bottom:1em;
}
.dotted-box01 {
	width:100%;
	margin-bottom:1em;
}
.dotted-box11 {
	width:100%;
	margin-bottom:1em;
}

/*****************************************************************************
 Border Lines Background Style
 *****************************************************************************/
.blbkgd {
	background:url("/common/img/bkgd_border_lines.gif");
}

/*****************************************************************************
 Box Style
 *****************************************************************************/
.box-style01 {
	background:url(/common/img/box_style01_bkgd.gif) repeat-y;
}
.box-style02 {
	background:url(/common/img/box_style02_bkgd.gif) repeat-y;
}
.box-style03 {
	background:#F2F7FC;
}
.box-style04 {
	background:#f8f8f8;
}
.box-style05 {
	background:#F2F7FC;
}
.box-style06 {
	background:#F2F7FC;
}
.box-style11 {
	background:url(/common/img/box_style11_bkgd.gif) repeat-y;
}
.box-style12 {
	background:url(/common/img/box_style12_bkgd.gif) repeat-y;
}
.box-style13 {
	background:#F2F7FC;
}
.box-style14 {
	background:#f8f8f8;
}
.box-style15 {
	background:#F2F7FC;
}
.box-style16 {
	background:#f8f8f8;
}
.box-style21 {
	background:url(/common/img/box_style21_bkgd.gif) repeat-y;
}
.box-style22 {
	background:url(/common/img/box_style22_bkgd.gif) repeat-y;
}
.box-style23 {
	background:#F2F7FC;
}
.box-style24 {
	background:#f8f8f8;
}	
.box-style25 {
	background:url(/common/img/box_style25_bkgd.gif) repeat-y;
}

/*****************************************************************************
 Dotted Box Style
 *****************************************************************************/
.dotted-box01 {
	background:url(/common/img/box_dotted01_bkgd.gif) repeat-y;
}
.dotted-box01 .top {
	width:100%;
	background:url(/common/img/box_dotted01_bkgd_top_bot.gif) no-repeat left top;
}
.dotted-box01 .bot {
	width:100%;
	background:url(/common/img/box_dotted01_bkgd_top_bot.gif) no-repeat left bottom;
}

.dotted-box11 {
	background:url(/common/img/box_dotted11_bkgd.gif) repeat-y;
}
.dotted-box11 .top {
	width:100%;
	background:url(/common/img/box_dotted11_bkgd_top_bot.gif) no-repeat left top;
}
.dotted-box11 .bot {
	width:100%;
	background:url(/common/img/box_dotted11_bkgd_top_bot.gif) no-repeat left bottom;
}

/*****************************************************************************
 Box Cols
 *****************************************************************************/
.col2-inbox, .col2-outbox, .col3-outbox, .col2list {
	width:100%;
	margin-bottom:1em;
}
.col2-inbox .left, .col2-outbox .left, .col3-outbox .left, .col2list .left {
	float:left;
}
.col2-inbox .right, .col2-outbox .right, .col3-outbox .right, .col2list .right {
	float:right;
}

/*****************************************************************************
 Box in 2 Col
 *****************************************************************************/
.col2-inbox .left, .col2-inbox .right {
	width:270px;
}

/*****************************************************************************
 Box out 2 Col
 *****************************************************************************/
.col2-outbox .left, .col2-outbox .right {
	width:330px;
}

/*****************************************************************************
 Box out 3 Col
 *****************************************************************************/
.col3-outbox .left, .col3-outbox .right {
	width:180px;
}
.col3-outbox .left {
	margin-right:10px;
}

/*****************************************************************************
 2 col List
 *****************************************************************************/
.col2list .left {
	display:block;
	width:110px;
}
.col2list .right {
	display:block;
	width:590px;
}
.col2list p {
	width:100%;
}

/*****************************************************************************
 Flash
 *****************************************************************************/
.flash {
	width:100%;
	margin-bottom:1em;
}


/*****************************************************************************
 SOCIAL RESPONSIBILITY
 *****************************************************************************/
.col2_left_w450{
  float:left;
  width : 450px;
}

.col2_right_w200{
  float:right;
  width : 200px;
}

.col2_left_w200s{
 float:left;
 width : 200px;
 margin-bottom:20px;
}

.col2_right_w200s{
 float:right;
 width : 200px;
 margin-bottom:20px;
}


.col2_left_w160s{
 float:left;
 width : 160px;
}

.col2_right_w160s{
 float:right;
 width : 160px;
}


.col2_left_w320{
 float:left;
 width : 320px;
 margin-bottom:20px;
}


.col2_right_w320{
 float:right;
 width : 320px;
 margin-bottom:20px;
}

.col2_right_w300{
 float:right;
 width : 300px;
 margin-bottom:10px;
}

.col2_left_w360{
 float:left;
 width : 360px;
 margin-bottom:10px;
}


/* company_epson_way_index.html */

.col2_right_w260{
 float:right;
 width : 260px;
}

.col2_left_w390{
 float:left;
 width : 390px;
}

/* end company_epson_way_index.html */


/* mainpage col */
.col2_left_w580{
	float:left;
	width:580px;
}


.col2_right_w280{
	float:right;
	width:280px;
}

/* end mainpage col */



/* ir top data archive col */
.col2_left_w270{
	float:left;
	width:270px;
	margin:10px 0px 10px 10px;
}


.col2_right_w270{
	float:right;
	width:270px;
	margin:10px 0px 10px 10px;
}

/* end ir top data archive col */


/* driver.html col */

.col2_left_w670{
	float:left;
	width:670px;
}

/* end driver.html col */

.col2_left_w50p{
	float:left;
	width:50%;
}

.col2_right_w50p{
	float:right;
	width:50%
}
  
  
.col2_left_w100{
	float:left;
	width:100px;
}


.col2_right_w530{
	float:right;
	width:530px;
}




.right20{
 float:right;
 margin-left:20px;
 margin-bottom:20px;
}

.right20 span.caption {
	display:block;
	padding-top:5px;
	font-size:0.9em;
	line-height:1.2em;
	color:#666666;
}



.left20 {
 float:left;
 margin-left:20px;
 margin-bottom:20px;
}

.left20 span.caption {
	display:block;
	padding-top:5px;
	font-size:0.9em;
	line-height:1.2em;
	color:#666666;
}


.left30{
 float:left;
 margin-left:30px;
 margin-bottom:20px;
}

.left40{
 float:left;
 margin-left:40px;
 margin-bottom:20px;
}

.col2_left_w20p{
	float:left;
	width:20%;
}

.col2_right_w80p{
	float:right;
	width:80%;
}

/* 201103 CIE Start */

.col2_left_w445{
	float: left;
	width: 445px;
}
.col2_right_w445{
	float: right;
	width: 445px;
}
.col2_left_w170{
	float: left;
	width: 170px;
	margin-right: 15px;
}

.cieBox{
	margin-bottom: 3em;
	border-bottom: 1px solid #ccc;
	/zoom: 1;
}

/* 201103 CIE End */

<!----2014 col.css から移動------------------------------->

/* 左メインカラム分け */
.SEC_colL { 
		float:left;
		width:650px;
	}

.SEC_colR {
		float:right;
		width:280px;
	}

/** [フロート]**/


.SEC_left{float:left;}
.SEC_right{float:right;}
.SEC_clear{clear:both;}

.SEC_clearWH1{width:1px;height:1px;}

<!----2014 col.css から移動------------------------------->


/* 201310 Semicon追加分 */
<!----------------------------------->
.areaNotice {

    background:url("/common/img/notice_bg.gif") bottom no-repeat;}
.areaNotice .ico_arr {
    padding:2px 0px 2px 10px;
	background: url("/common/img/ic_arro.gif") no-repeat 1px 6px;}
	
.img_ttl {line-height:0;
		width:100%;
}	

.infobox {
	
	padding-top:10px;
	padding-bottom:8px;
	margin-bottom:1em;
        background-color:#d9e8f7;
}

.infobox_np {
	
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:1em;
        background-color:#d9e8f7;
}

	
	
	