@charset "utf-8";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォント
・リスト
・リンク
--------------------------
・Wrapper
・ヘッダ
・ナビゲーション
・パンくずリスト
・中央部
・メイン
・サイド
・フッタ
--------------------------
・共通パーツ（組合せ）
・コンテンツ
------------------------------------------ */

/* 全体構造
------------------------------------------ */
body { background: #f0f0f0; color: #000; line-height: 1.5; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; }

html { margin-bottom: 1px; }

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

body, div, p,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; }

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #444; }
a[name]:hover { color: #444; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ul li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }
.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }


/* フォーム
------------------------------------------ */

/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}


/* マージン・パディング
------------------------------------------ */
.mgt3  { margin-top: 3px !important; }
.mgt4  { margin-top: 4px !important; }
.mgt5  { margin-top: 5px !important; }
.mgt8  { margin-top: 8px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }

.mgt5txt  { margin-top: 2px !important; }
.mgt10txt { margin-top: 7px !important; }
.mgt15txt { margin-top: 12px !important; }
.mgt20txt { margin-top: 17px !important; }
.mgt25txt { margin-top: 22px !important; }
.mgt30txt { margin-top: 27px !important; }
.mgt35txt { margin-top: 32px !important; }

.mgSide1 { margin: 0 1px; }
.mgSide2 { margin: 0 2px; }

.pdgt3  { padding-top: 3px !important; }
.pdgt4  { padding-top: 4px !important; }
.pdgt5  { padding-top: 5px !important; }
.pdgt8  { padding-top: 8px !important; }
.pdgt10 { padding-top: 10px !important; }

.pdgl3  { padding-left: 3px !important; }
.pdgl4  { padding-left: 4px !important; }
.pdgl5  { padding-left: 5px !important; }
.pdgl8  { padding-left: 8px !important; }
.pdgl10 { padding-left: 10px !important; }

.pdgr3  { padding-right: 3px !important; }
.pdgr4  { padding-right: 4px !important; }
.pdgr5  { padding-right: 5px !important; }
.pdgr8  { padding-right: 8px !important; }
.pdgr10 { padding-right: 10px !important; }

.pdgb10 { padding-bottom: 10px !important; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }


/* テキスト・フォント
------------------------------------------ */
.nowrap { white-space: nowrap; }
.bold   { font-weight: bold!important; }
.normal { font-weight: normal!important; }

.indent01 { margin-left: 1em; text-indent: -1em; }

.fBlk01 { color: #000; }
.fRed01 { color: #f00; }
.fRed02 { color: #f30; }
.fRed03 { color: #f96; }
.fRed04 { color: #f30; }
.fAsh01 { color: #999; }
.fWhite { color: #fff; }
.fAqua  { color: #09C; }
.fGrn01 { color: #393; }
.fAqua01 { color: #09C; }
.fAqua02 { color: #6699ff; }
.fBlk01, .fRed01, .fRed02, .fAsh01, .fWhite, .fAqua, .fGrn01, .fAqua01, .fAqua02 { font-weight: bold; }

.fs01  { font-size: 10px; }
.fm01  { font-size: 12px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }

/* リスト・アイコン
------------------------------------------ */
.liNum01,
.liNum01 li { list-style-type: decimal; }
.liNum01 li { margin-left: 2em; }
.iNote01,
.liNote01 li { margin-left: 1em; text-indent: -1em; }
.iDot01,
.liDot01 li { background: url(../images/common/i_dot_01.gif) no-repeat 5px 0.45em; padding-left: 12px; }
.liArr01 li,
.linkArr01 { background: url(../images/common/i_link_arr_01.gif) no-repeat 0 0.25em; padding-left: 12px; }
.liArr02 li,
.linkArr02 { background: url(../images/common/i_link_arr_02.gif) no-repeat 0 0.25em; padding-left: 12px; }
.liArr03 li,
.linkArr03 { background: url(../images/common/i_link_arr_03.gif) no-repeat 0 0.25em; padding-left: 12px; }
.iBlueArr,
.liBlueArr li { background: url(../images/common/i_blue_arr_01.gif) no-repeat 0 0.6em; padding-left: 12px; }
.iRedArr { background: url(../images/common/i_red_arr_01.gif) no-repeat 0 0.6em; padding-left: 12px; }
.iBigArr { background: url(../images/common/i_big_arr_01.gif) no-repeat 0 0.1em; padding-left: 22px; }
.iBigArr.red { background-image: url(../images/common/i_big_arr_02.gif); }
.iPdf { margin-left: 18px; text-indent: -18px; }
.iPop { margin-left: 17px; text-indent: -17px; }
.liQ01 li,
.iQ01 { margin-left: 21px; text-indent: -21px; }
.iCase { margin-left: 57px; text-indent: -57px; }

.liQ01 li .icon,
.iQ01 .icon,
.iPdf .icon,
.iPop .icon,
.iCase .icon { vertical-align: middle; }


/* リンク
------------------------------------------ */
a:link ,
a:visited { color: #039; text-decoration: underline; background: transparent; }
a:hover   { color: #09c; text-decoration: none; background: transparent; }
a:active  { color: #f30; text-decoration: none; background: transparent; }

a.white:link,
a.white:visited { color: #fff; text-decoration: none; background: transparent; }
a.white:hover,
a.white:active  { color: #000099; text-decoration: none; background: transparent; }


/* wrapper
------------------------------------------ */
#wrapper { width: 100%; text-align: center; }


/* ヘッダ
------------------------------------------ */
#head { width: 100%; height: 82px; background: #fff url(../images/common/bg_header_01.gif) repeat-x left bottom; }
#headM { position: relative; width: 950px; height: 82px; margin: 0 auto; text-align: left; }
#head #logo { position: absolute; width: 121px; height: 48px; top: 10px; left: 18px; }
#head #subtitle_logo { position: absolute; width: 300px; height: 48px; top: 15px; left: 170px; font-size: 30px; }
#head .menu { position: absolute; width: 400px; height: 23px; top: 10px; left: 540px; }
#head .menu li { float: left; margin-left: 4px; }
#head .menu li img { display: block; }
#head .menu .first { margin: 0; }
#head .search { position: absolute; width: 262px; top: 8px; left: 686px; background: #f0f0f0; display: none; }
#head .search dt { float: left; padding: 8px 0 0 5px; }
#head .search dd { float: right; padding: 3px 4px 4px 5px; font-size: 12px; }
#head .search img { display: block; }
#head .search input { vertical-align: top; }
#head .search .text { width: 125px; padding: 1px; border: 1px solid #999; line-height: 1.2; }
#head .search .button { margin-left: 5px; width: 50px; height: 20px;  }
.subtitle {color: #999999; font-size: 10px;}

#global_top { width: 100%; background: #FFFFFF; border-bottom:1px dashed #CCCCCC; height:23px; margin:0px 0px}
#global_top .menu { position: absolute; width: 334px; left: 880px; }
#global_top .menu li { float: left; margin-left: 4px; }
#global_top .menu li img { display: block; }
#global_top .menu .first { margin: 0; }
#content { position: relative; width: 950px; height: 20px; margin: 0 auto; text-align: left; }
#site_message {float: left; position: relative; top: 3px}


/* ナビゲーション
------------------------------------------ */
#globalNavi { position: absolute; width: 714px; height: 35px; left: 239px; top: 44px; }
#globalNavi li { float: left; }
#globalNavi li img { display: block; }


/* パンくずリスト
------------------------------------------ */
#breadcrumbs { width: 950px; margin: 15px auto 0 auto; background: #fff url(../images/common/bg_middle_t_01.gif) no-repeat left top; text-align: left; }
#breadcrumbs p { padding: 10px 20px; }


/* 中央部
------------------------------------------ */
#middleArea { width: 950px; margin: 0 auto; padding-bottom: 20px; background: #fff url(../images/common/bg_middle_b_01.gif) no-repeat left bottom; text-align: left; }
#middleAreaM { background: url(../images/common/bg_side_01.gif) repeat-y 20px 0; }

/* 広告(トップ)
------------------------------------------ */
#ad_top { width:750px; margin: 0 auto 10px ; }

/* 広告(右サイド)
------------------------------------------ */
#ad_right { width:80px; float: right; margin: 10px; }


/* メイン
------------------------------------------ */
#main { float: right; width: 690px; min-height: 220px; margin-right: 20px; display: inline; }
#main ul li { margin: 3px;}
#main ul li a { text-decoration: none;}
#oneClm { width: 910px; min-height: 220px; margin: 0 20px; text-align: left; }

/* SKIPについてのお問い合わせ */
div.inquiry { width: 680px; padding: 2px; background: orange; }
div.inquiryM { border: 1px solid red; padding-bottom: 10px;  background: #fff; }
div.inquiry .ttl { padding: 7px 10px 5px 10px; background: #fff; color: red; }
div.inquiry .web01 { float: left; width: 214px; min-height: 63px; background: url(http://help.skipaas.jp/images/common/i_inquiry_web.gif) no-repeat; margin-left: 9px; display: inline; }
div.inquiry .mail01 { float: left; width: 214px; min-height: 63px; background: url(http://help.skipaas.jp/images/common/i_inquiry_mail.gif) no-repeat; margin-left: 9px; display: inline; }
div.inquiry .tel01 { float: right; width: 214px; min-height: 63px; background: url(http://help.skipaas.jp/images/common/i_inquiry_tel.gif) no-repeat; margin-right: 9px; display: inline; }
div.inquiry .web01 div,
div.inquiry .mail01 div,
div.inquiry .tel01 div { margin-left: 56px; }
div.inquiry .web01 p { margin: 10px 0 0 70px; }
div.inquiry .mail01 p { margin: 10px 0 0 57px; }
div.inquiry .tel01 .number { margin: 13px 0 0 57px; }

/* 機能と事例へのリンク */
div.relation { width: 680px; padding: 5px; }
div.relation .left { float: left; width: 325px; display: inline; }
div.relation .right { float: right; width: 325px; display: inline; }

/* ページトップへ */
.pagetop { margin: 25px auto 0 auto; }
.pagetop p { float: right; padding-left: 12px; background: url(../images/common/i_up_01.gif) no-repeat 0 0.35em; text-align: right; }


/* サイド
------------------------------------------ */
#commonBox { float: left; width: 200px; margin-left: 20px; padding-bottom: 20px; display: inline; background-color: #ffffff; }
#commonBox .base { background: url(../images/common/bg_side_suspend_m_01.gif) repeat-y; }
#commonBox .base .bgT { background: url(../images/common/bg_side_suspend_t_01.gif) no-repeat; }
#commonBox .base .bgB { padding: 10px 0 5px 0; background: url(../images/common/bg_side_suspend_b_01.gif) no-repeat left bottom; text-align: center; }
#commonBox .base p { width: 176px; margin: 0 auto; padding-bottom: 5px; }

#side { float: left; width: 200px; margin-left: 20px; padding-bottom: 20px; display: inline; border-top: 1px solid silver; }
#side a { text-decoration: none; }
#side a:hover { text-decoration: underline; color: blue; }
#side .navi01 ul { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#side .navi01 ul li { border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; background: #fff url(../images/common/bg_side_navi_01.gif) repeat-y; }
#side .navi01 ul li a,
#side .navi01 ul li em { display: block; padding: 2px 10px 5px 15px; }
#side .navi01 ul li span { display: block; background: url(../images/common/i_blue_arr_01.gif) no-repeat 0 0.55em; padding-left: 12px; }
#side .navi01 ul.act li { background-image: url(../images/common/bg_side_navi_01_act_01.gif); }
#side .navi01 ul li.act { background-image: url(../images/common/bg_side_navi_01_act_02.gif); background-color: #fdf0e1; }
#side .navi01 ul li.act span { background: url(../images/common/i_red_arr_01.gif) no-repeat 0 0.55em; color: #f30; }
#side .navi02 { width: 186px; margin: 0 auto; background: #fff url(../images/common/bg_side_suspend_t.gif) no-repeat; }
#side .navi02 .bgB { padding-top: 5px; background: url(../images/common/bg_side_suspend_b.gif) no-repeat left bottom; text-align: center; }
#side .navi02 .bgB p { width: 176px; margin: 0 auto; padding-bottom: 5px; }
#side .navi02 .bgB .brdDot01 { padding-top: 5px; }

#side .sideTop { width: 200px; height: 36px; background: url(../images/index_ttl_side_top.gif) no-repeat left bottom; }
#side .sideTop .ttl { color: black; padding: 10px; }

#side .sideSub01 { width: 200px; height: 30px; background: url(../images/b_side.gif) no-repeat left bottom; }
#side .sideSub01.act { background: url(../images/b_side_act.gif) no-repeat left bottom;}
#side .sideSub01 .ttl { color: black; padding: 7px 0 0 30px; font-size: 75%; }
#side .sideSub01 h5 { font-weight: normal; }

#side .sideBottom { width: 200px; height: 36px; background: url(../images/index_ttl_side.gif) no-repeat left bottom; }
#side .sideBottom .ttl { color: black; padding: 10px; }

#side .sideBox { text-align: center; }

/* フッタ
------------------------------------------ */
#footArea { width: 100%; margin-top: 20px; }
#footArea .navi { background: #cdcdcd; text-align: center;}
#footArea .navi ul { width: 950px; margin: 0 auto; padding: 5px 0 5px 0; text-align: right; }
#footArea .navi li { display: inline; padding-left: 5px; border-left: 1px solid #000; }
#footArea .navi li.first { border-left: none; }
#footArea .navi a { color: #000; text-decoration: underline; }
#footArea .navi a:hover { color: #666; text-decoration: none; }
#footArea .link { width: 950px; margin: 20px auto; text-align: left; }
#footArea .link ul { float: left; width: 155px; }
#footArea .link ul li { padding: 0 5px; }
#footArea .link ul li.fs01 { padding-bottom: 2px; }
#footArea .link ul li.fm01 { font-weight: bold; }
#footArea .link a { color: #666; text-decoration: underline; }
#footArea .link a:hover { color: #999; text-decoration: none; }
#copyright { margin: 30px 0; text-align: center; color: #000; }


/* 共通パーツ（組合せ）
------------------------------------------ */

/* common */
.module01 { margin: 15px 0 0 10px; }
.module01 .text01 { float: right; width: 440px; }
.module01 .text02 { float: left; width: 440px; }
.module01 .text03 { float: right; width: 460px; }
.module01 .text04 { float: right; width: 559px; margin-right: 10px; display: inline; }
.module01 .text05 { float: right; width: 603px; }
.module01 .text06 { float: right; width: 440px; font-size: 14px;}
.module01 .image01 { float: left; width: 220px; }
.module01 .image02 { float: right; width: 220px; }
.module01 .image03 { float: left; width: 200px; }
.module01 .image04 { float: left; width: 96px; }
.module01 .image05 { float: left; width: 62px; }
.module01 .image06 { float: left; width: 210px; }
.module02 { margin-top: 15px; padding: 0 0 16px 10px; background: url(../images/common/bg_dotline_01.gif) repeat-x left bottom; }
.module02.last { padding-bottom: 0; background: none; }
.module02 .text01 { float: right; width: 460px; }
.module02 .text02 { float: right; width: 580px; }
.module02 .text03 { float: left; width: 460px; }
.module02 .image01 { float: left; width: 200px; margin-bottom: 10px; }
.module02 .image02 { float: left; width: 80px; margin-bottom: 10px; }
.module02 .image03 { float: right; width: 200px; margin-bottom: 10px;}

/* background */
.bgAqua01  { background-color: #edf9fc; }
.bgGray01  { background-color: #f0f0f0; }
.bgPink01  { background-color: #f37656; }
.bgPink02  { background-color: #fee7e0; }
.bgBlue01  { background-color: #e6f0f2; }
.bgGrn01   { background-color: #ecf9ec; }
.bgCream01 { background-color: #ffffe1; }
.bgWhite01 { background-color: #fff; }

/* border */
.brdGray01 { border: 1px solid #ccc; }
.brdDot01 { background: url(../images/common/bg_dotline_01.gif) repeat-x; }
.brdDot01.btm { background-position: left bottom; }
.brdWhite { border-bottom: 1px solid #fff; }

/* box */
.box01 { padding: 5px; }
.box02 { padding: 10px; }
.box03 { padding: 7px 10px; }
.box04 { padding: 5px 10px; }
.box05 { padding: 0 19px; }
.box06 { padding: 0 19px 10px 19px; }
.box07 { padding: 1px 2px; }
.box08 { padding: 10px 10px 0 10px; }
.box09 { padding: 10px 20px; }
.readBox01 { padding: 2px 0 1px 0; border-bottom: 1px solid #f0f0f0; background: url(../images/common/bg_readbox_01.gif) repeat-x; }
.readBox01 .bgGray01 { padding: 7px 10px; }
.readBox01 .logoImage { margin-right: 20px; float: left; }

/* title */
.ttlModule03 { width: 690px; height: 89px; background: url(../images/index_ttl_large.gif) no-repeat left bottom; }
.ttlModule03 .ttl { padding: 27px 0 0 40px; font-size: 120%; letter-spacing: 0.1em; }

.ttlModule00 { width: 690px; height: 50px; background: url(../images/index_ttl.gif) no-repeat left bottom; }
.ttlModule00 .ttl { padding: 15px 0 0 18px; font-size: 120%; letter-spacing: 0.2em; }
.ttlModule01 { width: 660px; border-top: 1px solid #dfdfdf; line-height: 1.3; }
.ttlModule01 .bgB { padding-bottom: 5px; background: url(../images/common/bg_ttl_b_01.gif) no-repeat left bottom; }
.ttlModule01 .ttl { padding: 5px 8px 4px 8px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; background: url(../images/common/bg_ttl_m_01.gif) repeat-x; }
.ttlModule02 { border: 1px solid #dfdfdf; line-height: 1.3; }
.ttlModule02 .ttl { padding: 5px; border-left: 3px solid #393; background: #e9f3e9 url(../images/common/bg_spacer_white.gif) repeat-x left top; }
.mTtl01 { background: url(../images/common/i_dot_blue_01.gif) no-repeat 0 0.4em; padding-left: 12px; font-weight: bold; line-height: 1.3; }
.mTtl01.green { background-image: url(../images/common/i_dot_green_01.gif); }
.mTtl02 { background: url(../images/common/bg_ttl_02.gif) repeat-y; padding-left: 10px; font-weight: bold; line-height: 1.3; }
.mTtl03 { padding-top: 4px; font-weight: bold; line-height: 1.2; }
.mTtl03.orange { padding: 2px 0 0 5px; border-left: 3px solid #ec8a28; }

/* table */
.table01 { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.table01 thead th,
.table01 tbody th,
.table01 tbody td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.table01 thead th { background: #e6f0f2; font-weight: normal; text-align: center; }
.table01 tbody th { background: #edf9fc; font-weight: normal; text-align: left;  }
.table01 tbody td { background: #fff; text-align: left;  }
.table01 thead .thM { padding: 5px 10px 5px 10px; }
.table01 tbody .thM { padding: 7px 10px 7px 10px; }
.table01 tbody .tdM { padding: 7px 10px 7px 10px; }

/* sideMenu */
.sidemenuModule01 { width: 200px; background: url(../images/index_ttl_side.gif) no-repeat left bottom; height: 33px; text-align: center; }
.sidemenuModule01 .ttl { padding: 5px; }
.sideBox01 a { text-decoration: none; }

/* コンテンツ
------------------------------------------ */

/* サイトマップ */
.sitemap .columns { float: left; width: 290px; margin-right: 20px; }
.sitemap .columns.last { margin: 0; }
.sitemap .primary { background: #d9ecff; line-height: 1.3; }
.sitemap .secondary li { display: block; margin-top: 1px; padding-top: 5px; background: #f0f0f0; }
.sitemap .secondary li span { display: block; padding-bottom: 4px; margin: 0 10px; }
.sitemap .child { background: #fff; padding-bottom: 5px; }
.sitemap .child li { display: block; margin: 0; background: #fff; }
.sitemap .child li span { padding-bottom: 0px; }
.sitemap .mTtl01 { font-weight: normal; }
.sitemap a { text-decoration: none; }

/* 目的に応じた利用方法 */
.shadeBox01 { background: url(../images/common/bg_shade_t_01.gif) no-repeat; }
.shadeBox01 .bgB { padding: 6px 0 3px 0; background: url(../images/common/bg_shade_b_01.gif) no-repeat left bottom; }
.shadeBox01 .bgM { padding: 10px 9px; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.shadeBox01 .text01 { float: right; width: 450px; }
.shadeBox01 .image01 { float: left; width: 200px; }
.shadeBox01 .text02 { float: right; width: 490px; }
.shadeBox01 .image02 { float: left; width: 160px; }
.shadeBox01 .module02 { margin: 0; padding: 0 0 11px 0; }
.shadeBox01 .iBigArr { line-height: 1.3; }

/* 2つのSKIPサービス */
.bgBlue01 .liArr01.clearfix li { float: left; display: inline; margin-right: 20px; line-height: 1.3; font-weight: bold; color: #039; }

/* 利用シーン */
.issue dt { float: left; width: 33px; clear: both; }
.issue dd { margin-left: 38px; }
.solution { position: relative; padding: 1px; border: 1px solid #ccebf5; }
.solution .alC { position: absolute; width: 440px; top: -19px; }
.solution .alC img { margin-left: auto; margin-right: auto; }

/* 推奨環境 */
table.suggest { width: 680px; }
table.suggest tbody th,
table.suggest tbody td { vertical-align: top; }
table.suggest tbody th { width: 190px; }
table.suggest tbody td { width: 487px; }

/* 関連リンク */
.linkage { padding: 10px 10px 7px 10px; border: 1px solid #dfdfdf; border-top: none!important; line-height: 1.3; }
.linkage li { margin-bottom: 3px; }

/* お知らせ・更新履歴 */
.information { padding-bottom: 30px; border-bottom: 3px solid #dfdfdf; }
.information .daybar { padding-top: 1px; border-top: 1px solid #8dd2e9; }
.information .daybar p { padding: 1px 10px 3px 10px; background: #e6f0f2; }
.information .items dt { margin: 7px 10px 0 10px; font-weight: bold; }
.information .items dd { margin-top: 8px; padding: 11px 10px 0 10px; background: url(../images/common/bg_dotline_01.gif) repeat-x; }

/* 検索結果ページ */
.searchBox01 { padding: 10px 10px 7px 10px; background: #e6f0f2; }
.searchBox01 .search { width: 370px; background: #d1e3e7; }
.searchBox01 .search input { vertical-align: middle; margin: 3px 0; }
.searchBox01 .search .text { width: 300px; margin-left: 5px; padding: 1px; border: 1px solid #999; line-height: 1.2; font-size: 12px; }
.searchBox01 .search .button { margin-left: 5px; width: 50px; height: 20px; }
.searchBox01 .result { font-weight: bold; }
.searchItems dt { font-weight: bold; }
.searchItems dd.address { color: #090; }
.searchPages { text-align: center; }
.searchPages table { margin: 0 auto; }
.searchPages td a,
.searchPages td span { display: block; margin: 0 3px; padding: 0 3px 1px 3px; line-height: 1.2; }
.searchPages td.act span { background: #fdf0e1; color: #f30; font-weight: bold; }
.searchPages td.prev,
.searchPages td.next { font-weight: bold; padding: 1px 4px 0 4px; }
.searchPages td.prev a { margin: 0 3px 0 0; }
.searchPages td.next a { margin: 0 0 0 3px; }
.searchPages td.prev { padding-left: 14px; background: url(../images/common/i_prev_01.gif) no-repeat 0 0.4em; text-align: left; }
.searchPages td.next { padding-right: 14px; background: url(../images/common/i_next_01.gif) no-repeat 100% 0.4em; text-align: right; }

/* お問い合わせ */
.telInquiry dt { float: left; width: 173px; }
.telInquiry dd { float: left; width: 497px; }
.telInquiry img { display: block; }

/* お問い合わせフォーム */
.textarea01 { width: 520px; min-height: 100px; padding: 1px; border: 1px solid #a5acb2; line-height: 1.2; }
.edit01 input { vertical-align: middle; }
.edit01 label { margin-left: 0.5em; }
table.inquiry { width: 690px; }
table.inquiry tbody.input th { width: 150px; }
table.inquiry tbody.input td { width: 537px; }
table.inquiry tbody.confirm th { width: 160px; }
table.inquiry tbody.confirm td { width: 527px; }
table.inquiry tbody.confirm .thM { padding: 7px; }
table.inquiry tbody th .must { margin-left: 0.5em; vertical-align: middle; }
table.inquiry tbody tr.error th { background: #fac7ba; }
table.inquiry tbody tr.error td { background: #fee7e0; }
table.inquiry tbody.input .vaT .thM { margin-top: 2px; }
#inquiry_indicator { display: none; }


.typeTxt input { margin-right: 20px; padding: 1px; border: 1px solid #a5acb2; line-height: 1.2; vertical-align: middle; }
.kanji input { width: 140px; margin-left: 1.4em; }
.furigana input { width: 140px; margin-left: 0.5em; }
.corporate input,
.post input { width: 300px; }
.mail input,
.tel input { width: 200px; ime-mode: disabled; }
.mail .note { padding: 10px 0 3px 0; }
.purpose .othertext { width: 300px; padding: 1px; border: 1px solid #a5acb2; line-height: 1.2; vertical-align: middle; }
.submit { padding: 5px 0; background: #fdedd9; text-align: center; }
.submit img { margin-left: auto; margin-right: auto; display: block; }
.iError { margin-bottom: 7px; padding-left: 20px; background: url(../images/common/i_attention_01.gif) no-repeat 0 0.1em; color: #f00; font-weight: bold; }

/* マイページ機能 */
.iMark { line-height: 1.3; }
.iMark dt { padding-left: 20px; font-weight: bold; background-repeat: no-repeat; background-position: 0 0.1em; }
.iMark dd { padding-left: 20px; }
.iMarkA { background-image: url(http://help.skipaas.jp/images/common/i_mark_a_01.gif); }
.iMarkB { background-image: url(http://help.skipaas.jp/images/common/i_mark_b_01.gif); }
.iMarkC { background-image: url(http://help.skipaas.jp/images/common/i_mark_c_01.gif); }
.iMarkD { background-image: url(http://help.skipaas.jp/images/common/i_mark_d_01.gif); }
.iMarkE { background-image: url(http://help.skipaas.jp/images/common/i_mark_e_01.gif); }

/* デモサイトのご案内 */
.demoHowTo .text01 { float: left; width: 14em; margin-top: 15px; margin-left: 15px; }
.demoHowTo .image01 { float: left; width: 60px; margin-top: 0.5em; }
.demoScene .ttl01 { border-top: 1px solid #409fff; border-bottom: 1px solid #fff; background: #cae4ff }
.demoScene .ttl01 div { float: left; width: 69px; margin-right: 10px; display: inline; }
.demoScene .ttl01 h2 { float: right; width: 591px; }
.demoScene .ttl01 h2 span { display: block; }
.demoScene .desc01 { border-top: 1px solid #ccc; padding-top: 15px; }
.demoScene .desc01 .text01 { float: right; width: 490px;  }
.demoScene .desc01 .image01 { float: left; width: 180px; }
.demoScene .desc01 .textBox01 { padding: 7px 10px 0 10px; }
.demoScene .desc01 .textBox02 { padding: 6px 10px 0 10px; }
.demoScene .desc01 .textBox02 .mTtl01 { margin-top: 3px;font-weight: normal; }
.demoTest { background: #409fff; padding-top: 1px; }
.demoTest .brdGray01 { padding: 1px; }
.demoTest .text01 { float: right; width: 468px; padding: 10px 0; }
.demoTest .image01 { float: left; width: 200px; }

/* サービス・料金 */
.serviceBox01 { background: url(../images/common/bg_support_m_01.gif) repeat-y; }
.serviceBox01.green { background-color: #eef7ee; }
.serviceBox01 .bgT { background: url(../images/common/bg_support_t_01.gif) no-repeat; }
.serviceBox01 .bgB { background: url(../images/common/bg_support_b_01.gif) no-repeat left bottom; }
.serviceBox01 .bgB02 { background: url(../images/common/bg_support_b_02.gif) no-repeat left bottom; }
.serviceBox01 .clmL { float: left; width: 330px; }
.serviceBox01 .clmR { float: right; width: 330px; }
.serviceBox01 .text01 { float: right; width: 260px; }
.serviceBox01 .text02 { float: right; width: 220px; }
.serviceBox01 .image01 { float: left; width: 41px; }
.serviceBox01 .image02 { float: left; width: 80px; }
.serviceBox01 .ttl { padding-bottom: 10px; border-bottom: 1px solid #b7ddb7; }
.serviceBox01 .ttl02 { padding: 2px 2px 0 2px; }
.serviceClm01 { background: url(../images/common/bg_3clm_m_01.gif) repeat-y; }
.serviceClm01 .bgT { background: url(../images/common/bg_3clm_t_01.gif) no-repeat; }
.serviceClm01 .bgB { background: url(../images/common/bg_3clm_b_01.gif) no-repeat left bottom; }
.serviceClm01 .clmL,
.serviceClm01 .clmC { float: left; width: 220px; display: inline; margin-right: 10px; }
.serviceClm01 .clmR { float: left; width: 220px; }

/* サービス・料金 詳細 */
table.service { width: 680px; }
table.service .col00 { width: 204px!important; }
table.service .col01 { width: 104px!important; }
table.service .col02 { width: 464px!important; }
table.service .col03 { width: 108px!important; }
table.service .col04 { width: 573px!important; }
table.service tbody th,
table.service tbody td { vertical-align: top; }
table.service tbody .alC { background: #ffffe8; vertical-align: middle; }

table div#serviceMsg01 { position: relative; background: url(http://help.skipaas.jp/images/service/msg_01.png) no-repeat; width: 138px; height: 224px; }
table div#serviceMsg02 { position: relative; background: url(http://help.skipaas.jp/images/service/msg_02.png) no-repeat; width: 138px; height: 224px; }
table div#serviceMsg03 { position: relative; background: url(http://help.skipaas.jp/images/service/msg_03.png) no-repeat; width: 138px; height: 224px; }
table div#serviceMsg04 { position: relative; background: url(http://help.skipaas.jp/images/service/msg_04.png) no-repeat; width: 138px; height: 224px; }
table.service .message { position: absolute; top: 65px; left: 15px; width: 110px; }

/* サービス・料金 ご利用の流れ */
.flowBox01 { background: url(../images/common/bg_flow_m_01.gif) repeat-y; }
.flowBox01 .bgT { background: url(../images/common/bg_flow_t_01.gif) no-repeat; }
.flowBox01 .bgB { background: url(../images/common/bg_flow_b_01.gif) no-repeat left bottom; padding: 4px 0 6px 0; }
.flowBox01 td { vertical-align: middle; }
.flowBox01 .step { width: 82px; }
.flowBox01 .icon { width: 65px; }
.flowBox01 .text { width: 543px; line-height: 1.2; }
.flowBox01 .step .tdM { padding: 10px 12px 10px 10px; }
.flowBox01 .icon .tdM { padding-right: 10px; }
.flowBox01 .text .tdM { padding: 6px 12px 4px 15px; }

/* よくあるご質問 */
.faq li { margin-top: 10px; }
.qaabar { padding-top: 1px; border-top: 1px solid #8dd2e9; }
.qaabar .bgM { padding: 7px 10px 8px 10px; background-color: #e6f0f2; }
.answerBox01 { margin-top: 1px; }
.answerBox01 .brdDot01 { padding: 10px 0 0 10px; }
.answerBox01 .image01 { float: left; width: 21px; }
.answerBox01 .text01 { float: right; width: 659px; }
.answerBox01 .link01 { width: 659px; }
.answerBox01 .link01 dt { border: 1px solid #dfdfdf; padding: 2px 10px; background: #fdf0e1; }
.answerBox01 .link01 dd { border: 1px solid #dfdfdf; border-top: none; padding: 5px 10px 7px 10px; background: #fff; }

/* 資料ダウンロード */
.docList .module02 { padding-bottom: 11px; }
.adobeReader { margin-top: 15px; padding-left: 10px; }
.adobeReader .image01 { float: left; width: 112px; }
.adobeReader .text01 { float: right; width: 548px; }

/* 会社概要 */
table.company { width: 680px; }
table.company tbody th,
table.company tbody td { vertical-align: top; }
table.company tbody th { width: 104px; }
table.company tbody td { width: 573px; }
table.company dt { float: left; width: 150px; }
table.company dd { margin-left: 160px; }
table.company dt span,
table.company dd span { display: block; }

/* 個人情報保護方針 */
.privacyMark01 .text01 { float: left; width: 560px;  }
.privacyMark01 .image01 { float: right; width: 100px; }

/* 開発ロードマップ */
table.roadmap { width: 680px; }
table.roadmap tbody th,
table.roadmap tbody td { vertical-align: top; }
table.roadmap tbody th { width: 160px; }
table.roadmap tbody td { width: 517px; }
table.roadmap tbody .thM { padding: 7px 5px 7px 10px; }
table.roadmap .mTtl01 { line-height: 1.5; background-position: 0 0.5em; font-weight: normal; }
.userGroup01 { padding: 21px 0 0 10px; }
.userGroup01 .image01 { float: left; width: 140px; }
.userGroup01 .text01 { float: right; width: 520px; }

/* 導入事例 */
.casePerson .text01 { float: right; width: 510px; }
.casePerson .image01 { float: left; width: 160px; }
.caseQaa dt { padding-left: 30px; color: black; background: url(../images/common/bg_middleline_01.gif) no-repeat 0 0.7em; }
.caseTopic { margin: 10px 5px 0px 10%; border: 1px dotted silver; padding: 1px; width: 80%; background: #fefefe}
.caseTopic .title { background: url(http://help.skipaas.jp/images/case/i_topic_01.gif) no-repeat; font-size: 14px; font-weight: bold; color: gray; padding: 5px 0 0 28px; height: 50px; }
.caseTopic .content{ padding: 3px 2px 2px 15px; font-size: 12px; color: gray; }
.caseTopic .content a { padding-left: 5px; }
.caseTopic .content a:hover { padding-left: 5px; }
.caseTopic .content img { vertical-align: text-bottom; }

.caseCatch { position: relative}
.caseCatch .inte { width: 690px; height: 70px; background: url(http://help.skipaas.jp/images/case/inte/index_g_comment.gif) no-repeat left bottom;}
.caseCatch .esm { width: 690px; height: 70px; background: url(http://help.skipaas.jp/images/case/esm/index_g_comment.png) no-repeat left bottom;}
.caseCatch .tis { width: 690px; height: 70px; background: url(http://help.skipaas.jp/images/case/tis/index_g_comment.png) no-repeat left bottom;}
.caseCatch .desc{ padding: 15px 0px 0px 15px;}
.caseCatch .subdesc{ padding-left: 30px; background: url(../images/common/bg_middleline_02.gif) no-repeat 0 0.7em; }

/* スクリーンショット */
ul.screen_menu_link {
 float: left;
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin: 0 0 15px;
 padding: 0;
 width: 230px;
}

ul.screen_shot {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin: 0 0 15px;
 padding: 0;
}

ul.screen_shot li {
  background: #FFFFFF none repeat scroll 0 0;
  float: left;
  margin: 0 0 10px;
  padding: 0;
}

.clear_both {
  clear: both;
}

.sideBanner {
  display: none;
}