@charset "utf-8";

/* content=========================================== [-] グリッド [-] ブランディング画像 ===================================================== */
/* [-] グリッド =========================================================================================== */
div#TopPage div.GridMain { float: left; text-align: left; width: 680px; }
div#TopPage div.GridSub { float: right; width: 270px; }
div.TopColumnSet1 div.Column { float: left; text-align: left; margin: 0 0 0 10px; }
div.TopColumnSet1 div.Column.FirstItem { margin: 0; }
div.TopColumnSet1 div.Column.LastItem {	float: right; margin: 0; }
div.TopColumnSet1 div.Column.Width156 { width: 156px; }
div.TopColumnSet1 div.Column.Width161 { width: 161px; }
div.TopColumnSet1 div.Column.Width180 { width: 180px; }
div.TopColumnSet1 div.Column.Width185 { width: 185px; }
div.TopColumnSet1 div.Column.Width227 { width: 227px; }
div.TopColumnSet1 div.Column.Width270 { width: 270px; }
div.TopColumnSet1 div.Column.Width490 { width: 490px; }
div.TopColumnSet1 div.Column003 { float: left; text-align: left; margin: 0 0 0 4px; }
div.TopColumnSet1 div.Column003.FirstItem { margin: 0; }
div.TopColumnSet1 div.Column003.LastItem { float: right; margin: 0; }
div.TopColumnSet1 div.Column003.Width156 { width: 156px; }
div.TopColumnSet1 div.Column003.Width180 { width: 180px; }
div.TopColumnSet1 div.Column003.Width185 { width: 185px; }
div.TopColumnSet1 div.Column003.Width224 { width: 224px; }
div.TopColumnSet1 div.Column003.Width224 img { display:block; border:none; vertical-align: text-bottom; }
div.TopColumnSet1 div.Column003.Width227 { width: 227px; }
div.TopColumnSet1 div.Column003.Width270 { width: 270px; }
div.TopColumnSet1 div.Column003.Width490 { width: 490px; }
/* [-] ブランディング画像 =========================================================================================== */
p#BrandingImgStyle3 { margin: 0px 0 10px; }
p#BrandingImgStyle3.TopBranding { height:219px;	width:965px; }
p#BrandingImgStyle2 { margin: 23px 0 10px; }
p#BrandingImgStyle2.TopBranding { position: relative; height:219px; width:965px; }
p#BrandingImgStyle2.TopBranding a.ButtonCloud { position: absolute; top: 0px; left: 803px; }
p#BrandingImgStyle2.TopBranding a.ButtonGlobal { position: absolute; top: 73px; left: 803px; }
p#BrandingImgStyle2.TopBranding a.ButtonTai { position: absolute; top: 146px; left: 803px; }
p#BrandingImgStyle2.TopBranding a.ButtonCloud img, p#BrandingImgStyle2.TopBranding a.ButtonGlobal img, p#BrandingImgStyle2.TopBranding a.ButtonTai img { display:block; }
/* [-] 商品・ソリューション =========================================================================================== */
div#SolutionTab p#SolutionTabButtons img { vertical-align: bottom; }
div#SolutionTab div#SolutionTabContents { border-style: solid; border-color: #c4c4c4; border-width: 0 1px 1px 1px; zoom: 100%; }
div#SolutionTab div#SolutionTabContents div.Section { padding: 5px 0 0 10px; }
div#SolutionTab div#SolutionTabContents h3 { background: none; }
div#SolutionTab div#SolutionTabContents h4 { margin: 7px 0 5px; padding: 1px 0 0 10px; background: url("/image/top/bg_title3.gif") repeat-y #ffffff; border: none; }
/* -- 業種・業務別 -- */
div#SolutionTab div#SolutionTabContents div#TabIndustry div.Column { float: left; text-align: left; width: 204px; margin: 0 0 0 19px; }
div#SolutionTab div#SolutionTabContents div#TabIndustry div.FirstItem { margin-left: 0; }
div#SolutionTab div#SolutionTabContents div#TabIndustry h4 { margin: 7px 0 4px; padding: 2px 0; background: url("/image/top/bg_title3_industry.gif") no-repeat 0 100%; }
div#SolutionTab div#SolutionTabContents div#TabIndustry ul.LinkListStyle1 { margin: 0 0 2px; }
div#SolutionTab div#SolutionTabContents div#TabIndustry ul.LinkListStyle1 li { margin: 0 0 1px; zoom: 100%; }
div#SolutionTab div#SolutionTabContents div#TabIndustry ul.LinkListStyle1.ListColumn2 li { float: left; width: 71px; }
/* -- キーワード -- */
div#SolutionTab div#SolutionTabContents div#TabKeyword div.Column { float: left; text-align: left; margin: 0 0 0 11px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword div.FirstItem { margin: 0; width: 365px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword div.LastItem { margin: 0; width: 285px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.LinkListStyle6 { margin: 0 0 3px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.LinkListStyle6 li { margin: 0; padding-left: 13px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword h4 { margin: 7px 0 1px; }
/* フリーワード検索 */
div#SolutionTab div#SolutionTabContents div#TabKeyword div.FreeWord { margin: 6px 0 3px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword div.FreeWord h4 { margin-top: 2px; float: left; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.TopFreeWordInput { margin: 0; font-size: 83%; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.TopFreeWordInput li { margin: 0; float: left; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.TopFreeWordInput li.TopFreeWordInputText { padding: 2px 6px; height: 23px; background: url("/image/h1/bg_search_top_solution_input.gif") no-repeat; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.TopFreeWordInput li.TopFreeWordInputText input { border: none; padding: 4px 6px; background: transparent; width: 139px; height: 15px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.TopFreeWordInput li.TopFreeWordInputButton { padding: 0; }
/* 商品名で探す */
div#SolutionTab div#SolutionTabContents div#TabKeyword dl.InitialList1 { margin: 0; font-size: 83%; }
div#SolutionTab div#SolutionTabContents div#TabKeyword dl.InitialList1 dt { padding: 0 0 0 10px; width: 100px; line-height: 1.2em; }
div#SolutionTab div#SolutionTabContents div#TabKeyword dl.InitialList1 dd { margin: -1.2em 0 0 100px; width: 250px; line-height: 1.2em; }
div#SolutionTab div#SolutionTabContents div#TabKeyword dl.InitialList1 ul { font-size: 100%; }
div#SolutionTab div#SolutionTabContents div#TabKeyword dl.InitialList1 ul.Kana li { width: 2.5em; }
div#SolutionTab div#SolutionTabContents div#TabKeyword dl.InitialList1 ul.Alphabet li { width: 5.0em; }
/* 注目のワード */
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.HotKeyword { margin: 0 0 0 10px; }
div#SolutionTab div#SolutionTabContents div#TabKeyword ul.HotKeyword li { margin-left: 4px; }
/* -- 課題・テーマ別 -- */
div#SolutionTab div#SolutionTabContents div#TabSubject div.Column { float: left; text-align: left; width: 202px; margin: 0 0 0 19px; }
div#SolutionTab div#SolutionTabContents div#TabSubject div.FirstItem { margin-left: 0; }
div#SolutionTab div#SolutionTabContents div#TabSubject div.LastItem { width: 208px; }
div#SolutionTab div#SolutionTabContents div#TabSubject h4 { margin: 7px 0 3px; }
div#SolutionTab div#SolutionTabContents div#TabSubject ul { margin: 0 0 0 7px; }
div#SolutionTab div#SolutionTabContents div#TabSubject ul li { margin: 0; }
/* [-] 導入事例・実績 =========================================================================================== */
/* [-] セミナー・イベント・キャンペーン =========================================================================================== */
div.Seminar { margin: 0 0 5px; padding: 10px 0 0; height: 231px; overflow: auto; border: solid 1px #dfdfdf; }
div.Seminar table { margin: 0; }
div.Seminar table th,
div.Seminar table td { padding: 0 10px 12px 10px; border: none; vertical-align: top; }
div.Seminar table th { width: 110px; background: url("/image/top/bg_seminar_table_th.gif") no-repeat 100% 100% #ffffff; font-weight: bold; }
/* --- セミナー・イベント・キャンペーン：RSSボタン --- */
h2.Image.LinkSet01 { position: relative; }
h2.Image.LinkSet01 a.RssButton { position: absolute; top: 10px; left: 615px; }
/* [-] コンテンツ =========================================================================================== */
div.Contents { margin-bottom: 15px; padding: 10px 10px 0; background-color: #f6f9fe; }
div.Contents div.TopColumnSet1 { margin-bottom: 10px; background: url("/image/top/bg_contents_section.gif") repeat-x #ffffff; }
div.Contents h2 { margin: 0 0 3px; }
div.Contents h3 { margin: 0 0 5px; padding: 0; background: none; font-size: 83%; }
div.Contents div.TopColumnSet1 div.Item { padding: 5px 0 5px 5px; background: url("/image/top/bg_contents_separator.gif") no-repeat 50% 0; zoom: 100%; }
div.Contents div.TopColumnSet1 div.FirstItem { background: none; }
div.ImgSetStyle p.Img { float: left; margin: 0 5px 0 0; padding: 0 0 15px; width: 55px; }
div.ImgSetStyle div.ImgSet { width: 162px; float: left; }
/* --- 資料ダウンロード（ソリューションカタログ、会社案内） --- */
ul.VerticalImageList1 li.BtnCatalogSolution { margin-right: auto; margin-left: auto; position: relative; width: 253px; }
li.BtnCatalogSolution a.BtnPdf { position: absolute; top: 30px; left: 6px; }
li.BtnCatalogSolution a.BtnEBook { position: absolute; top: 30px; left: 71px; }
/* [-] 枠囲み =========================================================================================== */
div.BoxATop01 {} div.BoxATop01 p.Title { border: none; }
div.BoxATop01 p.Title strong { padding: 0; border: none; background: none; }
div.BoxATop01 p.Title strong img { vertical-align: bottom; }
div.BoxATop01 div.Inner { border-width: 0 1px 1px 1px; border-color: #cccccc; background: url("/image/top/bg_box_atop01.gif") repeat-x 0 100% #ffffff; }
/* --- ニュースリリース：RSSボタン --- */
p.LinkSet02 strong { position: relative; }
p.LinkSet02 strong a.RssButton { position: absolute; top: 8px; left: 205px; }
/*---[-] 会社情報 ---*/ div.BoxCompany ul li { margin-right: 30px; }
/*---[-] アクセスランキング ---*/ ol.AccessRanking {  list-style-type: none; margin: 0; }
ol.AccessRanking li { padding: 0 0 5px; background: url("/image/h1/box_item_separator.gif") repeat-x 0 100%; }
ol.AccessRanking li.AccessNo5 { background: none; }
ol.AccessRanking li a { display: block; width: 218px; padding: 3px 0 3px 30px; background-repeat: no-repeat; background-position: 0 0; }
ol.AccessRanking li.AccessNo1 a { background-image: url("/image/top/icon/icon_access_no1.gif"); }
ol.AccessRanking li.AccessNo2 a { background-image: url("/image/top/icon/icon_access_no2.gif"); }
ol.AccessRanking li.AccessNo3 a { background-image: url("/image/top/icon/icon_access_no3.gif"); }
ol.AccessRanking li.AccessNo4 a { background-image: url("/image/top/icon/icon_access_no4.gif"); }
ol.AccessRanking li.AccessNo5 a { background-image: url("/image/top/icon/icon_access_no5.gif"); }
/*---[-] サムネイル付きリンク ---*/ div.GridSub div.TopImgW60SetStyle p.Img { float: left; margin: 0 5px 0 0; padding: 0 0 15px; width:  60px; }
div.GridSub div.TopImgW60SetStyle div.ImgSet { float: left; width: 205px; }
/* [-] バナー用エリア =========================================================================================== */
div.BannerArea01 { margin: 0 0 15px; padding: 8px; border: 1px solid #cccccc; background-color: #f1f1f1; }
div.BannerArea01 ul { margin-bottom: 0; }
/* [-] フッタ =========================================================================================== */
/* -- [-] おすすめ商品 -- */
div#Recommend p#RecommendTabButtons { position: relative; z-index: 1; }
div#Recommend p#RecommendTabButtons img { vertical-align: bottom; }
div#Recommend div#RecommendContents { clear: both; position: relative; top: -5px; z-index: 0; background-color: #ffffff; border: solid 2px #b5b5b5; }
div#Recommend div#RecommendContents div.TabContents { padding: 8px 8px 0; background-color: #f3f3f3; border: solid 3px #ffffff; }
div#Recommend div#RecommendContents div.ImgW60SetStyle div.ImgSet { width: 159px; }
div#Recommend div#RecommendContents p { margin-bottom: 5px; }
/* -- [-] 角丸 -- */
div.BoxPatternC.BoxC05 { padding: 0; background-repeat: repeat-y; background-position: 0 0; border: none; }
div.BoxPatternC.BoxC05 div.Container { padding: 0; background-repeat: no-repeat; background-position: 0 0; }
div.BoxPatternC.BoxC05 div.Container div.Inner { padding: 10px 11px 0; background-repeat: no-repeat; background-position: 0 100%; }
/* -- [-] 1カラム用画像 -- */
div.BoxPatternC.BoxC05 { background-image: url("/image/top/bg_box_c05_1_middle.gif"); }
div.BoxPatternC.BoxC05 div.Container { background-image: url("/image/top/bg_box_c05_1_top.gif"); }
div.BoxPatternC.BoxC05 div.Container div.Inner { background-image: url("/image/top/bg_box_c05_1_bottom.gif"); }