@charset "EUC-JP";

/* --------------------------------------------------------------
CSS Information

File name:		common.css
Style Info:		共通で使用するスタイルを設定
Index:
	__1. グローバルナビ
	__1.5. サブカテゴリメニュー（企業向けコンテンツ用）add nishijima 090706
	__2. ヘッダーナビ
	__3. コンテンツナビ
	__4. フォントサイズ変更ボタン
	__5. お問い合わせボタン
	__6. パンくず
	__7. 見出し・テキスト等
	__8. ページトップボタン
	__9. アイコン
	__10. リンク
	__11. クリア
	__12. ニュース add nishijima 090714
	__13. Twitter add nishijima 090730
	__14. 製品テーブル add nishijima 100727
	__15. リストタグ add nishijima 100729
-------------------------------------------------------------- */

/*=====================================================
	__1. グローバルナビ
=====================================================*/
div#header2 ul#globalNav ,
div#header ul#globalNav {
	position: absolute;
	width: 763px;
	top: 65px;
	right: 25px;
}
div#header2 ul#globalNav li ,
div#header ul#globalNav li {
	position: relative;
	float: left;
	width: 127px;
}
div#header2 ul#globalNav li.lastChild ,
div#header ul#globalNav li.lastChild {
	width: 128px;
}
div#header2 ul#globalNav li ul.localNav ,
div#header ul#globalNav li ul.localNav {
	position: absolute;
	width: 155px;
	top: -999em;
	left: -14px;
	padding-top: 13px;
/*	background: url(../images/common/bg_local_nav.gif) no-repeat top #000; dell nishijima 090706*/
	background: url(../images/common/bg_local_nav.gif) no-repeat top;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
div#header2 ul#globalNav li:hover ul.localNav,
div#header2 ul#globalNav li.sfHover ul.localNav ,
div#header ul#globalNav li:hover ul.localNav,
div#header ul#globalNav li.sfHover ul.localNav {
	top: 25px;
}
div#header2 ul#globalNav li ul.localNav li ,
div#header ul#globalNav li ul.localNav li {
	float: none;
	width: 155px;
	font-size: 0.85em;
	line-height: 1.4;
	background:#000;/* add nishijima 090706*/
}
div#header2 ul#globalNav li ul.localNav li a ,
div#header ul#globalNav li ul.localNav li a {
	display: block;
	width: 135px;
	padding: 6px 10px;
	background: url(../images/common/bg_local_nav_line.gif) no-repeat bottom center;
	color: #FFF;
	text-decoration: none;
}
div#header2 ul#globalNav li ul.localNav li.lastChild a ,
div#header ul#globalNav li ul.localNav li.lastChild a {
	background: none;
}
div#header2 ul#globalNav li ul.localNav li a:hover ,
div#header ul#globalNav li ul.localNav li a:hover {
	background-color: #495B89;
}

/*=====================================================
	__1.5. サブカテゴリメニュー
=====================================================*/
div#header2 ul.enterpriseMenu ,
div#header ul.enterpriseMenu {
	position: absolute;
	width: 470px;
	top: 90px;
	left: 234px;
}

div#header2 ul.enterpriseMenu li ,
div#header ul.enterpriseMenu li {
	position: relative;
	float: left;
	height:25px;
}
div#header2 ul.enterpriseMenu li a ,
div#header ul.enterpriseMenu li a {
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-20000px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
div#header2 ul.enterpriseMenu li a:hover ,
div#header ul.enterpriseMenu li a:hover {
	background-position:0px -25px;
}
div#header2 ul.enterpriseMenu li.sm01 a ,
div#header ul.enterpriseMenu li.sm01 a {
	width: 63px;
	background-image: url(../images/enterprise/sm01.gif)
}
div#header2 ul.enterpriseMenu li.sm02 a ,
div#header ul.enterpriseMenu li.sm02 a {
	width: 99px;
	background-image: url(../images/enterprise/sm02.gif)
}
div#header2 ul.enterpriseMenu li.sm03 a ,
div#header ul.enterpriseMenu li.sm03 a {
	width: 80px;
	background-image: url(../images/enterprise/sm03.gif)
}
div#header2 ul.enterpriseMenu li.sm04 a ,
div#header ul.enterpriseMenu li.sm04 a {
	width: 121px;
	background-image: url(../images/enterprise/sm04.gif)
}
div#header2 ul.enterpriseMenu li.sm05 a ,
div#header ul.enterpriseMenu li.sm05 a {
	width: 107px;
	background-image: url(../images/enterprise/sm05.gif)
}
/*=====================================================
	__2. ヘッダーナビ
=====================================================*/
div#header2 ul#headerNav ,
div#header ul#headerNav {
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 0.85em;
	padding-left: 8px;
	border-left: 1px solid #BFBFBF;
}
div#header2 ul#headerNav li ,
div#header ul#headerNav li {
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #BFBFBF;
}

/*=====================================================
	__3. コンテンツナビ
=====================================================*/
/*	__3-1. 共通
------------------------------------------ */
/*div#mainBlock ul#contentsNav {
	clear: both;
	width: 650px;
	padding: 50px 0 10px;
	font-size: 0.85em;
}
div#mainBlock ul#contentsNav li.firstChild {
	padding-left: 8px;
	border-left: 1px solid #BFBFBF;
}
div#mainBlock ul#contentsNav li {
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #BFBFBF;
	zoom: 1;
}	20090717 dell & add nishijima	*/
div#contents div.go2top ul#contentsNav {
	clear: both;
	width: 650px;
	padding: 50px 0 10px;
	margin-left:240px;
	font-size: 0.85em;
}
div#contents div.go2top ul#contentsNav li.firstChild {
	padding-left: 8px;
	border-left: 1px solid #BFBFBF;
}
div#contents div.go2top ul#contentsNav li {
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #BFBFBF;
	zoom: 1;
}
body#homeUs div#contents div.go2top ul#contentsNav ,
body#enterprise div#contents div.go2top ul#contentsNav {
	margin-left:0px;
}
/*	__3-2. SaaS型セキュリティ対策
------------------------------------------ */
body#mop div#mainBlock ul#contentsNav {
	width: 890px;
	text-align: center;
}

/*=====================================================
	__4. フォントサイズ変更ボタン
=====================================================*/
div#header2 dl#fontSize ,
div#header dl#fontSize {
	overflow: hidden;
	position: absolute;
	top: 32px;
	right: 225px;
	width: 150px;
}
div#header2 dl#fontSize dt ,
div#header dl#fontSize dt {
	float: left;
	width: 70px;
}
div#header2 dl#fontSize dd ,
div#header dl#fontSize dd {
	float: right;
	width: 70px;
}
div#header2 dl#fontSize dd ul li ,
div#header dl#fontSize dd ul li {
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
}
div#header2 dl#fontSize dd ul li.fontLarge ,
div#header dl#fontSize dd ul li.fontLarge {
	margin-right: 0;
}
div#header2 dl#fontSize dd ul li a ,
div#header dl#fontSize dd ul li a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/common/bg_font_size.gif) no-repeat;
	text-decoration: none;
}
div#header2 dl#fontSize dd ul li.fontSmall a ,
div#header dl#fontSize dd ul li.fontSmall a {
	background-position: 0 -20px;
}
div#header2 dl#fontSize dd ul li.fontMedium a ,
div#header dl#fontSize dd ul li.fontMedium a {
	background-position: -20px 0;
}
div#header2 dl#fontSize dd ul li.fontLarge a ,
div#header dl#fontSize dd ul li.fontLarge a {
	background-position: -40px 0;
}

/*=====================================================
	__5. お問い合わせボタン
=====================================================*/
/*	__5-1. ヘッダー
------------------------------------------ */
div#header2 p.btnContact ,
div#header p.btnContact {
	position: absolute;
	top: 30px;
	right: 25px;
}
/*	__5-2. フッター
------------------------------------------ */
div#footer p.btnContact {
	position: absolute;
	top: 25px;
	left: 35px;
}

/*=====================================================
	__6. パンくず
=====================================================*/
div#mainBlock dl#topicPath {
	width: 650px;
	margin-bottom: 20px;
	font-size: 0.85em;
}
div#mainBlock dl#topicPath dt {
	float: left;
	width: 4em;
}
div#mainBlock dl#topicPath dd {
	margin-left: 4em;
}
div#mainBlock dl#topicPath dd ol li {
	display: inline;
}
div#mainBlock dl#topicPath dd ol li a {
	margin-right: 6px;
	padding-right: 13px;
	background: url(../images/common/bg_topic_path.gif) no-repeat right center;
}
div#mainBlock dl#topicPath dd.current {
	color: #008A6C;
	font-weight: bold;
}

/*=====================================================
	__7. 見出し・テキスト等
=====================================================*/
div#mainBlock h1#title,
div#mainBlock h2.headline,
div#mainBlock h3.crosshead {
	width: 100%;
	padding-bottom: 3px;
	border-bottom: 1px solid #C6C6C6;
}
div#mainBlock h2.headline,
div#mainBlock h3.crosshead {
	margin: 40px 0 10px;
}
div#mainBlock .note {
	font-size: 0.85em;
}
div#mainBlock div.section {
	width: 600px;
	margin-left: 50px;
}
body#home div#mainBlock div.section {
	margin-left: 0;
}
div#mainBlock div.section .anchorLink a {
	display: inline-block;
	padding-left: 12px;
	background: url(../images/common/icon_arrow_right_02.gif) no-repeat left 0.5em;
}

/*=====================================================
	__8. ページトップボタン
=====================================================*/
div#mainBlock p.toTop {
	margin: 10px 0;
	text-align: right;
}
/*	20090717 add nishijima */
div#contents div.go2top p.toTop {
	margin: 10px 0;
	text-align: right;
}

body#homeUs div#contents div.go2top p.toTop ,
body#enterprise div#contents div.go2top p.toTop {
	margin-right: 240px;
}
/*=====================================================
	__9. アイコン
=====================================================*/
div#mainBlock a.pdf {
	display: inline-block;
	padding: 3px 0 3px 20px;
	background: url(../images/common/icon_pdf.gif) no-repeat left 0.3em;
}

/*=====================================================
	__10. リンク
=====================================================*/
a:link {
	color: #464241;
	text-decoration: underline;
}
a:visited {
	color: #002569;
	text-decoration: underline;
}
a:hover {
	color: #002569;
	text-decoration: none;
}
a:active {
	color: #002569;
	text-decoration: none;
}

/*=====================================================
	__11. クリア
=====================================================*/
.clear {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.clearFix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
}
.clearFix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFix { height: 1%;}
.clearFix { display: block;}
/* End hide from IE-mac \*/

/*=====================================================
	__12. ニュース 各フォントサイズにも記載
=====================================================*/
div.item {
	border-bottom:1px solid #CCC;
	padding-bottom:1em;
	margin-bottom:1em;
}
div.item h2 {
	padding-bottom:1em;
	font-weight: bold;
	font-size:1.3em;
}
div.item div.itemDays {
	text-align:right;
}

/*=====================================================
	__13. twitter
=====================================================*/
div#sideBar p.twitter {
	background: url(../images/common/bg_side_bar.gif) no-repeat top;
	padding:20px 10px 10px 10px;
	font-weight: bold;
	vertical-align: middle;
	font-size: 120%;
	text-align: center;
}
div#sideBar p.twitter img {
	margin-right:15px;
	vertical-align: middle;
}
div#sideBar p.twitter a {
	text-decoration:none;
}


/*=====================================================
	__14. 製品用テーブル追加
=====================================================*/
body div#contents div.pico_container table.product {
	border-collapse: separate;
	border: 1px;
}
body div#contents div.pico_container table.product td ,
body div#contents div.pico_container table.product th {
	border: 1px solid #333;
	text-align: center;
	color: #333;
	padding:5px;
}
body div#contents div.pico_container table.product td p ,
body div#contents div.pico_container table.product th p {
	text-align: left;
}

/*=====================================================
	__15. リストタグ
=====================================================*/
body div#contents ul.disc ,
body div#contents ul.disc li {
	list-style-type: disc
}
body div#contents ul.circle ,
body div#contents ul.circle li {
	list-style-type: circle
}
body div#contents ol.decimal ,
body div#contents ol.decimal li {
	list-style-type: decimal
}