@charset "utf-8";

/*--------------------------------------------------
  == Module Style ==
  --------------------------------------------------
  File       : mod.css
  Date       : 2010.12.10
  Last Update: 2010.05.10
  --------------------------------------------------
	※主にサイト全体で共有するCSS
--------------------------------------------------*/

.skipNav { display:none; }
.noscriptMsg { padding-bottom:10px; font-weight:bold !important; color:#c00; }


/* ---------------------------------------------- */
/* 共通余白
------------------------------------------------- */
.pgh-01, .list-d01, .list-r01, .list-r02, .list-a01, .list-a02, .list-n01, .list-n02, .list-i01,
.box-p01, .box-p02, .box-l01, .box-l02, .cd-01, .box-flow,
.tbl-01, .tbl-02, .tbl-rel, .tbl-simp-01 { margin-bottom:1em !important; }

li .pgh-01, li .list-d01, li .list-r01, li .list-r02, li .list-n01,
li .box-p01, li .box-p02, li .box-l01, li .box-flow,
li .tbl-01, li .tbl-02, li .tbl-rel { margin-bottom:.5em !important; }


/* ---------------------------------------------- */
/* 段落・書き出し
------------------------------------------------- */
.section, .section-num { margin-bottom:2em !important; }
.section .section { margin-bottom:1em !important; }

.section.after { padding-bottom:.8em !important; border-bottom:1px dotted #ccc !important; }

/* 数字付き 主にヘルプ */
.section-num              { _height:20px; min-height:20px; padding:3px 0 0 28px; }
.section-num .section-num { padding:0 0 0 22px; }
.section-num.n01 { background:url(../images/num/num_sq_01.gif) no-repeat 0 0; }
.section-num.n02 { background:url(../images/num/num_sq_02.gif) no-repeat 0 0; }
.section-num.n03 { background:url(../images/num/num_sq_03.gif) no-repeat 0 0; }
.section-num.n04 { background:url(../images/num/num_sq_04.gif) no-repeat 0 0; }
.section-num.n05 { background:url(../images/num/num_sq_05.gif) no-repeat 0 0; }
.section-num.n06 { background:url(../images/num/num_sq_06.gif) no-repeat 0 0; }
.section-num.n07 { background:url(../images/num/num_sq_07.gif) no-repeat 0 0; }
.section-num.n08 { background:url(../images/num/num_sq_08.gif) no-repeat 0 0; }
.section-num.n09 { background:url(../images/num/num_sq_09.gif) no-repeat 0 0; }
.section-num.n10 { background:url(../images/num/num_sq_10.gif) no-repeat 0 0; }
.section-num.n11 { background:url(../images/num/num_sq_11.gif) no-repeat 0 0; }
.section-num.n12 { background:url(../images/num/num_sq_12.gif) no-repeat 0 0; }
.section-num.n13 { background:url(../images/num/num_sq_13.gif) no-repeat 0 0; }
.section-num.n14 { background:url(../images/num/num_sq_14.gif) no-repeat 0 0; }
.section-num.n15 { background:url(../images/num/num_sq_15.gif) no-repeat 0 0; }
.section-num.n16 { background:url(../images/num/num_sq_16.gif) no-repeat 0 0; }
.section-num.n17 { background:url(../images/num/num_sq_17.gif) no-repeat 0 0; }
.section-num.n18 { background:url(../images/num/num_sq_18.gif) no-repeat 0 0; }
.section-num.n19 { background:url(../images/num/num_sq_19.gif) no-repeat 0 0; }
.section-num.n20 { background:url(../images/num/num_sq_20.gif) no-repeat 0 0; }
.section-num.n21 { background:url(../images/num/num_sq_21.gif) no-repeat 0 0; }
.section-num.n22 { background:url(../images/num/num_sq_22.gif) no-repeat 0 0; }
.section-num.n23 { background:url(../images/num/num_sq_23.gif) no-repeat 0 0; }
.section-num.n24 { background:url(../images/num/num_sq_24.gif) no-repeat 0 0; }
.section-num.n25 { background:url(../images/num/num_sq_25.gif) no-repeat 0 0; }
.section-num.n26 { background:url(../images/num/num_sq_26.gif) no-repeat 0 0; }
.section-num.n27 { background:url(../images/num/num_sq_27.gif) no-repeat 0 0; }
.section-num.n28 { background:url(../images/num/num_sq_28.gif) no-repeat 0 0; }
.section-num.n29 { background:url(../images/num/num_sq_29.gif) no-repeat 0 0; }
.section-num.n30 { background:url(../images/num/num_sq_30.gif) no-repeat 0 0; }
.section-num.n001 { background:url(../images/num/num_cl_01.gif) no-repeat 0 0; }
.section-num.n002 { background:url(../images/num/num_cl_02.gif) no-repeat 0 0; }
.section-num.n003 { background:url(../images/num/num_cl_03.gif) no-repeat 0 0; }
.section-num.n004 { background:url(../images/num/num_cl_04.gif) no-repeat 0 0; }
.section-num.n005 { background:url(../images/num/num_cl_05.gif) no-repeat 0 0; }
.section-num.n006 { background:url(../images/num/num_cl_06.gif) no-repeat 0 0; }
.section-num.n007 { background:url(../images/num/num_cl_07.gif) no-repeat 0 0; }
.section-num.n008 { background:url(../images/num/num_cl_08.gif) no-repeat 0 0; }
.section-num.n009 { background:url(../images/num/num_cl_09.gif) no-repeat 0 0; }
.section-num.n010 { background:url(../images/num/num_cl_10.gif) no-repeat 0 0; }
.section-num.n011 { background:url(../images/num/num_cl_11.gif) no-repeat 0 0; }
.section-num.n012 { background:url(../images/num/num_cl_12.gif) no-repeat 0 0; }
.section-num.n013 { background:url(../images/num/num_cl_13.gif) no-repeat 0 0; }
.section-num.n014 { background:url(../images/num/num_cl_14.gif) no-repeat 0 0; }
.section-num.n015 { background:url(../images/num/num_cl_15.gif) no-repeat 0 0; }
.section-num.n016 { background:url(../images/num/num_cl_16.gif) no-repeat 0 0; }
.section-num.n017 { background:url(../images/num/num_cl_17.gif) no-repeat 0 0; }
.section-num.n018 { background:url(../images/num/num_cl_18.gif) no-repeat 0 0; }
.section-num.n019 { background:url(../images/num/num_cl_19.gif) no-repeat 0 0; }
.section-num.n020 { background:url(../images/num/num_cl_20.gif) no-repeat 0 0; }
.section-num.n021 { background:url(../images/num/num_cl_21.gif) no-repeat 0 0; }
.section-num.n022 { background:url(../images/num/num_cl_22.gif) no-repeat 0 0; }

/* point1とか */
.section.point01,
.section.point02,
.section.point03,
.section.point04,
.section.point05,
.section.point06 { padding-left:55px; }
.section.point01 { background:url(../images/feature_point1.gif) 0 0 no-repeat; }
.section.point02 { background:url(../images/feature_point2.gif) 0 0 no-repeat; }
.section.point03 { background:url(../images/feature_point3.gif) 0 0 no-repeat; }
.section.point04 { background:url(../images/feature_point4.gif) 0 0 no-repeat; }
.section.point05 { background:url(../images/feature_point5.gif) 0 0 no-repeat; }
.section.point06 { background:url(../images/feature_point6.gif) 0 0 no-repeat; }

/* 事例一覧用 */
.section.case-lineup,
.section.case-lineup-logo   { padding-bottom:10px; border-bottom:1px dotted #d2d2d2; }
.section.case-lineup .inner { margin:0 10px 5px 0; float:left; }

	/* パートナー事例一覧と仕様・機能（パートナーサポート）の時だけ */
	#serviceSupport .section.case-lineup,
	#serviceSupport .section.case-lineup-logo,
	#partnerService .section.case-lineup,
	#partnerService .section.case-lineup-logo { padding-bottom:6px; border-bottom:2px dotted #bbbbbb; }

	#serviceSupport .section.case-lineup .section.case-lineup-logo,
	#partnerService .section.case-lineup .section.case-lineup-logo   { border:none; }

	#serviceSupport .section.case-lineup .section.case-lineup-logo .inner-r,
	#partnerService .section.case-lineup .section.case-lineup-logo .inner-r { padding-top:5px; }

	#serviceSupport .section.case-lineup .ttl-04 span,
	#partnerService .section.case-lineup .ttl-04 span { padding-left:.7em; font-size:86%; font-weight:normal; color:#666; }

.section.case-lineup-logo .inner   { width:200px; margin:0 10px 0 0; float:left; }
.section.case-lineup-logo .inner-r { width:450px; float:left; }
.section.case-lineup-logo .inner-r img { margin-top:-5px; }

.section.case-lineup .link-box-01,
.section.case-lineup-logo .link-box-01 { margin-top:1em; }


/* ---------------------------------------------- */
/* 分割
------------------------------------------------- */
.lay-2clm-00,
.lay-2clm-01, .lay-2clm-02,
.lay-2clm-03, .lay-3clm-01,
.lay-4clm-01, .lay-4clm-02 { margin-bottom:1em; }

.section .lay-2clm-00, .section .lay-2clm-01,
.section .lay-2clm-02, .section .lay-2clm-03,
.section .lay-3clm-01,
.section .lay-4clm-01, .section .lay-4clm-02 { margin-bottom:.5em; }

.lay-2clm-00 .inner, 
.lay-2clm-01 .inner, .lay-2clm-01 .inner-r,
.lay-2clm-02 .inner, .lay-2clm-02 .inner-r,
.lay-2clm-03 .inner, .lay-2clm-03 .inner-r,
.lay-3clm-01 .inner, .lay-3clm-01 .inner-r,
.lay-4clm-01 .inner, .lay-4clm-01 .inner-r,
.lay-4clm-02 .inner, .lay-4clm-02 .inner-r { float:left; }

.lay-2clm-01 .inner,
.lay-2clm-02 .inner,
.lay-2clm-03 .inner,
.lay-3clm-01 .inner,
.lay-4clm-01 .inner,
.lay-4clm-02 .inner { margin-right:2%; _margin-right:1.2%; }

*:first-child+html .lay-2clm-01 .inner, 
*:first-child+html .lay-2clm-02 .inner,
*:first-child+html .lay-2clm-03 .inner,
*:first-child+html .lay-3clm-01 .inner,
*:first-child+html .lay-4clm-01 .inner,
*:first-child+html .lay-4clm-02 .inner { margin-right:1.5%; } /* IE7対応 */

/* 2分割 等分 余白なし */
.lay-2clm-00>.inner   { width:50%; }

/* 2分割 等分 */
.lay-2clm-01>.inner   { width:49%; }
.lay-2clm-01>.inner-r { width:49%; }

/* 2分割 1:2 */
.lay-2clm-02>.inner   { width:32%; }
.lay-2clm-02>.inner-r { width:66%; }

/* 2分割 2:1 */
.lay-2clm-03>.inner   { width:66%; }
.lay-2clm-03>.inner-r { width:32%; }

/* 3分割 等分 */
.lay-3clm-01>.inner   { width:32%; }
.lay-3clm-01>.inner-r { width:32%; }

/* 4分割 等分 */
.lay-4clm-01>.inner   { width:23.5%; }
.lay-4clm-01>.inner-r { width:23.5%; }

/* 4分割 1:3 */
.lay-4clm-02>.inner   { width:23.5%; }
.lay-4clm-02>.inner-r { width:74.5%; }

/* 未調整
.lay-2clm-04 .inner   { width:100px; }
.lay-2clm-04 .inner-r { width:630px; }
.lay-2clm-04 .inner   { margin-right:10px; }

.lay-2clm-05 .inner   { width:130px; }
.lay-2clm-05 .inner-r { width:600px; }
.lay-2clm-05 .inner   { margin-right:10px; }
*/

/* ---------------------------------------------- */
/* 見出し
------------------------------------------------- */
.ttl-i01 span, .ttl-i02 span, .ttl-i03 span, .ttl-case span, .ttl-case-p span { display:none; }
.ttl-i01 { height:40px; margin-bottom:10px; background:no-repeat 0 0; } /* 主にh3に使用 */
.ttl-case, .ttl-case-p,
.ttl-i02 { height:35px; margin-bottom:10px; background:no-repeat 0 0; } /* 主にh4に使用 */
.ttl-i03 { height:13px; margin-bottom: 7px; background:no-repeat 0 0; } /* 主にh5に使用 */
.ttl-case   { background-image:url(../images/case/case_tit02.gif); } /* 事例 */
.ttl-case-p { background-image:url(../images/case/case_tit02p.gif); } /* 事例-パートナー */

.ttl-01 { min-height:35px; _height:35px; padding-top:5px; margin-bottom:1em; background:url("../images/ptn4_title01.gif") no-repeat left top #333; } /* 背景色（#333）は画像表示時に白文字が読めなくなるの防止 */
.ttl-01 span { display:block; padding:5px 10px 10px; background:url("../images/ptn4_title01_foot.gif") no-repeat left bottom; }
.ttl-01 span span { padding:0 0 0 5px; background:none; border-left:4px #2894D2 solid; font-size:125%; font-weight:bold; color:#fff; }
/* wide用 */
.columnWide .ttl-01 { background:url("../images/ptn4_title01w.gif") no-repeat left top #333; }
.columnWide .ttl-01 span  { background:url("../images/ptn4_title01_footw.gif") no-repeat left bottom; }
.columnWide .ttl-01 span span { background:none; }
/* 2分割用 */
.lay-2clm-01 .ttl-01 { background:url("../images/ptn4_title01s.gif") no-repeat left top #333; }
.lay-2clm-01 .ttl-01 span  { background:url("../images/ptn4_title01_foots.gif") no-repeat left bottom; }
.lay-2clm-01 .ttl-01 span span { background:none; }

.ttl-02 { min-height:28px; _height:28px; padding-top:2px; margin-bottom:1em; background:url("../images/h4part01.jpg") no-repeat left top #1C5B87; } /* 背景色（#1C5B87）は画像表示時に白文字が読めなくなるの防止 */
.ttl-02 span { display:block; padding:5px 8px 8px; background:url("../images/h4part01.jpg") no-repeat left bottom; }
.ttl-02 span span,
.ttl-05 span span { min-height:20px; _height:20px; padding:5px 0 0 35px; background:none; background:url("../images/h4part02.gif") 0 0 no-repeat; font-weight:bold; color:#fff; }
/* wide用 */
.columnWide .ttl-02 { background:url("../images/h4part01w.jpg") no-repeat left top #1C5B87; }
.columnWide .ttl-02 span { background:url("../images/h4part01w.jpg") no-repeat left bottom; }
.columnWide .ttl-02 span span,
.columnWide .ttl-05 span span { background:none; background:url("../images/h4part02.gif") 0 0 no-repeat; }

.ttl-05 { min-height:28px; _height:28px; padding-top:2px; margin-bottom:1em; background:url("../images/h4part01_02.jpg") no-repeat left top #1C5B87; } /* 背景色（#1C5B87）は画像表示時に白文字が読めなくなるの防止 */
.ttl-05 span { display:block; padding:3px 8px 5px; background:url("../images/h4part01_02.jpg") no-repeat left bottom; }
/* wide用 */
.columnWide .ttl-05 { background:url("../images/h4part01w_02.jpg") no-repeat left top #1C5B87; }
.columnWide .ttl-05 span { background:url("../images/h4part01w_02.jpg") no-repeat left bottom; }

.ttl-03,
.ttl-06 { padding-left:5px; margin-bottom:.5em; border-left:5px solid #2894D2; font-weight:bold; }
.ttl-06 { border-color:#3C8E34; } /* ニュース用 */

.ttl-04 { margin-bottom:.5em; font-weight:bold; }

/* パートナー一覧とか */
.ttl-07 { margin-bottom:1em; padding:10px; background:url(../images/ttl_07_bg.gif) repeat-x 0 0 #f4f4f4; border-bottom:1px solid #d9d9d9; font-size:125%; font-weight:bold; }
.ttl-07 .ico { margin-top:5px; margin-right:-5px; font-size:82%; text-align:right; float:right; }

/* 特長 ポイント用 */
.ttl-08 { margin-bottom:.5em; color:#00427D; font-size:200%; font-weight:bold; }


/* ---------------------------------------------- */
/* 文字装飾
------------------------------------------------- */
/* 文字揃え */
.tx_c { text-align:center !important; }
.tx_r { text-align:right !important; }
.tx_l { text-align:left !important; }

/* 文字装飾 料金プランカラー
.tx_sv_Mini   { color:#01B091; }
.tx_sv_Small  { color:#00A0B1; }
.tx_sv_Medium { color:#0095CE; }
.tx_sv_Large  { color:#00478D; }
.tx_sv_xLarge { color:#770099; }
.tx_sv_wLarge { color:#c31891; } */

.tx_sv_Mini, .tx_sv_Small, .tx_sv_Medium, .tx_sv_Large, .tx_sv_xLarge, .tx_sv_wLarge,
.tx_sv_eMini, .tx_sv_eSmall, .tx_sv_eMedium, .tx_sv_eLarge, .tx_sv_exLarge, .tx_sv_ewLarge { background-image:none !important; color:#fff; border-bottom:1px solid #f2f2f2; border-right:none !important; }

.tx_sv_Mini   { background-color:#01B091 !important; }
.tx_sv_Small  { background-color:#00A0B1 !important; }
.tx_sv_Medium { background-color:#0095CE !important; }
.tx_sv_Large  { background-color:#00478D !important; }
.tx_sv_xLarge { background-color:#770099 !important; }
.tx_sv_wLarge { background-color:#c31891 !important; }

.tx_sv_eMini   { background:none #D4EEF2 !important; color:#0CB0C3; }
.tx_sv_eSmall  { background:none #B2E1E6 !important; color:#009BAC; }
.tx_sv_eMedium { background:none #B2DFF0 !important; color:#0095CE; }
.tx_sv_eLarge  { background:none #C2D6EB !important; color:#00478D; }
.tx_sv_exLarge { background:none #d6b2e0 !important; color:#770099; }
.tx_sv_ewLarge { background:none #edb9de !important; color:#c31891; }

.tx_sv_Mini span, .tx_sv_Small span,
.tx_sv_Medium span, .tx_sv_Large span,
.tx_sv_xLarge span, .tx_sv_wLarge span { font-size:84%; font-weight:normal; color:#fff; }

.tx_sv_eMini span, .tx_sv_eSmall span,
.tx_sv_eMedium span, .tx_sv_eLarge span,
.tx_sv_exLarge span, .tx_sv_ewLarge span { font-size:84%; font-weight:normal; }

/* 文字強調 いつかこのカオスを解消したい… */
.cap  { font-weight:normal; color:#E30000; }
.cap1 { font-weight:normal !important; color:#333 !important; }
.cap2 { font-size:85% !important; font-weight:normal !important; color:#333 !important; }
.cap3 { font-size:85% !important; font-weight:normal !important; color:#E30000 !important; }
.cap4 { font-weight:bold !important; }
.cap5 { color:#C06 !important; }
.cap6 { color:#429900 !important; }
.cap7 { color:#429900 !important; font-weight:bold !important; }
.cap8 { color:#777 !important; }
.cap9 { color:#CB005F !important; }


/* ---------------------------------------------- */
/* 画像
------------------------------------------------- */
.img_r { display:block; margin:0 0 1em 1em; float:right; }
.img_l { display:block; margin:0 1em 1em 0; float:left; }
.img_c { margin:0 auto .5em; text-align:center; } /* <p>と一緒に */
.img_c_02 { margin:0 auto .5em; text-align:center;  } /* <p>と一緒に */
.img_btn { margin:20px auto .5em; text-align:center; } /* <p>と一緒に */

.img_r .cap, .img_l .cap, .img_c .cap,
.img_r .cap span, .img_l .cap span, .img_c .cap span { color:#666 !important; line-height:1.3; font-size:90%; }

/* キャプションつきとか */
.img_r img, .img_l img { margin-bottom:5px; }

/* 図あたり用 */
.img_dummy { margin:10px 0; padding:50px 0; background-color:#eee; text-align:center; }


/* ---------------------------------------------- */
/* リスト
------------------------------------------------- */

/* ・つき */
.list-d01 li,
li .list-d01 li { padding-left:15px; background:url(../images/top_main_line.gif) no-repeat 5px .5em; }

/* ▲つき */
.list-r01 li,
li .list-r01 li { padding-left:1em; background:url(../images/arrow02.gif) no-repeat 2px .5em; }
.list-r02 li,
li .list-r02 li { padding-left:1em; background:url(../images/ico_list01.gif) no-repeat 1px .2em; }

/* ※つき */
.list-a01      { padding-left:1em; text-indent:-1em; background:none; }
.list-a02      { padding-left:3.3em; text-indent:-3.3em; _padding-left:0; _text-indent:0; background:none; }
.list-a02 span { display:block; float:left; min-width:3em; _width:3em; margin-right:.3em; color:#666; }

/* 番号つき */
.list-n01 { list-style:decimal; padding-left:1.9em; }
.list-n02 li { padding-left:18px; }
.list-n02 .num01 { background:url(../images/li_num_01.gif) no-repeat 0 0; }
.list-n02 .num02 { background:url(../images/li_num_02.gif) no-repeat 0 0; }
.list-n02 .num03 { background:url(../images/li_num_03.gif) no-repeat 0 0; }
.list-n02 .num04 { background:url(../images/li_num_04.gif) no-repeat 0 0; }
.list-n02 .num05 { background:url(../images/li_num_05.gif) no-repeat 0 0; }
.list-n02 .num06 { background:url(../images/li_num_06.gif) no-repeat 0 0; }
.list-n02 .num07 { background:url(../images/li_num_07.gif) no-repeat 0 0; }
.list-n02 .num08 { background:url(../images/li_num_08.gif) no-repeat 0 0; }
.list-n02 .num09 { background:url(../images/li_num_09.gif) no-repeat 0 0; }
.list-n02 .num10 { background:url(../images/li_num_10.gif) no-repeat 0 0; }
.list-n02 .num11 { background:url(../images/li_num_11.gif) no-repeat 0 0; }
.list-n02 .num12 { background:url(../images/li_num_12.gif) no-repeat 0 0; }
.list-n02 .num13 { background:url(../images/li_num_13.gif) no-repeat 0 0; }
.list-n02 .num14 { background:url(../images/li_num_14.gif) no-repeat 0 0; }
.list-n02 .num15 { background:url(../images/li_num_15.gif) no-repeat 0 0; }
.list-n02 .num16 { background:url(../images/li_num_16.gif) no-repeat 0 0; }
.list-n02 .num17 { background:url(../images/li_num_17.gif) no-repeat 0 0; }
.list-n02 .num18 { background:url(../images/li_num_18.gif) no-repeat 0 0; }
.list-n02 .num19 { background:url(../images/li_num_19.gif) no-repeat 0 0; }
.list-n02 .num20 { background:url(../images/li_num_20.gif) no-repeat 0 0; }
.list-n03 { list-style:lower-roman; padding-left:1.9em; }

/* インライン 基本入れ子で使用 */
.list-i01    { border-left:1px solid #ccc; overflow:hidden; }
.list-i01 li { border-right:1px solid #ccc; padding:0 10px; float:left; white-space:nowrap; }

		/* 入れ子対策…※つきの作り方失敗… */
		.list-r01 .list-a01,
		.list-r02 .list-a01,
		.list-d01 .list-a01,
		li .list-n01 li { padding-left:0; }
		
		.list-r01 .list-a02,
		.list-r02 .list-a02,
		.list-d01 .list-a02 { padding-left:2.3em; _padding-left:0em; }

		.list-a01 .list-d01, .list-a01 .list-r01, .list-a01 .list-r02, .list-a01 .list-n01, .list-a01 .list-n02,
		.list-a02 .list-d01, .list-a02 .list-r01, .list-a02 .list-r02, .list-a02 .list-n01, .list-a02 .list-n02 { text-indent:0; }

		li .list-a01 li, li .list-a02 li,
		li .list-n01 li, li .list-n02 li,
		li .list-i01 li { background:none; }

/* インライン分割 共通 */
.list-2clm-i01 p, .list-3clm-i01 p, .list-4clm-i01 p, .list-5clm-i01 p,
.list-2clm-i01 li, .list-3clm-i01 li, .list-4clm-i01 li, .list-5clm-i01 li { float:left; margin-right:1%; margin-bottom: 0.5em; }

/* インライン2分割 */
.list-2clm-i01 p, .list-2clm-i01 li { width:49% }

/* インライン3分割 */
.list-3clm-i01 p, .list-3clm-i01 li { width:32% }

/* インライン4分割 */
.list-4clm-i01 p, .list-4clm-i01 li { width:24% }

/* インライン5分割 */
.list-5clm-i01 p, .list-5clm-i01 li { width:19% }


/* ---------------------------------------------- */
/* リンク・アイコン付き
------------------------------------------------- */
 /* .link-arr-01,
.tx_r.link-arr-01 a { padding-left:10px; background:url("../images/ico_list01.gif") 1px .2em no-repeat; }
.link-out-01 a { padding-right:14px; background:url("../api/images/blank_window.gif") right center no-repeat; min-height:13px; _height:13px; }
.link-pdf-01 a { padding:2px 14px 2px 0; background:url("../images/pdf_small.gif") right center no-repeat; min-height:16px; _height:16px; }

.list-a01 .link-arr-01 a,
.list-n01 .link-arr-01 a { margin-left:1em; }リストに入れ子対策 */
/* .tx_r.link-arr-01 { background:none; } 右寄せ対策 上の「.tx_r.link-arr-01 a」ともども消さないで */


.link-arr-01.link-pdf-01,
.link-arr-01.link-out-01 { background:none; } /* 掛け合わせ対策 */

.link-arr-01 a,
.link-arr-01.link-pdf-01,
.link-arr-01.link-out-01   { padding-left:10px; background:url("../images/ico_list01.gif") 1px .2em no-repeat; }
.link-out-01 a,
.link-arr-01.link-out-01 a { margin-right:.3em; padding:2px 18px 2px 0; background:url("../images/blank_window.gif") right center no-repeat; min-height:13px; _height:13px; }
.link-pdf-01 a,
.link-arr-01.link-pdf-01 a { margin-right:.3em; padding:2px 18px 2px 0; background:url("../images/pdf_small.gif") right center no-repeat; min-height:16px; _height:16px; }

		/* リストに入れ子対策 */
		.list-a01 .link-arr-01 a { margin-left:1em; _padding-left:1em; }
		.list-a02 .link-arr-01 a { margin-left:3.3em; }

.link-box-01   { float:right; }
.link-box-02   { float:left; }
.link-box-03   { margin: 0 auto; }
.link-box-01 a,
.link-box-02 a,
.link-box-03 a{ display:block; padding:5px 25px; min-width:100px; background:url(../images/btn_text.gif) left bottom no-repeat; border:1px solid #e2e2e2; text-align:center; }

/* 文中にアイコン */
.pgh-img-01 { margin:0 0.2em; vertical-align:-0.1em; } /* 下揃え */
.pgh-img-02 { margin:0 0.3em; vertical-align:-0.6em; } /* 上下中央 */

/* NEWアイコン */
.pgh-new    { margin-right:.3em; padding:1px 38px 1px 0; background:url("../images/new.gif") right top no-repeat; min-height:15px; _height:15px; zoom:1; }

/* ソリューションサービスアイコン */
.pgh-ss     { padding:1px 15px 1px 0; background:url("../images/ico_ss.gif") right center no-repeat; min-height:12px; _height:12px; zoom:1; }

/* IE7はバグがあるのでアイコン非表示 */
*:first-child+html .link-pdf-01 a, *:first-child+html .link-out-01 a,
*:first-child+html .pgh-img-01, *:first-child+html .pgh-img-02,
*:first-child+html .pgh-new, *:first-child+html .pgh-ss { background:none !important; }


/* ---------------------------------------------- */
/* 囲み
------------------------------------------------- */
.box-p01, .box-p02,.box-p03, .box-p04, .box-l01, .box-l02, .cd-01 { padding:10px; }
.box-p01 { background-color:#fec; }
.box-p02 { background-color:#f3f3f3; }
.box-p03 { background-color:#dec; } /* FAQ 関連情報 */
.box-p04 { background-color:#fdd; } /* FAQ 注意 */

.box-l01 { border:1px #333 dotted; }
.box-l02 { border:1px #ccc solid; }

.cd-01 { display:block; padding:5px 5px 5px; max-width:980px; overflow:auto; white-space:nowrap; _white-space:break; border:1px solid #ccc; background-color:#f6f6f6; }
 /* 
.box-flow { margin-left:3px; }
.box-flow .txt { padding:15px; background:url(../images/ptn4_gray_foot.gif) left bottom no-repeat; }
.columnWide .box-flow .txt { padding:15px; background:url(../images/ptn4_gray_foot.gif) left bottom no-repeat; } とりあえずwide用になってます */

/* 横幅可変対応版 */
.box-flow      { background:url(../images/box_flow_bt_01.gif) left bottom no-repeat; }
.box-flow .txt { padding:20px 10px; background:url(../images/box_flow_bt_02.gif) right bottom no-repeat; }
.box-flow .ttl { font-weight:bold; background:url(../images/top/ttl_top_rel.gif) right top no-repeat; }
.box-flow .ttl span { display:block; padding:5px 8px; font-weight:bold; background:url(../images/top/ttl_top_rel_2.gif) left top no-repeat; }
.box-flow .ttl2 { font-weight:bold; background:url(../images/top/ttl_top_rel_03.gif) right top no-repeat; }
.box-flow .ttl2 span { display:block; padding:5px 8px; font-weight:bold; background:url(../images/top/ttl_top_rel_04.gif) left top no-repeat; }

.box-info { margin-top:8px; padding-top:8px; border-top:1px dotted #ccc; font-size:90%; color:#555; }
.box-tag  { margin-top:8px; padding:8px 8px 8px 80px; border:1px solid #ccc; font-size:90%; background:url(../images/faq/ico_tag.gif) 8px center no-repeat; }


/* ---------------------------------------------- */
/* iframe
------------------------------------------------- */
.if-n01 { border:none; width:630px; height:150px; }

/* ---------------------------------------------- */
/* 表
------------------------------------------------- */
/* .tbl-01 */
.tbl-01 { width:100%; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.tbl-01 th,
.tbl-01 td { padding:6px 8px; border-right:1px solid #e3e3e3; }
.tbl-01 th,
.tbl-01 .even,
.tbl-01 tfoot td  { background:url("../images/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; }
.tbl-01 td        { background:url("../images/service_table_td_bg.gif") 0 100% repeat-x; }
.tbl-01 .price    { background:#e7e7e7 url("../images/service_table_th2_bg.gif") 0 100% repeat-x; }
/* IE6-box内ではみ出し対策 */
.box-p01 .tbl-01, .box-p02 .tbl-01, .box-l01 .tbl-01, .box-l02 .tbl-01 { _width:96% !important; }

/* 旧CSS対応 新規には使わないこと内容は「.tbl-01」と同じ */
.table-ptn2 { width:100%; margin-bottom:1em; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.table-ptn2 th,
.table-ptn2 td { padding:10px; border-right:1px solid #e3e3e3; }
.table-ptn2 th,
.table-ptn2 .even  { background:url("../images/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; }
.table-ptn2 td     { background:url("../images/service_table_td_bg.gif") 0 100% repeat-x; }
.table-ptn2 .price { background:#e7e7e7 url("../images/service_table_th2_bg.gif") 0 100% repeat-x; }
/* --ここまで--旧CSS対応 */

/* 料金表用 境界点線 */
.tbl-price td { text-align:right; }

/* 料金表用 境界点線 今のところ/price/index.htmのみかも */
.dash th,
.dash td { background:none; border-bottom:1px dashed #e3e3e3; }
.dash th { background-color:#F2F2F2; }

/* .tbl-02 */
.tbl-02 { width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }

.tbl-02 caption,
.tbl-02 th,
.tbl-02 td { padding:3px 5px; font-size:90%; _font-size:72%; }

.tbl-02 th { border-bottom:1px solid #ccc; }
.tbl-02 td { border-bottom:1px dotted #ccc; }

/* .tbl-rel */
.tbl-rel { width:100%; }
.tbl-rel th,
.tbl-rel td { padding:3px 5px; font-size:90%; _font-size:72%; }
.tbl-rel thead .col1,
.tbl-rel thead .col2,
.tbl-rel thead .col3 { border-top:2px solid #ccc; border-bottom:1px solid #ccc; }
.tbl-rel td    { border-bottom:1px dotted #ccc; }
.tbl-rel .last .col1,
.tbl-rel .last .col2,
.tbl-rel .last .col3 { border-bottom:2px solid #ccc; }

/* .tbl-simp 見積書用 */
.tbl-simp-01, .tbl-simp-02 { width:100%; }
.tbl-simp-01 th, .tbl-simp-01 td,
.tbl-simp-02 th, .tbl-simp-02 td { padding:5px 10px; vertical-align:top; }

.tbl-simp-01 thead { background-color:#e3e3e3; }
.tbl-simp-01 thead th { border-top:2px solid #d3d3d3; text-align:center; }
.tbl-simp-01 tbody th { border-top:1px solid #e3e3e3; font-weight:normal; }
.tbl-simp-01 thead th h5 { font-weight:bold; text-align:left; }
.tbl-simp-01 tbody td { border-top:1px solid #e3e3e3; text-align:right; }
.tbl-simp-01 tfoot { background-color:#f3f3f3; }
.tbl-simp-01 tfoot th,
.tbl-simp-01 tfoot td { border-top:1px solid #e3e3e3; border-bottom:2px solid #d3d3d3; font-weight:bold; vertical-align:baseline; }
.tbl-simp-01 tfoot td {text-align:right; }
.tbl-simp-01 tfoot td span { margin-right:.2em; font-size:135%; }

.tbl-simp-02-box { border-top:2px solid #ccc; border-bottom:1px solid #ccc; }
.tbl-simp-02 th { border-top:1px solid #e3e3e3; background-color:#e3e3e3; text-align:right; }
.tbl-simp-02 td { border-bottom:1px solid #e3e3e3; text-align:right; }
.tbl-simp-02 tbody th    { font-weight:normal; }
.tbl-simp-02 tbody th h5 { font-weight:bold; text-align:left; }
.tbl-simp-02 tfoot th,
.tbl-simp-02 tfoot td { border-bottom:1px solid #ccc; vertical-align:baseline; }
.tbl-simp-02 tfoot td { background-color:#f3f3f3; font-weight:bold; }
.tbl-simp-02 tfoot td span { margin-right:.2em; font-size:135%; }


/* api用 幅指定（区切りなし英文の文字拡大対策） max-widthの合計＝575 */
#apiPage table td,
#helpPage table td,
#guidePage table td,
#specPage table td { word-break:break-all !important; }

#apiPage table .col3-1,
#helpPage table .col3-1 { width:24%; max-width:24%; }
#apiPage table .col3-2,
#helpPage table .col3-2 { width:46%; max-width:46%; }
#apiPage table .col3-3,
#helpPage table .col3-3 { width:30%; max-width:30%; }

#helpPage .tbl-rel .col1,
#apiPage .tbl-rel .col1 { width:65px; max-width:65px; }
#helpPage .tbl-rel .col2,
#apiPage .tbl-rel .col2 { width:120px; max-width:120px; }
#helpPage .tbl-rel .col3,
#apiPage .tbl-rel .col3 { width:120px; max-width:100px; }

#apiPage table .col4-1,
#helpPage table .col4-1 { width:120px; max-width:150px; }
#helpPage table .col4-2,
#apiPage table .col4-2 { width:250px; max-width:270px; }
#helpPage table .col4-3,
#apiPage table .col4-3 { width:90px; max-width:100px; }
#helpPage table .tx_c,
#apiPage table .tx_c   { width:50px; max-width:55px; }

#apiPage table .col4-2-1,
#helpPage table .col4-2-1 { width:140px; max-width:170px; }
#helpPage table .col4-2-2,
#apiPage table .col4-2-2 { width:200px; max-width:220px; }
#helpPage table .col4-2-3,
#apiPage table .col4-2-3 { width:220px; max-width:230px; }
#helpPage table .tx_c,
#apiPage table .tx_c   { width:50px; max-width:55px; }

#apiPage table .col5-1, #helpPage table .col5-1 { width:20%; }
#helpPage table .col5-2, #apiPage table .col5-2 { width:40%; }
#helpPage table .col5-3, #apiPage table .col5-3 { width:8%; }
#helpPage table .col5-4, #apiPage table .col5-4 { width:7%; }
#helpPage table .col5-5, #apiPage table .col5-5 { width:25%; }

#apiPage table .col7-1, #helpPage table .col7-1 { width:18%; }
#helpPage table .col7-2, #apiPage table .col7-2 { width:38%; }
#helpPage table .col7-3, #apiPage table .col7-3 { width:6%; }
#helpPage table .col7-4, #apiPage table .col7-4 { width:6%; }
#helpPage table .col7-5, #apiPage table .col7-5 { width:7%; }
#helpPage table .col7-6, #apiPage table .col7-6 { width:7%; }
#helpPage table .col7-7, #apiPage table .col7-7 { width:10%; }

/* .tbl-l */
.tbl-l th, .tbl-l td { margin:0; padding:2px; font-weight:normal; background:none; border:none; }

/* ---------------------------------------------- */
/* 余白調整
------------------------------------------------- */
/*___ lay-top ___*/
.lay-top-00 { margin-top:0 !important; }
.lay-top-01 { margin-top:5px !important; }
.lay-top-02 { margin-top:10px !important; }
.lay-top-03 { margin-top:15px !important; }
.lay-top-04 { margin-top:20px !important; }
.lay-top-05 { margin-top:25px !important; }
.lay-top-06 { margin-top:30px !important; }

/*___ lay-btm ___*/
.lay-btm-00 { margin-bottom:0 !important; }
.lay-btm-01 { margin-bottom:5px !important; }
.lay-btm-02 { margin-bottom:10px !important; }
.lay-btm-03 { margin-bottom:15px !important; }
.lay-btm-04 { margin-bottom:20px !important; }
.lay-btm-05 { margin-bottom:25px !important; }
.lay-btm-06 { margin-bottom:30px !important; }
.lay-btm-07 { margin-bottom:40px !important; }
.lay-btm-08 { margin-bottom:50px !important; }

 /*___ lay ___*/
.lay-00 { margin:0 !important; }
.lay-mt-25 { margin-top:25px !important;}

/* ---------------------------------------------- */
/* socialplugins
   （#___plusone_0 は Google +1 ボタン）
------------------------------------------------- */
/* 旧 */
.socialplugins li,
.nifty-socialplugins-facebook { margin-right:5px; float:right; }
.nifty-socialplugins-twitter { margin-right:0 !important; float:right; }
.socialplugins-hb1 { margin-right:0 !important; float:right; }
.socialplugins-g1 { margin-right:-20px !important; float:right; }
.mixilike { border:0; overflow:hidden; width:60px; height:20px; margin-right:5px; float:right; }
.twitter-share-button { width:75px !important; }

/* 新 */
.socialplugin li { margin-left:1em; float:right; }
.socialplugin .tw { width:65px !important; }
.socialplugin .g  { width:60px !important; }
.socialplugin .fb { margin-top:-10px !important; height:20px !important; }

/* ---------------------------------------------- */
/* slideBox
------------------------------------------------- */
#slideBox { background-color:#028; color:#fff; bottom:0; right:0; position:fixed;
box-shadow:-1px -1px 5px rgba(0,0,0,0.2); -moz-box-shadow:-1px -1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:-1px -1px 5px rgba(0,0,0,0.2);
border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border:solid 1px #fff; border-bottom:none; border-right:none; }
#slideBox a:hover, #slideBox p:hover { background-color:#026; }
#slideBox p { display:block; padding:4px 10px; text-align:left; color:#fff; font-size:90%; text-decoration:none;
	border-bottom:1px solid #024; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; cursor:pointer; }

#slideBox #slideBox-link  { display:block; padding:10px; text-align:center; color:#fff; text-decoration:none; border-top:1px solid #02b; }

/* ---------------------------------------------- */
/* Clear Fix
------------------------------------------------- */
#container,
.section,
.read,
.pkg,
.ttl-07,
.lay-2clm-01,
.lay-3clm-01,
.list-a02,
.list-i01,
.list-2clm-i01, .list-3clm-i01, .list-4clm-i01, .list-5clm-i01,
#newsPage .paging { zoom:1; }

#container:after,
.section:after,
.read:after,
.pkg:after,
.ttl-07:after,
.lay-2clm-01:after,
.lay-3clm-01:after,
.list-a02:after,
.list-i01:after,
.list-2clm-i01:after, .list-3clm-i01:after, .list-4clm-i01:after, .list-5clm-i01:after,
#newsPage .paging:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}