@charset "utf-8";

/* **************************************************

Name: common.css

Description: Main CSS

Create: 2014.07.22
Update: 20XX.XX.XX

Copyright 2014 Nisseicom Ltd.

***************************************************** */


/* ==================================================

Initial Setting
	[-] Base Setting
	[-] Body Setting
	[-] Link Setting

Setting of page layout
	[-] Block Skip
	[-] Header
	[-] GlobalNav
	[-] BreadCrumb
	[-] Contents
	[-] LocalNav
	[-] SearchNav
	[-] Footer

Setting of Content Modules
	[1] ページタイトル
	[2] 見出し
	[3] 文章
	[4] キャッチコピー
	[5] 画像
	[6] 画像＋文章
	[7] リスト
	[8] 補足、注意書き
	[9] ボタン
	[10] データテーブル
	[11] 枠囲み
	[12] ページ内リンク
	[13] ページトップ
	[-] トップ
	[-] 製品・ソリューション
	[-] 製品名から探す
	[-] 導入事例
	[-] セミナー
	[-] FAQ
	[-] 共通パーツ
	[-] Columns

===================================================== */



/* ----------------------------------------------------------------------------------------

Setting of page layout

------------------------------------------------------------------------------------------- */


/* [-] Base Setting
=========================================================================================== */

html { overflow-y: scroll; }
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {text-align: left;}

q:before, q:after {content: "";}

object, embed {vertical-align: top;}

hr, legend {display: none;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img, abbr, acronym, fieldset {
	border: 0;
}

img {
	/*vertical-align: top;*/
}

ul li { list-style-type: none; }

strong {
	font-weight: bold;
}

em { font-style: italic; }

/*input { -webkit-appearance: none; }*/

sub {
	margin: auto 1px auto;
	font-size: 92.2%;
	vertical-align: -0.15em;
	line-height: 100%;
}
* html body sub { font-size: 105%; }
*:first-child+html body sub { font-size: 105%; }

sup {
	margin: auto 1px auto;
	font-size: 92.2%;
	vertical-align: 0.15em;
	line-height: 100%;
}
* html body sup { font-size: 105%; }
*:first-child+html body sup { font-size: 105%; }

.ClearFix { zoom: 1; }
.ClearFix:after {
	content: "";
	display: block;
	clear: both;
}

a.colorbox {
	outline: none;
}

h1 a {
	color: #464646 !important;
	text-decoration: none;
}

h1 a[name],h2 a[name],h3 a[name],h4 a[name] { text-decoration: none !important; }



/* [-] Body Setting
=========================================================================================== */
body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #464646;
	font-size: 100%;
	line-height: 100%;
	text-align: left;
	background-color: #ffffff;
	-webkit-text-size-adjust: 100%;
}



/* [-] Link Setting
=========================================================================================== */

a:link {
	text-decoration: none;
	color: #104e8c;
}
a:visited {
	text-decoration: none;
	color: #660099;
}
a:hover {
	text-decoration: underline;
	color: #1c8cc6;
}
a:active {
	text-decoration: underline;
	color: #1c8cc6;
}



/* ----------------------------------------------------------------------------------------

Setting of page layout

------------------------------------------------------------------------------------------- */


/* [-] Block Skip
=========================================================================================== */
#top {
	margin: 0;
	background-color: #333333;
	line-height: 2;
	font-size: 80%;
	text-align: center;
}
#top a {
	color: #ffffff;
	position: absolute;
	top: -10em;
}
#top a:hover,
#top a:active {
	color: #fff;
	text-decoration: underline;
}
#top a.focus {
	position: static;
	margin: 5px 0 6px;
	padding-bottom: 3px;
	zoom: 1;
}



/* [-] Header
=========================================================================================== */
#HeaderArea {
	position: relative;
	min-width: 960px;
	background: url("../images/bg_dot2_pattern.gif") repeat 0 0;
}
#Header {
	width: 920px;
	height: 66px;
	margin: 0 auto;
}
#SiteId { float: left; }
#SiteId h1,
#SiteId p {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#SiteId h1 img,
#SiteId p img { vertical-align: bottom; }

#FuncNav { float: right; }
#FuncNav li {
	float: left;
	margin: 0 0 0 0;
}
#FuncNav li.Sitemap {
	margin-top: 22px;
	padding: 2px 0 2px 25px;
	background: url("../images/icon_sitemap.gif") no-repeat 0 0;
	font-size: 80%;
}
#FuncNav li.Sitemap a {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_right_hd.gif") no-repeat 100% 50%;
}
#FuncNav li.InquiryBtn {
	margin-top: 8px;
}

#Search {
	margin-top: 22px;
	height: 22px;
}
#Search p { float: left; }
#Search p#SearchTextBoxContainer {
	padding: 1px 2px;
	background: url("../images/bg_search_box_hd.gif") no-repeat 0 0;
}
#Search p#SearchTextBoxContainer input {
	width: 166px;
	height: 20px;
	border: none;
}



/* [-] GlobalNav
=========================================================================================== */
#GlobalNav {
	min-width: 960px;
	padding: 4px 0;
	background-color: #66c2ef;
}
#GlobalNav ul {
	width: 960px;
	margin: 0 auto;
}
#GlobalNav ul li {
	margin: 0 8px;
	text-align: center;
	float: left;
	font-size: 95%;
}
#GlobalNav ul li a {
	display: block;
	min-width: 100px;
	height: 30px;
	padding: 8px 12px 0;
	font-weight: bold;
}
#GlobalNav ul li.Current a {
	background-color: #ffffff;
}
#GlobalNav ul li.Current a strong {
	color: #007cb9;
}
#GlobalNav ul li a:link {
	color: #222222;
	text-decoration: none;
}
#GlobalNav ul li a:visited {
	color: #222222;
	text-decoration: none;
}
#GlobalNav ul li a:hover {
	background-color: #bbe9ff;
	color: #444444;
	text-decoration: none;
}
#GlobalNav ul li a:active {
	background-color: #bbe9ff;
	color: #444444;
	text-decoration: none;
}
#GlobalNav ul li a:hover strong {
	color: #444444;
}
#GlobalNav ul li a:active strong {
	color: #444444;
}



/* [-] BreadCrumb
=========================================================================================== */
#BreadCrumb {
	width: 920px;
	margin: 4px auto 4px;
}
#BreadCrumb ul {
	font-size: 67%;
}
#BreadCrumb ul li {
	float: left;
	padding: 0 0 0 13px;
	background: url("../images/icon_breadcrumb.gif") no-repeat 2px 50%;
}
#BreadCrumb ul li.FirstItem {
	padding: 0;
	background: none;
}
#BreadCrumb ul li strong { font-weight: normal; }



/* [-] Contents
=========================================================================================== */
#Contents {
	position: relative;
	width: 920px;
	margin: 0 auto 16px;
}



/* [-] LocalNav
=========================================================================================== */
#SubGrid #LocalNav {
	width: 252px;
	margin: 0 0 16px;
	border-bottom: solid 8px #66c2ef;
}
#SubGrid #LocalNav h2 {
	margin: 0;
	font-weight: bold;
}
#SubGrid #LocalNav h2 a {
	display: block;
	padding: 18px 16px 16px;
	background: none #66c2ef;
	line-height: 120%;
}
#SubGrid #LocalNav h2 a:link,
#SubGrid #LocalNav h2 a:visited { color: #222222; }
#SubGrid #LocalNav h2 a:hover,
#SubGrid #LocalNav h2 a:active {
	background-color: #42b6ef;
	color: #222222;
	text-decoration: none;
}
#SubGrid #LocalNav ul {
	font-size: 90%;
}

/*--- 1st Items ---*/
#SubGrid #LocalNav ul li {
	padding-top: 2px;
	background: url("../images/bg_localnav_separator.gif") repeat-x 0 0;
}
#SubGrid #LocalNav ul li.FirstItem {
	padding-top: 0;
	background: none;
}
#SubGrid #LocalNav ul li a {
	display: block;
	padding: 12px 12px 10px 16px;
	background-color: #edebe7;
}
#SubGrid #LocalNav ul li a span {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_important.gif") no-repeat 100% 50%;
	color: #333333;
}
#SubGrid #LocalNav ul li a:active,
#SubGrid #LocalNav ul li a:hover {
	background-color: #dddddd;
	text-decoration: none;
}
/*- 1st current -*/
#SubGrid #LocalNav ul li.Current a {
	background-color: #bbe9ff;
}


/*--- 2nd Items ---*/
#SubGrid #LocalNav ul ul {
	font-size: 100%;
}
#SubGrid #LocalNav ul li li {
	padding-top: 0;
	background: none;
}
#SubGrid #LocalNav ul li li.FirstItem {
	padding-top: 2px;
	background: url("../images/bg_localnav_separator.gif") repeat-x 0 0;
}
#SubGrid #LocalNav ul li li a,
#SubGrid #LocalNav ul li.Current li a {
	display: block;
	padding: 12px 12px 10px 24px;
	background-color: #f7f5f3;
}
#SubGrid #LocalNav ul li li a span {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_right.gif") no-repeat 100% 50%;
}
#SubGrid #LocalNav ul li li a:hover,
#SubGrid #LocalNav ul li li a:active { background-color: #dddddd; }
/*- 2nd current -*/
#SubGrid #LocalNav ul li li.Current a {
	background-color: #bbe9ff;
}


/* 3rd Items */
#SubGrid #LocalNav ul ul ul {
	font-size: 100%;
}
#SubGrid #LocalNav ul li li li {
	padding-top: 0;
	background: none;
}
#SubGrid #LocalNav ul li li li.FirstItem {
	padding-top: 0;
	background: none;
}
#SubGrid #LocalNav ul li li li a,
#SubGrid #LocalNav ul li li.Current li a {
	display: block;
	padding: 12px 12px 10px 32px;
	background-color: #fafafa;
}
#SubGrid #LocalNav ul li li li a span {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_right.gif") no-repeat 100% 50%;
}
#SubGrid #LocalNav ul li li li a:hover,
#SubGrid #LocalNav ul li li li a:active { background-color: #dddddd; }
/*- 3rd current -*/
#SubGrid #LocalNav ul li li li.Current a {
	background-color: #bbe9ff;
}



/* [-] SearchNav
=========================================================================================== */
#SubGrid #SearchNav {
	width: 252px;
	margin: 0 0 16px;
}
#SubGrid #SearchNav h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#SubGrid #SearchNav h2 img { vertical-align: bottom; }
#SubGrid #SearchNav div.Inner {
	padding: 0 4px 4px;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #66c2ef;
	background-color: #f6fcff;
}
#SubGrid #SearchNav ul {
	font-size: 90%;
}
#SubGrid #SearchNav ul li {
	padding: 2px;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #cccccc;
	background-color: #ffffff;
}
#SubGrid #SearchNav ul li.FirstItem {
	border-top: solid 1px #cccccc;
}
#SubGrid #SearchNav ul li a {
	display: block;
	padding: 10px 0 8px 8px;
	background-color: #edebe7;
}
#SubGrid #SearchNav ul li a:hover,
#SubGrid #SearchNav ul li a:active {
	background-color: #dddddd;
	text-decoration: none;
}

#SubGrid #SearchNav ul li a span {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_snav.gif") no-repeat 100% 50%;
	color: #333333;
}

/*- current -*/
#SubGrid #SearchNav ul li.Current a {
	background-color: #bbe9ff;
}
#SubGrid #SearchNav ul li.Current a span {
	background-image: url("../images/icon_link_snav_current.gif");
}




/* [-] Footer
=========================================================================================== */
#FooterArea {
	margin-top: 33px;
	min-width: 960px;
	background-color: #484848;
}
#Footer {
	width: 920px;
	margin: 0 auto;
	padding: 16px 20px 0;
	position: relative;
}
#Footer ul.PageTop {
	position: absolute;
	top: -33px;
	right: 20px;
}
#Footer ul.PageTop img { vertical-align: bottom; }

/*Footer Menu部*/
#FooterArea .Column1st,
#FooterArea .Column2nd,
#FooterArea .Column3rd {
	float: left;
	margin: 0 20px 0 0;
}
#FooterArea .Column1st { width: 160px; }
#FooterArea .Column2nd { width: 160px; }
#FooterArea .Column3rd { width: 160px; }
#FooterArea .FooterRecommend {
	float: right;
	width: 356px;
	margin: 0;
	padding: 12px 12px 0;
	background-color: #f5f5f5;
}
#FooterArea .FooterMenu p.FooterTitle1 {
	margin: 0 0 5px;
	padding: 0 0 5px;
	background: url("../images/bg_footer_border.gif") repeat-x 0 100%;
	font-size: 83%;
}
#FooterArea .FooterMenu p.FooterTitle1 a {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_right_w.gif") no-repeat 100% 50%;
	line-height: 140%;
	color: #ffffff;
}
#FooterArea .FooterMenu ul.LinkList1 { font-size: 83%; }
#FooterArea .FooterMenu ul.LinkList1 li { margin: 0 0 4px; }
#FooterArea .FooterMenu ul.LinkList1 a { color: #ffffff; }
#FooterArea .FooterMenu ul.LinkList1 li a { background-image: url("../images/icon_link_right_w.gif"); }

#FooterArea .FooterMenu .FooterRecommend p {
	margin: 0 0 12px;
	font-size: 83%;
}
#FooterArea .FooterMenu .FooterRecommend ul {
	margin: 0 0 12px;
}
#FooterArea .FooterMenu .FooterRecommend ul li {
	float: left;
	margin-right: 12px;
}
#FooterArea .FooterMenu .FooterRecommend ul li.LastItem { margin: 0; }

/*Footer Copyright部*/
#Footer .FooterCopy {
	padding: 14px 0 12px;
	background: url("../images/bg_footer_border.gif") repeat-x 0 0;
}
#Footer .FooterCopy ul.LinkList1 {
	float: left;
	margin: 0;
	font-size: 83%;
}
#Footer .FooterCopy ul.LinkList1 li {
	float: left;
	margin: 0 10px 0 0;
}
#Footer .FooterCopy ul.LinkList1 li a {
	background: url("../images/icon_link_right_w.gif") no-repeat 100% 50%;
	color: #ffffff;
	line-height: 140%;
}
#Footer .FooterCopy p.Copyright {
	float: right;
	margin: 0;
	color: #ffffff;
	font-size: 83%;
	line-height: 140%;
}



/* ----------------------------------------------------------------------------------------

Setting of content modules

------------------------------------------------------------------------------------------- */



/* [1] ページタイトル
=========================================================================================== */
/*---[1-1] ページタイトル > 画像---*/
div.PageTitle1 {
	margin: 0 0 16px;
}
div.PageTitle1 h1 {
	margin: 0;
	padding: 0;
	border: none;
	background: none transparent;
}
div.PageTitle1 h1 img { vertical-align: bottom; }


/*---[1-2] ページタイトル > テキスト（汎用版）---*/
div.PageTitle2 {
	min-height: 120px;
	margin: 0 0 16px;
	padding: 30px 0 30px 16px;
	background: url("../images/bg_pagetitle.jpg") no-repeat 0 0 transparent;
}
div.PageTitle2 h1 {
	margin: 0 0 12px;
	padding-right: 20px;
	font-size: 180%;
	line-height: 110%;
}
div.PageTitle2 p.SubTitle {
	padding-right: 268px;
	line-height: 140%;
}



/* [2] 見出し
=========================================================================================== */
/*---[2-1] 見出しレベル1 ---*/

h2 span a {
	display: block;
	padding: 0 18px 0 0;
	background: url("../images/icon_link_important.gif") no-repeat 100% 50%;
}
/*解除*/
h2 span span {
	display: inline;
	padding: 0;
}


/*---[2-1-1] 見出し > サブタイトル付き---*/
h2 span.SubTitle {
	display: block;
	background: none;
	font-size: 75%;
	line-height: 110%;
}


/*---[2-1-2] 見出しレベル1 > 画像 ---*/
h2.Image {
	margin: 0 0 16px;
	background: none;
}
h2.Image span {
	padding: 0;
	background: none;
}


/*---[2-2] 見出しレベル2 ---*/
h3 {
	margin: 0 0 16px;
	padding: 0 0 8px 8px;
	background: url("../images/bg_title2_border.gif") no-repeat 0 100%;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
}
h3 img { margin-left: 8px; }


#MainGrid .ColumnLeft h3,
#MainGrid .ColumnRight h3 { background-position: -100px 100%; }


/*---[2-3] 見出しレベル3 ---*/
h4 {
	margin: 0 0 16px;
	padding: 1px 0 0 8px;
	background: url("../images/bg_title3_marker.gif") no-repeat 0 0.25em;
	font-size: 90%;
	font-weight: bold;
	line-height: 160%;
}



/* [3] 文章
=========================================================================================== */
p {
	margin: 0 0 16px;
	font-size: 90%;
}

/*---[3-2] 文章（文字小）---*/
p.TxtStyle2 {
	margin: 0 0 16px;
	font-size: 83%;
}


/* [4] キャッチコピー
=========================================================================================== */
/*---[4-1] キャッチコピー > ポイント---*/
div.CatchCopySet1 {
	margin: 0 0 16px;
}
div.CatchCopySet1 p.Img {
	float: left;
	width: 86px;
	margin: 0;
}
div.CatchCopySet1 p.Img img { vertical-align: bottom; }
div.CatchCopySet1 p.CatchCopy {
	float: left;
	width: 558px;
	margin: 26px 0 0 4px;
	font-size: 100%;
}



/* [5] 画像
=========================================================================================== */
p.ImgStyle {
	margin: 0 0 16px;
	font-size: 67%;
}
p.ImgStyle img { margin: 0 0 4px; }
/* p.ImgStyle a img { margin: 4px 0 0; } */

p.ImgStyle input:hover,
p.ImgStyle img:hover{
	opacity: 0.9;
	   filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
}

/* [6] 画像＋文章
=========================================================================================== */
div.ImgLeftStyle {
	float: left;
	margin: 0 16px 0 0;
	text-align: left;
}
div.ImgRightStyle {
	float: right;
	margin: 0 0 0 16px;
	text-align: left;
}
div.ImgLeftStyle p.ImgStyle,
div.ImgRightStyle p.ImgStyle { margin: 0 0 12px; }

div.ImgLeftStyle p.ImgStyle img,
div.ImgRightStyle p.ImgStyle img { margin: 0 0 4px; }



/* [7] リスト
=========================================================================================== */
/*---[7-1] 順序性のない箇条書き---*/
ul.UnorderList1 {
	margin: 0 0 16px;
	font-size: 90%;
}
ul.UnorderList1 li {
	margin: 0 0 6px;
	padding: 0 0 0 18px;
	background: url("../images/icon_unordered_list.gif") no-repeat 0 0.1em;
	line-height: 140%;
}
ul.UnorderList1 li a { line-height: 140%; }

/*--- チェックマーク > グレイ/オレンジ---*/
ul.UnorderList1 li.Check1 { background: url("../images/icon_check_g.gif") no-repeat 0 0.15em; }
ul.UnorderList1 li.Check2 { background: url("../images/icon_check_o.gif") no-repeat 0 0.15em; }


/*---[7-2] 番号付き箇条書き---*/
ol {
	margin: 0 0 16px;
	padding-left: 1.8em;
	font-size: 90%;
}
ol li {
	margin: 0 0 6px;
	line-height: 140%;
}
ol li a { line-height: 140%; }


/*---[7-3] リンクリスト---*/
ul.LinkList1 {
	margin: 0 0 16px;
	font-size: 90%;
}
ul.LinkList1 li {
	margin: 0 0 6px;
	padding: 0;
	line-height: 140%;
}
ul.LinkList1 li a {
	padding: 0 18px 0 0;
	background-image: url("../images/icon_link_right.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	line-height: 140%;
}

/*--リンクリストの別アイコン--*/
/*重要*/
ul.LinkList1 li.Important a { background-image: url("../images/icon_link_important.gif"); }
/*新規ウィンドウ*/
ul.LinkList1 li.NewWin a { background-image: url("../images/icon_link_newwin.gif"); }
/*PDF*/
ul.LinkList1 li.Pdf a { background-image: url("../images/icon_link_pdf.gif"); }
/*お問い合わせ*/
ul.LinkList1 li.Inquiry a { background-image: url("../images/icon_link_inquiry.gif"); }
/*ダウンロード*/
ul.LinkList1 li.Download a { background-image: url("../images/icon_link_download.gif"); }

/*--リンクリストの右寄せ--*/
ul.LinkList1.ListRightAdjust {
	text-align: right;
}



/*---[-] 箇条書きの中の入れ子---*/
ul.UnorderList1 ul.UnorderList1,
ul.UnorderList1 ul.LinkList1 {
	margin: 6px 0 0;
	font-size: 100%;
}
ul.UnorderList1 ul.LinkList1 li {
	background: none;
}
ul.UnorderList1 ol {
	margin: 6px 0 0;
	font-size: 100%;
}
ul.UnorderList1 ol li {
	padding: 0;
	background: none;
	list-style-type: decimal;
}

/*---[-] 番号付き箇条書きの中の入れ子---*/
ol ol {
	margin: 6px 0 0;
	font-size: 100%;
}
ol ul.UnorderList1 {
	margin: 6px 0 0;
	font-size: 100%;
}
ol ul.LinkList1 {
	margin: 6px 0 0;
	font-size: 100%;
}

/*---[-] リンクリストの中の入れ子---*/
ul.LinkList1 ul.LinkList1 {
	margin: 6px 0 0 1.0em;
	font-size: 100%;
}
ul.LinkList1 ul.UnorderList1 {
	margin: 6px 0 0 1.0em;
	font-size: 100%;
}
ul.LinkList1 ul.UnorderList1 li {
	padding: 0 0 0 18px;
	background: url("../images/icon_unordered_list.gif") no-repeat 0 0.1em;
}
ul.LinkList1 ol {
	margin: 6px 0 0 1.0em;
	font-size: 100%;
}
ul.LinkList1 ol li {
	padding: 0;
	background: none;
	list-style-type: decimal;
}


/*---[7-4] リンクリスト アイコン表示あり---*/
ul.LinkList1.IconSet1 {
	margin: 0 0 16px;
	font-size: 90%;
}
ul.LinkList1.IconSet1 li {
	margin: 0 0 12px 76px;
	padding: 0;
	text-indent: -76px;
	line-height: 140%;
}
ul.LinkList1.IconSet1 li img {
	margin-right: 8px;
	vertical-align: top;
}
ul.LinkList1.IconSet1 li a {
	margin-left: 4px;
	padding: 0 18px 0 0;
	background-image: url("../images/icon_link_right.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	line-height: 140%;
	word-wrap: break-word;
}


/*---[7-5] リンクリスト > 本文左右配置---*/
ul.HorizontalLinkList1 {
	margin: 0 0 16px;
	font-size: 90%;
}
ul.HorizontalLinkList1 li {
	margin: 0;
	padding: 0;
	line-height: 140%;
}
ul.HorizontalLinkList1 li a {
	display: block;
	padding: 10px 8px;
	line-height: 140%;
}
ul.HorizontalLinkList1 li a span {
	padding: 0 18px 0 0;
	background-image: url("../images/icon_link_important.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
ul.HorizontalLinkList1 li a:hover,
ul.HorizontalLinkList1 li a:active { background-color: #f1faff; }

ul.HorizontalLinkList1 li.Odd {
	float: left;
	margin-right: 20px;
	width: 314px;
}
ul.HorizontalLinkList1 li.Even {
	float: left;
	width: 314px;
}
ul.HorizontalLinkList1 li a img {
	margin-right: 4px;
	vertical-align: middle;
}



/* [8] 補足、注意書き
=========================================================================================== */
ul.NoteList1 {
	margin: 0 0 16px;
	font-size: 83%;
}
ul.NoteList1 li {
	margin: 0 0 4px 0.9em;
	text-indent: -0.9em;
}



/* [9] ボタン
=========================================================================================== */
/*---[9-1] 汎用ボタン > 緑---*/
ul.Button1 {
	margin: 0 0 16px;
}
ul.Button1 li {
	font-size: 83%;
}
ul.Button1 li a {
	display: inline-block;
	padding: 14px 10px 13px 20px;
	border-bottom: solid 1px #284b42;
	background-color: #2e836c;
	color: #ffffff;
}
ul.Button1 li a span {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_important_w.gif") no-repeat 100% 50%;
	line-height: 140%;
}
ul.Button1 li a:hover,
ul.Button1 li a:active {
	background-color: #26725d;
	text-decoration: none;
}


/*---[9-2] 汎用ボタン > 灰---*/
ul.Button2 {
	margin: 0 0 16px;
}
ul.Button2 li {
	font-size: 83%;
}
ul.Button2 li a {
	display: inline-block;
	padding: 10px 10px 9px 20px;
	border-bottom: solid 1px #aaaaaa;
	background-color: #dddddd;
	color: #333333;
}
ul.Button2 li a span {
	padding: 0 18px 0 0;
	background: url("../images/icon_link_important.gif") no-repeat 100% 50%;
	line-height: 140%;
}
ul.Button2 li a:hover,
ul.Button2 li a:active {
	background-color: #cccccc;
	text-decoration: none;
}

ul.btnwap {
	max-width: 400px;
	margin: 20px auto 20px;
	display: flex;
	justify-content:center;
}
ul.btnwap li {
	width: calc(100% / 2 - 10px);
	margin: 0 5px;
}
ul.btnwap li .btn {
	box-sizing: border-box;
	background: #666;
	width: 100%;
	height: 100%;
	display: block;

	font-size: 14px;
	text-align: center;
	border: none;
	line-height: 1em;
	margin: 0;

	padding: 15px;
	
	border-radius: 5px;
	transition: 0.2s;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	text-decoration: none;
	cursor: pointer;

	position: relative;
	display: inline-block;
	vertical-align: middle;
}


ul.btnwap li .btn._btn_next{
	color: #fff;
	background-color: #008fbe;
	text-align: left;
	padding-left: 20px;
}
ul.btnwap li ._btn_next::after {
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #fff;
}
ul.btnwap li a:hover._btn_next{
	background-color: #027da6;
}


ul.btnwap li input._btn_next {
	background-image: url(../images/btn_next_bg.png),linear-gradient( to right, rgba(0,143,190,100), #008fbe );
	background-repeat: no-repeat;
	background-position: right center;
}
ul.btnwap li input:hover._btn_next{
	background-image: url(../images/btn_next_bg.png),linear-gradient( to right, rgba(32,112,156,100), #027da6 );
}


ul.btnwap li .btn._btn_back{
	color: #fff;
	background: #595757;
	border: 1px solid #595757;
	text-align: right;
	padding-right: 20px;
}
ul.btnwap li ._btn_back::before{
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10.4px 6px 0;
	border-color: transparent #fff transparent transparent;
}
ul.btnwap li a:hover._btn_back {
	background: #3e3c3c;
	border: 1px solid #3e3c3c;
}
@media screen and (max-width: 600px) {
	ul.btnwap{
		width: 100%;
	}
	ul.btnwap li.sp_long{
		width: 100%;
	}
}


/* [10] データテーブル
=========================================================================================== */
table { margin: 0 0 16px; }
table caption { display: none; }
table th,table td {
	padding: 11px 16px;
	font-size: 90%;
	border-style: solid;
	border-width: 1px;
	/*word-break: break-all;*/
}
table th {
	border-color: #cccccc;
	background-color: #e8e6e3;
}
table td { border-color: #cccccc; }
table td.SubHeader {
	border-color: #cccccc;
	background-color: #f5f5f5;
}

/*---[-] 表内のモジュールサイズ ---*/
table p,
table ul,
table ol,
table ul.LinkList1,
table ul.HorizontalLinkList1,
table ul.NoteList1,
table ul.Button1 li,
table ul.Button2 li { font-size: 100% }

@media screen and (max-width: 600px) {
table th,
table td {
	border-top: none;
	box-sizing: border-box;
	width: 100%;
}
table tr:first-child th {
	border-top: 1px solid #cccccc;
}
}


/* [11] 枠囲み
=========================================================================================== */
/*---[11-1] 枠囲み1 > 見出しあり---*/
div.Box1 {
	margin: 0 0 16px;
	padding: 0 16px 0;
	border-style: solid;
	border-width: 0 4px 4px;
	border-color: #cccccc;
}
div.Box1 h2,
div.Box1 h3,
div.Box1 h4 {
	margin: 0 -20px 16px;
	padding: 12px 16px 9px;
	background: none #d7edf9;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
}



/*---[11-2] 枠囲み2 > 見出しあり---*/
div.Box2 {
	margin: 0 0 16px;
	padding: 16px 16px 0;
	border: solid 4px #cccccc;
}
div.Box2 h2,
div.Box2 h3,
div.Box2 h4 {
	margin: 0 0 16px;
	padding: 0;
	background: none transparent;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
}


/*---[11-3] 枠囲み3 > 見出しなし---*/
div.Box3 {
	margin: 0 0 16px;
	padding: 16px 16px 0;
	border: solid 4px #cccccc;
}


/*---[11-4] 顧客要望---*/
div.Box4 {
	margin: 0 0 16px;
}
div.Box4 h2 {
	margin: 0 0 20px;
	background: none transparent;
}
div.Box4 p.ImgStyle {
	float: left;
	width: 114px;
	margin :0;
}
div.Box4 div.Container {
	float: right;
	width: 530px;
	background: url("../images/bg_box4_bottom.gif") no-repeat 100% 100% #fbf8e3;
}
div.Box4 div.Container div.Inner {
	padding: 20px 20px 14px;
	background: url("../images/bg_box4_top.gif") no-repeat 0 0 transparent;
}
div.Box4 div.Container div.Inner ul {
	margin: 0;
	font-size: 90%;
}
div.Box4 div.Container div.Inner li { margin: 0 0 6px; }
div.Box4 div.Container div.Inner li strong { line-height: 140%; }


/*---[11-5] 価格表示不可---*/
div.Box5 {
	margin: 0 0 16px;
}
div.Box5 p.ImgStyle {
	float: left;
	width: 114px;
	margin :0;
}
div.Box5 div.Container {
	float: right;
	width: 530px;
	background: url("../images/bg_box5_bottom.gif") no-repeat 100% 100% #fbf8e3;
}
div.Box5 div.Container div.Inner {
	padding: 20px 20px 14px;
	background: url("../images/bg_box5_top.gif") no-repeat 0 0 transparent;
}
div.Box5 div.Container div.Inner ul {
	margin: 0;
	font-size: 90%;
}
div.Box5 div.Container div.Inner li { margin: 0 0 6px; }
div.Box5 div.Container div.Inner li strong { line-height: 140%; }


/*---[11-6] 枠囲み6 > 見出しが画像---*/
div.Box6 {
	margin: 0 0 16px;
	padding: 0 12px 0;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #cccccc;
}
div.Box6 h2,
div.Box6 h3,
div.Box6 h4 {
	margin: 0 -13px 12px;
	padding: 0;
	background: none transparent;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
}
div.Box6 h2 img,
div.Box6 h3 img,
div.Box6 h4 img { vertical-align: bottom; }



/*---[11-x] 枠囲みx > お問い合わせエリア---*/
div.BoxInquiry {
	margin: 0 0 16px;
}
div.BoxInquiry h2 {
	margin: 0;
	padding: 12px 16px 9px;
	background: none #0075b0;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
}
div.BoxInquiry div.Inner {
	padding: 16px;
	background: url("../images/bg_dot2_pattern.gif") repeat 0 0;
}
div.BoxInquiry div.Inner p {
	margin: 0 0 14px;
	padding-left: 6px;
	background: url("../images/bg_inquiry_marker.gif") no-repeat 0 0.25em;
}
div.BoxInquiry div.Inner ul {
	margin: 0;
}
div.BoxInquiry div.Inner li {
	float: left;
	margin: 0 16px 0 0;
}
div.BoxInquiry div.Inner li.LastItem {
	float: right;
	margin: 0;
}



/* [12] ページ内リンク
=========================================================================================== */
/*---[20-1] ページ内リンク---*/
div.AnchorlinkHorizontal {
	margin: 0 0 16px;
}
div.AnchorlinkHorizontal ul {
	font-size: 83%;
}
div.AnchorlinkHorizontal ul li {
	float: left;
	margin-right: 8px;
	padding-right: 5px;
	background: url("../images/bg_anchorlink_separator.gif") no-repeat 100% 0.3em;
}
div.AnchorlinkHorizontal ul li.LastItem { background: none; }
div.AnchorlinkHorizontal ul li a {
	padding-right: 20px;
	background: url("../images/icon_link_anchor_down.gif") no-repeat 100% 50%;
}



/* [13] ページトップ
=========================================================================================== */
ul.PageTop {
	margin: 0 0 16px;
	text-align: right;
}



/* [-] トップ
=========================================================================================== */
#TopBrandingArea {
	overflow: hidden;
	margin: 0 auto 16px;

}


/*---[-] 探すボタン ---*/
#TopSearchBtns {
	margin: 0 0 32px;
}
#TopSearchBtns li {
	float: left;
	margin-left: 4px;
}
#TopSearchBtns li.Icon {
	margin-left: 0;
}
#TopSearchBtns li.FirstItem {
	margin-left: 7px;
}


/*---[-] ソリューションパネル ---*/
#TopSolutionPanel {
	margin: 0;
}
#TopSolutionPanel li {
	float: left;
	margin: 0 0 16px 20px;
}
#TopSolutionPanel li.FirstItem {
	clear: left;
	margin-left: 0;
}


/*---[-] RSS＋トピックス一覧 ---*/
#BtnRssSet {
	margin: 0 0 16px;
}
#BtnRssSet li { float: right; }
#BtnRssSet li.RssBtn { float: left; }



/* [-] 製品・ソリューション
=========================================================================================== */
/*---[-] ピックアップソリューション---*/
ul.PickupSolution3 {
	margin: 0 0 16px;
}
ul.PickupSolution3 li {
	float: left;
	margin-right: 12px;
}
ul.PickupSolution3 li.LastItem {
	float: left;
	margin-right: 0;
}


/*---[-] タブ---*/
#TabBtn {
	margin: 0 0 20px;
}
#TabBtn ul {
	height: 67px;
	background: url("../images/bg_tabbtn.gif") repeat-x 0 0;
}
#TabBtn ul li {
	float: left;
	margin-left: 4px;
}
#TabBtn ul li.FirstItem { margin: 0; }
#TabBtn ul li img { vertical-align: bottom; }


/*---[-] ステップナビゲーション（タブ連動）---*/
#TabBtnStepNav {
	margin: 0 0 20px;
}
#TabBtnStepNav ul {
	padding:  0;
	text-align: center;
}
#TabBtnStepNav ul li {
	display: inline-block;
	padding: 4px 4px 4px 5px;
	background: url("../images/bg_tabbtn_step_separator.gif") no-repeat 0 50% #edebe7;
}
#TabBtnStepNav ul li.FirstItem {
	padding-left: 4px;
	background-image: none;
}
#TabBtnStepNav ul li img { vertical-align: bottom; }



/* [-] 製品名から探す
=========================================================================================== */
#BoxProdSearch {
	margin: 0 0 16px;
	padding: 16px 16px 4px 4px;
	background-color: #f5f5f5;
}
ul.AnchorlinkJ {
	float: left;
	width: 360px;
}
ul.AnchorlinkJ li {
	float: left;
	margin: 0 0 12px 12px;
}
ul.AnchorlinkA {
	float: right;
	width: 264px;
}
ul.AnchorlinkA li {
	float: left;
	margin: 0 0 12px 12px;
}



/* [-] 導入事例
=========================================================================================== */
/*--- データテーブル > 導入規模---*/
table.TableCase1 { width: 100%; }
table.TableCase1 th,
table.TableCase1 td {
	text-align: center;
	vertical-align: middle;
}
table.TableCase1 td img {
	vertical-align: middle;
	margin-right: 4px;
}


/*--- データテーブル > そのほかの導入事例---*/
table.TableCase2 { width: 100%; }
table.TableCase2 th.Type { width: 20%; }
table.TableCase2 th.Scale { width: 30%; }
table.TableCase2 td.Scale,
table.TableCase2 td.Scale img {
	vertical-align: middle;
	margin-right: 4px;
}


/*--- 画像＋文章 > 導入事例一覧---*/
div.ImgStyleCase { margin: 0 0 16px; }
div.ImgStyleCase p.Img {
	width: 165px;
	float: left;
	margin: 0;
	padding-bottom: 4px;
}
div.ImgStyleCase div.ImgSet {
	width: 467px;
	float: right;
}
div.ImgStyleCase p.User {
	margin: 0 0 12px;
	padding: 0 0 4px;
	border-bottom: solid 1px #dbdbdb;
	font-size: 90%;
}
div.ImgStyleCase p.User img {
	margin-left: 4px;
	vertical-align: middle;
}
div.ImgStyleCase ul.LinkList1 { margin: 0 0 8px; }
div.ImgStyleCase p.Solution {
	margin: 0 0 6px;
	font-size: 75%;
}
div.ImgStyleCase p.Solution img {
	margin-right: 4px;
	vertical-align: top;
}
div.ImgStyleCase p.Keywords {
	margin: 0 0 4px;
	font-size: 75%;
}


/*--- お客様の声、導入製品 > 導入事例本文---*/
dl.CustomerVoiceList1 {
	margin: 0 0 8px;
	font-size: 90%;
}
dl.CustomerVoiceList1 dt {
	float: left;
	clear: left;
	margin: 0 8px 4px 0;
}
dl.CustomerVoiceList1 dt img { vertical-align: top; }
dl.CustomerVoiceList1 dd {
	float: left;
	max-width: 502px;
	margin: 3px 0 8px 0;
}
dl.CustomerVoiceList1 dd ul {
	margin-bottom: 0;
	font-size: 100%;
}


/*--- 導入前の課題・導入後の成果 > 導入事例本文---*/
div.CaseIntroduction { margin: 0 0 16px; }
div.CaseIntroduction .Subject,
div.CaseIntroduction .Result {
	float: left;
	width: 314px;
}
div.CaseIntroduction .Subject h2,
div.CaseIntroduction .Result h2 {
	margin: 0;
	background: none transparent;
}
div.CaseIntroduction .Subject h2 img,
div.CaseIntroduction .Result h2 img { vertical-align: bottom; }

div.CaseIntroduction .Subject div.Inner,
div.CaseIntroduction .Result div.Inner {
	padding: 16px 10px 0;
	border-style: solid;
	border-width: 0 1px 1px;
}
div.CaseIntroduction .Subject div.Inner {
	background-color: #fcfcf9;
	border-color: #fcfcf9;
}
div.CaseIntroduction .Result div.Inner {
	background-color: #f6fcff;
	border-color: #f6fcff;
}
div.CaseIntroduction .Subject div.Inner ul.UnorderList1 li {
	background: url("../images/icon_check_g.gif") no-repeat 0 0.15em;
}
div.CaseIntroduction .Result div.Inner ul.UnorderList1 li {
	background: url("../images/icon_check_o.gif") no-repeat 0 0.15em;
}
div.CaseIntroduction .Arrow {
	float: left;
	width: 20px;
}
div.CaseIntroduction .Arrow p.ImgStyle { margin: 0; }



/* [-] セミナー
=========================================================================================== */
dl.SeminarList1 {
	margin: 0 0 16px;
	font-size: 90%;
}
dl.SeminarList1 dt {
	float: left;
	clear: left;
	margin: 0 4px 8px 0;
}
dl.SeminarList1 dt img { vertical-align: top; }
dl.SeminarList1 dd {
	float: left;
	max-width: 562px;
	margin-top: 3px;
}

/*-- 右にバナー（180px相当）を置く場合 --*/
div.ClearFix dl.SeminarList1 dd { max-width: 362px; }



/* [-] FAQ
=========================================================================================== */
div.FaqQuestion1,
div.FaqAnswer1 {
	margin: 0;
}
div.FaqQuestion1 p.Icon,
div.FaqAnswer1 p.Icon {
	float: left;
	width: 20px;
	margin: 0 8px 0 0;
}
div.FaqQuestion1 div.FaqContents,
div.FaqAnswer1 div.FaqContents {
	float: left;
	width: 620px;
}
div.FaqQuestion1 div.FaqContents p { margin-bottom: 8px; }



/* [-] 共通パーツ
=========================================================================================== */
div.Section {
	height: 1%;
	line-height: 0;
}
.LeftAdjust { text-align: left; }

.CenterAdjust {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.RightAdjust { text-align: right; }

.TopAdjust { vertical-align: top; }

.MiddleAdjust { vertical-align: middle; }

.BottomAdjust { vertical-align: bottom; }

.SeparatorDouble {
	padding-bottom: 4px;
	background: url("../images/bg_double_separator.gif") repeat-x 0 100%;
}

.Bottom0,
p.Bottom0,
ul.Bottom0,
ol.Bottom0 { margin-bottom: 0; }
.Bottom4,
p.Bottom4,
ul.Bottom4,
ol.Bottom4 { margin-bottom: 4px; }
.Bottom8,
p.Bottom8,
ul.Bottom8,
ol.Bottom8 { margin-bottom: 8px; }
.Bottom12,
p.Bottom12,
ul.Bottom12,
ol.Bottom12 { margin-bottom: 12px; }
.Bottom16,
p.Bottom16,
ul.Bottom16,
ol.Bottom16 { margin-bottom: 16px; }
.Bottom20,
p.Bottom20,
ul.Bottom20,
ol.Bottom20 { margin-bottom: 20px; }


/* [-] Columns
=========================================================================================== */

#MainGrid {
	float: left;
	width: 648px;
}
#SubGrid {
	float: right;
	width: 252px;

}

/*---[-] カラム > 本文2分割---*/
#MainGrid .ColumnLeft,
#MainGrid .ColumnRight {
	width: 314px;
	text-align: left;
}
#MainGrid .ColumnLeft { float: left; }
#MainGrid .ColumnRight { float: right; }


div.GridSet:after,
div.ColumnSet:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div.GridSet,
div.ColumnSet { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div.GridSet,
* html div.ColumnSet { height: 1%; }

div.GridSet,
div.ColumnSet { display: block; }
/* End hide from IE 4-6 */

/*---shanon 追記---*/

/*追加*/

li.ss_input{
	float: left;
}
.zipCode td ul div:first-child li.ss_input{
	/line-height: 2.6;
}

.TableInput table td{
	border: none;
}

div.link_SPsite{
	/line-height: 1.5;
}

p.ImgStyle {
	/padding-bottom: 16px;
}
.tbl_eventEnq{
	/border-bottom: 1px solid #ccc;
}

/*セッションポップアップ*/
#wrap_headerPop {
	background: url("../images/bg_dot2_pattern.gif") repeat 0 0;
}

.wrap_ncPopup #ss_contents h2 span {
	display: block;
	padding: 11px 12px 8px 14px;
	background: url("../images/bg_title_marker.gif") no-repeat 0 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 120%;
}

.wrap_ncPopup #ss_containerPop .ss_titleback {
	margin-bottom: 20px;
}

@media screen and (max-width: 1023px){
#Contents{
	width: 90%;
	margin: 0 auto;
}
#HeaderArea,#FooterArea{
	min-width: auto;
}
#Header,#Footer{
	width: 90%;
	margin: 0 auto;
}

li.ss_input{
	float: none;
	display: inline-block;
	min-height: 1.6em;
}

.zipCode li.ss_input{
	float: left;
}
}