@charset "shift-JIS";
/* 基本エレメント */
*   { color: #333333; font-size: 13px; line-height: 130%; margin: 0; padding: 0 }
body  { background: url(img/bg-body.gif) repeat-y center;  _text-align: center; }
.center { text-align:center; }
table.center  { margin-right: auto; margin-left: auto; }
.right{ text-align:right; }
.font-s  { font-size: 11px }
.font-l  { font-size:15px }
.font-ll { font-size:18px; }
.font-red    { color: #dc0000 }
.font-bl    { color: #232fb2 }
.ini  { text-indent: -1em; padding-left: 1em }
.hr1     { color: #808080; margin-top: 10px; margin-bottom: 10px; margin-left: 28px; width: 530px; height: 1px } 
/* 画像 */
img        { vertical-align: bottom; border: 0; }
.f-left_p      { text-indent: 0em; float: left; margin: 0 20px 10px 28px; display: inline }
.f-right_p  { float: right; padding: 0 0 10px 20px }
/* 回り込み */
.f-left  { text-align: left; float: left; margin-left: 28px; display: inline; width:auto; }
.f-right { display:inline; float:right; text-align:left; width:auto; }
/* 回り込みのクリア */
.clear  { clear: both; }
/* トップへ戻る */
.pagetop     { text-align: right; margin-top: 3px; margin-bottom: 8px; padding-right: 15px; _padding-top: 3px }
.pagetop  a  { font-size: 0.9em }
/* リンク処理 */
a:link   { color: #2c36b2 }
a:visited { color: #cc1414; }
a:hover  { text-decolation: none; }
a:active { color: #cc1414; }
/* リスト */
ul.normal  { margin-bottom: 1.3em }
ul.normal li  { margin-left: 50px }
ul.num  { margin-bottom: 1.3em }
ul.num li   { list-style-type: decimal; margin-left: 50px; }
ul.imglist { margin-bottom: 1.3em; }
ul.imglist li   { background: url(img/ic-imglist.gif) no-repeat left center; list-style-type: none; margin-left: 40px; padding-left: 15px }
ul.merit  { margin-bottom: 1.3em; float:left; }
ul.merit li  { margin-left: 30px }
/* レイアウト */
#header    { background: url(img/bg-header.gif) no-repeat center top; border-bottom: 1px solid #fec200; width: 800px; height: 85px }
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrap    { background-color: white; margin-right: auto; margin-left: auto; width: 800px }
#side  { text-align: left; float: left; margin-top: 5px; padding-top: 15px; width: 192px; display: inline }
#main  { text-align: left; float: right; margin-top: 5px; padding-top: 15px; width: 590px; display: inline }
#footer    { clear: both; color: white; line-height: 120%; background-color: #ff9500; text-align: right; padding-top: 13px; padding-bottom: 13px; width: 800px }

/* ====================ヘッダ内==================== */
h1    { font-weight: normal; font-size: 12px; line-height: 25px; text-align: left; padding-left: 20px; height: 25px }
h2.mds-img { }
p.hd-logo { margin-left:20px;display: inline; float: left; }
p.hd-jigyou { display: inline; float: right; padding-top:20px; }
/* ====================左サイド==================== */

/* ====================右サイド==================== */
h3.mds-txt       { font-size: 15px; line-height: 24px; text-indent: 6px; margin-right: auto; margin-bottom: 8px; margin-left: auto; border-left: 8px solid #fc3; border-top: 1px solid #fc3; width: 530px; height: 24px }
h3.mds-img { width: 530px; margin-right: auto; margin-bottom: 8px; margin-left: auto; }
h4.mds-txt    { color: #2c36b2; font-size: 15px;  margin-right: 25px; margin-bottom: 8px; margin-left: 25px; width: auto;  }
h5 { margin-bottom: 2px; padding-right: 25px; padding-left: 25px; }
.contents    { background: url(img/bg-contents.gif) repeat-y right top; margin-bottom: 15px; margin-left: 5px; padding-top: 15px; width: 585px }
.contents p  { margin: 0 auto 15px; width: 530px }
.contents p.sashie  { padding-right: 25px; padding-left: 25px; width: auto }

/* ==================== フッタ内 ==================== */
.footerinfo  { text-align: center; margin-top: 15px; }
.footerinfo a { color: white; font-size: 10px; }
.footerinfo a:visited { color: white; font-size: 10px; }

/* ====================インデックス==================== */
.contents-ind      { background: url(img/bg-contents-ind.jpg) no-repeat right bottom; margin-bottom: 15px; margin-left: 5px; padding-top: 15px; padding-bottom: 150px; width: 585px }
.contents-ind p  { margin: 0 auto 15px; width: 530px; line-height:150%;}
h3.mds-ind     { color: #d22300; font-size: 15px; margin-right: auto; margin-bottom: 5px; margin-left: auto; width: 530px }
dl.tokucho   { margin-right: auto; margin-bottom: 10px; margin-left: auto; border: solid 1px silver; width: 250px }
dl.tokucho dt   { font-weight: bold; font-size: 15px; background-image: url(img/bg-dt.gif); margin: 1px; padding: 6px }
dl.tokucho dd   { margin: 1px; padding: 6px; }
table.news { margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 530px; border-top: dotted 1px silver;  }
table.news td  { vertical-align: top; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px dotted silver }
table.news th   { text-align: left; vertical-align: top; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px dotted silver }
table.tokucho  { margin-top: 0; margin-bottom: 15px; margin-left: 25px; width: 530px }
table.tokucho td  { background-color: #fffae5; vertical-align: top; padding: 5px; border: dotted 1px #999; width: 50% }

/* ====================概要==================== */
table.outline  {  margin-right: auto; margin-left: auto; width: 530px; border-top: 1px dotted #999; margin-bottom:5px; } 
table.outline td,table.outline th  { padding: 5px; border-bottom: 1px dotted #999 }
table.outline th   { color: #2c36b2; font-weight: normal; background-color: #fff; text-align: right; vertical-align: top }
/* ====================事業概要==================== */
dl.jigyou     { margin-right: auto; margin-bottom: 1em; margin-left: auto; padding-bottom: 6px; border: solid 1px silver; width: 530px }
dl.jigyou dt     { font-weight: bold; font-size: 15px; background-color: #ffe369; margin: 1px 1px 6px; padding: 3px }
dl.jigyou dd    { margin: 1px; padding-right: 6px; padding-left: 6px }
dl.jigyou dd.link  { font-weight: bold; text-align: right }
/* ==================== お問い合わせ ==================== */
div.otoiawase { background-image: url(img/bg-otoiawase.gif); width: 579px; height: 95px; margin-left: 5px; padding-top: 4px; padding-left: 6px }
table.otoiawase   { }
table.otoiawase td   { vertical-align: top; padding: 0px 9px 0px 0px }
table.otoiawase td.mail   { padding: 9px 10px; border-left: 1px solid gray; }
table.otoiawase td.tel   { padding-top: 10px; }
/* ==================== メールフォーム ==================== */
table.form  {  margin-right: auto; margin-left: auto; width: 530px; border-top: 1px dotted #999; margin-bottom:5px; } 
table.form td,table.form th  { padding: 5px; border-bottom: 1px dotted #999 }
table.form th  { font-weight: normal; background-color: #ffeea3; text-align: right; vertical-align: top }
/* ====================  ==================== */
div.mainte     { background-color: #fff6cc; padding-top: 10px; padding-bottom: 10px; border: solid 1px silver;  width: 260px;  }
div.mainte h4   { color: #2c36b2; margin-bottom: 3px; margin-left: 10px }
div.mainte p { width: 240px; margin: 0 auto; }
div.mainte span { }
/* ==================== 採用情報 ==================== */
table.rec   { margin-right: auto; margin-bottom: 1em; margin-left: auto; border-top: 1px solid #999; border-left: 1px solid #999; width: 530px } 
table.rec td,table.rec th  { padding: 5px; border-bottom: 1px dotted #999;  }
table.rec th  { color: #2c36b2; font-weight: normal; background-color: #fffae5; text-align: right; vertical-align: top; border-right: 1px dotted #999 }
table.rec td { border-right: 1px solid #999; }
table.rec th.bottom,table.rec td.bottom { border-bottom: 1px solid #999; }
dl.privacy    { margin-right: auto; margin-bottom: 1em; margin-left: auto; border: solid 1px silver; width: 530px }
dl.privacy dt    { font-weight: bold; font-size: 15px; background-image: url(img/bg-dt.gif); margin: 1px; padding: 3px }
dl.privacy dd   { margin: 1px; padding: 6px }
dl.privacy dd.link { text-align:right;  }
/* ==================== アイドリング ==================== */
table.pricelist  { margin-right: auto; margin-bottom: 10px; margin-left: auto; border-top: 1px solid #999; border-left: 1px solid #999; width: 530px }
table.pricelist th,table.pricelist td  { padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999 }
table.pricelist td  {  } 
table.pricelist th   { color: white; background-color: #4c54be; text-align: center } 
td.navinashi2,td.navitsuki2 { font-weight: bold; }
td.classname    { background-color: #f0f0f0 }
table.pricelist2  { margin-right: auto; margin-bottom: 10px; margin-left: auto; border-top: 1px solid #999; border-left: 1px solid #999; width: 530px }
table.pricelist2 th,table.pricelist2 td  { padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999 }
table.pricelist2 td  { border-bottom: 1px dotted #999 } 
table.pricelist2 td.bottom  { border-bottom: 1px solid #999 } 
table.pricelist2 th   { background-color: #ffeea3; text-align: center } 
dl.faq { margin-right: auto; margin-bottom: 10px; margin-left: auto; border-bottom: 1px dotted #999; width: 530px; padding-bottom: 10px; }
dl.faq  dt  { color: #2c36b2; font-weight:bold; text-indent: -2em; margin-left: 2em }
dl.faq  dd  { text-indent: -1.5em; margin-left: 1.5em }
/* ====================こんな企業様に==================== */
ul.kigyoumuke  { margin: 0 auto 15px auto;  width: 530px; }
ul.kigyoumuke li     { color: #070; list-style-type: none; margin-bottom: 5px; margin-left: 10px; padding-top: 3px; padding-left: 10px; border-top: 1px solid #d3d3d3; border-left: 5px solid #d3d3d3 }
ul.kigyoumuke li li     { color: #333; font-weight: normal; font-size: 13px; background: white url(img/bg-dd_kigyoumuke.gif) no-repeat 10px 0px; list-style-type: none; margin-bottom: 15px; margin-left: 0px; padding-left: 25px; border-top: none; border-left: none }
ul.kigyoumuke li.single { margin-bottom: 15px;  }
dl.kigyoumuke  { margin: 0 auto 15px auto;  width: 530px; }
dl.kigyoumuke dt     { color: #2c36b2; background: url(img/bg-dd_kigyoumuke.gif) no-repeat left top; text-indent: -10px; margin-bottom: 3px; padding-left: 30px; }
dl.kigyoumuke dd  { margin-bottom: 5px; padding-left: 20px }
ul.fb  { background-color: white; margin-right: 23px; margin-bottom: 1em; margin-left: 28px; padding: 10px; border: double 3px silver }
ul.fb li     { color: #2c36b2; font-weight: bold; font-size: 15px; background: url(img/ic-imglist.gif) no-repeat left center; list-style-type: none; padding-left: 15px }

/* ==================== リンク ==================== */
p.linkurl  { background-color: #eef9f7; padding: 10px; border: dashed 1px gray; width: 510px }
table.makerlink { margin-right: auto; margin-bottom: 1em; margin-left: auto; border-top: 1px dotted #999; width: 530px; }
table.makerlink td,table.makerlink th { padding: 5px; border-bottom: 1px dotted #999; }
table.makerlink td  { background: url(img/bg-url.gif) no-repeat left center; padding-left: 20px }
table.makerlink th  { font-weight: normal; text-align: left; width: 170px }
/* ==================== 相互リンク==================== */
dl.link   { float: right; margin: 0 25px 15px 0px; width: 400px; display:inline; }
dl.link dt    { font-weight: bold; background: #ddd url(img/bg-dt_link.gif) no-repeat 1% 50%; margin-bottom: 3px; padding: 2px 15px }
dl.link dd { }
/* ==================== シェア==================== */
dl.yasashisa   { background: url(img/bg-yasashisa01.gif) center top; margin-bottom: 0px; margin-left: 28px; padding-top: 15px; padding-bottom: 5px; width: 450px }
dl.yasashisa dt   { color: #09316c; font-weight: bold; margin-left: 80px }
dl.yasashisa dd   { background: url(img/bg-li_yasashisa.gif) no-repeat left center; margin-left: 90px; padding-left: 10px }
dl.yasashisa2    { background: url(img/bg-yasashisa02.gif) center top; margin-bottom: 0px; margin-left: 68px; padding-top: 15px; padding-bottom: 5px; width: 450px }
dl.yasashisa2 dt  { color: #741601; font-weight: bold; margin-left: 80px }
dl.yasashisa2 dd   { background: url(img/bg-li_yasashisa.gif) no-repeat left center; margin-left: 90px; padding-left: 10px }
dl.yasashisa3    { background: url(img/bg-yasashisa03.gif) center top; margin-bottom: 0px; margin-left: 108px; padding-top: 15px; padding-bottom: 5px; width: 450px }
dl.yasashisa3 dt   { color: #2f651d; font-weight: bold; margin-left: 80px }
dl.yasashisa3 dd   { background: url(img/bg-li_yasashisa.gif) no-repeat left center; margin-left: 90px; padding-left: 10px }
/* ==================== サイトマップ ==================== */
ul.sitemap1 a   { }
ul.sitemap2 a   { }
ul.sitemap1    { float: left; margin-bottom: 15px; margin-left: 28px; width: 250px; display: inline; }
ul.sitemap1 li    { font-weight: bold; font-size: 15px; background: url(img/ic-sitemap.gif) no-repeat 0px 5px; list-style-type: none; margin-bottom: 10px; padding-top: 1px; padding-bottom: 1px; padding-left: 15px }
ul.sitemap1 li a:link  { font-size: 15px; color: #333; }
ul.sitemap1 li a:visited  { color: #333; }
ul.sitemap1 li a:hover { text-decoration: none }
ul.sitemap1 li.root  { margin-bottom: 0px;  } 
ul.sitemap1 li li     { font-weight: normal; background: url(img/ic-sitemap2.gif) no-repeat 0px 5px; list-style-type: none; margin-bottom: 0px; padding-left: 10px }
ul.sitemap1 li li li     { font-weight: normal; background: url(img/ic-sitemap3.gif) no-repeat 0px 5px; list-style-type: none; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; border-left: 0px }
ul.sitemap1 li li a:link  { color: #2c36b2; font-size: 13px; text-decoration: none }
ul.sitemap1 li li a:visited { color: #cc1414; text-decoration: none }
ul.sitemap2   { float: right; margin-right: 28px; width: 250px; display: inline; }
ul.sitemap2 li  { font-weight: bold; font-size: 15px; background: url(img/ic-sitemap.gif) no-repeat 0px 5px; list-style-type: none; margin-bottom: 10px; padding-top: 1px; padding-bottom: 1px; padding-left: 15px }
ul.sitemap2 li a { font-size: 15px; }
ul.sitemap2 li.root  { margin-bottom: 0px;  } 
ul.sitemap2 li li    { font-weight: normal; background: url(img/ic-sitemap2.gif) no-repeat 0px 5px; list-style-type: none; margin-bottom: 0px; padding-left: 10px }
ul.sitemap2 li li a { font-size: 13px; text-decoration: none}
ul.sitemap2 li li li    { font-weight: normal; background: url(img/ic-sitemap3.gif) no-repeat 0px 5px; list-style-type: none; margin-bottom: 0px; margin-left: 10px; padding-left: 10px }
/* ==================== 導入事例 ==================== */
ul.opinion  { margin-right: auto; margin-left: auto; width: 530px; }
ul.opinion li       { background: white url(img/bg-li_opinion.gif) no-repeat; list-style-type: none; margin-bottom: 15px; padding: 13px 8px 13px 23px; border-style: solid; border-width: 1px; border-color: #dcdcdc #c0c0c0 #c0c0c0 #dcdcdc }
ul.opinion li span  { font-size: 15px; line-height: 160%; border-bottom: 1px dotted gray }
ul.opinion li span.marker    { font-weight: bold; font-size: 15px; line-height: 160%; background-color: #ffe5eb; border-bottom: none }
p.opi-ex  { color: #666; margin-bottom: 25px;  width: 500px }
/* ==================== 導入事例 ==================== */