@charset "Shift_JIS";
/* *************************　　リンクの設定 　　************************* */

/*　リンクの設定（基本）　*/
a:link{color:#405392;text-decoration:underline;}
a:visited{color:#5075B1;	text-decoration: underline;}
a:hover, a:active{color:#3399cc;text-decoration:none;}

/*　リンクの設定（パンくずリストの部分）　*/
.TableNavi a:link{ color:#0a50a1; text-decoration:none;}
.TableNavi a:visited{	color:0a50a1;	text-decoration: none;}
.TableNavi a:hover{	color:#FF8000; text-decoration:underline;}

/*　リンクの設定（パンくずリストの部分）20110217以降作成分から適用　*/
.topicpath a:link{ color:#0a50a1; text-decoration:none;}
.topicpath a:visited{	color:0a50a1;	text-decoration: none;}
.topicpath a:hover{	color:#FF8000; text-decoration:underline;}

/*　リンクの設定（カテゴリ一覧ページのリンク部分）　*/
.category a:link{ background: none; color:#666666; text-decoration:under-line;}
.category a:visited{ background: none; color:#666666; text-decoration:under-line;}
.category a:hover{	background: #effc16; text-decoration:underline;}

/*　リンクの設定（カテゴリ1（ペリフェラル等）ページのリンク部分）　*/
.category2 a:link{ background: none; color:#666666; text-decoration:under-line;}
.category2 a:visited{ background: none; color:#666666; text-decoration:under-line;}
.category2 a:hover{	background: #effc16; text-decoration:underline;}

/*　リンクの設定（カテゴリ1（ペリフェラル等）右メニュー部分のリンク部分）　*/
.r_menu a:link{ background: none; color:#666666; text-decoration:under-line;}
.r_menu a:visited{ background: none; color:#666666; text-decoration:under-line;}
.r_menu a:hover{	background: #effc16; text-decoration:underline;}

/* *************************　リセットの設定 　************************* */
fieldset,img{
	border:0;
}
a img,img{
	border: none;
}
li {
	list-style:none;
}
/* *************************　　　共通の設定 　　************************* */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;

}

Table {
	/* [disabled]font-size: x-small; */
	font-size: 12px;
	color: #111111;
	line-height: 135%;
}
th {
	text-align: left;
	font-weight:normal;
}
.TableBody {
	width: 950px;
}
.TableNavi {
	width: 950px;
	font-size: 12px;
	color: #666666;
}
.TableTitle {
	width: 950px;

}
.TableMain {
	width: 950px;
}

.TableMain2 {
	width: 720px;
}


.TableSub {
	width: 220px;
	padding:0 0 0 0;
}
.TableSub2 {
	width: 220px;
	padding:0;
}

.TableFooter td {
	font-size: 11px;
	color: #4D4D4D;
}
.TableFooter a {
	font-size: 11px;
	color: #4D4D4D;
}
.NoHeader {
	width: 950px;
	font-size: 11px;
	color: #666666;
}

.category {
	width: 940px;
}

.category2 {
	width: 700px;
}

.r_menu {
	width: 220px;
}

/*** パンくず　***/

.topicpath {
	width: 950px;
	padding-top: 5px;
	text-align: left;
	font-size: 12px;
	color: #666666;
}
.topicpath ul {
	margin:0px;
	padding:0px 0px;
}
.topicpath li {
	display: inline;	/* 横並び*/
	list-style: none; 　/* スタイルなし*/
}

h1 {
	margin:0px;
}

h2 {
	margin:0px;
}

h3 {
	margin:0px;
}

h4 {
	margin:0px;
}


/* *********************　　　　　FONTの設定 　　　　********************* */

.FontBig {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;


}
.FontSmall {
	/* [disabled]font-size: xx-small; */
	font-size:11px;
	letter-spacing: 1px;
	line-height: 130%;
}

.FontMedium {
	font-size: small;
	line-height: 130%;


}

/* *********************　　シリーズページの設定 　　********************* */

/*	製品名のh1指定　*/
.SeriesTop {
	width: 700px;
}

.SeriesTop h1 {
	margin : 0;
	padding : 0 4px 4px;
	/* [disabled]font-size : x-small; */
	font-size:12px;
	font-weight: normal;
}

.Series {
	width: 700px;
	margin: 0px;
	color: #333333;
}
.Series h1 {
	margin: 0px;
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #363636;
}


.Series h2 {
	margin: 0px;
	padding-top: 15px;
	font-size: larger;
	color: #333333;
	letter-spacing: 1px;

}
.SeriesDetail {
	font-size: 12px;
	line-height: 130%;
	font-weight: normal;
	color: #333333;
	width: 700px;
}
.SeriesBody table.size-list {
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-collapse:collapse;
		border-spacing:0;
		background-color:#ffffff;
		empty-cells:show;
		width:100%;
		margin-bottom:30px;
}
.SeriesBody table.size-list th {
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		color:#000000;
		background-color:#dddddd;
		background-position:left top;
		padding:0.3em 1em;
		text-align:center;
		width:30%;
}
.SeriesBody table.size-list td {
	border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
    padding:0.3em 0.3em;	
}
.SeriesHead {
	width: 700px;
}
.SeriesBody {	padding-left: 30px;	vertical-align: top;}
.SeriesBody .Asterisk {	color:#CC0000}	
	

.catch_copy {
	/* [disabled]font-size : x-small; */
	font-size: 12px;
	font-weight : bold;
	border-bottom : 1px solid #CCCCCC;
	margin : 0 0 4px;
	padding : 0 4px 4px;
} 

.product_name { 
margin : 0; 
padding : 0 4px 4px; 
} 

.series_name {
font-size : large; 
margin : 0; 
padding : 0 4px 8px; 
font-weight : bold; 
}

.select_color { 
color: #FF6600;
margin : 0; 
padding : 0 4px 4px; 
} 

.series_status_ico {
	float:right;
	clear:right;
	margin-top: -40px;
}

/* ロジテック用 */
H3.title3 {
	MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1em; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ff5000 5px solid; BORDER-BOTTOM: #999999 1px solid
}
H3.title4 {
	PADDING-LEFT: 25px; FONT-SIZE: larger; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; background-image:url(../image/series/ul.gif); background-repeat:no-repeat
}
H3.title {
	PADDING-LEFT: 5px; FONT-SIZE: larger; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ff5000 5px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #fefeee
}
H5.products1 {
	PADDING-LEFT: 5px; FONT-SIZE: 1em; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 3px; BORDER-LEFT: #6699ff 5px solid; BORDER-BOTTOM: #999999 1px solid
}
/* *********************　　　製品情報　カテゴリ一覧ページの設定 　　********************* */

.categoryBody {
	vertical-align: top;
	border-left: 3px solid #96B7D1;
	padding: 0px 0px 0px 3px;

}
.categoryBody_av {
	vertical-align: top;
	border-left: 3px solid #d0b0c5;
	padding: 0px 0px 0px 3px;

}
.categoryBody_tv {
	vertical-align: top;
	border-left: 3px solid #e8d1ab;
	padding: 0px 0px 0px 3px;

}
.categoryBody_cp {
	vertical-align: top;
	border-left: 3px solid #ecaeaa;
	padding: 0px 0px 0px 3px;

}
.categoryBody_ga {
	vertical-align: top;
	border-left: 3px solid #a2d0d9;
	padding: 0px 0px 0px 3px;

}
.categoryBody_lk {
	vertical-align: top;
	border-left: 3px solid #b5d18a;
	padding: 0px 0px 0px 3px;

}


/* *********************　　　製品情報　カテゴリ1（ペリフェラル等）ページの設定 　　********************* */

/* サブタイトル部分の設定  */
.Category1Subtitle{	font-size: 14px;	vertical-align: top;	font-weight: bold;}

/* 画像の周りの線の設定 */
.Category1image{	margin-bottom: 15px;	border: 1px solid #999999;	height: 70px;	width: 70px;	margin-right: 4px;	float: left;}

/*2010.9追加*/

/* 画像の周りの線の設定 */
.Categoryimage{	
	height: 100px;
	width: 100px;
	margin-right: 4px;
	float: left;}

/* カテゴリ一覧用の枠線の設定 */
.Categoryline{	
	border: 1px solid #cccccc;
	font-size: 14px;
	font-weight: bold;}
	
/* カテゴリ枠線の設定 */
.Categoryline2{	
	border: 1px solid #cccccc;
	font-size: 12px;}	

/* カテゴリのタイトルリンク */
.Categorytitle{
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	margin-top: 50px;
}

/* カテゴリタイトル下の各ページの解説文 */
.Category1Explanation{
	font-size: 11px;
	color: #666666;
	line-height: 15px;}


/*2010.9ココまで追加*/

.FontBase {
	/* [disabled]font-size: x-small; */
	font-size:12px;
	line-height: 130%;
	color: #111111;
}

.License {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 680px;
	height:150px;
}
.NewsBody {
	margin: 0;
	padding: 0px;
	scrollbar-face-color: #EEEEEE;
	scrollbar-track-color: #F2F2F2;
	scrollbar-arrow-color: #808080;
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #BBBBBB;
}

/*----------------------------------------
	追加css　2008.6.3
-----------------------------------------*/

#bg_top {
	background: url(/image/cmn_bg02_master.gif) no-repeat top center;
}

#keyword {
	width: 140px;
	height: 20px;
	border: #afafaf solid 1px;
	size: 23;
}

/* *********************　　フッターの設定 　　********************* */

#footer {
	color: #999999;
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #666666;
	text-decoration: none;
}

/*----------------------------------------
	追加css　2008.7.11
-----------------------------------------*/

@media print{
body,
table#bg_top {
	background: none !important;
}
}




/* ----------------------------------------
	=1 global navigation area
----------------------------------------- */
#header div, 
#header h1, 
#header ul, 
#header li, 
#header img, 
#header input, 
#gnav, 
#gnav li, 
#gnav img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	text-indent: 0;
}

/* =1_1 header
----------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
#header {
	width: 950px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
}
#header #logoflash {
	float: left;
	width: 172px;
	overflow: hidden;
}

#header ul {
	position: absolute;
	  top: 21px;
	  left:278px;
}
#header #search {
	float: right;
	margin-top: 21px;
	width: 223px;
	position: relative;
	left:35px;
}
#search #keyword {
	border: 1px solid #999;
	width: 142px;
	height: 19px;
	position: absolute;
	  top: 0;
	  left: 0;
}
#search input#sbmt {
	position: absolute;
	  top: 0;
	  left: 142px;
}
#search img {
	position: absolute;
	  top: 0;
	  left: 172px;
}

#header li {
	float: left;
}
/* =1_2 gnav
----------------------------------------- */
#gnav  {
	width: 960px;
	margin: 0 auto;
}
#gnav ul {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 30px;
}
#gnav li {
	margin: 0;
	padding: 0;
	float: left;
}

/* ----------------------------------------
	  =2 global footer area
----------------------------------------- */
#gfooter {
	margin: 15px auto 0;
	padding: 0 0 12px;
	width: 740px;
	background: url(../image/foot_bg.jpg) no-repeat 0 0;
	text-align: center;
}
#gfooter ul, 
#gfooter li, 
#gfooter p {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
#gfooter ul {
	display: block;
	padding-top: 12px;
}
#gfooter li {
	padding: 0 3px;
	display: inline;
	border-left: 1px solid #666;
} 
#gfooter li a{
	color: #666;
}
#gfooter li.first {
	border-left: none;
}
#gfooter p {
	margin-top: 10px;
}
/* ----------------------------------------
	  =3 index main contents
----------------------------------------- */
#maincol ul, 
#maincol li, 
#maincol h2, 
#maincol p, 
#maincol img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	text-indent: 0;
}
/* =3_1 レイアウト枠
----------------------------------------- */
.leftwrap {
	float: left;
}
.rightwrap {
	float: right;
}

#maincol {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#wrap1 {
	width:740px;
}
#maincol .left1 {
	margin-right: 20px;
	width: 271px;
	_width: 289px;
}
.middle1 {
	width: 411px;
	_width: 429px;
}
.right1 {
	width: 180px;
	_width: 200px;
}


/* =3_2 リスト部分のスタイル指定
----------------------------------------- */
/* リスト部分のグレー枠 */
#maincol ul {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 8px;
}
#maincol ul ul{
	margin: 0;
	border: none;
	padding: 0;
}

/* デフォルトのスタイル 左側部分 */
#maincol li li {
	padding: 12px 0 6px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
}

#maincol li li a:link, 
#maincol li li a:visited {
	background: none;
	color: #666;
	text-decoration: under-line;
}
#maincol li li a:hover, 
#maincol li li a:active {
	background: #effc16;
	text-decoration: under-line;
}
/* 中央部分 追加指定 */
#maincol .middle1 li li {
	padding: 0;
	width: 411px;
}

#maincol .middle1 li li img{
	float: left;
	margin: 15px 12px 6px 0;
	margin-right: 12px;
	border: 1px solid #ccc;
	display: inline;
}
#maincol .middle1 li li p{
	float: left;
	padding: 12px 0 6px;
	width: 327px;
}
/* 右側部分 追加指定 */
#maincol .right1 li li.bnr {
	margin: 0;
	padding: 0;
	height: 65px;
	overflow: hidden;
}
#maincol .right1 li li.text{
	padding: 3px 0 3px 12px;
	background: url(../image/index_list01.gif) no-repeat 0 8px;
}
#maincol .right1 li li.top{
	margin-top: 5px;
}
/* 一覧へのリンク部分 */
#maincol li li.full {
	padding: 0 0 0 12px;
	background: url(../image/index_list02.gif) no-repeat 0 4px;
	font-size: 10px;
	float: right;
}
#maincol .middle1 li li.full {
	width: auto;
}
/* =3_3 Flash部分のスタイル指定
----------------------------------------- */
#mainflash {
	margin: 13px auto 22px;
}
#mainflash p.text{
	padding-top: 100px;
}
.adobedl {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

/* ----------------------------------------
	  =4 index foot navigation
----------------------------------------- */
#footcol ul, 
#footcol li, 
#footcol img, 
#footcol p {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	text-indent: 0;
}

/* =4_1 グレーのリスト部分
----------------------------------------- */
#footcol {
	background: #f6f6f6;
	text-align: center;
	padding-top: 10px;
}

#footcol .foot1{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#footcol ul {
	float: left;
	padding-bottom: 15px;
}
#footcol ul ul {
	float: none;
	padding-bottom: 0;
}
#footcol ul li p{
	padding: 0 0 0 8px;
	background: url(../image/index_list01.gif) no-repeat 0 8px;
	font-size: 12px;
	line-height: 2;
}
#footcol ul li p.none{
	background:none;
}
#footcol ul li li {
	padding: 0;
	background: none;
	font-size: 10px;
	text-indent: 0;
	line-height: 1.4;
}
#footcol ul li a{
	color: #333;
	zoom: 1;
}
#footcol ul li li a{
	color: #666;
	zoom: 1;
}
#footcol li a {
	text-decoration: none;
}
#footcol li a:hover, 
#footcol li a:active {
	text-decoration: underline;
}

/* リストの幅指定 */
#footcol .w170{
	width: 170px;
}
#footcol .w157{
	width: 157px;
}
#footcol .w164{
	width: 164px;
}
#footcol .w135{
	width: 135px;
}


/* =4_2 ロゴ部分
----------------------------------------- */
#footlogo img {
	border: 0;
}
#footlogo p{
	text-align: center;
	margin: 0;
	padding: 0;
}
#footlogo .logoE{
	margin: 30px auto;
}
#footlogo .logos{
	margin: 0;
	padding: 4px 0 0;
}

/* ----------------------------------------
	==clear box
----------------------------------------- */
.block:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.block {
  zoom: 1;
}
.smp_menu {
	width: 219px;
	background-image: url(../sphone/img/smp_bt.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	margin-top: 3px;
}


/* ----------------------------------------
	サブメニュー
----------------------------------------- */

#SUB{
	float: right;
	width: 220px;
	font-size: 10px;
	text-align: left;
}

/*IE用 2011.02.14修正*/
* html #SUB{
	float:right;
	margin:0px;
	padding:0px;
	width:220px;
	font-size:10;
}

#SUB-BNR{
	float: right;
	margin: 0;
	width: 220px;
	padding: 0 0 5px;
	font-size: 12px;
}
#SUB-BNR div.bnr-tablet{
	margin: 0;
	padding:0 0 10px;
	width: 220px;
}
#SUB-BNR div.bnr-box{
	margin: 0;
	padding: 0 0 10px;
	width: 220px;
}
/*IE用 */
* html #SUB-BNR{
	float: right;
	margin: 0;
	width: 220px;
	padding:0 0 5px;
	font-size: 12px;
}
* html #SUB-BNR div.bnr-tablet{
	margin: 0;
	padding:0 0 10px;
	width: 220px;
}

/*サポート情報用CSS*/
#sub-support-list{
	width: 184px;
	padding: 15px 17px;
	float: left;
	clear: both;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
}
#sub-support-list dl{
	width: 184px;
}
#sub-support-list dl.line{
	padding: 14px 0 0 0;
	border-top: 1px solid #cccccc;
	margin: 14px 0 0 0;
}

#sub-support-list dl dt{
	padding: 0 0 5px;
	width: 184px;
	clear: both;
	font-weight: bold;
	font-size: 14px;
	color: #464646;
}
#sub-support-list dl dd{
	padding: 5px 0 0;
	margin: 0;
	width: 184px;
	color: #666;
	text-align: left;
}
#sub-support-list dl dd a{
	display: block;
	line-height: 1.5;
}
/*注釈CSS*/
#sub-support-list dl dd span.report{
	display: block;
	margin: -10px 0 5px 0;
	line-height: 1.5;
}
/*関連製品用CSS*/
#kanren-list{
	width: 184px;
	padding: 18px 17px;
	float: left;
	clear: both;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
}
#kanren-list dl{
	width: 184px;
	/* [disabled]padding: 0 0 14px 0; */
}
#kanren-list dl.line{
	padding:14px 0 0 0;
	border-top:1px solid #cccccc;
}
#kanren-list dl dt{
	padding: 0 0 3px;
	width: 184px;
	clear: both;
	font-weight: bold;
	font-size: 12px;
	color: #4F4F4F;
}
#kanren-list dl dd{
	padding: 4px 0 0;
	margin: 0;
	width: 184px;
	color: #666;
	text-align: left;
	line-height: 1.5;
}
#kanren-list dl dd a{
	display:block;
}

.to-logitec .notice {
	color: #C80207;
	font-size: 16px;
	font-weight: bold;
	line-height:1.5;
}
/* -----------------------------------------------------------------
★共通 バナー画像リスト★
----------------------------------------------------------------- */
.side-bnr-box{
	width: 220px;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}
.side-bnr-box ul{
	width: 220px;
	padding:0;
	margin:0;
}
.side-bnr-box ul li{
	width: 220px;
	padding:0 0 5px 0;
	margin:0;
}
/* -----------------------------------------------------------------
★共通 テキストメニューリスト★
----------------------------------------------------------------- */
.sub-menu-list{
	width: 184px;
	padding:18px 17px;
	clear: both;
	border: 1px solid #cccccc;
	margin:0 0 15px 0;
}
.sub-menu-list dl{
	width: 184px;
}
.sub-menu-list dl.line{
	padding: 14px 0 0 0;
	margin: 14px 0 0 0;
	border-top: 1px solid #cccccc;
}
.sub-menu-list dl dt{
	padding:0 0 3px;
	width: 184px;
	clear:both;
	font-size:106%;
	font-weight:bold;
	margin:0;
}
.sub-menu-list dl dd{
	padding: 4px 0 0;
	margin:0;
	width: 184px;
	color: #666;
	text-align: left;
	font-size:93%;
	line-height: 1.5;
}
.sub-menu-list dl dd a{
	display: block;
}
@media screen and (max-width:499px){
#SUB-BNR div.bnr-box{
	margin: 0 50px;

}	
/* -----------------------------------------------------------------
★共通 バナー画像リスト★
----------------------------------------------------------------- */
.side-bnr-box{
	width: 220px;
	clear:both;
	margin:0 auto 10px;
	padding:0;
}
.side-bnr-box ul{
	width: 220px;
	padding:0;
	margin:0;
}
.side-bnr-box ul li{
	width: 220px;
	padding:0 0 5px 0;
	margin:0;
}
/* -----------------------------------------------------------------
★共通 テキストメニューリスト★
----------------------------------------------------------------- */
.sub-menu-list{
	width: 184px;
	padding:18px 17px;
	clear: both;
	border: 1px solid #cccccc;
	margin:0 auto 15px;
}
.sub-menu-list dl{
	width: 184px;
}
.sub-menu-list dl.line{
	padding: 14px 0 0 0;
	margin: 14px 0 0 0;
	border-top: 1px solid #cccccc;
}
.sub-menu-list dl dt{
	padding:0 0 3px;
	width: 184px;
	clear:both;
	font-size:106%;
	font-weight:bold;
	margin:0;
}
.sub-menu-list dl dd{
	padding: 4px 0 0;
	margin:0;
	width: 184px;
	color: #666;
	text-align: left;
	font-size:93%;
	line-height: 1.5;
}
.sub-menu-list dl dd a{
	display: block;
}
}