@charset "utf-8";

/* ロジテック 共通スタイル
 * **************************************************
 *
 * 1 : topicpath
 * 2 : localNavi
 * 3 : side
 		┣ インフォメーション
		┗ ファクトリーサービス
 *
 * **************************************************
 */


/* ======================================
	1 : topicpath [ パンくずリスト ]
====================================== */
.topicpath {
	background-color: #e5e5e5;
	overflow: hidden;
	padding: 6px 0;
	width: 100%;
}

.topicpath .inner {
	margin: 0 auto;
	position: relative;
	width: 900px;
	text-align: left;
}

.topicpath ul {
	list-style-type: none;
}

.topicpath li {
	float: left;
	font-size: 85%;
}

.topicpath li.home {
	padding: 0 6px 0 0;
}

.topicpath li.hierarchy,
.topicpath li.here {
	padding: 0 8px 0 0;
}

.topicpath li.hierarchy::before,
.topicpath li.here::before {
	content: '\003E';
	margin: 0 5px 0 0;
	vertical-align: 0.02em;
}


/* ======================================
	2 : localNavi [ ローカルナビゲーション ]
====================================== */
/* アコーディオン
------------------------------------------------------------------- */
ul.accordion {}

ul.accordion li {
	border-bottom: 1px solid #666666;
}

ul.accordion p {
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 50px;
	padding: 18px 0 16px 60px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	cursor: pointer;
	display: block;
}

/* リスト画像：ハードディスク */
ul.accordion p.hdd {
	background-image: url(../images/local_navi/products/local_navi_hdd.jpg);
}

/* リスト画像：ソリッドステート */
ul.accordion p.ssd {
	background-image: url(../images/local_navi/products/local_navi_ssd.jpg);
}

/* リスト画像：メモリ */
ul.accordion p.memory {
	background-image: url(../images/local_navi/products/local_navi_memory.jpg);
}

/* リスト画像：NAS */
ul.accordion p.nas {
	background-image: url(../images/local_navi/products/local_navi_nas.jpg);
}

/* リスト画像：DVD/MO/ブルーレイ */
ul.accordion p.dvd {
	background-image: url(../images/local_navi/products/local_navi_dvd.jpg);
}

/* リスト画像：ネットワーク */
ul.accordion p.network {
	background-image: url(../images/local_navi/products/local_navi_network.jpg);
}

/* リスト画像：Bluetooth */
ul.accordion p.bluetooth {
	background-image: url(../images/local_navi/products/local_navi_bluetooth.jpg);
}

/* リスト画像：FMトランスミッタ */
ul.accordion p.fm {
	background-image: url(../images/local_navi/products/local_navi_fm.jpg);
}

/* リスト画像：オーディオ・ビジュアル */
ul.accordion p.av {
	background-image: url(../images/local_navi/products/local_navi_av.jpg);
}

/* リスト画像：バッテリー/ケーブル */
ul.accordion p.battery_logitec {
	background-image: url(../images/local_navi/products/local_navi_battery.jpg);
}

/* リスト画像：カスタムPC/液晶モニタ */
ul.accordion p.pc {
	background-image: url(../images/local_navi/products/local_navi_pc.jpg);
}

/* リスト画像：データ復旧/データ消去 */
ul.accordion p.data {
	background-image: url(../images/local_navi/products/local_navi_data.jpg);
}

/* リスト画像：サーマル */
ul.accordion p.thermalcamera {
	background-image: url(../images/local_navi/products/local_navi_thermalcamera.jpg);
}

/* リスト画像：ロジテックダイレクト */
ul.accordion p.logitecdirect {
	background-image: url(../images/local_navi/products/local_navi_logitecdirect.jpg);
}

/* リスト画像：ドッキングステーション */
ul.accordion p.dk {
	background-image: url(../images/local_navi/products/local_navi_dk.jpg);
}

/* リスト画像：ビデオキャプチャー */
ul.accordion p.vc {
	background-image: url(../images/local_navi/products/local_navi_vc.jpg);
}

/* ul.accordion span {
	display: block;
} */

/* カスタムPC/液晶モニタ・データ復旧/データ削除リセット */
ul.accordion p span a {
	padding: 0;
	text-decoration: none;
	font-size: 100%;
	color: #666666;
}

ul.accordion li a {
	display: block;
	font-size: 13px;
	padding: 3px 0 3px 60px;
	text-decoration: none;
}

ul.accordion li a[target="_blank"] span {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16.945%2016.944h-10.89v-10.888h3.825v-1.556h-3.825a1.56%201.56%200%200%200%20-1.555%201.556v10.888a1.56%201.56%200%200%200%201.555%201.556h10.89a1.56%201.56%200%200%200%201.555-1.556v-3.824h-1.555zm-4.278-12.444v1.556h3.189l-6.923%206.922%201.089%201.089%206.923-6.922v3.189h1.555v-5.834z%22%20fill%3D%22%23666%22%20transform%3D%22translate(-4.5%20-4.5)%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;
    background-size: 1em;
    padding: 0 1.56em 0 0;
}

ul.accordion ul {
	padding: 0 0 15px 0;
	display: none;
}

ul.accordion ul li {
	border-bottom: none;
}

/* NAS：3階層 */
ul.accordion li ul li p {
	padding: 0 0 12px 60px;
	font-size: 93%;
	color: #666666;
	font-weight: normal;
	cursor: pointer;
	display: block;
	background: url(../images/local_navi/products/arrow_local_navi.gif) no-repeat 48px 4px;
}

ul.accordion li ul li ul li {
	padding: 0 0 3px 2em;
	font-size: 93%;
	color: #666666;
	font-weight: normal;
	cursor: pointer;
}

ul.accordion li ul li ul li a {
	white-space: normal;
	line-height: 1.2;
}

ul.accordion li ul li ul li span {
	margin: 0 0 0 -0.9em;
	font-weight: bold;
}

ul.accordion li ul li ul li.line {
	background: url(../images/local_navi/products/line.gif) no-repeat right bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* 製品・サービス
------------------------------------------------------------------- */
#sideRight .localNavi .localNaviTtl {
    background-color: #000000;
	color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
	padding: 2px 5px;
    text-align: center;
}

#sideRight .localNavi ul {
	list-style-type: none;
}

#sideRight .localNavi li {
	white-space: nowrap;
}


/* ======================================
	3 : side [ サイド ]
====================================== */
/* 製品・サービス：インフォメーション
------------------------------------------------------------------- */
#sideRight .informationBanner {
	margin: 30px 0 0 0;
}

#sideRight .informationTtl {
    background-color: #000000;
	color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
	padding: 2px 5px;
    text-align: center;
}

#sideRight .informationBanner ul {
	list-style-type: none;
}

#sideRight .informationBanner li {
	margin: 10px 0 0 0;
}

#sideRight .informationBanner li img {
	width: 100%;
}

/* 製品・サービス：ファクトリーサービス
------------------------------------------------------------------- */
#sideRight .factoryService {
	margin: 30px 0 0 0;
}

#sideRight .factoryServiceTtl {
    background-color: #000000;
	color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
	padding: 2px 5px;
    text-align: center;
}

#sideRight .factoryService ul {
	list-style-type: none;
}

#sideRight .factoryService li {
	clear: both;
	border-bottom: 1px solid #666666;
}

#sideRight .factoryService li p.pict {
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	width: 59px;
}

#sideRight .factoryService li div {
	float: right;
	padding: 15px 0 15px 0;
	width: 229px;
}

#sideRight .factoryService li div p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
}

#sideRight .factoryService li div p.title {
	margin: 0 0 4px;
	font-weight: bold;
}








/*共通指定・ハック
---------------------------------------------------------*/
/* for IE6 */
* html .clearfix {
	display: inline-block;
}

/* for IE7 */
*+html .clearfix {
	display: inline-block;
}

/* clearfix */
.clearfix {
	overflow: hidden;
}

div.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.clearfix {
	display: inline-block;
}

/* 画像下のスペースを取るハック */
img {
	vertical-align: bottom;
}