@charset "utf-8";
/*--------------------------------------------------*/
/* Table生成 */
/*--------------------------------------------------*/

/* 共通 */
.pc_tableWrap{ display:block; }
.sp_tableWrap{ display:none; }

/* table */
.sp_tableWrap{
	border-bottom: 1px solid #555;
}
.sp_tableWrap table{
	width: 100%;
	box-sizing:border-box;
	border-collapse:collapse;
	border-spacing:0;
	background: #ffffff;
}
.sp_tableWrap table th{
	padding: 10px;
	background: #f2f2f2;
	font-weight: bold;
}
.sp_tableWrap table th:first-child{
	border-top: 1px solid #555;
}
.sp_tableWrap table th:last-child{
	border-bottom: none;
}
.sp_tableWrap table td{
	padding: 5px 10px;
	text-align: center;
	border-top: 1px solid #555;
}
.table_scroll_wrap table td:nth-child(-n+2){
	white-space: nowrap;
}

/* .table_normal */
.pc_tableWrap .table_ac.tableStyle3{
	width: 100%;
	margin: 0;
	border: 1px solid #555;
	border-right: none;
	border-bottom: none;
}
.pc_tableWrap .table_ac.tableStyle3 th, .tableStyle3 td{
	border: none;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}

/* .table_scroll */
.table_scroll_wrap{overflow-x: scroll;-webkit-overflow-scrolling : touch;}
.table_scroll_wrap table{width:980px;}

/* .table_separate */
.sp_table_separateWrap .ttl{
	margin-top: 20px;
}
.sp_table_separateWrap .ttl:first-child{
	margin-top: 0;
}
.sp_table_separateWrap table{
	margin-top: 5px;
}

/* .table_separateNote */
.sp_table_separateNoteWrap .note{
	margin-top: 5px;
	margin-bottom: 20px;
}
.sp_table_separateNoteWrap .note:last-child{
	margin-bottom: 0;
}

/* .table_ttl_separate */
.sp_table_ttlWrap .ttl{
	background: #eeeeee;
	text-align: center;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 10px;
	font-weight: bold;
}
.sp_table_ttlWrap .stWrap{
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 10px;
}
.sp_table_ttlWrap .stWrap{
	line-height: 1.5;
}

/* .table_ac */
.sp_table_acWrap .accordion{
	border: 1px solid #555;
	border-bottom: none;
}
.sp_table_acWrap .accordion .acBox{
	display: none;
}
.sp_table_acWrap .accordion .ttl{
	padding: 10px;
	background: #d9d9d9;
	font-weight: bold;
	position: relative;
}
.sp_table_acWrap .accordion .ttl:before{
	content: "";
	position: absolute;
	top: 12px;
	right: 13px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sp_table_acWrap .accordion .ttl.open{
	border-bottom: none;
}
.sp_table_acWrap .accordion .ttl.open:before{
	top: 18px;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.sp_table_acWrap .accordion .ttl:nth-child(n+1){
	border-top: none;
}
.sp_table_acWrap .accordion .acBox ul li{
	display: inline-block;
}
.sp_only{display: none;}

@media screen and (max-width: 768px) {
	/* 共通 */
	.pc_tableWrap{ display:none; }
	.sp_tableWrap{ display:block; }
	.pc_only{display: none;}
	.sp_only{display: block;}
}

@media screen and (max-width: 768px) {
	.sp_tableWrap{
		margin-top: 5px;
	}
	.sp_tableWrap table{
		word-break: break-all;
	}
	.sp_tableWrap table th{
		font-size: 0.8rem;
		text-align: center;
	}
	.sp_tableWrap table th.ttl_series{
		width: 40%;
		border-right: 1px solid #555;
	}
	.sp_tableWrap table th.ttl_kisyu{
		border-top: 1px solid #555;
	}
	.sp_tableWrap table th.link {
		background: #FFFFFF;
		text-align: left;
	}
	.sp_tableWrap table th.link a {
		font-weight: normal;
	}
	.sp_tableWrap table th a:link,
	.sp_tableWrap table td a:link {
		color: #000099;
	}
	.sp_tableWrap table th a:visited,
	.sp_tableWrap table td a:visited{
		color: #660099;
	}
	.sp_tableWrap table td{
		font-size: 0.8rem;
		text-align: left;
	}
	.sp_tableWrap table td.series{
		border-right: 1px solid #555;
		background: #f2f2f2;
	}
	.sp_tableWrap table td.series span.end{
		margin-left: 0.25em;
	}
	.sp_tableWrap table td.series span.note{
		margin-left: 0.25em;
	}
	.sp_tableWrap table td.series span.long{
		display: block;
	}
}

/*--------------------------------------------------*/
/* .tableStyle1 */
/*--------------------------------------------------*/
.tableStyle1{
	table-layout: fixed;
}
.tableStyle1 th,
.tableStyle1 td{
		word-break: break-all;
}
.tableStyle1 .ttl_maker{
	width: 220px;
}
.tableStyle1 .ttl_series{
	width: 220px;
}
.tableStyle1 .series span.end{
	margin-left: 0.25em;
}
.tableStyle1 .series span.note{
	margin-left: 0.25em;
}
.tableStyle1 .series span.long{
	display: block;
}

/*--------------------------------------------------*/
/* .innerLink */
/*--------------------------------------------------*/
.innerLink{
	width: 935px;
	margin: 0 auto 30px;
	box-sizing: border-box;
}
.innerLink li{
	width: 250px;
	margin-right: 15px;
	box-sizing: border-box;
}
.innerLink li:last-child{
	margin-right: 0;
}

/*--------------------------------------------------*/
/* .cmt */
/*--------------------------------------------------*/
.cmt{
	margin-left: 10px;
	margin-top: 20px;
}
.cmt .noteList li{
	display: table;
	margin-bottom: 5px;
}
.cmt .noteList .no{
	width: 2.5em;
	display: table-cell;
}
.cmt .noteList .mark{
	width: 1.5em;
	display: table-cell;
}
.cmt .noteList .msg{
	display: table-cell;
}

/*--------------------------------------------------*/
/* .aboutLink */
/*--------------------------------------------------*/
.aboutLink{
	text-align: right;
}

/*--------------------------------------------------*/
/* .dotBox */
/*--------------------------------------------------*/
.dotBox{
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 15px;
}

/*--------------------------------------------------*/
/* usb_hdd.html (#listTop) */
/*--------------------------------------------------*/
#listTop .lineTable2 th.thLine{
	width: 20%;
}
#listTop .lineTable2 th.lineName{
	font-size: 14px;
}
#listTop .lineTable2 th .note{
	margin-left: 1em;
	font-size: 0.8em;
}
#listTop .box .redBox{
	width: 90%;
	margin: 15px auto 0;
	box-sizing: border-box;
	padding: 10px 15px;
	border: #EF0000 1px solid;
}
#listTop .box .textBox{
	width: 90%;
	margin: 15px auto 0;
}
#listTop .box .textBox p{
	margin-bottom: 5px;
	text-indent: -2em;
	padding-left: 2em;
}
#listTop .box .dotBox{
	width: 90%;
	margin: 15px auto 0;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	#main{
		padding: 10px;
	}
	#main .box{
		margin: 0 auto;
		padding-top: 20px;
	}
	.aboutLink a:link {
		color: #000099;
	}
	.aboutLink a:visited {
		color: #660099;
	}
/*--------------------------------------------------*/
/* .innerLink */
/*--------------------------------------------------*/
.innerLink{
	width: 100%;
	margin-top: 20px;
	padding: 0 10px;
	margin-bottom: 0;
}
.innerLink li{
	width: 100%;
	margin-bottom: 5px;
	margin-right: 0;
}
.innerLink li:last-child{
	margin-bottom: 0;
}

/*--------------------------------------------------*/
/* .cmt */
/*--------------------------------------------------*/
	.cmt{
		margin-left:0;
		margin-top: 10px;
	}
	.cmt #noteList li:nth-child(n+5):nth-child(-n+17){
		display: none;
	} 
	.cmt #noteList .no{
		width: 2.5em;
	}
	
/*--------------------------------------------------*/
/* .aboutLink */
/*--------------------------------------------------*/
	.aboutLink{
		letter-spacing: -1px;
		margin-top: 20px;
	}
	
/*--------------------------------------------------*/
/* .dotBox */
/*--------------------------------------------------*/
.dotBox{
	margin-left: 0;
	margin-right: 0;
}
	
/*--------------------------------------------------*/
/* usb_hdd.html (#listTop) */
/*--------------------------------------------------*/
	#listTop .lineTable2{
		width: 100%;
	}
	#listTop .lineTable2 th.thLine{
		width: 40%;
	}
	#listTop .lineTable2 a:link {
		color: #000099;
	}
	#listTop .lineTable2 a:visited {
		color: #660099;
	}
	#listTop .box .textBox,
	#listTop .box .redBox,
	#listTop .box .dotBox{
		width: 100%;
	}
	
/* 検索フォーム */
	#header .searchBox .txtForm {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	}
	.searchBox div input[type=text] {
		width:98%!important;
		border-radius:3px;
	}
	#incontents{
		width: 100%;
		margin:0;
	}
	#searchWord, #searchWord_Area{
		margin: 0;
	}
	#titleBox{
		padding: 4px 0 !important;
	}
	div#freeSearch{
		width: auto;
		border: none;
		background: none;
		padding: 0;
	}

	div#freeSearch .searchBox {
	   display: block !important;
	}
	.pagetitle02{
		display: none;
	}
	#searchWord_Area .inbox h5{
		display: block;
	}

	#searchWord_Area .inbox h5{
		margin-top: 0;
		padding: 5px 0px 5px 10px;
		font-size: 15px;
		color: #fff;
		background: #939393;
	}
	.ttl_sub{
		height:45px;
		line-height:45px;
		padding-left:18px;
		font-weight:bold;
		text-shadow:1px 1px 1px #fff;
		background:url(/support/sp/images/common/bg_t02.gif) repeat-x 0 0;
		-o-background-size:3px 45px;
		-ms-background-size:3px 45px;
		-moz-background-size:3px 45px;
		-webkit-background-size:3px 45px;
		background-size:3px 45px;
		position:relative;
		border-left: none;
		margin: 0;
		-webkit-text-size-adjust: 100%;
	}
	.ttl_sub::before{
		display:block;
		width:7px;
		height:23px;
		content:"";
		background:url(/support/sp/images/common/i_title.png) no-repeat 0 0;
		-o-background-size:7px 23px;
		-ms-background-size:7px 23px;
		-moz-background-size:7px 23px;
		-webkit-background-size:7px 23px;
		background-size:7px 23px;
		position:absolute;
		top:10px;
		left:5px;
	}
	.bgSearchBox {
	   margin: 0;
		padding-left: 0;
		min-height: 64px;
		background: none;
	}
	.typeSearch {
		padding-top: 15px;
		width: 100%;
		float: left;
		line-height: 1;
		margin: 0 0 10px 10px;
	}

	.formArea{
		width: 100%;
	}

	#freeSearch .formArea form {
		float: left;
		width: 100%;
		padding: 0;
		margin: 10px 0 0 0;
	}
	#freeSearch .formArea form div {
		display: table;
		width: 96%;
		margin: 0 auto;
	}
	#freeSearch .formArea form div p {
		display: table-cell;
		margin: 5px;
	}
	#freeSearch .formArea form div p.btnSchaaa {
		width: 5rem;
	}


	#freeSearch .formArea form #typeTxt {
		font-size: 1.2em;
		border: 2px solid #b6b6b6;
		padding: 5px;
		line-height: 24px;
		width: 100%;
	}

	#freeSearch .formArea form #btnSch1{
		display: block;
		font-size: 1rem !important;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 1px #fff;
		border: 1px solid #bebebe;
		border-radius: 3px;
		background: url(/support/sp/images/common/i_lupe.png) no-repeat 8px 50%, linear-gradient(to bottom, #f9f9f9 0%, #fff 48%, #e6e6e6 53%, #f9f9f9 100%);
		box-shadow: 0px 0px 5px 0 #ccc, inset 0px -1px 1px #fff;
		background-size: 18px 18px, auto;
		padding: 6px 8px 6px 24px;
		width: auto;
		height: auto;
		line-height: 1.5;
	}
	.typeSearch a{
		padding: 3px;
		padding-left: 15px;
		font-size: 0.8em;
		text-decoration: none;
		background: url(/support/sp/images/common/arr_right03.png) no-repeat 0px 48%;
		background-size: 11px 11px;
	}
	#searchWord .searchTable{
		border: none;
		margin: 10px;
		width: auto;
	}
	.item{
		display: block;
		padding: 15px 20px 15px 10px;
		text-decoration: none;
		font-size: 0.9rem;
	}
	li.item{
		margin-bottom: 10px;
		border: 1px solid #ccc;
		font-weight: bold;
		border-radius: 3px;
		background: url(/support/sp/images/common/arr_right04.png) no-repeat 98% 50% , linear-gradient(#fff, #ececec);
		background-size: 7px 12px , auto;
		box-shadow: 0px 0px 5px 0 #ccc;
	}

	.ttlBox{
		height: 45px;
		line-height: 45px;
		font-weight: bold;
		text-shadow: 1px 1px 1px #fff;
		background: url(/support/sp/images/common/bg_t02.gif);
		background-size: 3px 45px;
		-o-background-size: 3px 45px;
		-ms-background-size: 3px 45px;
		-moz-background-size: 3px 45px;
		-webkit-background-size: 3px 45px;
		position: relative;
		border-left: none;
		margin: 0;
		font-size: 18px;
	}
	#searchWord_Area .inbox .ttlBox h4 {
		border-left: none;
		background-size: 7px 24px;
		background-position: 10px;
		padding-left: 18px;
	}


	#searchWord_Area .inbox li {
		padding: 0;
		margin: 0;
		width: 100%;
		display: inline-block;
		border-bottom: 1px solid #ccc;
		vertical-align: top;
		letter-spacing: normal;
		background: url(/support/sp/images/common/arr_right04.png) no-repeat 98% 50% , linear-gradient(#fff, #ececec);
		 background-size: 7px 12px , auto;
	}
	.ttlBox::before {
		display:block;
		width:7px;
		height:23px;
		content:"";
		background:url(/support/sp/images/common/i_title.png) no-repeat 0 0;
		-o-background-size:7px 23px;
		-ms-background-size:7px 23px;
		-moz-background-size:7px 23px;
		-webkit-background-size:7px 23px;
		position:absolute;
		top:10px;
		left:5px;
	}
	.inbox li a{	
		display: block;
		padding: 15px 20px 15px 10px;
		font-size: 0.9rem;
		}
	a:link{ 
		color:#000;
	}
	a:visited {
		color:#555;
	}
	a:active , a:hover{
		color:#d0000c !important; 
	}

	a.txtLink:link{ 
		color:#000099;
	}
	a.txtLink:visited {
		color:#660099;
	}
	a.txtLink:active , a.txtLink:hover{
		color:#FF6633 !important; 
	}

	.txtLinkList .txtLink{
		font-size: 15px;
	}


	#bottomBox{
		padding: 10px 5px 10px 5px;
		margin: 30px 0 0;
	}
}