@charset "utf-8";

/* ****************************************************
  layout styles
***************************************************** */

/* CSS for common setting
=========================================*/
body {
	background: #f3f3f3 url(/common/images/bg.gif) repeat-y scroll left top;
/*	text-align: center;*/
}

#pageContainer {
	width: 940px;
/*	margin: 0 auto;*/
	background-color: #FFFFFF;
	text-align: left;
}

/* Header
=========================================*/
#header .naviSpeak {
	display: none;
}
.headLogomark{
	width:121px;
	height:72px;
	font-size:0px;
	text-align:right;
	float:left;
}
/* ロゴ本体 */
.headLogomark img{
	margin-top:16px;
}

#header .epsonLink {
	float: left;
	padding-left: 21px;
}
#header .epsonLink li {
	float: left;
	margin-top: 35px;
}
#header .logo2 {
	float: right;
	padding-bottom: 6px;
}

/* fontsizeSwitch */
#header #fontsizeSwitch {
	float: left;
	margin: 18px 0 0 271px;
}
#header #fontsizeSwitch dt {
	float: left;
	padding: 5px 3px 0 0;
}
#header #fontsizeSwitch dd {
	float: left;
	width: 22px;
	height: 23px;
	padding-left: 3px;
}
#header #fontsizeSwitch dd span {
	display: block;
	width: 22px;
	height: 23px;
	line-height: 0;
	background: url(/common/images/font_bt01.gif) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	cursor: pointer;
}
/* OFF */
#header #fontsizeSwitch dd#fontSmall span {
	background-position: 0 0;
}
#header #fontsizeSwitch dd#fontMedium span {
	background-position: -25px 0;
}
#header #fontsizeSwitch dd#fontLarge span {
	background-position: -50px 0;
}
/* ON */
#header #fontsizeSwitch dd#fontSmall span.current-fontsize,
#header #fontsizeSwitch dd#fontSmall span.hover {
	background-position: 0 -25px;
}
#header #fontsizeSwitch dd#fontMedium span.current-fontsize,
#header #fontsizeSwitch dd#fontMedium span.hover {
	background-position: -25px -25px;
}
#header #fontsizeSwitch dd#fontLarge span.current-fontsize,
#header #fontsizeSwitch dd#fontLarge span.hover {
	background-position: -50px -25px;
}

/* globalNavi */
#header #globalNavi {
	clear: both;
	width: 920px;
	padding: 0 10px;
	background: url(/common/images/header_bg01.gif) repeat-x 0 0;
}
* html #header #globalNavi {/* before IE6 hacks */
	width: 940px;
}
#header #globalNavi li {
	float: left;
}

/* siteUtility */
#header #siteUtility {
	margin-top: 1px;
	padding: 0 9px 5px;
	background-color: #eeeeee;
}
#header #siteUtility .siteUtility-inner {
	float: right;
}
#header #siteUtility .siteLink {
	float: left;
	padding: 10px 17px 0 8px;
	background: url(/common/images/com_ic07.gif) no-repeat 0 1.2em;
}
#header #siteUtility .search {
	float: left;
	width: 250px;
	padding: 6px 9px 0 0;
}
*:first-child+html #header #siteUtility .search {/* for IE7 */
	width: 251px;
}
* html #header #siteUtility .search {/* before IE6 hacks */
	width: 260px;
}
#header #siteUtility .search legend {
	display: none;
}
#header #siteUtility .search input {
	vertical-align: middle;
}
#header #siteUtility .search #MF_form_phrase {
	width: 182px;
	min-height: 16px;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #c0c0c0;
}
* html #header #siteUtility .search #textfield {/* before IE6 hacks */
	width: 188px;
	padding: 3px;
}
#header #siteUtility .login {
	float: left;
	width: 113px;
	padding: 6px 0 0 0;
}


/* mainContainer
=========================================*/
#mainContainer {
	width: 920px;
	margin: 10px 10px 0;
	background: url(/common/images/com_bg01.gif) repeat-y 100% 0;
}

/* asideLeft */
#mainContainer #asideLeft {
	float: left;
	width: 184px;
	margin-top: 15px;
}
#mainContainer #asideLeft ul.localNavi {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
#mainContainer #asideLeft ul.localNavi li {
	border-bottom: 1px solid #dddddd;
	background: #e7e7e7 url(/common/images/asideLeft_bt01.gif) no-repeat 163px 11px;
}
#mainContainer #asideLeft ul.localNavi li.current {
	background-color: #e5eeff;
	background-image: url(/common/images/asideLeft_bt01on.gif);
}
#mainContainer #asideLeft ul.localNavi li span {
	display: block;
	border: 1px solid #FFFFFF;
	background: url(/common/images/asideLeft_bg01.gif) no-repeat 0 10px;
	padding: 8px 22px 8px 8px;
	font-weight: bold;
	zoom: 1;
}
#mainContainer #asideLeft ul.localNavi li ul {
	margin-bottom: -1px;
	border-top: 1px solid #dddddd;
}
#mainContainer #asideLeft ul.localNavi li ul.open {
	display: block;
}
#mainContainer #asideLeft ul.localNavi li ul li {
	background: #FFFFFF;
}
#mainContainer #asideLeft ul.localNavi li ul li a {
	display: block;
	padding: 8px 8px 8px 17px;
	color: #333333;
	zoom: 1;
}
#mainContainer #asideLeft ul.localNavi li ul li.current a,
#mainContainer #asideLeft ul.localNavi li ul li a:hover {
	border: 1px solid #FFFFFF;
	padding: 7px 8px 7px 17px;
	background: #cadcff;
	font-weight: bold;
	text-decoration: none;
}

/* contentsContainer */
#mainContainer #contentsContainer {
	float: right;
	width: 716px;
}

/* contents */
#mainContainer #contentsContainer #contents {
	float: left;
	width: 512px;
	margin-top: 15px;
}

/* asideRight */
#mainContainer #contentsContainer #asideRight {
	float: right;
	width: 184px;
	padding: 15px 0 4px;
	background: url(/common/images/com_bg13.gif) repeat-x 0 0;
}

#mainContainer #contentsContainer #asideRight .asideBox {
	padding: 5px 4px 4px;
}
#mainContainer #contentsContainer #asideRight .asideTop {
	width: 184px;
	text-align: center;
	background-color: #FFFFFF;
}
#mainContainer #contentsContainer #asideRight .asideTop .section {
	border: solid 1px #dddddd;
	border-top: none;
}
#mainContainer #contentsContainer #asideRight .asideTop .newRegistration {
	margin: 8px 0;
}
#mainContainer #contentsContainer #asideRight dl dt {
	font-weight: bold;
	text-align: left;
}
#mainContainer #contentsContainer #asideRight dl dt span {
	font-weight: normal;
}
#mainContainer #contentsContainer #asideRight dl dd ul {
	padding: 0 5px 5px;
}
#mainContainer #contentsContainer #asideRight dl dd ul li {
	padding-left: 0.65em;
	padding-bottom: 1px;
	text-indent: -0.65em;
}

#mainContainer #contentsContainer #asideRight .asideMiddle {
	background-color: #FFFFFF;
	border: solid 1px #dddddd;
	margin-top: 5px;
	padding: 5px 4px;
}

#mainContainer #contentsContainer #asideRight .asideMiddle h2{
    margin-top:0;
    background: #004098;
    padding: 6px;
    color: #fff;
    font-weight: bold;
}

#mainContainer #contentsContainer #asideRight .asideMiddle h3{
	margin:10px 0 5px;
    border-left: #004098 2px solid;
    background-color: #f7f7f7;
    padding: 6px;
    font-weight: bold;
}

#mainContainer #contentsContainer #asideRight .asideMiddle p{
    padding: 0 10px;
}

#mainContainer #contentsContainer #asideRight dl.box01 {
	margin-top: -1px;
	padding: 4px 5px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
}
#mainContainer #contentsContainer #asideRight dl.box01 dd.text {
	padding: 4px 4px 2px;
}
#mainContainer #contentsContainer #asideRight dl.box01 dd.text02 {
	padding: 4px 0px 2px;
}
#mainContainer #contentsContainer #asideRight dl.box01 dd.text02 .imageBox {
	display: block;
	float: left;
	width: 50px;
}
#mainContainer #contentsContainer #asideRight dl.box01 dd.text02 .texbox {
	display: block;
	float: left;
	width: 114px;
}
#mainContainer #contentsContainer #asideRight h2 {
	margin-top: 10px;
}
#mainContainer #contentsContainer #asideRight .bannerLink {
	margin-top: 5px;
}

/* 新着情報一覧 */
#mainContainer #contentsContainer #asideRight #asideRightNew {
	padding:10px 0 0 20px;
}


/* no-asideLeft
-----------------------------------------*/
body#other #mainContainer #contentsContainer {
	float: none;
	width: 920px;
}
body#other #mainContainer #contentsContainer #contents {
	width: 696px;
	padding-left: 20px;
}
* html body#other #mainContainer #contentsContainer #contents {/* before IE6 hacks */
	width: 716px;
}

/* PageTop in contents
-----------------------------------------*/
#contents .pagetop {
	padding: 30px 0 5px 0;
	background: url(/common/images/com_bg02.gif) repeat-x 0 100%;
}

/* PageTop
=========================================*/
.pagetop {
	padding: 19px 10px 0 0;
}
.pagetop a {
	display: block;
	float: right;
	padding-left: 8px;
	background: url(/common/images/com_ic01.gif) no-repeat 0 0.43em;
}


/* Footer
=========================================*/
#footer .footerLink {
	overflow: hidden;
	clear: right;
	margin: 2px 0 7px 0;
}
#footer .footerLink li {
	float: left;
	margin-left: -1px;
	padding: 0 11px 0 12px;
	border-left: 1px solid #cccccc;
}
#footer .copyright {
	padding: 9px 0px 24px;
	border-top: 1px solid #cccccc;
}

/* Clear fix
=========================================*/
#header:after,
#header #fontsizeSwitch:after,
#header #globalNavi:after,
#header #siteUtility:after,
#header #siteUtility .siteUtility-inner:after,
#mainContainer:after,
#mainContainer #contentsContainer:after,
.pagetop:after,
#footer .footerLink:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

#header,
#header #fontsizeSwitch,
#header #globalNavi,
#header #siteUtility,
#header #siteUtility .siteUtility-inner,
#mainContainer,
#mainContainer #contentsContainer,
.pagetop,
#footer .footerLink {
	zoom: 1;
}

*:first-child+html #header,
*:first-child+html #header #fontsizeSwitch,
*:first-child+html #header #globalNavi,
*:first-child+html #header #siteUtility,
*:first-child+html #header #siteUtility .siteUtility-inner,
*:first-child+html #mainContainer,
*:first-child+html #mainContainer #contentsContainer,
*:first-child+html .pagetop,
*:first-child+html #footer .footerLink {/* for IE7 */
	display:inline-table;
}

/* faqBtn
=========================================*/
.poR{
	position:relative;
}

.faqBtn{
position: absolute;
    bottom: 4px;
    right: 0;
}

.S_faqBtn{
position: absolute;
    top: -48px;
    right: 0;
}

/* faqアコーディオン
=========================================*/

.child {
    display: none;
}

.contentsFaQ{
background-color: #0059B3;
margin-bottom:2px;
margin-left:0px;
}

.contentsFaQ .toggle{
color: #FFFFFF;
    font-weight: 600;
   background: url(/support/images/icon_accd_01.png) no-repeat 98% 50%;
   display: block;
   padding: 10px 32px 9px 3em;
   text-indent: -1.8em;
}

.contentsFaQ .toggle.active{
   background: url(/support/images/icon_accd_02.png) no-repeat 98% 50%;
}

.contentsFaQ .inner{
background: #fff;
padding-left:9px;
}

.mb30{
margin-bottom:30px;
}

.mt5{
margin-top:5px;
}

.contentsFaQ{
}

.contentsFaQ .list{
width: 503px;
padding: 10px;
text-indent: -1.5em;
padding-left: 2em;
box-sizing: border-box;
}

.anser{
font-weight:bold;
color: #E60000 !important;
}

.listStyle{
    padding-left: 30px;

}

.contentsFaQ .versionTable {
box-sizing: border-box;
margin-left: 30px;
}
.contentsFaQ .versionTable td {
width:200px;
border: 1px solid;
padding: 5px;
}

.indent{
padding-left: 2.5rem;
text-indent: -2.5rem;
}

.fwM{
font-size:110%;
}



/* 前のページへ戻るボタン
=========================================*/
.previousPageBtn{
text-align: right;
}