@charset "utf-8";

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

 *

 * General

 *

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





/* Layout - Padding, Margin 

-------------------------------------------------- */



.textPT5, .imgPT5, .btnPT5, .sectionPT5 {

	padding-top: 5px !important;

}

.textPT10, .imgPT10, .btnPT10, .sectionPT10 {

	padding-top: 10px !important;

}

.textPT15, .imgPT15, .btnPT15, .sectionPT15 {

	padding-top: 15px !important;

}

.textPT20, .imgPT20, .btnPT20, .sectionPT20 {

	padding-top: 20px !important;

}

.textPT25, .imgPT25, .btnPT25, .sectionPT25 {

	padding-top: 25px !important;

}

.textPT30, .imgPT30, .btnPT30, .sectionPT30 {

	padding-top: 30px !important;

}

.textPT40, .imgPT40, .btnPT40, .sectionPT40 {

	padding-top: 40px !important;

}

.textPT50, .imgPT50, .btnPT50, .sectionPT50 {

	padding-top: 50px !important;

}

.textPT60, .imgPT60, .btnPT60, .sectionPT60 {

	padding-top: 60px !important;

}

.textPT70, .imgPT70, .btnPT70, .sectionPT70 {

	padding-top: 70px !important;

}

.textPT80, .imgPT80, .btnPT80, .sectionPT80 {

	padding-top: 80px !important;

}



.textPB5, .imgPB5, .btnPB5, .sectionPB5 {

	padding-bottom: 5px !important;

}

.textPB10, .imgPB10, .btnPB10, .sectionPB10 {

	padding-bottom: 10px !important;

}

.textPB15, .imgPB15, .btnPB15, .sectionPB15 {

	padding-bottom: 15px !important;

}

.textPB20, .imgPB20, .btnPB20, .sectionPB20 {

	padding-bottom: 20px !important;

}

.textPB25, .imgPB25, .btnPB25, .sectionPB25 {

	padding-bottom: 25px !important;

}

.textPB30, .imgPB30, .btnPB30, .sectionPB30 {

	padding-bottom: 30px !important;

}

.textPB35, .imgPB35, .btnPB35, .sectionPB35 {

	padding-bottom: 35px !important;

}

.textPB40, .imgPB40, .btnPB40, .sectionPB40 {

	padding-bottom: 40px !important;

}

.textPB50, .imgPB50, .btnPB50, .sectionPB50 {

	padding-bottom: 50px !important;

}

.textPB60, .imgPB60, .btnPB60, .sectionPB60 {

	padding-bottom: 60px !important;

}

.textPB70, .imgPB70, .btnPB70, .sectionPB70 {

	padding-bottom: 70px !important;

}

.textPB80, .imgPB80, .btnPB80, .sectionPB80 {

	padding-bottom: 80px !important;

}



.sectionMT5, .tableMT5 {

	margin-top: 5px !important;

}

.sectionMT10, .tableMT10 {

	margin-top: 10px !important;

}

.sectionMT15, .tableMT15 {

	margin-top: 15px !important;

}

.sectionMT20, .tableMT20 {

	margin-top: 20px !important;

}

.sectionMT25, .tableMT25 {

	margin-top: 25px !important;

}

.sectionMT30, .tableMT30 {

	margin-top: 30px !important;

}



.sectionMB5, .tableMB5 {

	margin-bottom: 5px !important;

}

.sectionMB10, .tableMB10 {

	margin-bottom: 10px !important;

}

.sectionMB15, .tableMB15 {

	margin-bottom: 15px !important;

}

.sectionMB20, .tableMB20 {

	margin-bottom: 20px !important;

}

.sectionMB25, .tableMB25 {

	margin-bottom: 25px !important;

}

.sectionMB30, .tableMB30 {

	margin-bottom: 30px !important;

}



.antPL5{

	margin-left: 5px !important;

}

.antPL10{

	margin-left: 10px !important;

}

.antPR5{

	margin-right: 5px !important;

}			

.antPR10{

	margin-right: 10px !important;

}





/* Layout - Align

-------------------------------------------------- */

.imgC, .btnC, .antC, .textC {

	text-align: center;

}

.imgR, .btnR, .antR, .textR {

	text-align: right;

}



/* Layout - Font, Text

-------------------------------------------------- */

.header {

	font-size: 108%;

	font-weight: bold;

}



.title {

	font-weight: bold;

}



.annotation {

	font-size: 84%;

	line-height: 1;

	color: #898989;

}



.annotation2 {

	font-size: 84%;

}



.antInd1 {

	display:block;

	text-indent: -1em;

	padding-left: 1em;

}



.antInd2 {

	display:block;

	text-indent: -1.5em;

	padding-left: 1.5em;

}



.antInd3 {

	display:block;

	text-indent: -2em;

	padding-left: 2em;

}



.clr {

	clear:both;

}



					

/* Layout - Border

-------------------------------------------------- */

.sectionBT {

	border-top: solid 1px #bcbdb8;

}

.sectionBB {

	border-bottom: solid 1px #bcbdb8;

}



/* Back to Top

-------------------------------------------------- */

div.inpage_topagetop {

	width: 708px;

	height:20px;

	margin: 5px 0 3px 0;

	font-size:84%;

	clear: both;

}

div.inpage_topagetop a {

	float:right;

	background:url(../../../common/10b/images/common_arrow_squaretop.gif) right 1px transparent no-repeat;

	padding:0 16px 0 0;

}



.offleft  {

position:absolute;

left:-10000px;

width:999px;

}



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

 *

 * Function

 *

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





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

 *

 * head/main - 2010/08/11 update

 *

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



div#function {

	color: #535353

}

div.function_head {

	width: 710px;

	height: 68px;

	background-color: #000000;

}



div.function_head h1 {

	float: left;

	width: 417px;

}



div.function_head div {

	float: right;

	white-space: nowrap;

	padding: 0 14px 0 4px;

	height: 68px;

	background:url(../images/2nd/bg_function_div.gif) left top transparent no-repeat;

}



div.function_head div p {

	padding: 20px 0 0 0;

}

div.function_head p img {

	margin: 0 0 0 8px;

}



div.function_main {

	width: 710px;

	background:url(../images/bg_main.gif) left top transparent no-repeat;

	padding: 0 0 20px 0;

}



div.function_main_image {

	float: left;

	width: 370px;

}



div.function_main_description {

	float: left;

	width: 320px;

}



p.function_main_logo {

	text-align:right;

	padding-top: 19px;

	width: 320px;

}



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

 *

 * section

 *

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

div.function_section_head {

	clear: both;

	margin: 0;

	width: 710px;

	padding: 5px 0 0 0;

	background:url(../images/bg_section_top.gif) left top transparent no-repeat;

}



div.function_section_head div.section_head {

	border-left: solid 1px #BDBCB8;

	border-right: solid 1px #BDBCB8;

}



div.function_section_head h2 {

	margin-left: 10px;

	border-left: solid 5px #1b1b1b; 

	padding: 11px 0 6px 7px;

	color: #0f6e96;

	font-size: 116%;

	font-weight: bold;

}



div.function_section_head h2.line2 {

	margin-left: 10px;

	border-left: solid 5px #1b1b1b; 

	padding: 4px 0 3px 7px;

	color: #0f6e96;

	font-size: 116%;

	font-weight: bold;

}



div.function_section_body {

	clear: both;

	width: 710px;

	padding: 0 0 5px 0;

	background:url(../images/bg_section_bottom.gif) left bottom transparent no-repeat;

}



div.function_section_body div.section_body {

	padding: 10px 0 5px 0;

	border-left: solid 1px #BDBCB8;

	border-right: solid 1px #BDBCB8;

}



div.section_body02 {

	padding: 0 19px 15px 19px;

}



div.section_body02 div.section_body_image {

	float: left;

	width: 348px;

}

div.section_body02 div.section_body_image2 {

	float: left;

	width: 320px;

}

div.section_body02 div.section_body_description {

	float: left;

	width: 320px;

}



div.section_body_description h3 {

	font-size: 108%;

	font-weight: bold;

	padding: 10px 0;

}





div.section_body01 {

	padding: 0 20px 15px 20px;

}



div.section_body01 ol

{

	padding: 0 0 0 25px;

}

div.section_body01 ol,

div.section_body01 ol li

{

	list-style-type: decimal;

	list-style-position: outside;

}

div.section_body01 ol li {

	padding: 3px 0 0 0;

}











div.function_section2_head {

	clear: both;

	margin: 0;

	width: 670px;

	padding: 5px 0 0 0;

	background:url(../images/bg_section2_top.gif) left top transparent no-repeat;

}



div.function_section2_head div.section2_head {

	padding: 0 13px;

	border-left: solid 1px #BDBCB8;

	border-right: solid 1px #BDBCB8;

}



div.function_section2_body {

	clear: both;

	width: 670px;

	padding: 0 0 5px 0;

	background:url(../images/bg_section2_bottom.gif) left bottom transparent no-repeat;

}



div.function_section2_body div.section2_body {

	padding: 10px 13px 5px 13px;

	border-left: solid 1px #BDBCB8;

	border-right: solid 1px #BDBCB8;

}







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

 *

 * Table

 *

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

table.function_table02 {

	/*margin: 0 19px 0 19px;*/

	clear: both;

}



table.function_table02 th, 

table.function_table02 td

{

	width: 320px;

	vertical-align: top;

}



table.function_table02 th.col1,

table.function_table02 td.col1

{

	padding: 0 13px 0 19px;

}



table.function_table02 th.col2,

table.function_table02 td.col2

{

	padding: 0 19px 0 14px;

	border-left: solid 1px #bcbdb8;

}				







table.function_table03 {

	/*margin: 0 19px 0px 20px;*/

	clear: both;

}

table.function_table03 th,

table.function_table03 td {

	vertical-align: top;

}



table.function_table03 th.col1, 

table.function_table03 td.col1

{

	width: 219px;

	padding: 0 10px 0 19px;

}

table.function_table03 th.col2,

table.function_table03 td.col2

{

	width: 229px;

	border-left: solid 1px #BDBCB8;							

	padding: 0 10px;

}

table.function_table03 th.col3,

table.function_table03 td.col3

{

	width: 219px;

	border-left: solid 1px #BDBCB8;

	padding: 0 20px 0 10px;

}









/* HDD In

-------------------------------------------------- */

table.table_hdd_in {

	clear:both;

	width: 670px;

}



table.table_hdd_in td,

table.table_hdd_in th {

	border: solid 1px #898989;

	width: 222px;

}



table.table_hdd_in td {

	font-weight: bold;

	text-align: center;

}



table.table_hdd_in td p,

table.table_hdd_in th p {

	padding: 5px;

}





table.table_hdd_in th.head_main {

	color: #FFFFFF;

	background-color: #898989;

}

table.table_hdd_in th.head_sub {

	font-weight: normal;

	text-align: center;

}







/* HDD USB

-------------------------------------------------- */

table.table_hdd_usb {

	clear:both;

	width: 670px;

}



table.table_hdd_usb td,

table.table_hdd_usb th {

	border: solid 1px #898989;

}



table.table_hdd_usb td {

	text-align: center;

}



table.table_hdd_usb th p {

	padding: 5px 2px 5px 5px;

}

table.table_hdd_usb td p {

	padding: 1px;

}





table.table_hdd_usb th.head_main {

	color: #FFFFFF;

	background-color: #898989;

}

table.table_hdd_usb th.head_sub {

	text-align: center;

}



table.table_hdd_usb td.col1,

table.table_hdd_usb th.col1 {

	width: 164px;

}



table.table_hdd_usb td.col2,

table.table_hdd_usb th.col2 {

	width: 55px;

}







/* HDD LAN

-------------------------------------------------- */

table.table_hdd_lan {

	clear:both;

	width: 670px;

}



table.table_hdd_lan td,

table.table_hdd_lan th {

	border: solid 1px #898989;

}



table.table_hdd_lan td {

	text-align: center;

}



table.table_hdd_lan th p {

	padding: 5px 2px 5px 5px;

}

table.table_hdd_lan td p {

	padding: 3px 0px;

	line-height: 1.1;

}





table.table_hdd_lan th.head_main {

	color: #FFFFFF;

	background-color: #898989;

}

table.table_hdd_lan th.head_sub {

	text-align: center;

}



table.table_hdd_lan td.col1,

table.table_hdd_usb th.col1 {

	width: 140px;

}



table.table_hdd_lan td.col2,

table.table_hdd_lan th.col2 {

	width: 47px;

}







/* PC Connect

-------------------------------------------------- */

table.table_pc_connect {

	clear:both;

	width: 668px;

}



table.table_pc_connect td,

table.table_pc_connect th {

	border: solid 1px #898989;

	text-align: center;

	padding: 5px 0;

}



table.table_pc_connect th {

	background-color: #F2F2F2;

	font-weight: normal;

}



table.table_pc_connect td.caution {

	border: none;

	text-align: left;

	padding: 5px;

}





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

 *

 * Clear

 *

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



div.function_head,

div.function_main,

div.function_section_head,

div.function_section_body,

div.section_body02,

div.inpage_topagetop

{

	zoom: 100%;

}

div.function_head:after,

div.function_main:after,

div.function_section_head:after,

div.function_section_body:after,

div.section_body02:after,

div.inpage_topagetop:after

{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

	line-height: 0;

}