@charset "utf-8";

/*-----------------------------------------------------------------------------
 Products
-----------------------------------------------------------------------------*/
p.PageLink { text-align:right; }
.Products p { width:680px; display:block; margin-right: auto; margin-left: auto; margin-bottom: 15px; }
.Products div.CText { width:680px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; position: relative; clear: both; }

/*-----------------------------------------------------------------------------
 Reservation
-----------------------------------------------------------------------------*/
#TopImage #InquiryMenu { float:right; margin-top: 40px; margin-right: 5px; padding: 0px; }
#TopImage #InquiryMenu div.BtnBlock { width:200px; height: auto; background: #FFC; padding: 20px 5px 30px; }
#TopImage #InquiryMenu div.BtnBlock p { font-weight: bold; color: #F60; text-align: center; width: 200px; margin-bottom: 5px; }
#TopImage #InquiryMenu div.BtnBlock a { text-indent:-9999px; display:block; margin-right: auto; margin-left: auto; }
#TopImage #InquiryMenu div.BtnBlock a.BtnEntry { width:200px; height: 35px; background: url(../../products/reservation/img/btn_reservation_otameshi.gif) no-repeat left bottom; }
#TopImage #InquiryMenu div.BtnBlock a.BtnEntry:hover { background: url(../../products/reservation/img/btn_reservation_otameshi.gif) no-repeat left top; }
#TopImage2 { height:40px; background: #333 url(../../products/reservation/img/bg_re_top.gif) repeat-x left top; }

/* メインコンテンツ */
#Reservation .Products div.CText { margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; position: relative; clear: both; }
#Reservation .Products div.CText div { float:left; }
#Reservation .Products div.CText div img { margin-bottom:10px; }
#Reservation .Products div.CText p { float:left; }
#Reservation .Products div.CText img { float: left; }
#Reservation .Products div.CText p strong { font-size: 110%; font-weight: bold; color: #1D6ACF; }

#Reservation .Products div.CText dl { display:block; float:left; padding-left:10px; width: auto; }
#Reservation .Products div.CText dl.C01 { width: 680px; }
#Reservation .Products div.CText dl.C02 { width: 320px; }
#Reservation .Products div.CText dl dd.DetailLink { text-align:right; padding-right:5px; }

#Reservation .Products div.CText dl dt { color:#2B005E; font-weight: bold; }
#Reservation .Products div.CText dl dt img {  }
#Reservation .Products div.CText dl dd { }

#Reservation .Products strong { font-size:110%; color:#F60; font-weight: bold; }

/* FAQ */
#Reservation .Products div.CText dl.Faq dt { color:#2B005E; font-weight: bold; background: url(../../products/reservation/img/ico_q.gif) no-repeat left 2px; padding: 0 0 9px 30px; height: auto; display: block; }
#Reservation .Products div.CText dl.Faq dd { background: url(../../products/reservation/img/ico_a.gif) no-repeat left 4px; padding: 2px 0 10px 30px; height: auto; display: block; border-bottom: dotted 1px #CCCCCC; margin-bottom: 10px; }


/* 業種別機能一覧表 */
#Reservation .Products table { width: 680px; margin: 0 auto 15px; border-top: none; }

#Reservation .Products table.ReGuideLink { border-top:1px solid #ccc; border-left:1px solid #ccc; }
#Reservation .Products table.ReGuideLink th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#Reservation .Products table.ReGuideLink td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

#Reservation .Products table caption { text-align: left; font-weight: bold; }
#Reservation .Products table th { width: 100px; background: #E0E0E0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; text-align: center; }
#Reservation .Products table td { background: #F9F9F9; border-left: 1px solid #E0E0E0; border-bottom: none; padding: 2px; vertical-align: middle; }
#Reservation .Products table tr.CategoryFunc th{ background: #2B005E; color: #fff; text-align: center; }
#Reservation .Products table tr.BackWhite td { background: #fff; }

/* 費用と導入ステップ表 */
#Reservation .Products table th.W70 { width: 70px; } 
#Reservation .Products table th.W170 { width: 170px; }
#Reservation .Products table tr.CategoryCost th{ background: #2B005E; color: #fff; text-align: center; }
span.Red { color: red; font-weight: bold; }
span.BackBlue { width: 335px; background: #DBF6FC; display: block; margin-top: 2px; }

/* 費用と導入ステップ下部説明 */
#Reservation .Products h6 { width: 335px; background: #9999CC; display: block; color: #fff; padding-left: 0; }
#Reservation .Products #Left p,#Reservation .Products #Right p { width: 340px; display: block; margin: 0 auto 15px; }
#Left { width: 340px; position: absolute; left: 15px; }
#Right { width: 340px; height: 420px; margin-left: 370px; }

/* 導入実績・事例 */
#Banner { padding-top: 10px; margin: 0 auto 20px; position: relative; padding-bottom: 10px; }
.BannerL { display:inline; width: 320px; float: left; }
.BannerR { display:block; margin-left: 340 .px; width: 310px; margin-left: 340px; }
.BannerL li, .BannerR li { margin: 0 auto 5px; display: block; width: 280px; }
.BannerTxt img, .Banner2Txt img { float:left; }
.BannerTxt p { display:block; margin-left: 100px; line-height: 1.2em; width: 180px; margin-bottom: 0; }
.Banner2Txt p { display:block; line-height: 1.3em; margin-left: 150px; font-size: 85%; width: 130px; } 

#Reservation .Products dl { width:700px; margin-left:auto; margin-right:auto; }
#Reservation .Products dl.Voice dt, #Reservation .Products .Voice dd{ background: #F8F8FC; padding: 5px 10px; }
#Reservation .Products dl.Voice dt{ border-top: 2px solid #2B005E; margin: 0 10px; font-weight: bold; }
#Reservation .Products dl.Voice dd{ border-top: 1px solid #CCCCCC; margin: 0 10px 10px; }

/* 機能紹介と画面サンプル */
#Reservation .Products table.Overview { width:680px; }
#Reservation .Products table.Overview th { background: url(../../products/reservation/img/review/img_icon_admin.gif) no-repeat 390px 10px; text-align:left; padding-top: 10px; border-right:none; width: auto; border-top: 1px solid #ccc; vertical-align: top; padding-left: 10px; border-bottom-style: none; }
#Reservation .Products table.Overview th span { color:#33C; }
#Reservation .Products table.Overview th p { width: 420px; padding-left: 10px; margin-top: 5px; border-top: 1px dotted #CCCCCC; padding-top: 5px; }
#Reservation .Products table.Overview th.User { background: url(../../products/reservation/img/review/img_icon_user.gif) no-repeat 390px 10px; }
#Reservation .Products table.Overview td.Text { width:430px; }
#Reservation .Products table.Overview td { vertical-align:top; padding-top:10px; padding-left: 10px; background: #FFFFFF; border-left-style: none; width: 230px; border-top: 1px solid #ccc; padding-bottom: 20px; }

/*-----------------------------------------------------------------------------
 h Title
-----------------------------------------------------------------------------*/
.Products h3.Outline { display:block; background:url(../../img_real/products/h_outline.gif) no-repeat left top; }
.Products h3.Function { display:block; background:url(../../img_real/products/h_function.gif) no-repeat left top; }
.Products h3.FunctionSample { display:block; background:url(../../img_real/products/h_function_sample.gif) no-repeat left top; }
.Products h3.Result { display:block; background:url(../../img_real/products/h_result.gif) no-repeat left top; }
.Products h3.Cost { display:block; background:url(../../img_real/products/h_cost.gif) no-repeat left top; }
.Products h3.CostIntro { display:block; background:url(../../img_real/products/h_costintro.gif) no-repeat left top; }
.Products h3.ResultVoice { display:block; background:url(../../img_real/products/h_resultvoice.gif) no-repeat left top; }
.Products h3.Faq { display:block; background:url(../../img_real/products/h_faq.gif) no-repeat left top; }
.Products h3.Review { display:block; background:url(../../img_real/products/h_review.gif) no-repeat left top; }

#Reservation .Products h4 { padding-left:135px; width: 535px; }
#IqCrm .Products h4 { padding-left:95px;  width: 575px; }

/* カテゴリ見出しH4 */
.Products h4 { font-size:120%; padding-left:70px; font-weight:bold; color: #333333; width: 600px; margin-right: auto; margin-left: auto; margin-bottom: 15px; height: 30px; line-height: 30px; }

/*製品別 見出しH4 */
#PitPlus h4 { border-left: 10px solid #AB0000; border-bottom: 1px dotted #FFCC00; background: url(../../products/pit-plus/img/ico_pitplus.gif) no-repeat 5px 0px; }
#PitPlus #LocalMenu h3 { background: #42C2F3; color: #FFFFFF; }
#MtPlus h4 { border-left: 10px solid #7E9FB1; border-bottom: 1px dotted #333; background: url(../../products/mt-plus/img/ico_mtplus.gif) no-repeat 5px 0px; }
#MtPlus #LocalMenu h3 { color: #FFF; background: #333; }
#EcPlus h4 { border-left: 10px solid #006666; border-bottom: 1px dotted #010101; background: url(../../products/ec-plus/img/ico_ecplus.gif) no-repeat 5px 0px; }
#EcPlus #LocalMenu h3 { background: #006666; color: #FFCC00; }

#Reservation h4 { border-left: 10px solid #2B005E; border-bottom: 1px dotted #010101; background: url(../../products/reservation/img/ico_reservation.gif) no-repeat 5px 0px; }
#Reservation #LocalMenu h3 { background: #2B005E; color: #CCC; }

#IqCrm h4 { border-left: 10px solid #3366CC; border-bottom: 1px dotted #3366CC; background: url(../../products/crm/img/ico_crm.gif) no-repeat 5px 0px; }

.Products h5 { font-size:110%; padding-left:15px; font-weight:bold; color: #663300; }
.Products h6 { font-size:100%; padding-left:25px; font-weight:bold; }

#Reservation .Products div.CText h5 { font-size:110%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; height: 26px; padding-left: 20px; line-height: 26px; margin-left: auto; margin-right: auto; margin-bottom: 10px; font-weight:bold; }
#Reservation .Products div.CText h5.BgC01 { background: url(../../products/reservation/img/bg_h5_01.gif) no-repeat left 0; color: #333; }
#Reservation .Products div.CText h5.BgC02 { background: url(../../products/reservation/img/bg_h5_02.gif) no-repeat 0 0; color: #CF811D; }
#Reservation .Products div.CText h5.BgC03 { background: url(../../products/reservation/img/bg_h5_03.gif) no-repeat 0 0; color: #2B005E; }

/* テーブル共通 */
.Products table { width:680px; margin-right: auto; margin-left: auto; margin-bottom: 30px; }
.Products table caption { text-align:left; font-weight: bold; }
.Products table th { width:130px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:2px 5px; }
.Products table td { border-bottom:1px solid #CCC; padding:2px; vertical-align:top; }

/* ページ下部資料請求 共通 */
.Products div.BtnBlock { width:660px; margin-right: auto; margin-left: auto; margin-bottom: 0; clear: both; height: 60px; background: #F2FFE6; padding: 10px; }
.Products div.BtnBlock p { font-weight: bold; color: #009900; text-align: center; width: auto; margin-bottom: 5px; }
.Products div.BtnBlock a { text-indent:-9999px; display:block; margin-right: auto; margin-left: auto; }
.Products div.BtnBlock a.BtnInquiry { width:200px; height: 30px; background: url(../../img_real/products/btn_products_inquiry.gif) no-repeat left bottom; }
.Products div.BtnBlock a.BtnInquiry:hover { background: url(../../img_real/products/btn_products_inquiry.gif) no-repeat left top; }

/* 機能一覧 */
.Products table.UserSpecList th { background: #F2F2F2; }
.Products table.UserSpecList caption { color: #333333; }
.Products table.AdminSpecList th { background: #E1DACE; }
.Products table.AdminSpecList caption { color: #333333; }

/* 価格表 */
.Products table.CL01 tr.ListIndex th { background: #F2F2F2; }
.Products table.CL02 tr.ListIndex th { background: #DDDDDD; }
.Products table.CL03 tr.ListIndex th { background: #F2F2F2; }
.Products table.CL04 tr.ListIndex th { background: #F2F2F2; }
.Products table.CL05 tr.ListIndex th { background: #F2F2F2; }

.Products table.CostList tr.ListIndex th { width:auto; border-right:none; text-align: center; }
.Products table.CostList caption { color: #333; }
.Products table.CostList caption span { background:#36F; color: #fff; padding: 2px; margin-right: 5px; }
.Products table.CostList td { padding:2px 5px; }
.Products table.CostList td strong { font-weight:bold; }
.Products table.CostList td span { font-size:90%; }
.Products table.CostList td span.SubIndex { color:#FFF; background: #36F; padding: 1px; }
#LColumn div.ContentBlock td.Price { width:140px; text-align:right; font: 18px/110% "Arial Black"; }
#LColumn div.ContentBlock td.TotalPrice { width:180px; text-align:right; font: 18px/110% "Arial Black"; }
#LColumn div.ContentBlock td.Price span, #LColumn div.ContentBlock td.TotalPrice span { font-size:70%; }
#LColumn div.ContentBlock td.Price del { color:#ccc; }
#LColumn div.ContentBlock td.Price span.strong { color:#E57E00; }

/* 導入実績一覧 */
.Products table.ResultList td img { float:left; padding-right:5px; }
.Products table.ResultList tr.CaseSite td img { float:none; }
.Products table.ResultList tr.CaseSite td { padding:5px 2px; }
.Products table.ResultList th { width:210px; background: #F0ECE6; text-align: left; }
.Products table.ResultList td{ color: #333333; }

/*-----------------------------------------------------------------------------
 IQ-CRM
-----------------------------------------------------------------------------*/
#IqCrm h5 { font-size:110%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; height: 26px; width: 660px; padding-left: 20px; line-height: 26px; margin-left: auto; margin-right: auto; margin-bottom: 10px ;font-weight:bold; background: url(../../products/crm/img/bg_h5.gif) no-repeat 0 0; color: #333; }

#IqCrm #TopImage #InquiryMenu { float:right; margin-top: 25px; margin-right: 5px; padding: 0px; }
#IqCrm #TopImage #InquiryMenu div.BtnBlock { width:200px; height: auto; background: #FFC; padding: 20px 5px 30px; }
#IqCrm #TopImage #InquiryMenu div.BtnBlock p { font-weight: bold; color: #F60; text-align: center; width: 200px; margin-bottom: 5px; }
#IqCrm #TopImage #InquiryMenu div.BtnBlock a { text-indent:-9999px; display:block; margin-right: auto; margin-left: auto; }
#IqCrm #TopImage #InquiryMenu div.BtnBlock a.BtnEntry { width:200px; height: 35px; background: url(../../products/reservation/img/btn_reservation_otameshi.gif) no-repeat left bottom; }
#IqCrm #TopImage #InquiryMenu div.BtnBlock a.BtnEntry:hover { background: url(../../products/reservation/img/btn_reservation_otameshi.gif) no-repeat left top; }

#IqCrm .Products div.CText p strong { font-size: 110%; font-weight: bold; color: #1D6ACF; }
#IqCrm .Products div.CText img { padding-right: 5px; padding-left: 5px; float: left; }
#IqCrm .Products table span.Price { font:normal 18px/110% "Arial Black"; }

#IqCrm .Products table { width:680px; margin-right: auto; margin-left: auto; }
#IqCrm .Products table.Cost { text-align: center; margin-bottom: 5px; }
#IqCrm .Products table.UserSpecList { margin-bottom: 5px; }

#IqCrm .Products table caption { text-align:left; font-weight: bold; }
#IqCrm .Products table th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:2px 5px; }
#IqCrm .Products table th.Index { width:160px; background: #D4D4D4; }
#IqCrm .Products table th.Acenter { text-align: center; }
#IqCrm .Products table.Cost th.C01, #IqCrm .Products table.Cost th.C02, #IqCrm .Products table.Cost th.C03 { width:auto; color: #FFF; font-weight:bold }
#IqCrm .Products table.Cost th.C01 { background: #69F; }
#IqCrm .Products table.Cost th.C02 { background: #66F; }
#IqCrm .Products table.Cost th.C03 { background: #66C; }
#IqCrm .Products table.Cost td { text-align: left; border-bottom:1px solid #CCC; padding:2px; vertical-align:middle; border-right: 1px solid #CCC; }
#IqCrm .Products table.Cost td { text-align: center; }
#IqCrm .Products table.Cost td p { font-size:90%; width: auto; margin-bottom: 0px; }





/* 画面一覧 */
#IqCrm .Products p.LeadTxt a { color:#666; text-decoration:underline; }
#IqCrm .Products p.LeadTxt a:hover { color:#666; text-decoration:none; }
#IqCrm .Products p.LeadTxt { padding:5px; border: 1px solid #3885C6; font-size: 110%; }
#IqCrm .Products p.LeadTxt img{ padding-top: 10px; }

#IqCrm .Products .CText p.Title { border-bottom: dotted 1px #CCCCCC; }
#IqCrm .Products .CText img { padding-right: 5px; padding-left: 5px; float: left; margin-bottom: 10px; }
#IqCrm .Products .CText p { float:left; width: 100%; }

.Products table.Overview { width:680px; }
.Products table.Overview th span { color:#33C; }
.Products table.Overview th { text-align:left; padding-top: 10px; border-right:none; border-bottom:dotted 1px #ccc; width: auto; }
.Products table.Overview td.Text { width:430px; vertical-align:top; padding-top:10px; padding-bottom:10px; }
.Products table.Overview td { width:230px; vertical-align:top; padding-top:10px; padding-bottom:10px; }
.Products table.Overview td img { padding-left:20px; }
.Products table.Overview td p { width:auto; margin-bottom:5px; display: inline-block; padding-left: 10px; }
.Products table.Overview td p span { font-weight:bold; }

#IqCrm .Products table tr.Even td { background:#F2F2F2; }
#IqCrm .Products table.Customize th { width:190px; }

#IqCrm .Products p.Price { padding:5px; text-align:center; border: 1px solid #3885C6; font-weight: bold; }
#IqCrm .Products p.Price span { font:normal 18px/110% "Arial Black"; }
#IqCrm .Products p.Discount { padding:5px; color: #F00; background: #FFDF01; font-weight: bold; margin-bottom: 0px; border-right: 1px solid #FFDF01; border-top: 1px solid #FFDF01; border-left: 1px solid #FFDF01; text-align: center; width: 670px; }
#IqCrm .Products p span.Price { font:normal 18px/110% "Arial Black"; }
#IqCrm .Products p.DiscountTxt { border-right: 1px solid #FFDF01; border-bottom: 1px solid #FFDF01; border-left: 1px solid #FFDF01; padding: 5px; width: 670px; }