@charset "utf-8";

/* =================================================================
    Page Title（ページタイトル）
================================================================= */

#page_title{
    background:#fff;
    border:#f2f2f2 2px solid;
    font-size:100%;
}

#page_title .inner { padding:10px 20px 10px 30px; }
#page_title .inner h2{ font-size:200%; line-height:1.25; }
#page_title .inner p{ font-size:117%; font-weight:bold; }

#page_title li { display:table; float:left; width:70%; }
#page_title li.visual { float:right; text-align:right; width:28%; }

#page_title li .txt_block,
#page_title li .img_block { display:table-cell; vertical-align:middle; }
#page_title li .img_block img { width:170px; height:60px; }

#page_title .inner a { color:#0097D0; text-decoration:underline; }
#page_title .inner a:hover { text-decoration:none; }


/*  Page Title > Height adjustment
----------------------------------------------------------------- */

#page_title.title_mod3 { min-height: 150px; }
#page_title.title_mod3 .inner { padding:20px 10px 10px 30px; }
#page_title.title_mod3 .inner h2 { font-size:133%; line-height:1.25; }
#page_title.title_mod3 .inner h2 span { font-size:200%; line-height:1.25; }
#page_title.title_mod3 .inner p { font-size:117%; margin-top:10px; font-weight:normal; }

/*    brand_name
----------------------------------------------------------------- */
.brand_name { margin-top:5px; text-align:right; }

/*    main_visual
----------------------------------------------------------------- */
.main_visual { margin-top:10px; }



/* =================================================================
    Page Read（ページリード）
================================================================= */

#page_read{ margin-top:30px; }

#page_read .left_block { float:left; width:500px; }
#page_read .right_block { float:right; width:180px; }

#page_read p.lead { font-size:117%; line-height:1.75; }

#page_read p.lead a,
#page_read .left_block a { color:#333; text-decoration:none; }
#page_read p.lead a:hover,
#page_read .left_block a:hover { text-decoration:underline; }
#page_read p.lead a:visited,
#page_read .left_block a:visited{ color:#551a8b; text-decoration:none; }


#page_read .ico_pdf_01 a { color:#333; text-decoration:none; }
#page_read .ico_pdf_01 a:hover { color:#333; text-decoration:underline; }
#page_read .ico_pdf_01 a:visited{ color:#551a8b; text-decoration:none; }

/*O2Oソリューション GENE O2Oで使用するページ内リンク*/
.geneo2o #page_read .lead a:hover { text-decoration:underline; }


/*    Page Read > Button
----------------------------------------------------------------- */
/* ボタン（ピンク） */
#page_read p.btn{ background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; }
#page_read p.btn:hover{ background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; }
#page_read p.btn a {
    display:block;
    padding:10px 10px 8px;
    font-size:133%;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
#page_read p.contact a span { padding:3px 0 0 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 0 50% no-repeat; }

/* ボタン（ブルー） */
#page_read p.btn_02 { background:#09c; }
#page_read p.btn_02:hover{ background:#33acd9; }
#page_read p.btn_02 a{
    display:block;
    padding:10px 10px 8px;
    font-size:133%;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
#page_read p.btn_02 a span {
    margin-left:-10px;
    padding-left:20px;
    background:url(/biz/d/common/img/ico/arrow_03_w.png) 0 50% no-repeat;
}

#page_read p.btn a,
#page_read p.btn_02 a {
    text-decoration:none;
}

/* ボタン（ホワイト） */
#page_read p.btn_03   { width:180px; height:90px; text-align:center; }
#page_read p.btn_03 a { }

.trial .left_block { width:320px!important; }
.trial .right_block { width:360px!important; }

/* お困りサポート */
.contact .btn_box_01.again { }
.contact .btn_box_01.again li.txt { padding-right:5px; font-size:120%; font-weight:bold; }
.contact .btn_box_01.again li.btn .btn_mod_01 { width:15em; white-space:nowrap; }

/* =================================================================
    Head Line (見出し)
================================================================= */

/* Head Line 01（見出し1 / h3がはいります。）
------------------------------------------ */
.head_line_01{
    padding-left:2px;
    font-size:158%;
    font-weight:bold;
    border-left:#09c 6px solid;
    line-height:1.26;
}

.head_line_01 .inner{
    display:block;
    padding:3px 0 0 15px;
    border-left:#09c 3px solid;
}

/* Head Line 02（見出し2 / h4が入ります。）
------------------------------------------ */
.head_line_02{
    margin-top:30px;
    padding-bottom:5px;
    font-size:117%;
    font-weight:bold;
    border-bottom:#ccc 1px solid;
}

/* Head Line 03（見出し3 / h5が入ります。）
------------------------------------------ */
.head_line_03{
    margin-top:30px;
    font-size:117%;
    font-weight:bold;
}

/* Head Line 04（見出し4 / h3が入ります。※クラウド／saas／スマートカタログで使用しているグレー背景のもの（PCのみ））
------------------------------------------ */
.head_line_04{
    margin-top:30px;
    padding:7px 10px;
    font-size:133%;
    font-weight:bold;
    background-color:#dfdfdf;
}

/* Head Line Link 01（見出し1 / リンクがつく場合）
------------------------------------------ */
.head_line_lnk_01{
    padding-left:17px;
    font-size:158%;
    font-weight:bold;
    line-height:1.26;
    background:url(/biz/d/common/img/ico/arrow_04_blue.png) no-repeat 0 0.2em;
}
.head_line_lnk_01 a:hover { color:#999; }

.section_01 .head_line_lnk_01 a { color:#333; text-decoration:none; }
.section_01 .head_line_lnk_01 a:hover { color:#999; }

/* Head Line Link 02（見出し2 / リンクがつく場合）
------------------------------------------ */
.head_line_lnk_02{
    margin-top:30px;
    padding:0 0 5px 14px;
    font-size:117%;
    font-weight:bold;
    border-bottom:#ccc 1px solid;
    background:url(/biz/d/common/img/ico/arrow_03_dg.png) no-repeat 0 0.4em;
}
.head_line_lnk_02 a:hover { color:#999; }

.section_01 .head_line_lnk_02 a { color:#333; text-decoration:none; }
.section_01 .head_line_lnk_02 a:hover { color:#999; }

/* Head Line Link 03（見出し3 / リンクがつく場合）
------------------------------------------ */
.head_line_lnk_03{
    margin-top:30px;
    padding-left:14px;
    font-size:117%;
    font-weight:bold;
    background:url(/biz/d/common/img/ico/arrow_02_dg.png) no-repeat 0 0.4em;
}
.head_line_lnk_03 a:hover { color:#999; }

.section_01 .head_line_lnk_03 a { color:#333; text-decoration:none; }
.section_01 .head_line_lnk_03 a:hover { color:#999; }

/* ----------------------------------------------------------------
    Head Line Layer3 ※中カテゴリのみ使用
----------------------------------------------------------------- */

/* Head Line 01
------------------------------------------ */
.head_line_l3_01 {
    position:relative;
    padding-bottom:5px;
    border-bottom:#84909e 1px solid;
}

.head_line_l3_01 .text a{
    color:#333;
    padding-left:15px;
    background:url(/biz/d/common/img/ico/arrow_03_dg.png) 0 50% no-repeat;
}

.head_line_l3_01 .text span.sub_text {
    font-size:0.8em;
    font-weight:normal;
    margin-left:5px;
    color:#ffffff;
    padding:0 5px;
    background-color:#7d8592;
}

.head_line_l3_01 .btn a{
    position:absolute;
    top:0;
    right:0;
    width:164px;
    color:#fff;
    text-align:center;
    padding:3px 0;
    float:left;
    background:#e6298b url(/biz/d/common/img/ico/arrow_03_w.png) no-repeat 7px 50%;
    font-size:80%;
}


/* Head Line 02
------------------------------------------ */
.head_line_l3_02{
    height: auto !important;
    background:#fff;
    border-top:2px solid #84909e;
    border-bottom:1px solid #e4e4e4;
    padding:15px 20px;
}

/* ----------------------------------------------------------------
    見出し ラベル
----------------------------------------------------------------- */
.head_line_lbl_n,
.head_line_lbl_b,
.head_line_lbl_p { margin-right:10px; padding:2px 4px 0; font-size:80%; font-weight:bold; }

.head_line_lbl_n { border-top:solid 1px #e7298b; border-bottom:solid 1px #e7298b; color:#e7298b; }
.head_line_lbl_b { border:solid 1px #0097cf; color:#0097cf; }
.head_line_lbl_p { border:solid 1px #e7298b; color:#e7298b; }


/* =================================================================
    Section (セクション)
================================================================= */

/* section_01
------------------------------------------ */
.section_01 { margin-top:30px; }

.section_01 p{ margin-top:15px; }
.section_01 p.caption { margin-top:5px; }

.section_01 a { color:#333333; text-decoration:none; }
.section_01 a:hover { text-decoration:none; }


/* section_w_01
------------------------------------------ */
.section_w_01 { margin-top:20px; background:#FFF; padding:30px; }

.section_w_01 p{ margin-top:15px; }
.section_w_01 p.caption { margin-top:5px; }

.section_w_01 a { color:#0097d0; text-decoration:underline; }
.section_w_01 a:hover { text-decoration:none; }


/* =================================================================
    movie（動画エリア）
================================================================= */
#movie { width:560px; margin:0 auto; }


/* =================================================================
    Link（リンク）
================================================================= */

/*  Page Up
------------------------------------------ */
.pagetup{ margin-top:30px; }
.pagetup a{ padding-left:18px; background:url(/biz/d/common/img/ico/arrow_pageup.gif) 0 50% no-repeat; }
.pagetup a:hover{ text-decoration:underline; }

.section_01 .pagetup a { text-decoration:none; color:#333333; }
.section_01 .pagetup a:hover { text-decoration:underline; }

/*  Page Down
------------------------------------------ */
.pagedown{ margin-top:30px; }
.pagedown a{ display:inline-block; zoom:1; padding-left:18px; background:url(/biz/d/common/img/ico/arrow_pagedown.gif) 0 0.1em no-repeat; }
.pagedown a:hover{ text-decoration:underline; }

.section_01 .pagedown a { text-decoration:none; color:#333333; }
.section_01 .pagedown a:hover { text-decoration:underline; }

/*  Page Back
------------------------------------------ */
.pageback{ margin-top:30px; }
.pageback a{ padding-left:18px; background:url(/biz/d/common/img/ico/arrow_pageback.gif) 0 50% no-repeat; }
.pageback a:hover{ text-decoration:underline; }

.section_01 .pageback a { text-decoration:none; color:#333333; }
.section_01 .pageback a:hover { text-decoration:underline; }

/* ----------------------------------------------------------------
    Image:Icon
----------------------------------------------------------------- */
/* ico_link_01 */
.ico_link_01 { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/boxarrow_01.gif) no-repeat 3px 3px; }

ul.ico_link_01 { margin:0; padding:0; background:none; }
ul.ico_link_01 > li{ margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/boxarrow_01.gif) no-repeat 0 3px; }
ul.ico_link_01 > li a { color:#333; text-decoration:none; }
ul.ico_link_01 > li a:hover{ text-decoration:underline; }

p.ico_link_01 a,
ul li.ico_link_01 a { color:#333; text-decoration:none; }
p.ico_link_01 a:hover,
ul li.ico_link_01 a:hover{ text-decoration:underline!important; }

.ico_link_01 a:hover,
a.ico_link_01:hover{
    text-decoration:underline;
}
.ico_link_01 a:visited,
a.ico_link_01:visited{
    color:#551a8b;
    text-decoration:none;
}

/* ico_pop_01 */
.ico_pop_01,
.newwin { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/pop_01.gif) no-repeat 3px 4px; }

ul.ico_pop_01,
ul.newwin { margin:0; padding:0; background:none; }
ul.ico_pop_01 > li,
ul.newwin > li { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/pop_01.gif) no-repeat 0 4px; }
ul.ico_pop_01 > li a,
ul.newwin > li a { color:#333; text-decoration:none; }
ul.ico_pop_01 > li a:hover,
ul.newwin > li a:hover { text-decoration:underline; }

ul li.ico_pop_01 a,
ul li.newwin a { color:#333; text-decoration:none; }
ul li.ico_pop_01 a:hover,
ul li.newwin a:hover { text-decoration:underline; }

.ico_pop_01 a:hover,
a.ico_pop_01:hover,
.newwin a:hover,
a.newwin:hover {
    text-decoration:underline;
}
.ico_pop_01 a:visited,
a.ico_pop_01:visited,
.newwin a:visited,
a.newwin:visited {
    color:#551a8b;
    text-decoration:none;
}

/* ico_pdf_01 */
.ico_pdf_01 { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/pdf.gif) no-repeat 3px 50%; }
.case .ico_pdf_01 { background:url(/biz/d/common/img/ico/pdf.gif) no-repeat 3px 3px!important; }

ul.ico_pdf_01 { margin:0; padding:0; background:none; }
ul.ico_pdf_01 > li{ margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/pdf.gif) no-repeat 0 3px; }
.case ul.ico_pdf_01 > li{ background:none!important; }

ul.ico_pdf_01 > li a { color:#333; text-decoration:none; }
ul.ico_pdf_01 > li a:hover{ text-decoration:underline; }

ul li.ico_pdf_01 a { color:#333; text-decoration:none; }
ul li.ico_pdf_01 a:hover{ text-decoration:underline; }

.ico_pdf_01 a:hover,
a.ico_pdf_01:hover{
    text-decoration:underline;
}
.ico_pdf_01 a:visited,
a.ico_pdf_01:visited{
    color:#551a8b;
    text-decoration:none;
}

/* ico_pdf_02 */
.ico_pdf_02 { padding-right:23px; background:url(/biz/d/common/img/ico/pdf.png) no-repeat right 50%; }

/* ico_non_link_01 */
.ico_non_link_01 { margin-top:10px; padding-left:18px; background: none; }

/* ico_zip_01 */
.ico_zip_01 { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/zip.png) no-repeat 3px 55%; background-size: 13px 13px; }

ul.ico_zip_01 { margin:0; padding:0; background:none; }
ul.ico_zip_01 > li{ margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/zip.png) no-repeat 0 55%; background-size: 13px 13px; }
ul.ico_zip_01 > li a { color:#333; text-decoration:none; }
ul.ico_zip_01 > li a:hover{ text-decoration:underline; }

ul li.ico_zip_01 a { color:#333; text-decoration:none; }
ul li.ico_zip_01 a:hover{ text-decoration:underline; }

.ico_zip_01 a:hover,
a.ico_zip_01:hover{
    text-decoration:underline;
}
.ico_zip_01 a:visited,
a.ico_zip_01:visited{
    color:#551a8b;
    text-decoration:none;
}

/* ico_mail_01 */
.ico_mail_01 { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/mail_01.gif) no-repeat 3px 4px; }

ul.ico_mail_01 { margin:0; padding:0; background:none; }
ul.ico_mail_01 > li { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/mail_01.gif) no-repeat 0 4px; }
ul.ico_mail_01 > li a { color:#333; text-decoration:none; }
ul.ico_mail_01 > li a:hover { text-decoration:underline; }

ul li.ico_mail_01 a { color:#333; text-decoration:none; }
ul li.ico_mail_01 a:hover { text-decoration:underline; }

.ico_mail_01 a:hover,
a.ico_mail_01:hover {
    text-decoration:underline;
}
.ico_mail_01 a:visited,
a.ico_mail_01:visited {
    color:#551a8b;
    text-decoration:none;
}

/* ico_tel_01 */
.ico_tel_01 { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/tel_01.gif) no-repeat 0px 3px; }

ul.ico_tel_01 { margin:0; padding:0; background:none; }
ul.ico_tel_01 > li { margin-top:10px; padding-left:18px; background:url(/biz/d/common/img/ico/tel_01.gif) no-repeat 0 4px; }
ul.ico_tel_01 > li a { color:#333; text-decoration:none; }
ul.ico_tel_01 > li a:hover { text-decoration:underline; }

ul li.ico_tel_01 a { color:#333; text-decoration:none; }
ul li.ico_tel_01 a:hover { text-decoration:underline; }

.ico_tel_01 a:hover,
a.ico_tel_01:hover {
    text-decoration:underline;
}
.ico_tel_01 a:visited,
a.ico_tel_01:visited {
    color:#551a8b;
    text-decoration:none;
}

/* 青い三角のリンク（見出しで使っている「head_line_lnk_01」の派生系） */
.ico_arrow_01{
    padding-left:17px;
    font-size:117%;
    font-weight:bold;
    line-height:1.26;
    background:url(/biz/d/common/img/ico/arrow_04_blue.png) no-repeat 0 0.1em;
}
.ico_arrow_01 a:hover { color:#999; }

.section_01 .ico_arrow_01 a { color:#333; text-decoration:none; }
.section_01 .ico_arrow_01 a:hover { color:#999; }



/* =================================================================
    List（リスト）
================================================================= */

/* list_dot（中黒）
------------------------------------------ */

/* list_dot_01（黒丸） */
.list_dot_01 { line-height:1.5; }
.list_dot_01 > li { padding-left:10px; background: url(/biz/d/common/img/ico/disk_01_b.png) 0 0.45em no-repeat; zoom: 1;}
* html .list_dot_01 li { padding-left:10px; background: url(/biz/d/common/img/ico/disk_01_b.png) 0 0.45em no-repeat; zoom: 1;}
* html .list_dot_01 li li { padding-left:0; background:none; } /* For IE6 */

/* list_dot_01_p（黒丸：pタグ版） */
p.list_dot_01_p { line-height:1.5; padding-left:10px; background:url(/biz/d/common/img/ico/disk_01_b.png) no-repeat scroll 0 0.45em; }
* html p.list_dot_01_p { padding-left:10px; background: url(/biz/d/common/img/ico/disk_01_b.png) 0 0.45em no-repeat; zoom: 1;}
* html p.list_dot_01_p { padding-left:0; background:none; } /* For IE6 */

/* list_dot_02（青丸） */
.list_dot_02 { }
.list_dot_02 > li { padding-left:10px; background: url(/biz/d/common/img/ico/disk_01_blue.png) 0 0.45em no-repeat; zoom: 1;}
* html .list_dot_02 li { padding-left:10px; background: url(/biz/d/common/img/ico/disk_01_blue.png) 0 0.45em no-repeat; zoom: 1;}
* html .list_dot_02 li li { padding-left:0; background:none; } /* For IE6 */

/* list_dot_03（中黒） */
.list_dot_03 { line-height:1.5; }
.list_dot_03 > li { padding-left:10px; background: url(/biz/d/common/img/ico/dot_01.gif) 0 0.45em no-repeat; zoom: 1;}
* html .list_dot_03 li { padding-left:10px; background: url(/biz/d/common/img/ico/dot_01.gif) 0 0.45em no-repeat; zoom: 1;}

/* list_dot_04（黒四角） */
.list_dot_04 { line-height:1.5; }
.list_dot_04 > li { padding-left:17px; background: url(/biz/d/common/img/ico/square_01_black.png) 0 0.1em no-repeat; zoom: 1; margin-top:5px; }
* html .list_dot_04 li { padding-left:17px; background: url(/biz/d/common/img/ico/square_01_black.png) 0 0.1em no-repeat; zoom: 1; margin-top:5px; }
* html .list_dot_04 li li { padding-left:0; background:none; } /* For IE6 */

/* list_dot_05（青四角） */
.list_dot_05 { }
.list_dot_05 > li { padding-left:17px; background: url(/biz/d/common/img/ico/square_01_blue.png) 0 0.1em no-repeat; zoom: 1; margin-top:5px; }
* html .list_dot_05 li { padding-left:17px; background: url(/biz/d/common/img/ico/square_01_blue.png) 0 0.1em no-repeat; zoom: 1; margin-top:5px;}
* html .list_dot_05 li li { padding-left:0; background:none; } /* For IE6 */

/* list_num（序列）
------------------------------------------ */

/* list_num_01（通常［番号付き1桁］） */
.list_num_01 { margin-top:15px; }
.list_num_01 span.catch,
.list_num_01 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_num_01 span.catch { width:auto; white-space:nowrap; }
.list_num_01 li,
.list_num_01 li p { *zoom:1; }
.list_num_01 li p:after,
.list_num_01 li:after { content:''; display:table; clear:both; }

/* list_num_01_2（通常［番号付き2桁］） */
.list_num_01_2 { margin-top:15px; }
.list_num_01_2 span.catch,
.list_num_01_2 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_num_01_2 span.catch { width:2em; white-space:nowrap; text-align:right; }
.list_num_01_2 li,
.list_num_01_2 li p { *zoom:1; }
.list_num_01_2 li p:after,
.list_num_01_2 li:after { content:''; display:table; clear:both; }

/* list_num_02（括弧付き［番号付き1桁］） */
.list_num_02 { margin-top:15px; }
.list_num_02 span.catch,
.list_num_02 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_num_02 span.catch { width:2em; white-space:nowrap; text-align:right; }
.list_num_02 li,
.list_num_02 li p { *zoom:1; }
.list_num_02 li p:after,
.list_num_02 li:after { content:''; display:table; clear:both; }

/* list_num_02_2（括弧付き［番号付き2桁］） */
.list_num_02_2 { margin-top:15px; }
.list_num_02_2 span.catch,
.list_num_02_2 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_num_02_2 span.catch { width:2.5em; white-space:nowrap; text-align:right; }
.list_num_02_2 li,
.list_num_02_2 li p { *zoom:1; }
.list_num_02_2 li p:after,
.list_num_02_2 li:after { content:''; display:table; clear:both; }

/*  list_note（注釈）
------------------------------------------ */

/* list_note_01（注意文言） */
.list_note_01 { margin-top:15px; }
.list_note_01 span.catch,
.list_note_01 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_note_01 span.catch { width:auto; white-space:nowrap; }
.list_note_01 li,
.list_note_01 li p { *zoom:1; }
.list_note_01 li p:after,
.list_note_01 li:after { content:''; display:table; clear:both; }

ul li ul.list_note_01 { margin-top:0; }

/* list_note_02（注意文言［番号付き1桁］） */
.list_note_02 { margin-top:15px; }
.list_note_02 span.catch,
.list_note_02 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_note_02 span.catch { width:2em; white-space:nowrap; text-align:right; }
.list_note_02 li,
.list_note_02 li p { *zoom:1; }
.list_note_02 li p:after,
.list_note_02 li:after { content:''; display:table; clear:both; }

ul li ul.list_note_02 { margin-top:0; }

/* list_note_03（注意文言［番号付き2桁］） */
.list_note_03 { margin-top:15px; }
.list_note_03 span.catch,
.list_note_03 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_note_03 span.catch { width:2.5em; white-space:nowrap; text-align:right; }
.list_note_03 li,
.list_note_03 li p { *zoom:1; }
.list_note_03 li p:after,
.list_note_03 li:after { content:''; display:table; clear:both; }

ul li ul.list_note_03 { margin-top:0; }

/* list_note_ixx（注意文言内注釈） */
.list_note_01 li .list_note_i01,
.list_note_01 li .list_note_i02,
.list_note_01 li .list_note_i03 { margin-left:1.4em; }

.list_note_02 li .list_note_i01,
.list_note_02 li .list_note_i02,
.list_note_02 li .list_note_i03 { margin-left:2em; }

.list_note_03 li .list_note_i01,
.list_note_03 li .list_note_i02,
.list_note_03 li .list_note_i03 { margin-left:2.6em; }

.list_note_i01 span.catch,
.list_note_i01 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_note_i01 span.catch { width:auto; white-space:nowrap; }
.list_note_i01 li { padding-left:0; }
.list_note_i01 li,
.list_note_i01 li p { *zoom:1; }
.list_note_i01 li p:after,
.list_note_i01 li:after { content:''; display:table; clear:both; }

.list_note_i02 span.catch,
.list_note_i02 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_note_i02 span.catch { width:2em; white-space:nowrap; text-align:right; }
.list_note_i02 li { padding-left:0; }
.list_note_i02 li,
.list_note_i02 li p { *zoom:1; }
.list_note_i02 li p:after,
.list_note_i02 li:after { content:''; display:table; clear:both; }

.list_note_i03 span.catch,
.list_note_i03 span.txt { display:table-cell; vertical-align:top; /display:block; /float:left; /zoom:1; }
.list_note_i03 span.catch { width:2.5em; white-space:nowrap; text-align:right; }
.list_note_i03 li { padding-left:0; }
.list_note_i03 li,
.list_note_i03 li p { *zoom:1; }
.list_note_i03 li p:after,
.list_note_i03 li:after { content:''; display:table; clear:both; }



/* =================================================================
    Column (カラム)
================================================================= */

/* clm2_mod01
------------------------------------------ */
.clm2_mod01 .clm2_left { float:left; width:48%; }
.clm2_mod01 .clm2_right { float:right; width:48%; }

/* clm3_mod01
------------------------------------------ */
.clm3_mod01 .clm3_left { float: left; width: 31%; margin-right:3.5%; }
.clm3_mod01 .clm3_center { float: left; width: 31%; }
.clm3_mod01 .clm3_right { float: right; width: 31%; }

/* clm4_mod01,clm4_mod02
------------------------------------------ */
.clm4_mod01 .clm4_col1,.clm4_mod02 .clm4_col1 { float: left; width: 23%; margin-right:2.6%; }
.clm4_mod01 .clm4_col2,.clm4_mod02 .clm4_col2 { float: left; width: 23%; margin-right:2.6%; }
.clm4_mod01 .clm4_col3,.clm4_mod02 .clm4_col3 { float: left; width: 23%; }
.clm4_mod01 .clm4_col4,.clm4_mod02 .clm4_col4 { float: right; width: 23%; }

/* clm5_mod01
------------------------------------------ */
.clm5_mod01 .clm5_col1 { float: left; width: 18%; margin-right:2.5%; }
.clm5_mod01 .clm5_col2 { float: left; width: 18%; margin-right:2.5%; }
.clm5_mod01 .clm5_col3 { float: left; width: 18%; margin-right:2.5%; }
.clm5_mod01 .clm5_col4 { float: left; width: 18%; }
.clm5_mod01 .clm5_col5 { float: right; width: 18%; }

/* =================================================================
    Tab（タブ型ナビゲーション）
================================================================= */

/* tab_mod_01
------------------------------------------ */
.tab_mod_01 { margin-top:40px; }

.tab_mod_01 ul,
.tab_mod_01 dl { background:#3d3d3d; color:#FFF; }
.tab_mod_01.top ul,
.tab_mod_01.top dl { padding-top:4px; }
.tab_mod_01.btm ul,
.tab_mod_01.btm dl { padding-bottom:4px; }

.tab_mod_01 li { float: left; border-left:solid 7px #3d3d3d; border-right:solid 7px #3d3d3d; }
.tab_mod_01 li:hover { background:#999; }
.tab_mod_01 li a { display:block; padding:7px 12px 5px 27px; background:url(/biz/d/common/img/ico/arrow_01_w.png) no-repeat 12px 1.1em; color:#FFF; }
.tab_mod_01 li.act { padding:7px 12px 5px; color:#333; font-weight:bold; background:#f7f7f7; }

.tab_mod_01 dt,
.tab_mod_01 dd { float:left; border-left:solid 7px #3d3d3d; border-right:solid 7px #3d3d3d; }
.tab_mod_01 dt:hover,
.tab_mod_01 dd:hover { background:#999; }
.tab_mod_01 dt a,
.tab_mod_01 dd a { display:block; color:#FFF; }
.tab_mod_01 dt.act,
.tab_mod_01 dd.act { color:#333; font-weight:bold; background:#f7f7f7; }

.tab_mod_01 dt { font-size:117%; }
.tab_mod_01 dt a  { padding:5px 12px 4px 27px; background:url(/biz/d/common/img/ico/arrow_01_w.png) no-repeat 12px 0.9em; }
.tab_mod_01 dt.act { padding:5px 12px 4px; }
.tab_mod_01 dd a { padding:7px 12px 5px 27px; background:url(/biz/d/common/img/ico/arrow_01_w.png) no-repeat 12px 1.1em; }
.tab_mod_01 dd.act { padding:7px 12px 5px; }

.tab_mod_01 .btn_mod_01 { float:right; }
.tab_mod_01.top .btn_mod_01 { margin-bottom:10px; }
.tab_mod_01.btm .btn_mod_01 { margin-top:10px; }

.section_01 .tab_mod_01 a { text-decoration:none; }

* html .tab_mod_01 li a { color:#fff !important; text-decoration:none !important; }
* html .tab_mod_01 li a:hover { background-color:#999; }

/* tab_mod_02
------------------------------------------ */
.tab_mod_02 {
    margin-top:40px;
    padding-left:15px;
    padding-bottom:13px;
    border:#e4e4e4 1px solid;
    background-color:#fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
.tab_mod_02 ul {
    padding-top:3px;
    background-color:#fff;
}
.tab_mod_02.top ul {
    padding-top:0;
}
.tab_mod_02.btm ul {
    padding-bottom:0;
}
.tab_mod_02 ul li {
    display:table;
    float:left;
    width:217px;
    height:100%;
    min-height:42px;
    margin-top:10px;
    margin-right:10px;
    border:#e4e4e4 1px solid;
    background-color:#fff;
    /display:inline;
    /zoom:1;
}
.tab_mod_02 ul li a {
    display:table-cell;
    width:178px;
    height:30px;
    /height:auto;
    min-height:30px;
    padding:7px 12px 3px 27px;
    border-bottom:#fff 2px solid;
    background:url(/biz/d/common/img/ico/arrow_03_dg.png) no-repeat 10px center;
    line-height:1.26;
    color:#333;
    vertical-align:middle;
    cursor:pointer;
    /display:inline;
    /zoom:1;
}
.tab_mod_02.col4 ul li {
    width:160px;
}
.tab_mod_02.col4 ul li a {
    width:121px;
}
.tab_mod_02 ul li.act a {
    border-bottom:#0097cf 2px solid;
    background:url(/biz/d/common/img/ico/arrow_03_blue.png) no-repeat 10px center;
    color:#0097cf;
    font-weight:bold;
}

.tab_mod_02 ul li a.pop {
    background:url(/biz/d/common/img/ico/pop_dg.png) no-repeat 10px center;
}
.tab_mod_02 ul li.act a.pop {
    background:url(/biz/d/common/img/ico/pop_blue.png) no-repeat 10px center;
    color:0097cf;
    font-weight:bold;
}


.tab_mod_02 ul li a:link    { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.tab_mod_02 ul li a:visited { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.tab_mod_02 ul li a:hover   { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; }
.tab_mod_02 ul li a:active  { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }

.tab_mod_02 a:hover {
    text-decoration:none !important;
}


/* tab_mod_03（Google Drive for Workで使用）
------------------------------------------ */
.tab_mod_03 {
    margin-top:40px;
    padding-left:15px;
    padding-bottom:13px;
    border:#e4e4e4 1px solid;
    background-color:#fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
.tab_mod_03 ul {
    padding-top:3px;
    background-color:#fff;
}
.tab_mod_03.top ul {
    padding-top:0;
}
.tab_mod_03.btm ul {
    padding-bottom:0;
}
.tab_mod_03 ul li {
    display:table;
    float:left;
    width:219px;
    height:46px;
    margin-top:10px;
    margin-right:10px;
    background-color:#fff;
    /display:inline;
    /zoom:1;
}
.tab_mod_03 ul li a {
    display:table-cell;
    cursor:pointer;
    /display:inline;
    /zoom:1;
}

.tab_mod_03 ul li a:link    { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.tab_mod_03 ul li a:visited { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.tab_mod_03 ul li a:hover   { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; }
.tab_mod_03 ul li a:active  { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }

.tab_mod_03 a:hover {
    text-decoration:none !important;
}

.tab_section_00 { margin-top:30px; }
.tab_section_01 { margin-top:30px; }

.img_w_h { width:219px; height:46px; }


/* tab_mod_04（アウトソーシング＞ビジネスコンシェル＞デバイスマネジメント＞動作確認デバイスで使用）
------------------------------------------ */
.tab_mod_04 {
    margin-top:40px;
    padding-left:15px;
    padding-bottom:13px;
    border:#e4e4e4 1px solid;
    background-color:#fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
.tab_mod_04 ul {
    padding-top:3px;
    background-color:#fff;
}
.tab_mod_04.top ul {
    padding-top:0;
}
.tab_mod_04.btm ul {
    padding-bottom:0;
}
.tab_mod_04 ul li {
    display:table;
    float:left;
    width:160px;
    height:100%;
    min-height:42px;
    margin-top:10px;
    margin-right:10px;
    border:#e4e4e4 1px solid;
    background-color:#fff;
    /display:inline;
    /zoom:1;
}
.tab_mod_04 ul li a {
    display:table-cell;
    width:121px;
    height:30px;
    /height:auto;
    min-height:30px;
    padding:7px 12px 3px 27px;
    border-bottom:#fff 2px solid;
    background:url(/biz/d/common/img/ico/arrow_03_dg.png) no-repeat 10px center;
    line-height:1.26;
    color:#333;
    vertical-align:middle;
    cursor:pointer;
    /display:inline;
    /zoom:1;
}
.tab_mod_04 ul li.act a {
    border-bottom:#0097cf 2px solid;
    background:url(/biz/d/common/img/ico/arrow_03_blue.png) no-repeat 10px center;
    color:#0097cf;
    font-weight:bold;
}

.tab_mod_04 ul li a:link    { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.tab_mod_04 ul li a:visited { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.tab_mod_04 ul li a:hover   { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; }
.tab_mod_04 ul li a:active  { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }

.tab_mod_04 a:hover {
    text-decoration:none !important;
}


/* tab_mod_05（ソフトバンク統合＞テンプレート（タブあり端末詳細、ソリューション）で使用）
------------------------------------------ */
.tab_mod_05 {
    margin-top:30px;
    padding:0;
    background-color:#fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
.tab_mod_05 ul {
    padding-top:3px;
    background-color:#fff;
}
.tab_mod_05.top ul {
    padding:0 0 0 0;
    border-bottom:#09c 2px solid;
}

.tab_mod_05 ul li {
    display:table;
    float:left;
    height:100%;
    min-height:42px;
    border-top:#e4e4e4 1px solid;
    border-left:#e4e4e4 1px solid;
    border-right:#e4e4e4 1px solid;
    background-color:#fff;
    /display:inline;
    /zoom:1;
}
.tab_mod_05 ul li a {
    display:table-cell;
    height:32px;
    /height:auto;
    min-height:32px;
    padding:7px 10px 3px 10px;
    line-height:1.26;
    color:#333;
    font-weight:bold;
    vertical-align:middle;
    cursor:pointer;
    /display:inline;
    /zoom:1;
}
.tab_mod_05 ul li.act {
    border-top:#09c 1px solid;
    border-left:#09c 1px solid;
    border-right:#09c 1px solid;
}
.tab_mod_05 ul li.act a {
    background:#09c;
    color:#fff;
}

.tab_mod_05 ul li a:link      { }
.tab_mod_05 ul li a:visited   { }
.tab_mod_05 ul li a:hover     { background-color:#09c; text-decoration:none !important; color:#ffffff; }
.tab_mod_05 ul li.act a:hover { background-color:#09c; text-decoration:none !important; }
.tab_mod_05 ul li a:active    { }

/*タブが2～6までの各タブの幅*/
.tab_mod_05 ul.col2 li      { width:348px; margin-right:10px; }
.tab_mod_05 ul.col2 li a    { }
.tab_mod_05 ul.col2 li.last { margin-right:0px; }
.tab_mod_05 ul.col3 li      { width:228px; margin-right:10px; }
.tab_mod_05 ul.col3 li a    { }
.tab_mod_05 ul.col3 li.last { margin-right:0px; }
.tab_mod_05 ul.col4 li      { width:168px; margin-right:10px; }
.tab_mod_05 ul.col4 li a    { }
.tab_mod_05 ul.col4 li.last { margin-right:0px; }
.tab_mod_05 ul.col5 li      { width:132px; margin-right:10px; }
.tab_mod_05 ul.col5 li a    { }
.tab_mod_05 ul.col5 li.last { margin-right:0px; }
.tab_mod_05 ul.col6 li      { width:108px; margin-right:10px; }
.tab_mod_05 ul.col6 li a    { }
.tab_mod_05 ul.col6 li.last { margin-right:0px; }



/* =================================================================
    Button（ボタン）
================================================================= */

/* btn_mod_01（通常）
------------------------------------------ */
.btn_mod_01 { width:212px; background:#09c; }
.btn_mod_01:hover{ background:#33acd9; }
.btn_mod_01 a{
    display:block;
    padding:8px 15px 8px 25px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    background:url(/biz/d/common/img/ico/arrow_03_w.png) 10px 50% no-repeat;
}

/* btn_mod_02（アイコン付き）
------------------------------------------ */
.btn_mod_02 { width:212px; background:#09c; }
.btn_mod_02 a{
    display:block;
    padding:8px 15px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_02 a:hover{ background:#33acd9; }
.btn_mod_02 span{ margin-left:10px; }

div#container #main .btn_mod_02 a:hover img,
div#container #main_col .btn_mod_02 a:hover img { background-color: transparent; }

/* btn_mod_03（リンクアイコン付き）
------------------------------------------ */
.btn_mod_03 { width:212px; background:#09c; }
.btn_mod_03 a{
    display:block;
    padding:8px 15px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_03 a:hover{ background:#33acd9; }
.btn_mod_03 img{ width:9px; margin-bottom:3px; }
.btn_mod_03 span{ margin-left:10px; }

div#container #main .btn_mod_03 a:hover img,
div#container #main_col .btn_mod_03 a:hover img { background-color: transparent; }

/* btn_mod_04（ムービーアイコン付き）
------------------------------------------ */
.btn_mod_04 { }
.btn_mod_04 a {
    background:#09c;
    display:inline-block;
    padding:10px 12px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_04 a:hover {
    background:#33acd9;
}
.btn_mod_04 img {
    width:23px;
}
.btn_mod_04 span {
    margin-left:6px;
    font-size: 110%;
    vertical-align: 0.1em;
}
div#container #main .btn_mod_04 a:hover img,
div#container #main_col .btn_mod_04 a:hover img { background-color: transparent; }

/* btn_mod_04_b（ムービーアイコン付き02）
------------------------------------------ */
.btn_mod_04_b { }
.btn_mod_04_b a {
    background:#09c;
    display:inline-block;
    padding:10px 55px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_04_b a:hover {
    background:#33acd9;
}
.btn_mod_04_b img {
    width:23px;
}
.btn_mod_04_b span {
    margin-left:6px;
    font-size: 110%;
    vertical-align: 0.1em;
}
div#container #main .btn_mod_04_b a:hover img,
div#container #main_col .btn_mod_04_b a:hover img { background-color: transparent; }

/* btn_mod_05（ダウンロードアイコン付き）
------------------------------------------ */
.btn_mod_05 { width:220px; background:#09c; }
.btn_mod_05 a{
    display:block;
    padding:8px 10px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_05 a:hover{ background:#33acd9; }
.btn_mod_05 img{ width:18px; }
.btn_mod_05 span{ margin-left:10px; }

div#container #main .btn_mod_05 a:hover img,
div#container #main_col .btn_mod_05 a:hover img { background-color: transparent; }

/* btn_mod_06（特殊（ページ内リンク用））
------------------------------------------ */
.btn_mod_06 { width:120px; background:#09c; }
.btn_mod_06:hover{ background:#33acd9; }
.btn_mod_06 a{
    display:block;
    padding:8px 15px 8px 25px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    background:url(/biz/d/common/img/ico/arrow_03_w_down.png) 10px 50% no-repeat;
}

/* btn_mod_07
------------------------------------------ */
.btn_mod_07 { }
.btn_mod_07 a {
    background:#09c;
    display:inline-block;
    padding:15px 80px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_07 a:hover {
    background:#33acd9;
}
.btn_mod_07 img {
    width:23px;
}
.btn_mod_07 span {
    margin-left:6px;
    font-size: 110%;
    vertical-align: 0.1em;
}
div#container #main .btn_mod_07 a:hover img,
div#container #main_col .btn_mod_07 a:hover img { background-color: transparent; }

/* btn_mod_08（PrimeDriveで使用しているボタン・上）
------------------------------------------ */
.btn_mod_08 { width:170px; background:#005d9d; }
.btn_mod_08:hover{ background:#418cc0; }
.btn_mod_08 a{
    background:url(/biz/d/common/img/ico/btn_mod_08_arrow_w.png) 10px 50% no-repeat;
    display:block;
    padding:6px 15px 8px 25px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    font-size:85%;
}
.btn_mod_08 a span{
    font-size:150%;
    line-height:1.4;
}
.btn_mod_08 a.siryo{
    background:url(/biz/d/common/img/ico/btn_mod_08_siryo_w.png) 10px 50% no-repeat;
    padding:6px 5px 8px 35px;
}
.btn_mod_08 a.mitsu{
    background:url(/biz/d/common/img/ico/btn_mod_08_mitsu_w.png) 10px 50% no-repeat;
    padding:6px 5px 8px 35px;
}
.btn_mod_08 a.mail{
    background:url(/biz/d/common/img/ico/btn_mod_08_mail_w.png) 10px 60% no-repeat;
    padding:6px 5px 8px 35px;
}
.btn_mod_08 a.tel{
    background:url(/biz/d/common/img/ico/btn_mod_08_tel_w.png) 10px 50% no-repeat;
    padding:6px 5px 8px 25px;
}

/* btn_mod_09（PrimeDriveで使用している角が丸いボタン・下）
------------------------------------------ */
.btn_mod_09 { width:152px; background:#005d9d; }
.btn_mod_09:hover{ background:#418cc0; }
.btn_mod_09 a{
    display:block;
    padding:6px 5px 8px 5px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    font-size:90%;
}
.btn_mod_09 a span{
    background:url(/biz/d/common/img/ico/btn_mod_09_arrow_w.png) 0px 50% no-repeat;
    padding:0 0 0 15px;
    font-size:125%;
    line-height:1.4;
}
.btn_mod_09 a span.mail{
    background:url(/biz/d/common/img/ico/btn_mod_09_mail_w.png) 0px 50% no-repeat;
    padding:0 0 0 22px;
}
.btn_mod_09 a span.tel{
    background:url(/biz/d/common/img/ico/btn_mod_09_tel_w.png) 0px 50% no-repeat;
    padding:0 0 0 18px;
}

/* btn_mod_10（リンクアイコン付きを通常と同じつくりにしたもの）
------------------------------------------ */
.btn_mod_10 { width:212px; background:#09c; }
.btn_mod_10:hover{ background:#33acd9; }
.btn_mod_10 a{
    display:block;
    padding:8px 15px 8px 25px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    background:url(/biz/d/common/img/ico/popup_02.png) 10px 50% no-repeat;
}

/* btn_mod_11（モバイル＞ソフトバンクモバイル＞タブあり端末詳細テンプレートで使用）
------------------------------------------ */
.btn_mod_11 { width:140px; border:1px solid #09c; }
.btn_mod_11:hover{ background:#09c; }
.btn_mod_11 a{
    display:block;
    padding:8px 15px 8px 25px;
    font-weight:bold;
    color:#09c!important;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    background:url(/biz/d/common/img/ico/arrow_03_blue.png) 10px 50% no-repeat;
}
.btn_mod_11 a:link    { text-decoration:none!important; }
.btn_mod_11 a:visited { text-decoration:none!important; }
.btn_mod_11 a:hover   { text-decoration:none!important; color:#fff!important; background:url(/biz/d/common/img/ico/arrow_03_w.png) 10px 50% no-repeat; }
.btn_mod_11 a:active  { text-decoration:none!important; }


/* btn_mod_12（ボタンリストモジュール内の動画ボタン用）
------------------------------------------ */
.btn_mod_12 { width:212px; background:#09c; }
.btn_mod_12 a{
    display:block;
    padding:8px 10px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-decoration:none;
}
.btn_mod_12 a:hover{ background:#33acd9; }
.btn_mod_12 img{ height:14px; }
.btn_mod_12 span{ margin-left:10px; }

div#container #main .btn_mod_12 a:hover img,
div#container #main_col .btn_mod_12 a:hover img { background-color: transparent; }

/* =================================================================
    Q&A（よくあるご質問）
================================================================= */

/* qa_block_01
------------------------------------------ */
.qa_block_01 { font-size:117%; }

.qa_block_01 dl.que { margin-top:15px; }
.qa_block_01 dl.ans { margin-top:10px; padding:0 0 15px; border-bottom:dashed 1px #a6a6a6; }

.qa_block_01 dl dt { float:left; width:24px; }
.qa_block_01 dl.que dt p,
.qa_block_01 dl.ans dt p { display:block; text-align:center; font-weight:bold; }
.qa_block_01 dl.que dt p { border:solid 2px #0097cf; color:#0097cf; padding-right:2px; }
.qa_block_01 dl.ans dt p { border:solid 2px #e7298b; color:#e7298b; }

.qa_block_01 dl dd { display:block; margin-left:40px; padding-top:3px; }
.qa_block_01 dl.que dd { font-weight:bold; }

.qa_block_01 dl.que a:visited,
.qa_block_01 dl.ans a:visited { color:#551a8b; text-decoration:none; }
.qa_block_01 dl.que a:hover,
.qa_block_01 dl.ans a:hover,
.qa_block_01 dl.que a:active,
.qa_block_01 dl.ans a:active { text-decoration:underline; }


/* =================================================================
    Box（ボックス）
================================================================= */

/* btn_box_01（ボタン 3カラム）
------------------------------------------ */
.btn_box_01 { padding:10px 20px; background:#FFF; border:solid 1px #e4e4e4; }
.section_01 .btn_box_01 a { color:#fff; text-decoration:none; }

.btn_box_01 .btn_box_01_inner { width:500px; margin:0 auto; }

.btn_box_01 .btn_box_01_inner ul { width:500px; display:table; }

.btn_box_01 .btn_box_01_inner .clm2_left,
.btn_box_01 .btn_box_01_inner .clm2_right { display:table-cell; vertical-align:middle; width:50%; float:none; }

.btn_box_01 .btn_box_01_inner .clm2_left .btn_mod_01 { background:none; padding:8px 0;}

/* app_box_01（便利なアプリケーション）
------------------------------------------ */
.app_box_01 { width:220px; padding:10px 10px; background:#FFF; border:solid 1px #e4e4e4; }
.app_box_01 .ico { float:left; width:50px; }
.app_box_01 .txt { margin-left:65px; }
.app_box_01 .txt .ttl { font-weight:bold; }

/* note_box_01（注意点）
------------------------------------------ */
.note_box_01 { padding: 10px; border:solid 1px #bfbfbf; }
.note_box_01 dt { font-size:117%; font-weight:bold; }
.note_box_01 dd { padding-top: 10px; }

/* note_box_01（2カラム）
------------------------------------------ */
.note_box_01 { padding: 10px; border:solid 1px #bfbfbf; }
.note_box_01 dt { font-size:117%; font-weight:bold; }
.note_box_01 dd { padding-top: 10px; }
.note_box_01 #page_read { margin-top: 0; }
.note_box_01 #page_read .left_block { width: 560px; }
.note_box_01 #page_read .left_block a { color: #FFF; }
.note_box_01 #page_read .right_block { width: 110px; }

/* note_box_02（注意点）
------------------------------------------ */
.note_box_02 { }
.note_box_02.top,
.note_box_02.btm { padding:10px; border:none; }
.note_box_02.btm { margin-top:30px; }

/* white_box_01（背景白）
------------------------------------------ */
.white_box_01 { padding: 10px; border:solid 1px #bfbfbf; background-color:#ffffff; }

/* plugin_box_01（プラグインダウンロード）
------------------------------------------ */
.plugin_box_01 { padding:20px 30px; border:solid 1px #bfbfbf; }

/* catalog_box_01（カタログダウンロード）
------------------------------------------ */
.catalog_box_01 { padding:15px 15px 12px; background:#e5e5e5; }
.catalog_box_01 dt { float:left; width:200px; font-weight:bold; font-size:117%; }
.catalog_box_01 dd { margin-left:215px; }

.section_01 .catalog_box_01 a { color:#333; text-decoration:none; }

/* zip_box_01（ZIPダウンロード）
------------------------------------------ */
.zip_box_01 { padding:15px 15px 12px; background:#e5e5e5; }
.zip_box_01 dt { float:left; width:200px; font-weight:bold; font-size:117%; }
.zip_box_01 dd { margin-left:215px; }

.section_01 .zip_box_01 a { color:#333; text-decoration:none; }

/* solution_box_01（お悩み解決）
------------------------------------------ */
.solution_box_01 {}
.solution_box_01 li dl { padding:20px 15px; }
.solution_box_01 li dl dt { font-size:133%; font-weight:bold; }
.solution_box_01 li dl dd { margin-top:5px; }

.solution_box_01 .problem,
.solution_box_01 .arrow { float:left; min-height:100px; }

.solution_box_01 .problem { width:44%; background:#e0e0e0; }
.solution_box_01 .solution { float:right; width:44%; background:#c6e3ee; }
.solution_box_01 .arrow { display:table; width:10%; text-align:center; }
.solution_box_01 .arrow span { display:table-cell; *display:block;/*IE6,7*/ *padding-top:50px;/*IE6,7*/ vertical-align:middle; }

/* effect_box_01（課題と効果）
------------------------------------------ */
.effect_box_01 {}
.effect_box_01 ul.list { border-top:solid 1px #bfbfbf; }
.effect_box_01 ul.list li.cell { padding:20px 0 20px 20px; border-bottom:solid 1px #bfbfbf; }

.effect_box_01 .img_block { float:left; width:155px; }
.effect_box_01 .txt_block { float:right; width:510px; }
.effect_box_01 .txt_block dt { padding-bottom:5px; font-size:133%; font-weight:bold; }
.effect_box_01 .txt_block dd { margin-top:10px; padding-top:10px; border-top: dashed 1px #a6a6a6; }
.effect_box_01 .txt_block dd .ttl { float:left; width:5em; color:#0097d0; font-weight:bold; }
.effect_box_01 .txt_block dd .txt { margin-left:6em; }

.effect_box_01 .txt_block dd .subject { margin-bottom:10px; }

.effect_box_01 .txt_block dd .subject .txt span,
.effect_box_01 .txt_block dd .effect .txt span { font-size:133%; font-weight:bold; color:#dd0072; }

.effect_box_01 .txt_block dd .head_line_lbl_b,
.effect_box_01 .txt_block dd .head_line_lbl_p { font-size:150%; *line-height:2;/*IE6,7*/ }


/* contact_box_01（お問い合わせ・資料請求 1カラム）
------------------------------------------ */
#contact_box_01 { margin-top:50px; }
#contact_box_01 p { padding:20px 155px; background:#e5e5e5; }
#contact_box_01 p a { display:block; padding:15px 15px 13px 15px; background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; font-size:167%; font-weight:bold; color:#fff; text-align:center; }
#contact_box_01 p a:hover { background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; }
#contact_box_01 p a span.mail { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 0 50% no-repeat; }
#contact_box_01 p a span.document { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_02_w.png) 0 50% no-repeat; }
#contact_box_01 p a span.document_02 { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_03_w.png) 0 50% no-repeat; }
#contact_box_01 p a span.proced { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/procedure_01_w.png) 0 50% no-repeat; }
#contact_box_01 p a span.fss { display:block; font-size:62% !important; margin-top:-1em; margin:0 auto; }

.section_01 #contact_box_01 a { text-decoration:none; }

/* contact_box_01（お問い合わせ・資料請求 2カラム）
------------------------------------------ */
#contact_box_01 ul { padding:20px; background:#e5e5e5; }
#contact_box_01 ul li { float:left; width:325px; margin-right:20px; background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; text-align:center; }
#contact_box_01 ul li:hover { background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; }
#contact_box_01 ul li.last { margin-right:0; }
#contact_box_01 ul li a { display:block; padding:15px 15px 13px 15px; font-size:167%; font-weight:bold; color:#fff; }
#contact_box_01 ul li span { }
#contact_box_01 ul li span.mail { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 0 50% no-repeat; }
#contact_box_01 ul li span.document { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_02_w.png) 0 50% no-repeat; }
#contact_box_01 ul li span.document_02 { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_03_w.png) 0 50% no-repeat; }
#contact_box_01 ul li span.download { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_05_w.png) 0 50% no-repeat; }
#contact_box_01 ul li span.proced { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/procedure_01_w.png) 0 50% no-repeat; }
#contact_box_01 ul li span.fss { display:block; font-size:62% !important; margin-top:-1em; margin:0 auto; }

.section_01 #contact_box_01 a { text-decoration:none; }

/* contact_box_01（お問い合わせ・資料請求 2カラム(見出し有り)）
------------------------------------------ */
#contact_box_01_h ul { padding:20px; background:#e5e5e5; }
#contact_box_01_h ul li { float:left; width:325px; margin-right:20px; text-align:center; }

#contact_box_01_h ul li div.title_h { text-align:left; }

#contact_box_01_h ul li div.title_h_btn { float:left; width:325px; margin-right:20px; background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; text-align:center; }
#contact_box_01_h ul li div.title_h_btn:hover { background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; }
#contact_box_01_h ul li.green_box div.title_h_btn{ float:left; width:325px; margin-right:20px; background:#6ecb40 url(/biz/d/common/img/main_col/button/bg_contact_green_off.gif) left bottom repeat-x; text-align:center; }
#contact_box_01_h ul li.green_box div.title_h_btn:hover { background:#317c0d url(/biz/d/common/img/main_col/button/bg_contact_green_on.gif) left bottom repeat-x; }
#contact_box_01_h ul li.last { margin-right:0; }
#contact_box_01_h ul li a { display:block; padding:15px 15px 13px 15px; font-size:167%; font-weight:bold; color:#fff; }
#contact_box_01_h ul li span { }
#contact_box_01_h ul li span.mail { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 0 50% no-repeat; }
#contact_box_01_h ul li span.document { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_02_w.png) 0 50% no-repeat; }
#contact_box_01_h ul li span.document_02 { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_03_w.png) 0 50% no-repeat; }
#contact_box_01_h ul li span.proced { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/procedure_01_w.png) 0 50% no-repeat; }
#contact_box_01_h ul li span.fss { display:block; font-size:62% !important; margin-top:-1em; margin:0 auto; }

.section_01 #contact_box_01 a { text-decoration:none; }

/* contact_box_01（お問い合わせ・資料請求・サポート 3カラム）
------------------------------------------ */
#contact_box_02 { margin-top:50px; }
#contact_box_02 ul { padding:20px; background:#e5e5e5; }
#contact_box_02 ul li { float:left; margin-right:20px; width:210px; background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; text-align:center; }
#contact_box_02 ul li:hover { background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; }
#contact_box_02 ul li.last { margin-right:0; }
#contact_box_02 ul li a { display:block; padding:15px 5px; font-size:133%; font-weight:bold; color:#fff; }
#contact_box_02 ul li span { }
#contact_box_02 ul li span.mail { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 0 50% no-repeat; }
#contact_box_02 ul li span.document { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_02_w.png) 0 50% no-repeat; }
#contact_box_02 ul li span.document_02 { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_03_w.png) 0 50% no-repeat; }
#contact_box_02 ul li span.proced { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/procedure_01_w.png) 0 50% no-repeat; }

.section_01 #contact_box_02 a { text-decoration:none; }

/* contact_box_tel_number（電話番号表示がある場合）
------------------------------------------ */
#contact_box_tel_number { margin-top:50px; }
#contact_box_tel_number h3 { padding-bottom:5px; font-size:117%; }
#contact_box_tel_number dl { position:relative; padding:0 7px; background:#e5e5e5; border:#ddd 7px solid; }
#contact_box_tel_number dl dt { position:absolute; padding:25px 0 0 10px; width:135px; font-size:117%; font-weight:bold; }
#contact_box_tel_number dl dd { padding:15px 0px 15px 135px; border-bottom:#a6a6a6 1px dashed; }
#contact_box_tel_number dl dt.tel{ padding:8px 0 0 10px; }
#contact_box_tel_number dl dd.tel { padding:18px 0px 18px 135px; border-bottom:none; }
#contact_box_tel_number dl dd.tel .number { margin-right:10px; padding:5px 0 5px 30px; background:url(/biz/d/common/img/ico/tel_01_b.png) no-repeat 0 40%; font-size:200%; font-weight:bold; line-height:1em; }

#contact_box_tel_number dl dd ul li { line-height:1.5; float:left; margin-right:15px; width:262px; background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; text-align:center; }
#contact_box_tel_number dl dd ul li:hover { background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; }
#contact_box_tel_number dl dd ul li.last{ margin-right:0; }
#contact_box_tel_number dl dd ul li a { display:inline-block; padding:4px 0px 6px 35px; font-weight:bold; color:#fff; background:url(/biz/d/common/img/ico/mail_01_w.png) 2px 50% no-repeat; text-align:left; }
#contact_box_tel_number dl dd ul li.last a { padding:4px 0px 6px 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 2px 50% no-repeat; }
#contact_box_tel_number dl dd ul li.last a.document { padding:4px 0px 6px 35px; background:url(/biz/d/common/img/ico/document_02_w.png) 2px 50% no-repeat; }
#contact_box_tel_number dl dd ul li a span { font-size:167%; }

.section_01 #contact_box_tel_number a { color:#333; text-decoration:none; }

#contact_box_tel_number .inner { position:relative; padding:0 7px; background:#e5e5e5; border:#ddd 7px solid; }
#contact_box_tel_number p.tel { padding:18px 0; border-bottom:none; text-align:center; }
#contact_box_tel_number p.tel .number { margin-right:10px; padding:5px 0 5px 30px; background:url(/biz/d/common/img/ico/tel_01_b.png) no-repeat 0 40%; font-size:200%; font-weight:bold; line-height:1em; }
#contact_box_tel_number p.tel .number_free { margin-right:10px; padding:5px 0 5px 50px; background:url(/biz/d/common/img/ico/tel_01_b_free.png) no-repeat 0 40%; font-size:200%; font-weight:bold; line-height:1em; }


/* contact_box_tel_number（電話番号表示がある場合・単独ボタン）
------------------------------------------ */
#contact_box_tel_number dl dd #contact_box_01 { margin-top:0px; }
#contact_box_tel_number dl dd #contact_box_01 p { padding:0px 70px; }

/* Bizダイヤル 現在ご利用中のお客様で使用している（0430-1074） */
#contact_box_tel_number dl dd ul.biz_caution    { background:none!important; text-align:left; }
#contact_box_tel_number dl dd ul.biz_caution li { line-height:1.5; float:left; margin-right:0px; width:500px!important; background:none!important; text-align:left; }
#contact_box_tel_number dl dd ul.biz_caution li:hover { background:none!important; }

#contact_box_tel_number dl dt.w110px { width:100px!important; padding-top:28px; }
#contact_box_tel_number dl dd.w110px { padding-left:110px!important; }




/* contact_box_alone（お問い合わせ・資料請求 単独使用）
------------------------------------------ */
#contact_box_alone a { display:block; padding:15px 15px 13px 15px; background:#f563af url(/biz/d/common/img/main_col/button/bg_contact_off.gif) left bottom repeat-x; font-size:140%; font-weight:bold; color:#fff; text-align:center; text-decoration:none!important; }
#contact_box_alone a:hover { background:#a4105e url(/biz/d/common/img/main_col/button/bg_contact_on.gif) left bottom repeat-x; text-decoration:none!important; }
#contact_box_alone a span.mail     { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/mail_01_w.png) 0 50% no-repeat; }
#contact_box_alone a span.document { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_02_w.png) 0 50% no-repeat; }
#contact_box_alone a span.document_02 { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_03_w.png) 0 50% no-repeat; }
#contact_box_alone a span.tel      { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_04_w.png) 0 50% no-repeat; }
#contact_box_alone a span.download { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_05_w.png) 0 50% no-repeat; }
#contact_box_alone a span.online   { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/document_06_w.png) 0 50% no-repeat; }
#contact_box_alone a span.proced   { padding:5px 0 5px 35px; background:url(/biz/d/common/img/ico/procedure_01_w.png) 0 50% no-repeat; }
#contact_box_alone a span.fss   { display:block; font-size:62% !important; margin-top:-1em; margin:0 auto; }

.section_01 #contact_box_alone a { text-decoration:none; }

/* contact_box_primedrive（電話番号表示がある場合PrimeDrive用）
------------------------------------------ */

#contact_box_primedrive { margin-top:15px; background:#f1479f; padding:5px 5px 4px 0; color:#ffffff;}

#contact_box_primedrive dl {line-height:1;}

#contact_box_primedrive dl dt { padding-left:38px; font-size:87.5%;}

#contact_box_primedrive dl .number{ background:url("/biz/d/common/img/ico/tel_01_c.png") 0 2px no-repeat; padding:2px 0; margin-left:9px; text-indent:27px; display:block; font-family: 'Helvetica', 'Arial', sans-serif; font-size:150%; line-height:1.1; letter-spacing:0.03em;}

#contact_box_primedrive dl .number a{ color:#ffffff;}

#contact_box_primedrive dl .day{ padding-left:49px; font-size:87.5%;}

#contact_box_primedrive dl .caution{ padding-left:20px; font-size:87.5%; padding-top:3px;}

.telbox{ }

/* =================================================================
    table（表組）
================================================================= */

/* tblMod01 単表
------------------------------------------ */
.tbl_mod01 { width:100%; margin-top:20px; border-top:1px solid #cccccc; border-left: 1px solid #cccccc; border-collapse: collapse; }
.tbl_mod01 caption { padding-bottom:0; font-size:117%; font-weight:bold; text-align:left; }
.tbl_mod01 caption .ttl { float:left; width:58%; font-size:100%; }
.tbl_mod01 caption .unit { float:right; width:40%; text-align:right; font-weight:normal; font-size:86%; padding-top:2px; }

.tbl_mod01 th,
.tbl_mod01 td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_mod01 th { padding:10px 15px; background:#e0e0e0; text-align:center; }
.tbl_mod01 td { padding:10px 15px; background:#ffffff; vertical-align:middle; }

.tbl_mod01 th.tal { text-align:left; }
.tbl_mod01 th.tar { text-align:right; }

.tbl_mod01 th.bg_blue { background:#c6e3ee; }
.tbl_mod01 td.bg_blue { background:#e3f0f5; }
.tbl_mod01 td.bg_white { background:#fff !important; }

.tbl_mod01   td.brN { border-right: none; }

.tbl_mod01.tbl_p3 th,
.tbl_mod01.tbl_p3 td { padding-left:3px; padding-right:3px; }
.tbl_mod01.tbl_p5 th,
.tbl_mod01.tbl_p5 td { padding-left:5px; padding-right:5px; }

.tbl_mod01 th.blank_tl { border-right:none; border-bottom:none; padding:0; }
.tbl_mod01 th.blank_tr { border-bottom:none; background:#c6e3ee; text-align:right; }
.tbl_mod01 th.blank_bl { border-right:none; text-align:left; }
.tbl_mod01 th.blank_br { padding:0;}

.tbl_mod01 th.blank_tl img,
.tbl_mod01 th.blank_br img{
    width:100%;
    height:100%;
}
.tbl_scroll .tbl_mod01{
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    table-layout: fixed;
}
.tbl_scroll .tbl_mod01 th{
    box-sizing: border-box;
    white-space: nowrap;
}
.tbl_scroll .tbl_mod01 td{
    box-sizing: border-box;
    white-space: nowrap;
}


/* tblMod02 単表
------------------------------------------ */

.tbl_mod02 { width:100%; margin-top:20px; border-top:1px solid #cccccc; border-left: 1px solid #cccccc; border-collapse: collapse; }
.tbl_mod02 caption { padding-bottom:0; font-size:117%; font-weight:bold; text-align:left; }
.tbl_mod02 caption .ttl { float:left; width:58%; font-size:100%; }
.tbl_mod02 caption .unit { float:right; width:40%; text-align:right; font-weight:normal; font-size:86%; padding-top:2px; }

.tbl_mod02 th,
.tbl_mod02 td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_mod02 th { padding:10px 15px; background:#e0e0e0; text-align:center; }
.tbl_mod02 td { padding:10px 15px; background:#ffffff; vertical-align:middle; }

.tbl_mod02 td.brN { border-right: none; }

.tbl_mod02 th.tal { text-align:left; }
.tbl_mod02 th.tar { text-align:right; }

.tbl_mod02 th.bg_blue { background:#c6e3ee; }
.tbl_mod02 td.bg_blue { background:#e3f0f5; }

.tbl_mod02.tbl_p3 th,
.tbl_mod02.tbl_p3 td { padding-left:3px; padding-right:3px; }
.tbl_mod02.tbl_p5 th,
.tbl_mod02.tbl_p5 td { padding-left:5px; padding-right:5px; }

.tbl_mod02 th.blank_tl { border-right:none; border-bottom:none; padding:0; }
.tbl_mod02 th.blank_tr { border-bottom:none; background:#c6e3ee; text-align:right; }
.tbl_mod02 th.blank_bl { border-right:none; text-align:left; }
.tbl_mod02 th.blank_br { padding:0;}

.tbl_mod02 th.blank_tl img,
.tbl_mod02 th.blank_br img{ width:100%; height:100%; }




/* =================================================================
    Point（ポイント）
================================================================= */

#point{ margin:50px 0 0; padding:0 30px; background:#fff; }
#point dl{ padding:20px 0 30px; border-bottom:#a6a6a6 1px dashed; }
#point dl.last{ border-bottom:none; }
#point dt { padding:20px 0 0 0; font-size:158%; }
#point dt .point { display:block; float:left; width:120px; }
#point dt .txt { display:block; margin:0.4em 0 0 140px; font-weight:bold; }
#point dd{ padding:0.6em 0 0 0; }

#point dt { *zoom:1; }
#point dt:after { content:''; display:table; clear:both; }


/* =================================================================
    NEWS（ニュース）
================================================================= */

#news{ margin-top:50px; }

#news h3{
    padding-bottom:5px;
    font-size:117%;
    border-bottom:#699 1px solid;
}

#news #news_area,
#news dl{
    /*height:200px;*/
    max-height: 200px;
    padding:0px 15px 20px;
    overflow:auto;
    border-bottom:#699 1px solid;
    background:#fff;
}

#news #news_area dl{
    height: auto;
    padding: 0;
    overflow:visible;
    border-bottom: none;
    background:#fff;
}

#news ul.inline_ul{
    background:#fff;
}

#news ul.inline_ul li{
    margin-top:20px;
}

#news dl dt{
    clear:both;
    float:left;
    width:9em;
    padding-top:20px;
    font-weight:bold;
}

#news dl dd{ margin-left:9em; padding:20px 0 0 0; }
#news #news_area a,
#news dl dd a { color:#069; }
#news #news_area a:hover,
#news dl dd a:hover { text-decoration:underline; }

#news #news_area a:visited,
#news dl dd a:visited {
    color:#551a8b;
    text-decoration:none;
}


/* =================================================================
    NEWS（ニュース）※PrimeDriveで使用
================================================================= */

#pd_news{ margin-top:50px; }

#pd_news h3{
    padding-bottom:5px;
    font-size:117%;
    border-bottom:#699 1px solid;
}

#pd_news #news_area,
#pd_news dl{
    height:150px;
    padding:20px 15px 0px;
    overflow:auto;
    border-bottom:#699 1px solid;
    background:#fff;
}

#pd_news #news_area dl{
    height: auto;
    padding: 0;
    overflow:visible;
    border-bottom: none;
    background:#fff;
}

#pd_news ul.inline_ul{
    background:#fff;
}

#pd_news ul.inline_ul li{
    margin-top:20px;
}

#pd_news dl dt{
    clear:both;
    float:left;
    width:9em;
    padding-bottom:20px;
    font-weight:bold;
}

#pd_news dl dd{ margin-left:9em; padding:0 0 20px 0; }
#pd_news #news_area a,
#pd_news dl dd a { color:#069; }
#pd_news #news_area a:hover,
#pd_news dl dd a:hover { text-decoration:underline; }

#pd_news #news_area a:visited,
#pd_news dl dd a:visited {
    color:#551a8b;
    text-decoration:none;
}

/* =================================================================
    INFO（お知らせ）
================================================================= */
#info { margin-top:30px; }

#info dl { margin-bottom: 10px; }
#info dl dt { float: left; }
#info dl dd { margin-left: 60px; }
#info dl dd.info_ico_none { margin-left: 78px; }
#info dl dd.txt_indent1 { text-indent: -18px; padding-left: 18px; }

/* =================================================================
    Maintenance（メンテナンス）※PrimeDriveで使用
================================================================= */

#maintenance_news{ margin-top:50px; }

#maintenance_news h3{
    padding-bottom:5px;
    font-size:117%;
    border-bottom:#699 1px solid;
}

#maintenance_news #news_area,
#maintenance_news dl{
    min-height:15px;
    max-height:75px;
    padding:20px 15px 0px;
    overflow:auto;
    border-bottom:#699 1px solid;
    background:#fff;
}

#maintenance_news #news_area dl{
    height: auto;
    padding: 0;
    overflow:visible;
    border-bottom: none;
    background:#fff;
}

#maintenance_news ul.inline_ul{
    background:#fff;
}

#maintenance_news ul.inline_ul li{
    margin-top:20px;
}

#maintenance_news dl dt{
    clear:both;
    float:left;
    width:9em;
    padding-bottom:20px;
    font-weight:bold;
}

#maintenance_news dl dd{ float:none; padding:0 0 20px 0; }
#maintenance_news #news_area a,
#maintenance_news dl dd a { color:#069; }
#maintenance_news #news_area a:hover,
#maintenance_news dl dd a:hover { text-decoration:underline; }

#maintenance_news #news_area a:visited,
#maintenance_news dl dd a:visited {
    color:#551a8b;
    text-decoration:none;
}



/* =================================================================
    Obstacle（障害情報）※PrimeDriveで使用　※IoTでも使用（2015.8.7）
================================================================= */

#obstacle_news{ margin-top:50px; }

#obstacle_news h3{
    padding-bottom:5px;
    font-size:117%;
    border-bottom:#699 1px solid;
}

#obstacle_news #news_area,
#obstacle_news dl{
    min-height:15px;
    max-height:75px;
    padding:20px 15px 0px;
    overflow:auto;
    border-bottom:#699 1px solid;
    background:#fff;
}

#obstacle_news #news_area dl{
    height: auto;
    padding: 0;
    overflow:visible;
    border-bottom: none;
    background:#fff;
}

#obstacle_news ul.inline_ul{
    background:#fff;
}

#obstacle_news ul.inline_ul li{
    margin-top:20px;
}

#obstacle_news dl dt{
    clear:both;
    float:left;
    width:9em;
    padding-bottom:20px;
    font-weight:bold;
}

#obstacle_news dl dd{ float:none; padding:0 0 20px 0; }
#obstacle_news #news_area a,
#obstacle_news dl dd a { color:#069; }
#obstacle_news #news_area a:hover,
#obstacle_news dl dd a:hover { text-decoration:underline; }

#obstacle_news #news_area a:visited,
#obstacle_news dl dd a:visited {
    color:#551a8b;
    text-decoration:none;
}


/* =================================================================
    cal（カレンダー）
================================================================= */
#cal { }
#cal .inner {
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
}
#cal .ttl {
    padding:3px 3px 1px 3px;
    border-right:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    background-color:#d5eff8;
    font-size:100%;
    text-align:center;
    margin:0;
}
#cal table {
    width:100%;
}
#cal table th,
#cal table td {
    border-right:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    text-align:center;
    font-weight:bold;
}
#cal table.month {
    background-color:#0097ce;
}
#cal table.month th {
    padding:2px 0;
    border-right:#0097ce 1px solid;
    border-bottom:#0097ce 1px solid;
    font-size:100%;
    color:#fff;
}
.section_01 #cal table.month th a,
#cal table.month th a {
    color:#fff;
}
.section_01 #cal table.month th a:hover,
#cal table.month th a:hover {
    text-decoration:underline;
}

#cal table.date {
    background-color:#fff;
}
.section_01 #cal table.date a:hover,
#cal table.date a:hover {
    text-decoration:underline;
}
#cal table.date th.sun,
#cal table.date td.sun,
#cal table.date td.holiday {
    color:#e6298b;
}
#cal table.date th.sun {
    background-color:#ffd5eb;
}
#cal table.date th.sat,
#cal table.date td.sat {
    color:#7c8692;
}
#cal table.date th.sat {
    background-color:#f5f5f5;
}
.section_01 #cal table.date td.event a,
#cal table.date td.event a {
    display:block;
    background-color:#d5eff8;
    border:#0097ce 1px solid;

}
#cal table.date td.other {
    color:#b3b3b3;
    font-weight:normal;
}


/* =================================================================
    category Navi（サービスインデックス-大カテゴリ）
================================================================= */

.category_nav { margin-top:40px; }
.category_nav li {
    width:227px;
    float:left;
    margin:11px 11px 0 0;
    border:#cdcdcd 1px solid;
    background:#fff;
}

.category_nav li.double {
    width:467px;
    float:left;
    margin:11px 11px 0 0;
    border:#cdcdcd 1px solid;
    background:#fff;
}

.category_nav li.triple {
    width:708px;
    float:left;
    margin:11px 11px 0 0;
    border:#cdcdcd 1px solid;
    background:#fff;
}

.category_nav li img.category_nav_img{
    width:227px;
}

.category_nav li.double img.category_nav_img{
    width:465px;
}

.gnav_service.layer3 .category_nav li img.category_nav_img {
    padding: 10px 0;
    width: 90%;
    margin: 0 auto;
    display: block;
}/* 140318 mm00342 サービス 大カテ カテゴリナビ */

.gnav_service.layer3 .category_nav li.double img.category_nav_img {
    padding: 0 0 10px 0;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.category_nav ul li a.hover:hover { display:inline-block; opacity:0.7; filter:alpha(opacity=70); }
.category_nav ul li.single a.hover:hover { display:block; opacity:0.7; filter:alpha(opacity=70); }
.category_nav ul li.double a.hover:hover { display:block; opacity:0.7; filter:alpha(opacity=70); }
.category_nav ul li.triple a.hover:hover { display:block; opacity:0.7; filter:alpha(opacity=70); }

.category_nav li.clm_left { clear:both; }
.category_nav li.clm_right { margin:11px 0 0 0; }

.category_nav .title {
    display:table;
    width:100%;
    min-height:45px;
    _height:45px;
    font-size:107%;
    background:#3b3b3b url(/biz/d/common/img/ico/arrow_03_w.png) 15px 50% no-repeat;
}

.category_nav a { color:#fff; }
.category_nav a span {
    display:table-cell;
    vertical-align:middle;
    padding:8px 8px 4px 38px;
    line-height:1.2;
}
.category_nav li p.lead { padding:0 8px 8px; font-size:86%; color:#000000; }
.category_nav li p.noimg { margin-top:90px; }

.section_01 .category_nav a { text-decoration:none; }

/* =================================================================
    Service Navi 01（サービスインデックス-大カテゴリ）
================================================================= */

.service_nav_01 ul { margin:-20px 0 0; }
.service_nav_01 li { float:left; width:100%; margin:20px -1px 0 0; border:#e4e4e4 1px solid; background:#fff; }

.service_nav_01 .clm2 li.clm_left,
.service_nav_01 .clm2 li.clm_right { width:354px; }

.service_nav_01 .clm3 li.clm_left,
.service_nav_01 .clm3 li.clm_center,
.service_nav_01 .clm3 li.clm_right { width:235px; }

.service_nav_01 .service_nav_01_h ul li { background:none; border:none; }

.service_nav_01 .title_h { background:#f7f7f7; border:1px solid #f7f7f7; }

.service_nav_01 div.caption { padding-bottom:20px; }

.service_nav_01 div.caption li { float:left; width:100%; margin:20px -1px 0 0; border:none; }

.service_nav_01 div.caption .clm2 li.clm_left,
.service_nav_01 div.caption .clm2 li.clm_right { width:356px; }

.service_nav_01 div.caption .clm3 li.clm_left,
.service_nav_01 div.caption .clm3 li.clm_center,
.service_nav_01 div.caption .clm3 li.clm_right { width:237px; }

.service_nav_01 div.caption li div.border { border:#e4e4e4 1px solid; background:#fff; }

.service_nav_01 .title { display:table; width:100%; background:#3b3b3b url(/biz/d/common/img/ico/arrow_03_w.png) 15px 50% no-repeat; }
.service_nav_01 .title .inner {
    display:table-cell;
    *display:block;
    *height:33px;
    vertical-align:middle;
    padding:10px 8px 6px 38px;
}
.service_nav_01 .title a { color:#fff; }
.service_nav_01 .title span { font-size:117%; line-height:1.2; }

/*外部サイトへのリンクの場合*/
.service_nav_01 .title.pop { display:table; width:100%; background:#3b3b3b url(/biz/d/common/img/ico/popup_02.png) 15px 50% no-repeat; }



.service_nav_01 .title_w { display:table; width:100%; background:#fff url(/biz/d/common/img/ico/arrow_03_dg.png) 15px 50% no-repeat; }
.service_nav_01 .title_w .inner {
    display:table-cell;
    *display:block;
    *height:33px;
    vertical-align:middle;
    padding:10px 8px 6px 38px;
}
.service_nav_01 .title_w a { }
.service_nav_01 .title_w span { font-size:117%; line-height:1.2; }

.service_nav_01 li .main { padding:20px 15px; }
.service_nav_01 li .main .lead { font-size:117%; }
.service_nav_01 li .main .lead .ico { float:right; margin-bottom:10px; }
.service_nav_01 li .main .lead .ico img { float:left; margin-left:10px; }
.service_nav_01 li .main .lead .txt_block { float:left; width:340px; }
.service_nav_01 li.clm_left .main .lead .txt,
.service_nav_01 li.clm_right .main .lead .txt { width:160px; }
.service_nav_01 li .main .lead .img_block { float:right; width:140px; }

/* service_top */
.service_nav_01 li .main .service_top { margin:15px 0 0; }

/* list */
.service_nav_01 li .main .list { margin:10px 0 0; padding-top:5px; border-top:#a6a6a6 1px dotted; }
.service_nav_01 li .main .list ul { width:100%; margin:0; }
.service_nav_01 li .main .list ul li {
    float:left;
    width:145px;
    margin:10px 0 0 0;
    padding-left:18px;
    border:none;
    background:url(/biz/d/common/img/ico/boxarrow_01.gif) 3px 4px no-repeat;
}

.service_nav_01 li .main .list ul li.ico_pop_01 {
    background:url(/biz/d/common/img/ico/pop_01.gif) 3px 4px no-repeat;
}

.service_nav_01 li .main .list ul li.filst { width:485px; margin-right:0; }

.service_nav_01 li .main .list ul li a { }
.service_nav_01 li .main .list ul li a:hover { text-decoration:underline; }

.service_nav_01 li .main .list ul li a:visited {
    color:#551a8b;
    text-decoration:none;
}

.service_nav_01 li .main .list ul li.ico_pop_01 a:visited {
    color:#551a8b;
    text-decoration:none;
}

/* service_nav_ico */
.service_nav_ico { margin-top:30px; }
.service_nav_ico ul { float:right; }
.service_nav_ico ul li { float:left; margin-left:10px; }
.service_nav_ico ul li .ico { margin-right:5px; }

/* =================================================================
    Service Navi 02（サービスインデックス-中カテゴリ）
================================================================= */

.service_nav_02 { display:block; margin-top:30px; background:#fff; border:#ccc 1px solid; }
.service_nav_02 h3 { float:left; width:168px; font-size:117%; }
.service_nav_02 h3 p { display:none;/*sp only*/ }
.service_nav_02 h3 a{
    display:table;
    *display:block;/*IE6,7*/
    width:128px;
    padding-left:30px;
    padding-right:10px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    background:#3b3b3b url(/biz/d/common/img/ico/arrow_03_w.png) 15px 50% no-repeat;
}
.service_nav_02 h3 a:hover { background-color:#626262; }
.service_nav_02 h3 a span { display:table-cell; vertical-align:middle; }

/*外部サイトへのリンクの場合*/
.service_nav_02 h3 a.pop{
    background:#3b3b3b url(/biz/d/common/img/ico/popup_02.png) 15px 50% no-repeat;
}
.service_nav_02 h3 a.pop:hover { background-color:#626262; }
.service_nav_02 h3 a.pop span { display:table-cell; vertical-align:middle; }

.service_nav_02 .list_blok { float:right; width:540px; padding-bottom:20px; }
.service_nav_02 .list_blok .lead { margin:15px 20px 0; font-size:117%; }
.service_nav_02 .list_blok .lead .txt { float:left; width:340px; }
.service_nav_02 .list_blok .lead .img { float:right; width:140px; }

.service_nav_02 .list_blok .service_top { margin:15px 20px 0; }

.service_nav_02 .list_blok .list { margin:10px 20px 0; padding-top:5px; border-top:#a6a6a6 1px dotted; }
.service_nav_02 .list_blok .list ul { }
.service_nav_02 .list_blok .list ul li {
    float:left;
    width:145px;
    margin:10px 0 0 0;
    padding-left:18px;
    background:url(/biz/d/common/img/ico/boxarrow_01.gif) 3px 4px no-repeat;
}

.service_nav_02 .list_blok .list ul li.ico_pop_01{background-image: url(/biz/d/common/img/ico/pop_01.gif);}

.service_nav_02 .list_blok .list ul li.filst { width:485px; margin-right:0; }

.service_nav_02 .list_blok .list ul li a { }
.service_nav_02 .list_blok .list ul li a:hover { text-decoration:underline; }

.service_nav_02 .list_blok .list ul li a:visited {
    color:#551a8b;
    text-decoration:none;
}
.service_nav_02 .list_blok .list ul li.ico_pop_01 a:visited {
    color:#551a8b;
    text-decoration:none;
}

/* =================================================================
    Service Index（サービスインデックス-サービストップ・詳細）
================================================================= */

#service_index { margin-top:50px; padding:5px 6px; background:#fff; border:#ccc 1px solid; }
#service_index h3 { font-size:117%; padding:10px 0 0 10px; }
#service_index li { float:left; width:212px; padding:10px; overflow: hidden;}
#service_index li:nth-child(3n+1){ clear:both; }
#service_index li a{
    display:table;
    *display:block;/*IE6,7*/
    width:185px;
    min-height:28px;
    _height:28px;/*IE6*/
    padding:5px 10px 5px 27px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-align:left;
    background:#3b3b3b url(/biz/d/common/img/ico/arrow_03_w.png) 10px 50% no-repeat;
}
#service_index li a.pop{
    background:#3b3b3b url(/biz/d/common/img/ico/popup_02.png) 10px 50% no-repeat;
}
#service_index li a:hover,
#service_index li a.act {
    background-color:#626262;
}
#service_index li a span { display:table-cell; vertical-align:middle; }

#service_index.accordion { margin-top:50px; padding:5px 0 0; background:#fff; border:#ccc 1px solid; }
#service_index.accordion h3 { font-size:117%; padding:10px 16px 0; }
#service_index.accordion h4 {
    font-size:117%;
    border-top:#ccc 1px solid;
}
#service_index.accordion h4 span {
    display:block;
    padding:10px 16px;
    background:url(/biz/d/common/img/ico/arrow_headline_01_off.png) 650px 50% no-repeat;
}

#service_index.accordion ul {
    padding:0 0 10px 6px;
}
#service_index.accordion div ul {
    padding:10px 0 10px 6px;
    border-top:#ccc 1px solid;
}



/* =================================================================
    Relation Case（関連導入事例）
================================================================= */

#relation_case {
    margin-top:50px;
    border:1px solid #069;
    background-color:#fff;
    padding:15px 3px 8px;
}

#relation_case .tit_btn { width:678px; margin:0 auto; padding:0 0 13px; }
#relation_case .tit_btn h3 { float:left; font-size:150%; font-weight:bold; }
#relation_case .tit_btn .btn_area { float:right; }
#relation_case .tit_btn .btn_area li { float:left; margin-left:10px; }
#relation_case .tit_btn .btn_area p { display:block; }
#relation_case .tit_btn .btn_area a {
    display:table;
    *display:block;/*IE6,7*/
    min-height:20px;
    _height:20px;/*IE6*/
    padding:5px 10px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    background:#09c;
    font-size:117%;
}
#relation_case .tit_btn .btn_area a:hover { background-color:#33acd9; }
#relation_case .tit_btn .btn_area .same_case { width:230px; }
#relation_case .tit_btn .btn_area .my_case { width:140px; }

#relation_case .tit_btn .btn_area .my_case a { padding:5px 20px; }

#relation_case .tit_btn .btn_area a span { display:table-cell; vertical-align:middle; }
#relation_case .tit_btn .btn_area .same_case a span { padding-left:15px; background:url(/biz/d/common/img/ico/arrow_02_w.png) 0 50% no-repeat; }
#relation_case .tit_btn .btn_area .my_case a span { padding-left:20px; background: url(/biz/d/common/img/ico/check_01_w.png) 0 50% no-repeat; }

#relation_case .case_list { padding-left:5px; }
#relation_case .case_list li { float:left; width:217px; padding:7px; }
#relation_case .case_list li img { border:#ccc 1px solid; width:217px; }
#relation_case .case_list li p { margin-top:10px; font-size:108%; line-height:1.6; }
#relation_case .case_list li p strong { font-size:108%; color:#f39; }
#relation_case .case_list li .link { float:left; width:200px; }
#relation_case .case_list li .pdf { float:right; width:11px; }
#relation_case .case_list li .pdf a { display:block; line-height:1.2; }
#relation_case .case_list li .pdf a img { width:16px; }
#relation_case .case_list li .pdf img { border:none; }
#relation_case .case_list li dt,
#relation_case .case_list li dd { display:inline; line-height:1.7; }

#relation_case .search { margin:20px 12px 0; padding-bottom:5px; }
#relation_case .search li { width:330px; margin:0 auto; background:#09c; }
#relation_case .search li:hover { background-color:#33acd9; }
#relation_case .search .same_btn { display:none; float:left; }
#relation_case .search .other_btn { }
#relation_case .search a {
    display:block;
    padding:8px 10px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-align:center;
    font-size:117%;
}
#relation_case .search a span { padding:10px 0 10px 25px; background:url(/biz/d/common/img/ico/search_01_w.png) 0 50% no-repeat; }


body.case #relation_case .search .same_btn { display:block; }
body.case #relation_case .search .other_btn { float:right; }

/* =================================================================
    Recommend Navi（おすすめサービス）
================================================================= */

#recommend_nav{ margin-top:20px; padding:5px 6px; background:#fff; border:#ccc 1px solid; }
#recommend_nav h3 { font-size:117%; padding:10px 0 0 10px; }
#recommend_nav li { float:left; width:212px; padding:10px; }
#recommend_nav li:nth-child(3n+1){ clear:both; }
#recommend_nav li a{
    display:table;
    *display:block;/*IE6,7*/
    width:185px;
    min-height:28px;
    _height:28px;/*IE6*/
    padding:5px 10px 5px 27px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-align:left;
    background:#777 url(/biz/d/common/img/ico/arrow_03_w.png) 10px 50% no-repeat;
}
#recommend_nav li a.pop{
    background:#777 url(/biz/d/common/img/ico/popup_02.png) 10px 50% no-repeat;
}
#recommend_nav li a:hover { background-color:#929292; }
#recommend_nav li a span { display:table-cell; vertical-align:middle; }

/* =================================================================
   Relation Servide（あわせてよく検討されるサービス）
================================================================= */

#relation_service { margin-top:20px; padding:5px 6px; background:#fff; border:#ccc 1px solid; }
#relation_service h3 { font-size:117%; padding:10px 0 0 10px; }
#relation_service li { float:left; width:212px; padding:10px; }
#relation_service li a{
    display:table;
    *display:block;/*IE6,7*/
    width:185px;
    min-height:28px;
    _height:28px;/*IE6*/
    padding:5px 10px 5px 27px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-align:left;
    background:#09c url(/biz/d/common/img/ico/arrow_03_w.png) 10px 50% no-repeat;
}
#relation_service li a:hover { background-color:#33acd9; }
#relation_service li a span { display:table-cell; vertical-align:middle; }
#relation_service li p { margin-top:1em; }

/*外部サイトへリンクする場合*/
#relation_service li a.pop{
    background:#09c url(/biz/d/common/img/ico/popup_02.png) 10px 50% no-repeat;
}
#relation_service li a.pop:hover { background-color:#33acd9; }
#relation_service li a.pop span { display:table-cell; vertical-align:middle; }


/* =================================================================
    Case Navi
================================================================= */

.case_nav{
    margin:40px -16px 0 -15px;
    width:741px;
}

.case_nav ul.case_nav_group{
    margin-top:-40px;
    width:741px;
}

.case_nav li.case_nav_group{
    position:relative;
    float:left;
    width:217px;
    margin-top:40px;
    padding:0 15px;
}

.case_nav li.case_nav_group img{
    border:#fff 1px solid;
}

.case_nav li.case_nav_group p{
    margin-top:10px;
    font-size:108%;
    line-height:1.6;
}

.case_nav li.case_nav_group dt,
.case_nav li.case_nav_group dd{
    display:inline;
    line-height:1.7;
}

.case_nav li.case_nav_group a.pdf{
    position:absolute;
    right:15px;
    top:78px;
}


.case_nav li.case_nav_group li.ico_pop_01{
    margin-top:10px;
    padding-left:18px;
    background:url(/biz/d/common/img/ico/pop_01.gif) no-repeat 0 4px;
}


/* =================================================================
    Support Navi
================================================================= */
.support_nav { margin-top:10px; padding:10px 25px 15px; border:solid 5px #e5e5e5; background:#FFF; }

.support_nav .head_line { margin-bottom:5px; }
.support_nav .head_line .text { float:left; font-size:133%; line-height:1.4; }
.support_nav .head_line .text a{
    padding-left:30px;
    background: url(/biz/d/common/img/ico/mail_02_b.png) 0 50% no-repeat;
}

.support_nav .head_line .btn { float:left; margin-left:10px; }
.support_nav .head_line .btn a {
    display:block;
    padding:3px 7px;
    background:#0097d0;
    color:#fff;
    font-size:80%;
    text-align:center;
}
.support_nav .head_line .btn a span {
    padding-left:10px;
    background: url(/biz/d/common/img/ico/arrow_01_w.png) no-repeat 0 50%;
}

.support_nav dt { padding-bottom:8px; border-bottom:solid 1px #0097d0; }
.support_nav dt p {
    display:table;
    *display:block;
    width:100%;
}
.support_nav dt a {
    display:table-cell;
    vertical-align:bottom;
    padding-left:15px;
    color:#0097d0;
    font-size:117%;
    font-weight:bold;
    line-height:1.2;
    background:url(/biz/d/common/img/ico/arrow_02_blue.png) no-repeat left 80%;
}
.support_nav dt a:hover {
    color:#0097d0;
    text-decoration:underline;
}
.support_nav dt a.ico_pop_01 {
    background:url(/biz/d/common/img/ico/pop_01.gif) no-repeat left 80%;
}

.support_nav dt a span { font-size:80%; }
.support_nav dd { margin-top:10px; }


/* =================================================================
    Pickup
================================================================= */
.pickup { position:relative; margin-top:10px; padding:10px 35px; background:#FFF; }
.pickup .back { position: absolute; top:55px; left:10px; }
.pickup .next { position: absolute; top:55px; right:10px; }

.pickup .inner { position:relative; width:640px; height:107px; overflow:hidden; }
.pickup .inner .bnr_list { position:absolute; top:0; left:0; width:650px; }
.pickup .inner .bnr_list li { float:left; margin-right:10px; border:solid 1px #cdd5d5; }



/* =================================================================
    freeword search
================================================================= */
#search_freeword {
    background: none repeat scroll 0 0 #E5E5E5;
    margin-top: 20px;
    padding: 20px;
}
#search_freeword .title {
    background: url("/biz/d/common/img/ico/search_01_blue.png") no-repeat scroll 0 50% transparent;
    font-size: 158%;
    padding:4px 0 0 35px;
    min-height:20px;
    _height:20px;
}
#search_freeword .main {
    margin-top: 20px;
}
#search_freeword .search_box {
    border: medium none;
    float: left;
    font-size: 117%;
    padding: 5px 10px 4px;
    width: 230px;
}
#search_freeword .btn_search {
    background: url("/biz/d/common/img/find/btn_search.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin-left: 10px;
    overflow: hidden;
    text-indent: -9999px;
    width: 80px;
}
#search_freeword .btn_search:hover {
    background: url("/biz/d/common/img/find/btn_search_on.gif") no-repeat scroll 0 0 transparent;
}
#search_freeword .txt {
    line-height: 1.3;
    margin-left: 350px;
}



/* =================================================================
    見つかる検索用
================================================================= */
#find #float,
#find #float .content,
#find #float .content .menu,
#find #float .content .subject,
#find #float .content .refine { display:none; }


/* =================================================================
    1カラム版：白いボックスの中にページ内リンクボタン（2カラム）
================================================================= */
.btn_box_02 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E4E4E4;
    padding: 10px 20px 20px;
    margin-top:35px;
}

.btn_box_02 ul.clm2_mod01 { }
.btn_box_02 ul.clm2_mod01 li.clm2_left  { float:left;  width:46%; margin-top:10px; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_02 ul.clm2_mod01 li.clm2_right { float:right; width:46%; margin-top:10px; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_02 ul.clm2_mod01 li.clm2_left:hover  { background-color:#efefef; }
.btn_box_02 ul.clm2_mod01 li.clm2_right:hover { background-color:#efefef; }
.btn_box_02 ul.clm2_mod01 a {
    display:table-cell;
    vertical-align:middle;
    background: url("/biz/d/common/img/ico/arrow_pagedown.gif") no-repeat scroll right 50% transparent;
    padding-right: 18px;
}

.btn_box_02 ul.clm2_mod01.blu li { background-color:#c8e7f6; }
.btn_box_02 ul.clm2_mod01.blu li:hover { background-color:#d8f1fd; }

.section_01 .btn_box_02 a { color:#333; text-decoration:none; }

/* =================================================================
    1カラム版：白いボックスの中にページ内リンクボタン（4カラム）
================================================================= */
.btn_box_02 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E4E4E4;
    padding: 10px 20px 20px;
    margin-top:35px;
}

.btn_box_02 ul.clm4_mod01 { }
.btn_box_02 ul.clm4_mod01 li.clm4_col1 { float:left; width:21%; margin-top:10px; margin-right:2.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_02 ul.clm4_mod01 li.clm4_col2 { float:left; width:21%; margin-top:10px; margin-right:2.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_02 ul.clm4_mod01 li.clm4_col3 { float:left; width:21%; margin-top:10px; margin-right:2.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_02 ul.clm4_mod01 li.clm4_col4 { float:left; width:21%; margin-top:10px; margin-right:0%;   background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_02 ul.clm4_mod01 li.clm4_col1:hover { background-color:#efefef; }
.btn_box_02 ul.clm4_mod01 li.clm4_col2:hover { background-color:#efefef; }
.btn_box_02 ul.clm4_mod01 li.clm4_col3:hover { background-color:#efefef; }
.btn_box_02 ul.clm4_mod01 li.clm4_col4:hover { background-color:#efefef; }
.btn_box_02 ul.clm4_mod01 a {
    display:table-cell;
    vertical-align:middle;
    background: url("/biz/d/common/img/ico/arrow_pagedown.gif") no-repeat scroll right 50% transparent;
    padding-right: 18px;
}

.btn_box_02 ul.clm4_mod01.blu li { background-color:#c8e7f6; }
.btn_box_02 ul.clm4_mod01.blu li:hover { background-color:#d8f1fd; }


/* =================================================================
    2カラム版：白いボックスの中にページ内リンクボタン（5カラム）
================================================================= */
.btn_box_03 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E4E4E4;
    padding: 10px 20px 20px;
    margin-top:35px;
}

.btn_box_03 ul.clm5_mod01 { }
.btn_box_03 ul.clm5_mod01 li.clm5_col1 { float:left; width:16%; margin-top:10px; margin-right:1.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm5_mod01 li.clm5_col2 { float:left; width:16%; margin-top:10px; margin-right:1.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm5_mod01 li.clm5_col3 { float:left; width:16%; margin-top:10px; margin-right:1.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm5_mod01 li.clm5_col4 { float:left; width:16%; margin-top:10px; margin-right:1.2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm5_mod01 li.clm5_col5 { float:left; width:16%; margin-top:10px; margin-right:0%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm5_mod01 li.clm5_col1:hover { background-color:#efefef; }
.btn_box_03 ul.clm5_mod01 li.clm5_col2:hover { background-color:#efefef; }
.btn_box_03 ul.clm5_mod01 li.clm5_col3:hover { background-color:#efefef; }
.btn_box_03 ul.clm5_mod01 li.clm5_col4:hover { background-color:#efefef; }
.btn_box_03 ul.clm5_mod01 li.clm5_col5:hover { background-color:#efefef; }
.btn_box_03 ul.clm5_mod01 a {
    display:table-cell;
    vertical-align:middle;
    background: url("/biz/d/common/img/ico/arrow_pagedown.gif") no-repeat scroll right 50% transparent;
    padding-right: 18px;
}

.section_01 .btn_box_03 a { color:#333; text-decoration:none; }

.btn_box_03 ul.clm5_mod01.blu li { background-color:#c8e7f6; }
.btn_box_03 ul.clm5_mod01.blu li:hover { background-color:#d8f1fd; }


/* =================================================================
    2カラム版：白いボックスの中にページ内リンクボタン（4カラム）
================================================================= */
.btn_box_03 ul.clm4_mod01 { }
.btn_box_03 ul.clm4_mod01 li.clm4_col1 { float:left; width:20%; margin-top:10px; margin-right:2.5%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm4_mod01 li.clm4_col2 { float:left; width:20%; margin-top:10px; margin-right:2.5%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm4_mod01 li.clm4_col3 { float:left; width:20%; margin-top:10px; margin-right:2.5%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm4_mod01 li.clm4_col4 { float:left; width:20%; margin-top:10px; margin-right:0%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm4_mod01 li.clm4_col1:hover { background-color:#efefef; }
.btn_box_03 ul.clm4_mod01 li.clm4_col2:hover { background-color:#efefef; }
.btn_box_03 ul.clm4_mod01 li.clm4_col3:hover { background-color:#efefef; }
.btn_box_03 ul.clm4_mod01 li.clm4_col4:hover { background-color:#efefef; }
.btn_box_03 ul.clm4_mod01 a {
    display:table-cell;
    vertical-align:middle;
    background: url("/biz/d/common/img/ico/arrow_pagedown.gif") no-repeat scroll right 50% transparent;
    padding-right: 18px;
}

.section_01 .btn_box_03 a { color:#333; text-decoration:none; }

.btn_box_03 ul.clm4_mod01.blu li { background-color:#c8e7f6; }
.btn_box_03 ul.clm4_mod01.blu li:hover { background-color:#d8f1fd; }


/* =================================================================
    2カラム版：白いボックスの中にページ内リンクボタン（3カラム）
================================================================= */
.btn_box_03 ul.clm3_mod01 { }
.btn_box_03 ul.clm3_mod01 li.clm3_col1 { float:left; width:29%; margin-top:10px; margin-right:2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm3_mod01 li.clm3_col2 { float:left; width:29%; margin-top:10px; margin-right:2%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm3_mod01 li.clm3_col3 { float:left; width:29%; margin-top:10px; margin-right:0%; background-color:#dedede; padding:10px 10px; display:table; text-align:center; }
.btn_box_03 ul.clm3_mod01 li.clm3_col1:hover { background-color:#efefef; }
.btn_box_03 ul.clm3_mod01 li.clm3_col2:hover { background-color:#efefef; }
.btn_box_03 ul.clm3_mod01 li.clm3_col3:hover { background-color:#efefef; }
.btn_box_03 ul.clm3_mod01 a {
    display:table-cell;
    vertical-align:middle;
    background: url("/biz/d/common/img/ico/arrow_pagedown.gif") no-repeat scroll right 50% transparent;
    padding-right: 18px;
}

.btn_box_03 ul.clm3_mod01.blu li { background-color:#c8e7f6; }
.btn_box_03 ul.clm3_mod01.blu li:hover { background-color:#d8f1fd; }

/* =================================================================
    画像によるページ内リンクボタン（3カラム）
================================================================= */
.btn_box_04 ul{ margin-top:1.7%; }
.btn_box_04 ul li{ width:32%; float:left; margin-right:1.9%; }
.btn_box_04 ul li img{ width:100%; border:solid 1px #cdcdcd; }
.btn_box_04 ul li.btn_last{ margin-right:0; }
/* =================================================================
    画像によるページ内リンクボタン（2カラム）
================================================================= */
.btn_box_05 ul{ margin-top:1.7%; }
.btn_box_05 ul li.li_left{ width:49%; float:left;}
.btn_box_05 ul li.li_right{ width:49%; float:right;}
.btn_box_05 ul li img{ width:100%; border:solid 1px #cdcdcd; }
/* =================================================================
    switch_box
================================================================= */
#switch_box {  }
#switch_box p { padding:50px 20px; }
#switch_box a { display:block; padding:0 20px; background:#0097cf url(/biz/d/common/img/ico/arrow_03_w.png) no-repeat 98% center; background-size:auto 12%; color:#fff; font-size:350%; font-weight:bold; line-height:1.2; text-align:center; text-decoration:none !important; }
#switch_box a:hover { background-color:#33acd9; }
#switch_box a span { display:block; padding:30px 10px 30px 40px; background:url(/biz/d/common/img/ico/switch.png) no-repeat left center; }

















/* =======================================================================================================================
    Consumer Style
========================================================================================================================== */

/* =================================================================
    Tab（タブ型ナビゲーション）
================================================================= */

/* tab_mod_01
------------------------------------------ */

body.consumer .tab_mod_01 li.act { background:#fef7e9; }

body.consumer .tab_mod_01 dt.act,
body.consumer .tab_mod_01 dd.act { background:#fef7e9; }


/* =================================================================
    Service Navi 01（サービスインデックス-大カテゴリ）
================================================================= */

body.consumer .service_nav_01 .title_h { background:#fef7e9; border:1px solid #fef7e9; }

/* =================================================================
    Google Apps for Work mainCol お問い合わせボタン
================================================================= */


#contact_box_google_apps {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
}
#contact_box_google_apps_item{
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
}
#contact_box_google_apps_item .ga_ofr_btn{
    width: 100%;
}
#contact_box_google_apps #contact_box_google_apps_item dl dd {
    border-bottom: none;
}
#contact_box_google_apps #contact_box_google_apps_item dl dt{
    position: relative;
}
#contact_box_google_apps #contact_box_google_apps_item dl dd.tel{
    padding: 18px 0;
    box-sizing: border-box;
}
#contact_box_google_apps dl {
    padding: 0 7px;
    position: relative;
    background: none repeat scroll 0 0 #e5e5e5;
    border: 7px solid #ddd;
    height: 163px;
}

#contact_box_google_apps dl dt {
    font-size: 117%;
    font-weight: bold;
    padding: 10px 0 0 10px;
    position: absolute;
    width: 100%;
}

#contact_box_google_apps dl dd {
    margin-top:20px;
    border-bottom: 1px dashed #a6a6a6;
    padding: 15px 10px;
    overflow:hidden;
}

#contact_box_google_apps dl dt .tel{
    font-size: 117%;
    font-weight: bold;
    padding: 25px 0 0 10px;
    position: absolute;
    width: 135px;
}

#contact_box_google_apps dl dd.tel {
    border-bottom: medium none;
    padding: 18px 0 18px 135px;
}

#contact_box_google_apps dl dd.tel .number {
    background: url("/biz/d/common/img/ico/tel_01_b.png") no-repeat scroll 0 40% rgba(0, 0, 0, 0);
    font-size: 200%;
    font-weight: bold;
    line-height: 1em;
    margin-right: 10px;
    padding: 5px 0 5px 30px;
}

.ga_ofr_btn {
    width:49%;
    float:left;
}

.ga_ofr_btn2 {
    width:49%;
    float:left;
    margin-left:10px;
}

.cloud.google.google_chrome .ga_ofr_btn {
    margin:0 auto;
    float:none;
}


/* =================================================================
    H3見出しにアイコン（スマホでは非表示）
================================================================= */
.otk_mds_ico_01 {
    background:url(/otoku/img/otoku_index_03.jpg) no-repeat 10px top;
    background-size:contain;
}
.otk_mds_ico_02 {
    background:url(/otoku/img/otoku_index_04.jpg) no-repeat top right;
    background-size:contain;
}
.otk_mds_ico_03 {
    background:url(/otoku/img/otoku_index_05.jpg) no-repeat top right;
    background-size:contain;
}
.otk_mds_ico_04 {
    background:url(/otoku/img/otoku_index_14.jpg) no-repeat top right;
    background-size:contain;
}
.otk_mds_ico_05 {
    background:url(/otoku/img/otoku_index_18.jpg) no-repeat top right;
    background-size:contain;
}
.ico_none {
}
.pl30_pcOnly {
    padding-left:45px!important;
}

/* =================================================================
    おとくラインの水色アイコン画像を並べる用
================================================================= */
.otoku .wd330 {  }
.otoku .wd300 {  }
.otoku .wd270 {  }
.otoku .wd240 {  }
.otoku .wd210 {  }
.otoku .wd180 {  }
.otoku .wd150 {  }
.otoku .wd120 {  }
.otoku .wd90  {  }
.otoku .wd60  {  }

.otoku .mob_spec_ico_block_01 {
    border: medium none;
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    list-style: none outside none;
    margin-left:17px;
}
.otoku .mob_ico_func_01 {
    background-color: #45BCE9;
    color: #FFFFFF;}

.otoku .mob_spec_ico_01 {
    display: table-cell;
    font-size: 1%;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    width: 61px;
}
.otoku .mob_spec_ico_02 {
    display: table-cell;
    font-size: 1%;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    width: 90px;
}
.otoku .mob_spec_ico_03 {
    display: table-cell;
    font-size: 1%;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    width: 122px;
}

/*2014.12.26追記　フリーコールスーパー用お問い合わせボタン改修用*/
li.pc_freecall_w400 { width:400px!important; }
a.pc_freecall_pad { padding:15px 20px 15px 35px!important; }

.freecall_sp .bizDialCs .tel {
float: left;
/* IE6 */
_float:none;
/*  end IE6 */
font-size: 200%;
font-weight: bold;
line-height: 1em;
margin-top:0;
margin-right: 2px;
margin-left:80px;
padding: 5px 0 5px 50px !important;
width: 240px;
/* IE6 */
_width:100%;
/* end IE6 */
height:28px;
}

.freecall_sp .bizDialCs .subTxt {
float:left;
_float:none;
font-size:100%;
margin-top:0;
padding:11px 0 0 0 ;
}
.freecall_sp .biz_inq { width:250px; margin:0 auto; }


/*2015.7.10追記　アイコンと説明文の定義リスト
使用ページ
/cloud/saas/concenter/
/other/healthcare/（←はアイコンサイズが大きいのでwidthを調整しています）
*/
.dl_display_table{
    display:table;
    width:100%;
}

.dl_display_table dt{
    display:table-cell;
    width:19%;
}

.dl_display_table dd{
    display:table-cell;
    width:81%;
    vertical-align: top;
}


/*2015.7.10追記　左右2カラム内にアイコンと説明文の定義リスト
使用ページ/cloud/saas/concenter/*/
.pc_fll .dl_display_table, .pc_flr .dl_display_table{
    display:table;
    width:100%;
}

.pc_fll .dl_display_table dt, .pc_flr .dl_display_table dt{
    display:table-cell;
    width:33%;
}

.pc_fll .dl_display_table dd, .pc_flr .dl_display_table dd{
    display:table-cell;
    width:67%;
    vertical-align: top;
}



/*2015.11.13追記　コンテンツの中で使用する見出し的なもの（3カラム・2カラム）
使用ページ/cloud/saas/o365/exchange/ など*/
.blackwhite_box        { margin-top:15px; }
.blackwhite_box li.clm_left   { float:left; margin:11px 11px 0 0; border:#cdcdcd 1px solid; background:#fff; }
.blackwhite_box li.clm_center { float:left; margin:11px 11px 0 0; border:#cdcdcd 1px solid; background:#fff; }
.blackwhite_box li.clm_right  { float:left; margin:11px  0px 0 0; border:#cdcdcd 1px solid; background:#fff; }
.blackwhite_box a      { color:#fff; }
.blackwhite_box .ttl   { display:table-cell; vertical-align:middle; padding:4px 8px 4px 38px; line-height:1.2; }
.blackwhite_box .title { display:table; width:100%; min-height:45px; _height:45px; font-size:107%; background:#3b3b3b url(/biz/d/common/img/ico/arrow_03_w.png) 15px 50% no-repeat; }
.blackwhite_box .title.pop         { background:#3b3b3b url(/biz/d/common/img/ico/popup_02.png) 15px 50% no-repeat; color:#ffffff; }
.blackwhite_box .title.nolink      { background:#3b3b3b none repeat scroll 0 0; color:#ffffff; }
.blackwhite_box .title.nolink .ttl { padding:4px 8px 4px 16px; line-height:1.2; text-align:left; }
.blackwhite_box li div.img         { padding:10px 16px 0px; text-align:center;}
.blackwhite_box li .box            { padding:10px 16px; color:#000000; }
.blackwhite_box li p.lead          { margin-top:0px; font-size:100%; color:#000000; }
.blackwhite_box a                  { text-decoration:none; }
.blackwhite_box a.hover:hover      { display:block; opacity:0.7; filter:alpha(opacity=70); }

.blackwhite_box.col1 li.clm_left, .blackwhite_box.col1 li.clm_center, .blackwhite_box.col1 li.clm_right { width:710px; margin-right:0; }
.blackwhite_box.col2 li.clm_left, .blackwhite_box.col2 li.clm_center, .blackwhite_box.col2 li.clm_right { width:347px; }
.blackwhite_box.col3 li.clm_left, .blackwhite_box.col3 li.clm_center, .blackwhite_box.col3 li.clm_right { width:227px; }

/* =================================================================
    sound_box（音声再生）
================================================================= */
#sound_box { margin-top: 70px; }