/* organization
------------------------------------------------------*/

body     /*PSA mobile より変更*/
{
	background-color: #F3F3F3; 
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height: 1.7em;
	max-width: 1024px;
	margin: 0 auto;
	font-size: 90%;
}

li{
	font-size:1em;
}

h1
{
    font-weight: bold;
    line-height: 150%;
}

h2
{
    font-weight: bold;
    font-size: 1.5em;
    padding: 10px 3px 10px 0px;
    color: #1D3264;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    position: inherit;
	
}

h3
{
    font-weight: bold;
    font-size: 1.2em;
    padding: 0px 1px 0px 10px;
}

h4
{
    font-weight: bold;
    font-size: 1.1em;
    padding: 10px 1px 0px 0px;
}

h5
{
    font-weight: bold;
	color: #333333;
    font-size: 1em;
    display: inline;
}

/*PSA mobileより追加*/
a:link{
	color:#3d89cc;
}

/*PSA mobileより追加*/
a:visited{
	color:#26557f;
}


ul{

}


/* Component
-----------------------------------------------------*/

#Main
{
	background-color:#FFFFFF;
	padding: 3em 2em;
	margin-top: -1em;
}

#Main h2{
    padding-top: 2em;
    position: inherit;
}

#Main h3{
	margin-top: 1em;
	margin-bottom: 1em;
    display: inline;
    color: #004477;
    border-left: 0.5em #004477 solid;
}

#Main h4{
    padding: 2px 5px 2px 10px;
    display: inline;
    color: #242424;
    border-left: 0.5em silver solid;
    /*border-bottom: 1px silver solid;*/
}

#Main p{
	font-size:1em;
	line-height:1.8em;
}

#IntroductionText
{
    text-align: justify;
}

#StandardOperation
{

}

#StandardOperation li{
    margin-top: 3px;
    padding-top: 1em;
}



/* Link Box
------------------------------------------------------*/

#LinkBox
{
    width: 200px;
	float: right;
	position: relative;
    top: 25px;
	right: 25px;
    margin-top: 15px;
    margin-left: 5em;
    margin-right: 2px;
    margin-bottom: 5em;
    padding: 10px;
    display: block;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    background-color: white;
    font-size: smaller;
}

.VendorLogo
{
    margin: 0px 0px 20px 0px;
}

#LinkBox h3{
    margin-top: 1em;
    padding: 5px 0px 0px 5px;
    display: inline;
    color: #1D3264;
    border-left: 0.8em #1D3264 solid;
}

#LinkBox .Contents{
    margin-top: 0.5em;
    margin-left: 0em;
    padding-left:0.3em;
    font-size: small;
}
#LinkBox .SubContents{
    padding-left: 0.6em;
}

/* Section
-----------------------------------------------------*/
.h5_contents
{
	margin-top: 0.3em;
}




.DocumentSection /* 段落（セクション）区切り　日本語用均等割り付け設定 PSA mobileでやめた */
{
/*    text-align: justify;
    text-tustify: inter-ideogrph;
*/}

.DocumentSubSection /* サブセクション区切り 左インデント5文字分 */
{
    left: 5em;
    margin-left: 2em;
}


.DocumentSubSection3 /* サブセクション区切り3 左インデント約２文字 背景色：白 Headder1とペア */
{
    margin-left: 10px;
    padding: 0.3em 2em 1em 2em;
	border: solid 1px #666666;
}


.DocumentSubSection4 /* サブセクション区切り4 3の中のさらにサブ 左インデント+2文字 文字サイズ95%*/
{
    font-size: 0.95em;
    padding-left: 2em;
    top: 0%;
    position: inherit;
}

.DocumentSubSection5 /* サブセクション区切り5 3の中のさらにサブ 左インデント+2文字 文字サイズ120%*/
{
    font-size: 1.2em;
    padding: 2em 0em 2em 2em;
    position: inherit;
}


.Operation_list li{  /* 操作手順 リストマーク：数字 */
    margin-top: 3px;
    padding-top: 1em;
}


.Example
{
    margin: 2em;
    font-style: italic;

}


.Note
{
    font-weight: bolder;
}

.forTop
{
    text-align: right;
    margin: 3em;
    font-size: 0.9em;
    font-weight: bold;
}

.Caption1
{
    font-weight: bold;
    font-size: 0.95em;
    margin-bottom: 3px;
}

.Kome1  /* 行間(top margin)広い */
{
    font-size: small;
    line-height: 2.5em;
}


.Kome2  /* 複数行用 ※インデント-2（Divで割り当てのこと）*/
{
    margin-left: 2em;
    font-size: small;
    font-weight: normal;
    Line-height: 1.25em;
    text-indent: -2em;

}


.Kome3  /* 文中用 ※インデントなし（Divで割り当てのこと）*/
{
    font-size: small;
    font-weight: normal;
    Line-height: 1.25em;

}


/* Image style
------------------------------------------------------*/
.img_1  /* ロゴ登録用　内側余白2em 外枠薄紫2px */
{
    padding: 2em;
	max-width: 100%;
	height:auto;
/*	display:block;
	margin:auto;
*/}

.img_2  /*  バーコードサンプル用　余白なし　外枠黒1px  */
{
    padding: 0em;
    border: solid;
    border-width: 1px;
}

.img_gs1  /*  GS1 バーコードサンプル用　余白あり　外枠黒1px  */
{
    margin-top: 1em;
    border: solid;
    border-width: 1px;
}


/* link     PSA Mobile より変更
------------------------------------------------------*/

.WordLink
{
    font-weight:bold;
	font-size: 1em;
    padding: 0px 5px;
}


.WordLink_i
{
    font-weight: bold;
	font-size:1em;
    padding: 0px 5px;
}




/* Other Box
------------------------------------------------------*/

.HilightBox
{
    /* display:inline-block; */
    margin-top: 20px;
    margin-left: 150px;
    padding: 15px 30px;
    font-weight: bolder;
    color: white;
    background-color: #666699;
}


.NoteBox
{
	/* display:inline-block; */
	margin-left: 2em;
	padding: 1em 1.5em;
	background-color: #F5F5F5;
	border: solid;
	border-width: 1px;
	border-color: #888888;
	border-radius: 15px;
}

.MemoBox
{
	/* display:inline-block; */
	color: #333333;
	margin-left: 2em;
	padding: 1em 1.5em;
	background-color: #E9EDEF;
	border: 1px solid #8198A8;
	border-radius: 15px;
}


.NoteBox2
{
	/* display:inline-block; */
	margin-left: 2em;
	padding: 1em 2em;
	background-color: #E9EDEF;
	border: 1px solid #8198A8;
	border-radius: 15px;
}

.NoteBox3  /* Notes　ex. FVP10PrinterDriver　*/
{
    /* display:inline-block; */
    margin-left: 2em;
    padding: 0.8em 2em 0.8em 2em;
    background-color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #888888;
	border-radius:15px;
}

.NoteBox4  /* Noteを複数書く場合。　GS1 初めのNote LinkBox避け　*/
{
    /* display:inline-block; */
    margin-left: 2em;
    margin-right: 15em;
    padding: 0.8em 2em 0.8em 2em;
    background-color: #FFFFFF;
    border: solid;
    border-width: 2px;
    border-color: #888888;
}



.box_3 /* CODE39/QR-CODE 記述例 下 */
{
    clear: both;
    margin-top: 1.5em;
}

.StarIO_Box  /* StarIO ポート指定方法説明用 */
{
    /* display:inline-block; */
    text-indent: -2em;
    margin-left: 2em;
    padding: 0.8em 1.5em 0.8em 2.5em;
}



/* Headder
------------------------------------------------------*/

.Headder1
{
/*    display:inline-block; */
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 15px;
    font-weight: bolder;
    padding-bottom: 5px;
    color: White;
    padding-top: 5px;
    background-color: #666666;
}

.Headder2
{
    margin-top: 1.5em;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 0.9em;
    color: #333366;
}


/* テーブル
------------------------------------------------------*/

.tbl_1  /* テーブル１：外罫内罫1px・全左寄せ */
{
    margin-top: 0px;
    border: 1px solid gray;
    font-size: 0.9em;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;

}

.tbl_1 th{
    border: 1px solid gray;
    padding: 3px 15px;
    background-color: #EEEEEE;
    text-align: center;
    font-weight: bold;
}

.tbl_1 td{
    border: 1px solid gray;
    padding: 3px 15px;
    background-color: #FFFFFF;
}

.tbl_2  /* テーブル２：外罫2px・内罫1px・全センタリング */
{
    margin-top: 0px;
    border: 2px solid gray;
    font-size: 0.9em;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: center;

}

.tbl_2 th{
    border: 1px solid gray;
    padding: 3px 15px;
    background-color: #EEEEEE;
    text-align: center;
    font-weight: bold;
}

.tbl_2 td{
    border: 1px solid gray;
    padding: 3px 15px;
    background-color: #FFFFFF;
}

.tbl_2_2  /*　trに指定：その行の上の罫線2px（ieはバグで動作せず） */
{
    border-top: 2px solid gray;
}


.td2
{
    text-align: left;
}

.tbl_3  /* テーブル３：プリンタドライバ説明用　外罫なし・内罫なし・センタリング */
{
    margin-top: 0px;
    border: 1px solid gray;
    font-size: 0.9em;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: center;

}


.tbl_3 th{
    padding: 5px 25px;
    border-bottom: 1px solid gray;
    background-color: #666666;
    color: white;
}

.tbl_3 td{
    padding: 5px 30px;
}

.tbl_3 a{
    text-decoration: under-line;
    font-weight: bold;
}

.tr1{
    border: none;
    padding: 8px 5px;
    text-align: left;
    font-weight: bold;
    background-color: #FFFFFF;
}

.tr2{
    border: none;
    padding: 3px 15px;
    background-color: #EEEEEE;
}

.tr3{
    border: none;
    padding: 3px 15px;
    background-color: #FFFFFF;
}
.tr2_left{
    border: none;
    text-align: left;
    padding: 3px 3px 3px 50px;
    background-color: #EEEEEE;
}

.tr3_left{
    border: none;
    margin: 3px 3px 3px 50px;
    text-align: left;
    background-color: #FFFFFF;
}

.td3
{
    text-align: center;
    font-weight: bold;
}

.td4
{
    border-left: 2px solid gray;
}


.tbl_4  /* テーブル４：外罫内罫1px・全センタリング */
{
    margin-top: 0px;
    border: 1px solid gray;
    font-size: 0.9em;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: center;

}

.tbl_4 th{
    border: 1px solid gray;
    padding: 3px 15px;
    background-color: #EEEEEE;
    text-align: center;
    font-weight: bold;
}

.tbl_4 td{
    border: 1px solid gray;
    padding: 3px 15px;
    background-color: #FFFFFF;
}


.tbl_5  /* テーブル５：罫線白・背景グレー QR-CODE記述例用 */
{
    margin-top: 0px;
    border: none;
    font-size: 0.6em;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: center;
}

.tbl_5 th{
    border-bottom: 2.5px solid white;
    padding: 0px;
    background-color: #9999CC;
    text-align: center;
    color: white;
    font-weight: bold;
}

.tbl_5 td{
    border-top: 1px solid white;
    border-bottom: 2.5px solid white;
    padding: 2px 15px;
    background-color: #EDEDFF;
}
    
caption{
    text-align: left;
    font-weight: bold;

}


/* List
------------------------------------------------------*/

/* リスト（マーカー：アルファベット） */
#ol_a ol{
    list-style-type: lower-alpha;
    linemargin: 0px 0px 0px 0px;
    line-height: 0.5em;
    margin: 0px;
    padding: 0px 20px;
}

/* リスト（マーカー：なし） */
.ul_n
{
    margin: 10px 0px 0px 0px;
    padding: 0px 30px;
    list-style-type: none;
}

/* リスト（マーカー：数字） */
.ul_d
{
    margin: 0px 0px 0px 0px;
    list-style-type: decimal;
}

.ul_d li{
    margin-bottom: 0.9em;
}

/* リスト（マーカー黒丸・行間広く)　*/
.li_disc li{
    margin-top: 20px;
    list-style-type: disc;
}

/* リスト（マーカー黒丸・行間普通)　*/
.li_disc2 li{
    margin-top: 0.5em;
    list-style-type: disc;
}


/* リスト（マーカー四角・行間広く)　*/
.li_square li{
    margin-top: 20px;
    margin-left: -20px;
    list-style-type: square;
}

/* リスト（制限事項用：行間広く） */
.VS_ul li{
    margin-top: 30px;
}

/* リスト（NoteBox2用：行間広く） */
.NoteBox2 li{
    margin-bottom: 20px;
}


/* DeviceFont バーコード説明用文字装飾 */
------------------------------------------------------*/

.bc_1
{
    color: #003399;
    font-size: 1.0em;
    font-weight: bold;
}

.bc_2
{
    color: #9966FF;
    font-size: 1.0em;
    font-weight: bold;
}

.bc_3
{
    color: #6699FF;
    font-size: 1.0em;
    font-weight: bold;
}

.bc_4
{
    color: #3333FF;
    font-size: 1.0em;
    font-weight: bold;
}

/* DeviceFont QRコード説明用文字装飾 */
------------------------------------------------------*/

.qc_1
{
    margin: 5px 0px;
    color: #333366;
    background-color: #CCCCFF;
    font-size: 1.0em;
    font-weight: bold;
}

.qc_2
{
    margin: 5px 0px;
    color: #006699;
    background-color: #FFFFCC;
    font-size: 1.0em; 
    font-weight: bold;
}

.qc_3
{
    margin: 5px 0px;
    color: #006666;
    background-color: #CCFF99;
    font-size: 1.0em;
    font-weight: bold;
}
