@charset "utf-8";
/* -------------------------------------------------------------------
コーポレートサイト（2014年10月以前）ヘッダ・フッタ・ローカルナビゲーション
最終更新:2016年9月30日
コーポレートサイト（2014年10月以前）のすべてのページから読むことを想定しています。
## ヘッダ・フッタのHTML・CSS
- HTMLは、2014年10月版以前のページについても、2014年10月版以降のコードを、「そのまま」コピー＆ペーストします。
- XSLT変換を通過するために、全体を以下の処理をします。
1. 正規表現で <>"& を < > " & に置換します。
2. ... で囲みます。
- HTML 5 依存要素（header要素、footer要素、nav要素、main要素、itemscope属性など）は、XHTML 1.0 Transitional としてエラーになりますが、そのままでよいです。
- CSSは、2014年10月版以前のページについても、2014年10月版以降のコードを、（MediaQueryを除いて）「そのまま」コピー＆ペーストします。
- MediaQuery部分を削除します。
- 調整が必要なセレクタは、後方でオーバーライドします。
- オーバーライドしたセレクタは、わかるように1箇所にまとめます。
- 2016年9月以降のヘッダーまわりのコードはheader-footer-side.cssにまとめています。
- コピー＆ペーストしたHTMLとCSSは、元となったコードの場所、バージョン、バージョンの日付を、コメントとして残します。
------------------------------------------------------------------- */
body{ font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
/* clearfix */
.clearfix:after { content:""; display:block; clear:both; height:0px; visibility:hidden; }
.clearfix { min-height:1px;}
* html .clearfix { height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
input { font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
/* remとemの基準値の調整 */
html { font-size:62.5%; } /* remの基準値 */
body { font-size:160.0%; } /* rem以外は過去どおり */
#header, #footer { font-size:62.5%; } /* emが正しく動作するようにする */
#pop_wrapper #header,
#pop_wrapper #footer { font-size:100%; }
/* リンクのアンダーラインの調整 */
#header a, #footer a { text-decoration: none; }
#header a:hover, #footer a:hover,
#header a:active, #footer a:active,
#header a:focus, #footer a:focus { text-decoration: underline; }
/* リンクのアイコンの調整 */
/* アイコン右向き */
#header a.icon-arrow-r,
#footer a.icon-arrow-r {
display:inline-block; padding-left:16px;
background:url(/common-o/img/icon-arrow-right.png) no-repeat 4px 0.5em; }
/* アイコンブランク */
#header a.icon-blank,
#footer a.icon-blank {
display:inline-block; padding-left:16px;
background:url(/common-o/img/icon-blank.png) no-repeat 2px 0.35em;
background-size:9px;}
/* アイコン外部 */
#header a.icon-external,
#footer a.icon-external {
display:inline-block; padding-left:16px;
background:url(/common-o/img/icon-external.png) no-repeat 2px 0.4em; }
/* -------------------------------------------------------------------
コンテナ
------------------------------------------------------------------- */
#wrapper { width:100%; min-width:996px; overflow:hidden;}
#eve_wrapper { width:100%; min-width:996px; overflow:hidden;}
#location { width:960px; margin:0 auto; clear: both;}
/* -- メイン枠 メイン内共通 -- */
#eve_ctarea{ width:960px; margin:0 auto; padding:0 0 10px 0; position:relative;}
/* -- メイン枠 メイン内共通 -- */
#main{ width:960px; margin:0 auto; padding:0 0 10px 0; position:relative;}
/* 導入事例詳細、キャンペーン情報：メイン枠 */
#prm_ctarea { width:960px; margin: 0 auto 10px;}
/* IT用語辞典 */
#prm_ctarea02_ssp{ width:960px; margin: 0 auto 10px;}
/* -- フェア・セミナー詳細：メイン枠 メイン内共通 -- */
#eve_ctarea{ width:960px; margin:0 auto; padding:0 0 10px 0; position:relative;}
/* -------------------------------------------------------------------
ヘッダー
## このコードの元
- 元の場所： /common-o/css/common.css
- バージョン： 52.0
- バージョンの日付： 2014-12-05 23:13:32
■■■ ここから
------------------------------------------------------------------- */
#header { width:960px; margin:0 auto; }
/* -------------------------------------------------------------------
ヘッダーロゴ
グローバルナビゲーション改修内容：2015/9/30
ヘッダー領域変更に伴い、#header-logoから#header-logo-otsへ改修しております。
すべてが新に移行するまでは旧・新記述を両方残してあります。
新記述はheader-footer-side-s.cssにあります。
------------------------------------------------------------------- */
#header #header-logo { float:left; width:185px; padding:13px 5px 0 10px; }
/* -------------------------------------------------------------------
ヘッダーユーティリティ
グローバルナビゲーション改修内容：2015/9/30
ヘッダー領域変更に伴い、#header-utilityから#header-area-utilityへ改修しております。
すべてが新に移行するまでは旧・新記述を両方残してあります。
新記述はheader-footer-side-s.cssにあります。
------------------------------------------------------------------- */
#header #header-utility { float:right; width:760px; }
#header #header-utility #header-menu { float:left; width:540px; padding:16px 0 0 0; }
#header #header-utility #header-menu ul{ text-align:right; }
#header #header-utility #header-menu ul li{
display:inline; list-style: none outside none;
font-size:11px; font-size:1.1rem; line-height:1.5; }
#header #header-utility #header-menu ul li a{
display:inline-block;
margin:0 0 0 20px; padding:0 0 0 12px;
background: url("/common-o/img/icon-arrow-r-gray.png") no-repeat 2px 0.45em;
color:#333; text-decoration:none; }
#header #header-utility #header-menu ul li a:hover { text-decoration:underline; }
#header #header-utility #header-menu ul li.link-lang { margin-left:20px; border-left:1px solid #ccc; }
*+html #header #header-utility #header-menu ul li.link-lang { margin-left:0; padding-left:20px; }
/* -------------------------------------------------------------------
サイト内検索
グローバルナビゲーション改修内容：2015/9/30
ヘッダー領域変更に伴い、#header-searchから#header-menu-searchへ改修しております。
すべてが新に移行するまでは旧・新記述を両方残してあります。
新記述はheader-footer-side-s.cssにあります。
------------------------------------------------------------------- */
#header #header-utility #header-search {
float: right; padding: 11px 0 0;
position: relative; text-align: right;
width: 200px;}
#header #header-utility #header-search form .text {
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 1px 1px 2px #e5e5e5 inset;
height: 16px; margin: 0;
padding: 3px 50px 3px 3px;
width: 144px;}
#header #header-utility #header-search form .submit {
border: medium none;
border-radius: 0 5px 5px 0;
cursor: pointer;
height: 24px;
position: absolute;
right: 0; top: 11px;
width: 43px;}
* html #header #header-utility #header-search form .submit { top: 12px;}
/* -------------------------------------------------------------------
グローバルナビゲーション
グローバルナビゲーション（ #header-nav ）配下は、要素セレクタへの直接のスタイル指定を避け、クラスセレクタで指定してください。
メガドロップダウンのなかに、画像やテキストを含めた複雑なレイアウトをすることがあり、祖先要素からの ul、li、div、p、span、img、a などへの継承が邪魔になるためです。
サンプルHTML：