﻿/*-------------------------------
	windows.css
	common/css/windows.css
-------------------------------*/
.category_bar {
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight:bold;
	color:#FFF;
	background-color:#69F;
	padding-left:10px;
	margin-top:15px;
	margin-bottom:10px;
}

.category_area {
	margin:0px 15px;
}

.img-win {border:1px solid #3399FF;}


/*-------------------------------
	Movie 定義
-------------------------------*/
.movie_swf {display:none;}
.movie_video {display:inline;}


/*-------------------------------
	easy 定義
-------------------------------*/
.easy_btn {
	font-weight:bold;
	width:90%;
	margin-bottom:15px;
	text-align:left;
}


/*-------------------------------
	ナレッジ
-------------------------------*/
table.knowledge thead th {
	background:#4AA5FF;
}
table.knowledge thead th:first-child {
/*   2019/02/19  */
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-left-radius:3px;
	-moz-border-top-right-radius:3px;
}

table.knowledge tbody th {
	background:#B3D9FF;
}
table.knowledge tbody th:hover {
	background:#B3D9FF;
}

table.knowledge td {
	cursor:pointer;
}
table.knowledge td:last-child {
/*   2019/02/19  */
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-bottom-left-radius:3px;
	-moz-border-bottom-right-radius:3px;
}

table.knowledge tbody tr td {
	padding-left:20px;
	vertical-align:middle;
	
}

/*-------------------------------
	sidebar  2019/02/20
-------------------------------*/
table.sidebar {
	border:1px solid #ddd;
	border-radius:4px;
	border-collapse:separate;
}
table.sidebar thead th {
	background:#4AA5FF;
	border-bottom-width:1px;
}
table.sidebar thead th:first-child {border-radius:4px 4px 0 0;}
table.sidebar tbody th {background:#B3D9FF;}
table.sidebar tbody td a{color:#34495e;display: block;}
table.sidebar td {cursor:pointer;}
table.sidebar td:hover {background:#f5f5f5;}
table.sidebar tr td {padding-left:20px;}

/*------------------------------
dt dd
------------------------------*/
dt{
	font-weight:bold;
}

dd{
	padding-left:10px;
	margin-bottom:20px;
}

/*-------------------------------
   panel-windows
-------------------------------*/
.panel-windows {
	border-color:#4AA5FF;
	margin-bottom:20px;
}
.panel-windows>.panel-heading {
	color:#333;
	background-color:#4AA5FF;
	border-color:#4AA5FF;
}


.panel-windows>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#4AA5FF;
}
.panel-windows>.panel-heading .badge {
	color:#f5f5f5;
	background-color:#333;
}
.panel-windows>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#4AA5FF;
}

.panel-windows .move_link {
	background-color:#FF0000;
	float:right;
	margin:5px 15px -10px 0px;
}
.panel-windows .move_link:hover {
	opacity:0.6;
}

/*-------------------------------
   panel-category
-------------------------------*/
.panel-category {
	border-color:#B3D9FF;
	margin-bottom:20px;
}

.panel-category .panel-heading {
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	color:#333;
	background-color:#B3D9FF;
	border-color:#B3D9FF;
}

a .panel-heading {
/*	color:#333; */
	color: #16a085; 
}

a .panel-heading:hover {
	text-decoration: underline;
}

/*
.panel-category .panel-heading a:hover,
.panel-category .panel-heading a:focus {
	color: #1abc9c;
	text-decoration: none;
}
*/


.panel-category>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#B3D9FF;
}
.panel-category>.panel-heading .badge {
	color:#f5f5f5;
	background-color:#333;
}
.panel-category>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#B3D9FF
}

/*-------------------------------
   easy　矢印
-------------------------------*/
.div_nextarrow	{
	margin:8px;
	height:47px;
	background:url(../../easy/image/publicimage/next_arrow.gif) no-repeat;
	background-position:100px 0px;
	color:#fff;
}						

/*-------------------------------
   easy　Table
-------------------------------*/
table.guide{
	border-collapse:collapse;
	vertical-align:middle;
	width:100%;
}

table.guide th{
	text-align:center;
	background-color:#FFC;
}

table.guide td{
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

table.service{
	width:100%;
}

table.service td{
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

/*-------------------------------
   download table
-------------------------------*/
table.downloadservice,
table.downloadservice th,
table.downloadservice td {
	border:1px #000 solid;
}

table.downloadservice th {
	background-color:#B3D9FF;
	text-align:center;
	vertical-align:middle;
	padding:0px 20px;
	width:25%;
}

table.downloadservice td {
	padding:7px 25px;
	width:25%;
}

.tab-content{
	padding:0;
}

/*-------------------------------
	tbl-info
------------------------------*/
.tbl-info{
	width:100%;
}

.tbl-info,
.tbl-info th,
.tbl-info td{
	border:1px solid #DDDDDD;
}

.tbl-info th{
	background-color:#B3D9FF;
	text-align:center;
	border:1px solid #DDDDDD;}

.tbl-info th.info_date{
	width:12%;
}

.tbl-info th.info_service{
	width:12.5%;
}

.tbl-info th.info_title{
	width:75.5%;
}

.tbl-info > thead > tr > th,
.tbl-info > tbody > tr > th,
.tbl-info > tfoot > tr > th,
.tbl-info > thead > tr > td,
.tbl-info > tbody > tr > td,
.tbl-info > tfoot > tr > td {
	border-top:1px solid #DDDDDD;
}


/*-------------------------------
	tbl-test
------------------------------*/
#tbl-test {
	width:100%;
}

#tbl-test,
#tbl-test th,
#tbl-test td {
	border:1px solid #DDDDDD;
}

#tbl-test th {
	background-color:#B3D9FF;
	text-align:center;
	border:1px solid #DDDDDD;
}

#tbl-test th.info_date {
	width:12%;
}

#tbl-test th.info_service{
	width:12.5%;
}

#tbl-test th.info_title{
	width:75.5%;
}

.tbl-test > thead > tr > th,
.tbl-test > tbody > tr > th,
.tbl-test > tfoot > tr > th,
.tbl-test > thead > tr > td,
.tbl-test > tbody > tr > td,
.tbl-test > tfoot > tr > td {
	border-top:1px solid #DDDDDD;
}

/*-------------------------------
	table contact
-------------------------------*/
.tbl-contact {
	border:1px #000 solid;
	width:90%;
}
.tbl-contact th,.tbl-contact td {
	border:1px #000 solid;
	padding:5px;
	width:10%;
	text-align:center;
}
.tbl-contact th {
	background-color:#6CF;
}



/*-------------------------------
	table 200100
-------------------------------*/
.table_200100 th {
	background-color:#FFC;
	width:130px;
}

.table_200100 td {
	width:380px;
}

/*-------------------------------
	table 200121
-------------------------------*/
.table_200121 th {
	background-color:#69F;
	text-align:center;
	color:#FFF;
}

/*-------------------------------
	table 200201
-------------------------------*/

.table_200201 {
	width:100%;
}

.table_200201 th {
/*	width:30%; 		/* 2列用 */
	width:25%;		/* 3列用 */
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.table_200201 td {
	height:40px;
	font-weight:bold;
}

.table_200201 td.version {
	width:25%;
	text-align:center;
}

.table_200201 td.win10os {
	background-color:#BDC3C7;
	text-align:center;
}

.table_200201 td.win10bit {
	background-color:#ECF0F1;
	padding-left:55px;
}

.table_200201 td.win81os {
	background-color:#FF9900;
	text-align:center;
}

.table_200201 td.win81bit {
	background-color:#FFCC99;
	padding-left:55px;
}

.table_200201 td.win8os {
	background-color:#FF99FF;
	text-align:center;
}

.table_200201 td.win8bit {
	background-color:#FFCCFF;
	padding-left:55px;
}

.table_200201 td.win7os {
	background-color:#C993F0;
	text-align:center;
}

.table_200201 td.win7bit {
	background-color:#F5DFFF;
	padding-left:55px;
}

.table_200201 td.winvistaos {
	background-color:#9DDFFF;
	text-align:center;
}

.table_200201 td.winvistabit {
	background-color:#DFF5FF;
	padding-left:55px;
}

.table_200201 td.winxpos {
	background-color:#D9FFAA;
	text-align:center;
}

.table_200201 td.winxpbit {
	background-color:#F1FFDF;
	padding-left:55px;
}

.table_200201 td.winxpnone {
	background-color:#CCCCCC;
	text-align:center;
	font-weight:bold;
}

/*-------------------------------
	table 200411
-------------------------------*/
.tbl-200411 {
	width:100%;
	border:#999 solid 1px;
	margin-top:15px;
	text-align:center;
}

.tbl-200411 th {
	border:#999 solid 1px;
	text-align:center;
	padding:15px;
}
.tbl-200411 td{
	border:#999 solid 1px;
	padding:15px;
	background-color:#CCC;
}

/*-------------------------------
	CPU以降
-------------------------------*/
.table_200201 td.win10ver{
	background-color:#ECF0F1;
	text-align:center;
}

.table_200201 td.win81ver{
	background-color:#FFCC99;
	text-align:center;
}

.table_200201 td.win8ver{
	background-color:#FFCCFF;
	text-align:center;
}

.table_200201 td.win7ver{
	background-color:#F5DFFF;
	text-align:center;
}

.table_200201 td.winvistaver{
	background-color:#DFF5FF;
	text-align:center;
}

.table_200201 td.winxpver{
	background-color:#F1FFDF;
	text-align:center;
}

.table_200201 td.level2{
	background-color:#CCE6FF;
	text-align:left;
	padding-left:12px;
}

.table_200201 td.level1{
	background-color:#E6F3FF;
	text-align:left;
	padding-left:12px;
}

/*------------
.table_200201 td.ver12{
	background-color:#ECF0F1;
	text-align:left;
	padding-left:12px;
}

.table_200201 td.ver11{
	background-color:#FFCC99;
	text-align:left;
	padding-left:12px;
}

.table_200201 td.ver9{
	background-color:#FFCCFF;
	text-align:left;
	padding-left:12px;
}

.table_200201 td.ver8{
	background-color:#F5DFFF;
	text-align:left;
	padding-left:12px;
}

.table_200201 td.ver6{
	background-color:#DFF5FF;
	text-align:left;
	padding-left:12px;
}
---------------*/

/*-------------------------------
	table 200608
-------------------------------*/
.table-200608 {
	width:100%;
}

.table-200608,
.table-200608 th,
.table-200608 td {
	border:1px solid #DDDDDD;
}

.table-200608 th {
	text-align:center;
	background-color:#ccc;
}

.table-200608 th.os {
	width:8%;
}

.table-200608 th.inst {
	width:72%;
}

.table-200608 th.down {
	width:20%;
}

.table-200608 td.dl {
	text-align:center;
	vertical-align:middle;
}

/*------------------------------
	table-200608_01
------------------------------*/

.table-200608_01 {
	margin:5px auto
}

/*-------------------------------
	tab info
-------------------------------*/
.tabwin-info {
	border-bottom:1px solid transparent;
	font-weight:bold;}
/*.nav-tabs{border-bottom:1px solid #ddd;} */

.tabwin-info > li {
	float:left;
	margin-bottom:-1px;
}

.tabwin-info > li > a {
/*	margin-right:2px; */
	line-height:1.42857143;
	border:1px solid #DDDDDD;
	border-radius:4px 4px 0 0;
	border-bottom-color:transparent;
}

.tabwin-info > li > a:hover {
	border-color:#eee #eee #ddd;
	border-bottom-color:transparent;
}

.tabwin-info > li.active > a,
.tabwin-info > li.active > a:hover,
.tabwin-info > li.active > a:focus {
	color:#555;
	cursor:default;
	background-color:#B3D9FF;
	border:1px solid #B3D9FF;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom-color:#B3D9FF;
}

/*-------------------------------
	tbl-200041
------------------------------*/
.tbl-200041 {
	color:#000;
	width:100%;
}
.tbl-200041,
.tbl-200041 th,
.tbl-200041 td {
	border:1px solid #000;
}

.tbl-200041 th {
	background-color:#ccc;
	text-align:center;
	font-weight:bold;
	padding:3px;
}
.tbl-200041 td {
	background-color:#fff;
	text-align:center;
	width:50%;
	padding:3px;
}

/*-------------------------------
	tbl-200069
------------------------------*/
.tbl-200069,
.tbl-200069 th,
.tbl-200069 td{
	padding:2px;
	border:solid 1px #000;
	background-color:#fff;
	padding:5px 10px;
}
.tbl-200069 th {
	text-align:center;
	background-color:#C0C0C0;
	font-weight:bold;
}
.tbl-200069 {
	width:100%;
}
.tbl-200069 .wid {
	width:200px;
}

/*--------------------------------
	tbl-200081
--------------------------------*/
.tbl-200081,
.tbl-200081 th,
.tbl-200081 td {
	padding:5px 8px;
	border:solid 1px #000;
}

.tbl-200081 {
	width:100%;
	margin-bottom:25px;
}

.tbl-200081 th {
	background-color:#CCC;
}

.tbl-200081 .icon {
	white-space:nowrap;
}

/*------------------------------
    tbl-200102
------------------------------*/
.tbl-200102,
.tbl-200102 th,
.tbl-200102 td{
	text-align:center;
	padding:0 10px;
	border:solid 1px #000;
	}
.tbl-200102 .midashi1{background-color:#FFE4C1; text-align:left;}
.tbl-200102 .midashi2{background-color:#FFDDEC; text-align:left;}
.tbl-200102 .lv_high{background-color:#FF9999; text-align:center;}
.tbl-200102 .lv_midum{background-color:#FFCCCC; text-align:center;}
.tbl-200102 .lv_low{background-color:#FFFFcc; text-align:center;}

.tbl-200102-b,
.tbl-200102-b th,
.tbl-200102-b td{
	text-align:center;
	padding:0 10px;
	border:solid 1px #000;}
.tbl-200102-b .midashi{background-color:#6FC; text-align:center;}
.tbl-200102-b .syousai{text-align:left; line-height:25px;}

/*--------------------------------
	tbl-200206
--------------------------------*/
.tbl-200206 {width:41%;}
.tbl-200206 td {
	width:10%;
	padding:5px 8px;
	border:solid 1px #000;
}
.tbl-200206 td.v-line {
	width:1%;
	border-top:none;
	border-bottom:none;
}

/*--------------------------------
	tbl-200297
--------------------------------*/
.tbl-200297,
.tbl-200297 th,
.tbl-200297 td {
	text-align:center;
	padding:8px;
	border:solid 1px #000;
}
.tbl-200297 th {background-color:#CCC;}
.tbl-200297 td {background-color:#fff;}

/*-------------------------------
	tbl-200322
------------------------------*/
.tbl-200322 {
	width:100%;
}

.tbl-200322,
.tbl-200322 th,
.tbl-200322 td {
	border:1px solid #000;
	padding:5px 10px;
}

.tbl-200322 th {
	background-color:#ccc;
	text-align:center;
	font-weight:bold;
}

.tbl-200322 td.no {
	text-align:center;
	font-size:large;
	width:5%;
}

.tbl-200322 td.name {
	width:27%;
}

.tbl-200322 td.function {
	width:65%;
}

/*-------------------------------
	tbl-200341
------------------------------*/
.tbl-200341 {
	width:100%;
}

.tbl-200341,
.tbl-200341 th,
.tbl-200341 td {
	border:1px solid #000;
	padding:3px 10px;
}

.tbl-200341 th {
	background-color:#ccc;
	text-align:center;
	font-weight:bold;
}

.tbl-200341 th1 {
	width:15%;
}

.tbl-200341 th2 {
	width:50%;
}

.tbl-200341 th3 {
	width:35%;
}

.tbl-200341 td {
	vertical-align:text-top;
}

/*--------------------------------
	tbl-200412
--------------------------------*/
.tbl-200412,
.tbl-200412 th,
.tbl-200412 td {
	text-align:center;
	border:solid 1px #000;
}
.tbl-200412 th {background-color:#CCC;}

.tbl-200412 img {
	max-width:450px;
	width:100%;
}

/*-------------------------------
	tbl-200615
------------------------------*/
.tbl-200615,
.tbl-200615 th,
.tbl-200615 td{
	border:solid 1px #000;
	background-color:#fff;
	padding:5px 10px;
}
.tbl-200615 th {
	text-align:center;
	background-color:#C0C0C0;
	font-weight:bold;
}
.tbl-200615 {
	width:100%;
}
.tbl-200615 .nwp {
	white-space:nowrap;
}

/*------------------------------
	tbl-200623
------------------------------*/
.tbl-200623,
.tbl-200623 th,
.tbl-200623 td {
	text-align:center;
	padding:5px;
	border:solid 1px #000;
	background-color:#FFF;
	color:#000;
}
.tbl-200623 th {
	background-color:#C0C0C0;
	text-align:center;
	font-weight:bold;
	width:40%;
}

/*--------------------------------
	tbl-200624
--------------------------------*/
.tbl-200624,
.tbl-200624 th,
.tbl-200624 td{
	text-align:center;
	padding:2px;
	border:solid 1px #000;
	background-color:#fff;
}

/*-------------------------------
	tbl-200626
------------------------------*/
.tbl-200626,
.tbl-200626 th,
.tbl-200626 td{
	border:solid 1px #000;
	background-color:#fff;
	padding:5px 10px;
	font-size:small;
}
.tbl-200626 th {
	text-align:center;
	background-color:#C0C0C0;
	font-weight:bold;
}
.tbl-200626 {
	width:100%;
	margin-top:10px;
}
.tbl-200626 .nwp {
	white-space:nowrap;
}

/*--------------------------------
	tbl-easy-menu
--------------------------------*/
.tbl-easy-menu {
	width:100%;
	table-layout:fixed;
	word-break:nomal;
	border-collapse:collapse;
}

.tbl-easy-menu,
.tbl-easy-menu th,
.tbl-easy-menu td {
	border:1px solid #000;
	padding:10px 5px;
	text-align:center;
	vertical-align:middle;
}

.tbl-easy-menu th {
	background-color:#ccc;
	font-weight:bold;
}

.tbl-easy-menu a:hover img {
	opacity:0.7;
	-ms-filter:alpha(opacity=70);
	-moz-opacity:0.7;
	zoom:1;
}

/*---------------------------
	box-function
---------------------------*/
.function_box {
	width:auto;
	border:1px solid #999;
	border-radius:5px;
	box-shadow:3px 3px 8px 2px rgba(0,0,0,0.3);
	padding:20px;
	margin:25px 5px;
}

.function_box ul li {
	margin:5px;
}
/*---------------------------
リンク
---------------------------*/
#page ul{
	list-style-type:disc;
}
#page li{
	margin-bottom:20px;
}
#page a:hover{
	text-decoration:underline;
	color:#333;
}
