/*-------------------------------*/
/* 共通スタイル                  */
/*-------------------------------*/

/* bodyスタイル */
body{
font-family:  Verdana, Arial, Helvetica, sans-serif;
margin:0 auto;
width:725px;
padding:0;
background:#fff;
line-height:140%;
font-size:12px;
color:#333;

background: rgb(243, 243, 243) url(/images/myepson/page_bg.gif) repeat-y center ;



}

/* コンテナ(メイン領域) */
#container{
background:#fff;
width:725px;
}

/* 画像ボーダースタイル無し指定 */
img{border:0 none;}

/* デフォルトmargin、padding削除 */
h1,h2,h3,h4,h6,p,form,blockquote,select,input{
margin:0;
padding:0;
font-size:12px}

/* 回り込み解除 */
.clear{clear:both}

/* リンク色指定 */
a,
a:link,
a:visited,
a:active{
color:#0066CC;
text-decoration:none}

a:focus,
a:hover {
color:#FF9933;
text-decoration:none}

/* 見出し 右側オレンジ */
h3{
background:url(/images/myepson/h3_bg.gif) no-repeat left top;
padding:4px 4px 4px 15px;
margin-bottom:8px;
}

/* 見出し 右側オレンジ */
h4{
background:url(/images/myepson/h4_bg02.gif) no-repeat left top;
padding:8px 4px 8px 15px;
margin-bottom:8px;}

/* テキスト小サイズ */
small{font-size:10px}

/* リストタグ スタイル */
ul{list-style:disc}

/* テキスト赤 */
ul,ol{margin:0;padding:0 0 0 40px}
.redtxt{color:#FF0000}

/* textareaタグ スタイル */
textarea{
scrollbar-face-color:#cccccc;
scrollbar-track-color:#dddddd;
scrollbar-arrow-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-3dlight-color:#bbbbbb;
scrollbar-darkshadow-color:#999999;
background-color:#FFFFFF;
border:1px solid #999;
font-size:12px;
padding:2px}

/*-------------------------------*/
/* ナビメニュー                  */
/*-------------------------------*/
#head{
/*2014/08/25 背景色追加*/
/*background-color:#FFFFFF;*/
width:725px;
}



/* MyEPSONロゴ */
h1{float:right;margin:0px;padding:0px 5px 0px 0px}

/* EPSONロゴ */
h2{float:left;margin:0px;padding:15px 0px}

/* ヘッダ左側スペース */
#head
.headLeft{
/*2014/08/25 ここから*/
/*imgの配置ズレ対策*/
/*vertical-align: middle;*/
/*2014/08/25 ここまで*/
//float:left;
width:600px;
height:70px}



/* メニュー小 */
.subnav{float:right;margin:0px;padding:15px 15px 15px 0px}

/* メニュー小（トップ、ヘルプのみ) */
.subnavSmall{float:right;margin:0;padding:15px 15px 15px 0px}

/* メニュー */
.nav{
	background:url(/images/myepson/nav_bg.jpg) repeat-x;font-family:  Helvetica, sans-serif;
	padding:0px 0px 0px 10px;
	/*2014/08/25  height指定*/
	/*height: 28px;*/
}

/*2014/08/25  ここから*/
#head .dot {
	/*imgの配置ズレ対策*/
	/*vertical-align: bottom;*/
}
/*2014/08/25  ここまで*/


/* 罫線 */
.dot img{padding:0px 5px;}

/* ヘッダ枠 */
#headWide{width:725px}

/* ヘッダ左側スペース枠 */
#headWide .headLeft{float:left;
padding:7px 0px 17px 20px;
width:560px;
height:36px}

/*-------------------------------*/
/* ボタン共通スタイル            */
/*-------------------------------*/
/* --注意--
allBtn は
・ブラウザSafari3,4
・確認画面（プロファイル変更あり）
で改行されてしまうため新規使用禁止。allBtn2 を使用すること */
.allBtn{clear:both;
padding:10px 0px}
.allBtn2{clear:both;
padding:10px 0px}

.backBtn{clear:right;
padding:8px 0px;
text-align:left
}

.clearBtn{clear:right;
padding:8px 0px;
text-align:right
}


.inputBtn{
border:1px solid #999;
background:#fff;
font-size:12px}

.help_caution{
background:url(/images/myepson/multi_icon.gif) no-repeat left center;
padding:0px 0px 2px 22px;
font-size:10px;
cursor:pointer;
}

.help_caution2{
background:url(/images/myepson/multi_icon.gif) no-repeat left center;
padding:0px 0px 2px 16px;
font-size:10px;
cursor:pointer;
}

.help_caution3{
background:url(/images/myepson/multi_icon.gif) no-repeat left center;
padding:0px 0px 2px 22px;
font-size:10px;
cursor:pointer;
}

/*-------------------------------*/
/* フッタースタイル              */
/*-------------------------------*/
#foot{clear:both;margin:10px 5px;width:715px}
.pageTop{clear:right;padding:0px 10px 25px 600px;}
#footWide{clear:both;margin:10px 5px;width:780px}
.footBtn{margin:5px 0px;}
.footBtn img{padding:0px 10px;border-right:1px solid #999;}
.footBtn img.nonbdr{border:0 none}
.copy{border-top:1px solid #ccc;
padding:8px}

/*-------------------------------*/
/* line table                    */
/*-------------------------------*/
table.lineTbl{border-top:1px solid #ccc;}
table.lineTbl th{text-align:center;}
table.lineTbl td,table.lineTbl th{
border-bottom:1px solid #ccc;
padding:8px 12px;
vertical-align:top;}
table td a small{color:#666;font-size:12px;font-weight:normal}

/*-------------------------------*/
/* form(入力画面、確認画面)      */
/*-------------------------------*/
/* リード分 */
.formInner p{padding:0px 10px 10px}

/* 見出し */
.formInner h5{margin:15px 0px 5px}

/* tableタグスタイル */
.formInner table{color:#444;font-size:12px;width:705px;margin-bottom:5px;line-height:16px;border-top:1px solid #ccc}

/* thタグスタイル */
.formInner th{width:230px;padding:6px 12px;background:#e6e6e6;font-weight:normal;text-align:left;border-top:1px solid #fff;border-bottom:1px solid #ccc;border-right:1px solid #fff;font-weight:bold}

/* 必須項目 赤 */
.formInner th i{float:right}
.formInner th small{display:block;clear:both;color:#666;font-weight:normal}
.formInner i{font-style:normal;font-size:10px;color:#FF0000;padding:0px 0px 0px 10px}
.formInner td i{padding:0}

/* セル内文言 */
.formInner td p,.formInner th p{padding:8px 0px 0px}

/* captionタグ スタイル */
.formInner caption{text-align:left;padding:4px 5px}

/* tdタグ スタイル */
.formInner td{background:#F2F2F2;border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:6px 15px;}

/* 濃灰色セル */
.formInner td.dgyTd{background:#e6e6e6;}

/* 濃灰色セル2 */
.formInner td.ddgyTd,.formInner th.ddgyTd{background:#999;color:#fff;vertical-align:middle}

/* 汎用セル */
.formInner td.sample,.formInner td.sampleRed{width:170px;padding:6px 5px 6px 15px;}
.formInner td.sample,td i,.formInner td.sampleRed{font-size:10px;color:#666;font-style:normal;}
.formInner td.sampleRed{color:#FF0000}

/* inputタグ スタイル */
.formInner input{border:1px solid #999;margin:1px;padding:1px}

/* ボーダー無 */
.formInner .nonBdr{border:0 none;margin:0}
.formInner select.mgn,.formInner select.mgnWidth{margin:4px 0px}
/*.formInner select.mgnWidth,.formInner input.modeAcWidth{width:230px}*/
.formInner select.mgnWidth{width:270px}

/* inputタグ入力補助 */
.formInner input.modeAcWidth{width:230px}
.formInner input.modeAc,.formInner input.modeAcWidth{ime-mode:active}
.formInner input.modeInAc{ime-mode:inactive}

/* エラーコメント */
.formInner .errCmt{border:1px solid #e30000;padding:15px;line-height:180%}
.formInner .errCmt b{display:block;color:#e30000;margin-bottom:8px}
.formInner .errIcon{padding:0px 3px;float:right}

/*-------------------------------*/
/* 0720  追加CSS                 */
/*-------------------------------*/
td.sell01{
	background-color: #E6E6E6;
	width: 200px;
	padding-right: 0px;
}
td.sell02{
	background-color: #E6E6E6;
	padding: 7px 0px 0px 0px;
	width: 28px;
}
td.sell03{
	background-color: #E6E6E6;
	width: 20px;
	padding: 7px 0px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	color: #FF0000;
	font-weight: bold;
}
.small_gray{
	font-size: x-small;
	color: #666666;
}
table#tbl_01{
	border: 0.1mm solid #999999;
	border-collapse: collapse;/*collapseを指定することによりボーダーの結合モデルとなる*/
	empty-cells:show;/*空セルでもボーダーと背景が表示されるようになる*/
}
table#tbl_01 td{
	border: 0.1mm solid #999999;
}
table#tbl_01 td.td_bggray{
	color: #FFFFFF;
	background-color: #999999;
	text-align: center;
	font-weight: bold;
}
table#tbl_01 td.tb01{
	font-weight: bold;
	width: 85px;
	text-align: left;
}
table#tbl_01 td.tb02{
	width: 239px;
	text-align: left;
}

#header{
	width:725px;
	height:80px;
	background-color: #CCCCCC;
}
p.img_category01{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 5px;
}

p.img_category{
	text-align:center;
	padding-bottom: 5px;
}
p.img_category02{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 15px;
}

img.img_space{
	padding:0px 10px 5px;
	border: 1px solid #999999;
}

/*-------------------------------*/
/* スマートデバイス向け追加CSS   */
/*-------------------------------*/
.sBody{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width: 100%;
	background:#fff;
	line-height:140%;
	font-size:12px;
}

#sHead {
	/*2014/08/22  ここから*/
	/*ヘッダーのレイアウト崩れ対策*/
	width:100%;
	/*width:725px;*/
	/*2014/08/22  ここまで*/
}

.sH1 {
	float:right;
	margin:0px;
	padding:8px;
}

.sH2 {
	float:left;
	margin:0px;
	padding:8px;
}

.sSubnavSmall {
	position:absolute;
	left:50%;
	float:left;
	margin-left:-25px;
	padding:15px 15px 15px 0px;
}

#sMainInner {
	width:100%;
	margin:10px;
}

#s_login_top_main {
	width:100%;
	margin:0px;
}

#s_login_top_login {
	margin-bottom:30px;
}

.s_login_boxsize {
	width: 150px;
}

.sFormInner p {
	padding:0px 28px 10px 8px;
}

.sHeadMod {
	font-size:15px;
	padding:8px;
	font-weight:bold;
}

.sDot img {
	padding:0px;
}

.sAllBtn {
	clear:both;
	padding:10px 28px 10px 8px;
	text-align:center;
}

#sFoot {
	clear:both;
	margin:10px 0px;
	width:100%;
}

.sCopy {
	border-top:1px solid #ccc;
	padding:3px 8px;
}

span.sCopyright {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:72%;
}