@charset "UTF-8";
/* CSS Document */

/*--- 製品紹介コンテンツ_gigapod！ ---*/

.ContentGigapod .PageSectionHead { color: #178240;}
.ContentWebscreen .PageSectionHead { color: #1D2088;}
.ContentMailscreen .PageSectionHead { color: #D21D14;}
.ContentSecui .PageSectionHead { color: #2E59A7;}
.ContentSwiftbox .PageSectionHead { color: #000000;}
.ContentSecuiMF2 .PageSectionHead { color: #2E59A7;}
.ContentDirectpod .PageSectionHead { color: #178240;}
.Contentwebroot .PageSectionHead { color: #6B8E23;}

#ContentMain ol a:link,
#ContentMain ol a:visited {
	color: #003399;
	text-decoration: underline;
}

#ContentMain ol a:hover,
#ContentMain ol a:active {
	text-decoration: none;
}

.developer_voice dl {
	margin-bottom: 30px;
}

.developer_image {
	width: 200px;
	float: left;
	margin-right: 20px;
	display: inline;
}

.developer_info {
	width: auto;
	float: left;
}

.developer_link {
	text-align: right;
}

table.productModel{
margin: 20px 0 20px 10px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
text-align: left;
}

table.productModel th{
background: #e0e0e0;
padding: 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.productModel th.modelTitle{
width: 170px;
}
table.productModel td{
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.productModel td.modelName{
background: #f2f2f2;
vertical-align: top;
}
table.productModel td ul li{
float: left;
display: inline;
padding: 10px 10px 10px 0;
}

.spec_table{
width: 620px;
margin:0 0 15px 10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

.spec_table td{
padding:10px;
text-align:center;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#fafafa;
}

.spec_table .leftArea{
width:150px;
background:#f2f2f2;
text-align:center;
}

.spec_table .specTitle{
border-color: #FFFFFF #CED9C3 #CED9C3 #FFFFFF;
background:none repeat scroll 0 0 #F6FFEB;
text-align:leftArea;
color:#666;
}

.spec_attention{
margin-left:5px;
margin-bottom:20px;
}

.spec_table02{
margin:0 0 15px 5px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

.spec_table02 td{
padding:10px;
text-align:center;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#fafafa;
}

.spec_table02 .leftArea{
width:150px;
background:#f2f2f2;
text-align:leftArea;
}

.spec_table02 .Title{
background: #dee5f1;
text-align:leftArea;
color:#666;
}

.spec_table02 a{
color:#06c;
text-decoration:underline;
}

.spec_table02 a:hover{
color:#0033ff;
}

.hdd_text{
margin-top:10px;
margin-left:5px;
}


.sw_table{
width:620px;
margin:0 0 15px 10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}

.sw_table td.require_spec {
padding:10px;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #CED9C3;
border-bottom:1px solid #CED9C3;
background:none repeat scroll 0 0 #F6FFEB;
color:#666666;
}

.sw_table td{
padding:10px;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#fafafa;
}

.sw_table .leftArea{
width:150px;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background:#f2f2f2;
text-align:center;
}

.sw_table .midashiArea{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background:#d2f2d2;
text-align:center;
}

.fanc_table {
width: 620px;
margin: 0 0 15px 10px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}
.fanc_table td {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding: 5px 5px 5px 10px;
vertical-align: top;
}
.fanc_table .fanc_table_top {
background: none repeat scroll 0 0 #F2F2F2;
text-align: center;
}
.fanc_table .leftArea {
width: 150px;
background: #fafafa;
}

.ContentFlowWrap {
	margin: 0 8px 0 6px;
	padding-top: 60px;
	background: #000000;
}
.ipad_box {
	width: 200px;
	float: left;
	margin: 15px 0 0 4px;
	padding: 1px;
	border: 1px solid #ccc;
}

.ipad_box .page_image {
	background: #fafafa;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}

.ipad_text {
	padding: 0 7px 10px;
	min-height: 126px;
	height: auto !important;
	height: 126px;
}

/******************/
/*	webscreen
/******************/

table.productKind {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin: 10px 0 10px 2px;
    text-align: left;
    width: 624px;
}
table.productKind a:link {
    color: #0066CC;
    text-decoration: underline;
}
table.productKind a:active {
    color: #F5A000;
}
table.productKind a:hover {
    color: #0033FF;
}
table.productKind th {
    background: none repeat scroll 0 0 #E0E0E0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
}
table.productKind th.modelTitle {
    width: 170px;
}
table.productKind td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 8px;
}
table.productKind td.modelName {
    background: none repeat scroll 0 0 #F2F2F2;
    vertical-align: top;
}
table.productKind td ul li {
    display: inline;
    float: left;
    padding: 10px 10px 10px 0;
}
table.productKind2 {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin: 20px 0 30px 2px;
    text-align: left;
    width: 624px;
}
table.productKind2 a:link {
    color: #0066CC;
    text-decoration: underline;
}
table.productKind2 a:active {
    color: #F5A000;
}
table.productKind2 a:hover {
    color: #0033FF;
}
table.productKind2 th {
    background: none repeat scroll 0 0 #E0E0E0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
}
table.productKind2 th.modelTitle {
    width: 170px;
}
table.productKind2 td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 8px;
}
table.productKind2 td.modelName {
    background: none repeat scroll 0 0 #F2F2F2;
    vertical-align: top;
}
table.productKind2 td ul li {
    display: inline;
    float: left;
    padding: 10px 10px 10px 0;
}


/******************/
/*	まいlscreen
/******************/

#mailscreenTable {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    width: 630px;
}
#mailscreenTable .leftAreaTop {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    width: 263px;
}
#mailscreenTable .centerAreaTop {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
    width: 175px;
}
#mailscreenTable .rightAreaTop {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
    width: 175px;
}
#mailscreenTable td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
}
#mailscreenTable .leftArea {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    text-align: left;
    width: 290px;
}
#mailscreenTable td.caption {
    text-align: left;
}
#mailscreenModelTable {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    width: 630px;
}
#mailscreenModelTable .leftAreaTop {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    width: 140px;
}
#mailscreenModelTable .AreaTop {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
    width: 130px;
}
#mailscreenModelTable td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
    width: 140px;
}
#mailscreenModelTable .leftArea {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    text-align: left;
    width: 140px;
}

.productInfoWrap strong {
	text-decoration: underline;
}

.supportList {
	margin: 0 0 10px 0;
}

/******************************************/
/******** WEBROOT *************************/
/******************************************/

table.webroot_table01{
	border-spacing: 5px 5px;
}
th.webroot_th01 {
	border-top: none;
        width: 200px;
	font-size: 130%;
	color: #808000;
	border-bottom: 1px solid gray;
	border-left: none;
	border-right: none;
	padding: 2px 0px;
}
td.webroot_td01 {
	border: 1px #808080 solid;
	font-size:9pt;
	padding: 2px 0px;
}

table.webroot_voice_table {
	width:620px;
	heigth:300px;
	border:none;
	border-spacing: 15px 10px;
	}
										table.webroot_table_comp01{
	width:620px;
	height:500px;
	align:left;
	font-size:8pt;
	border-collapse: collapse;
	border-top: 1px solid #d3d3d3;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d3d3d3;
	}

.webroot_table_comp01 td {
	padding-left:10px;
	font-size:9pt;
	align:right;
	border-bottom: 1px solid #d3d3d3;
	}
	
.webroot_table_comp01 th {
	align:left;
}

td.webroot_td_comp01 {
	background-color: #9acd32;
	}

td.webroot_td_comp02 {
	background-color: #f5f5f5;
	}

table.webroot_table_comp02{
	width:620px;
	height:500px;
	align:left;
	font-size:9pt;
	border-collapse: collapse;
	border: 1px solid #d3d3d3;
	border-spacing: 15px 10px;
	padding: 10px 10px;
	}

.webroot_table_comp02 th {
	padding-left:10px;
	background-color: #2b2b2b;
	color:white;
	}

.webroot_table_comp02 td {
	padding-left:10px;
}

.text-right{
	text-align:right;
}

.text-center {
	text-align:center;
}