﻿@charset "utf-8";
/* ---------------------------------------------
 reset css
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; }
input,textarea { margin:0; font-size:100%; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
img { border:0; }
address,em,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr { display:none; clear:both; }
/*for new HTML5 elements*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {display:block;}
/* ---------------------------------------------
 font base
--------------------------------------------- */
body { color:#444; font:13px/1.231 'メイリオ',Meiryo,"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}
select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; }
table { font-size:inherit; font:100%;}
pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:100%; }
/* ---------------------------------------------
 font resize
--------------------------------------------- */
body.font_s {font-size:11px;}
body.font_m {font-size:13px; *font-size:small;/*IE*/ }
body.font_l {font-size:15px;}
body.font_l #logo { width:300px;/* <- 315px */}
body.font_l #header .utility { width:450px;/* <- 425px */}
body.font_l #header .utility .search { width:282px;/* <- 257px */}
body.font_l #header .utility ul.link { width:450px;/* <- 425px */}
body.font_l #header .utility ul.link li { margin-right:4px; }
body.font_l #article #solution .header .search { width:220px; }
/* ---------------------------------------------
 font style
--------------------------------------------- */
/* font-style */
.fNormal  { font-weight:normal; }
.fBold   { font-weight:bold; }
/* font-size base13px */
.f10{font-size:77%}
.f11{font-size:85%}
.f12{font-size:93%}
.f13{font-size:100%}
.f14{font-size:108%}
.f15{font-size:116%}
.f16{font-size:123.1%}
.f18{font-size:138.5%}
.f20{font-size:153.9%}
.f22{font-size:167%}
.f24{font-size:182%}
.f26{font-size:197%}
.f28{font-size:215.4%;}
/* strong */
strong {font-weight:bold; color:#000;}
/* em */
em {color:#c00; font-weight:bold; font-style:normal;}
/* sub */
sub {vertical-align:baseline;}
/* ---------------------------------------------
 line-height 
--------------------------------------------- */
.lh12 { line-height:1.2   !important; }
.lh14 { line-height:1.4   !important; }
.lh16 { line-height:1.6   !important; }
.lh18 { line-height:1.8   !important; }
/* ---------------------------------------------
 link 
--------------------------------------------- */
a { color:#147; text-decoration:none; outline:none; }
a.disable { pointer-events: none; }
a:hover { text-decoration:underline;}
a img { border:none; }
a:hover img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }
a:hover img.over { opacity:inherit; -moz-opacity:inherit; filter:none; -ms-filter:none; }

/* ---------------------------------------------
 js
--------------------------------------------- */
.over            {/* ロールオーバー呼び出し用 */}
.png             {/* DD_belatedPNG.js呼び出し用 */}
.js_window_open-width-height {;}
.js_page_print   {;}
.js_window_close {;}
.opacityOver { background:#fff; }
/* .tooltip {display:none; font-size:12px; height:70px; width:160px; padding:25px; color:#fff;	
	background:transparent url(../images/tooltip/black_arrow.png);}*/
/* ---------------------------------------------
 align 
--------------------------------------------- */
.alignL { text-align:left !important; }
.alignC { text-align:center !important; }
.alignR { text-align:right !important; }
.valignT { vertical-align:top    !important; }
.valignM { vertical-align:middle !important; }
.valignB { vertical-align:bottom !important; }
/* ---------------------------------------------
 table
--------------------------------------------- */
table { line-height:1.6;}

table.tbl {border-bottom:#dedede 1px solid; border-right:#dedede 1px solid; width:100%;}
table.tbl caption {text-align:left; font-size:108%; padding:10px 15px; margin:0; color:#fff; background:#222; }
table.tbl caption.cap2 {color:#000; background:#dedede; }
table.tbl th {border-top:#fff 1px solid; border-left:#dedede 1px solid; padding:13px; vertical-align:middle; color:#000; background:#f5f5f5; }
table.tbl th.bt {border-top:#ddd 1px solid; border-left:#ddd 1px solid; padding:15px; vertical-align:middle; background:#f5f5f5;}
table.tbl th.bl {border-left:#fff 1px solid;}
table.tbl tr.alignC th { text-align:center;}
table.tbl tr.th1 th,
table.tbl th.th1 { background:#dedede; color:#000; /*font-size:108%;*/}
table.tbl td {border-top:#dedede 1px solid; border-bottom:0 solid; padding:15px; vertical-align:top; /*position:relative*/}
table.tbl td.bl {border-left:#dedede 1px solid;}
table.tbl h3.h { color:#000; font-weight:bold; padding-bottom:10px;}
table.tbl th.sell_white { background:#fff;}

table.tbl1 {border-bottom:#dedede 1px solid; border-left:#dedede 1px solid; width:100%;}
table.tbl1 caption {text-align:left; font-size:108%; padding:10px 15px; margin:0; color:#fff; background:#222; }
table.tbl1 th {border-top:#fff 1px solid; padding:13px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.5; }
table.tbl1 th.bt {border-top:#dedede 1px solid;}
table.tbl1 tr.alignC th { text-align:center;}
table.tbl1 tr.th1 th,
table.tbl1 th.th1 { background:#06398c; color:#fff; border-top:none; border-right:#fff 1px solid; padding:10px 3px; }
table.tbl1 tr.th2 th,
table.tbl1 th.th2 { background:#06398c; color:#fff; border-top:#fff 1px solid; border-right:#fff 1px solid; padding:13px 3px; }
table.tbl1 tr.th1 th.nodata,
table.tbl1 th.th1.nodata { background: transparent; border: none;}
table.tbl1 th.br {border-right:#dedede 1px solid !important;}

table.tbl1 td {border-top:#dedede 1px solid; border-right:#dedede 1px solid; border-bottom:0 solid; padding:10px; position:relative}
table.tbl1 h3.h { color:#000; font-weight:bold; padding-bottom:5px;}

table.tbl1b {border-bottom:#dedede 1px solid; border-left:#dedede 1px solid; width:100%;}
table.tbl1b caption {font-size:108%; padding:10px 15px; margin:0; color:#000; background:#dedede; text-align:center; }
table.tbl1b th {border-top:#fff 1px solid; padding:6px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.5; }
table.tbl1b td {border-top:#dedede 1px solid; border-right:#dedede 1px solid; border-bottom:0 solid; padding:6px; text-align:right;}
table.tbl1b th.bt {border-top:#dedede 1px solid;}
table.tbl1b th.br {border-right:#dedede 1px solid !important;}

/* .tbl1c <- .tbl */
table.tbl1c {border-bottom:#dedede 1px solid; border-right:#dedede 1px solid; width:100%;}
table.tbl1c caption {text-align:left; font-size:108%; padding:10px 15px; margin:0; color:#fff; background:#222; }
table.tbl1c caption.cap2 {color:#000; background:#dedede; }
table.tbl1c th {border-top:#fff 1px solid; border-left:#dedede 1px solid; padding:6px; vertical-align:middle; color:#000; background:#f5f5f5; }
table.tbl1c th.bt {border-top:#ddd 1px solid; border-left:#ddd 1px solid; padding:6px; vertical-align:middle; background:#f5f5f5;}
table.tbl1c th.bl {border-left:#fff 1px solid;}
table.tbl1c tr.alignC th { text-align:center;}
table.tbl1c tr.th1 th,
table.tbl1c th.th1 { background:#dedede; color:#000; /*font-size:108%;*/}
table.tbl1c td {border-top:#dedede 1px solid; border-bottom:0 solid; padding:6px; vertical-align:top; position:relative; line-height:1.6;}
table.tbl1c td.bl {border-left:#dedede 1px solid;}
table.tbl1c h3.h { color:#000; font-weight:bold; padding-bottom:6px;}

/* .tbl1d <- .tbl1 */
table.tbl1d {border-bottom:#dedede 1px solid; border-left:#dedede 1px solid; width:100%;}
table.tbl1d caption {text-align:left; font-size:108%; padding:10px 15px; margin:0; color:#fff; background:#222; }
table.tbl1d th {border-top:#fff 1px solid; padding:6px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.5; }
table.tbl1d th.bt {border-top:#dedede 1px solid;}
table.tbl1d tr.alignC th { text-align:center;}
table.tbl1d tr.th1 th,
table.tbl1d th.th1 { background:#dedede; color:#000; border-top:none; border-right:#fff 1px solid; padding:6px 3px; }
table.tbl1d th.br {border-right:#dedede 1px solid !important;}
table.tbl1d td {border-top:#dedede 1px solid; border-right:#dedede 1px solid; border-bottom:0 solid; padding:6px; position:relative}
table.tbl1d h3.h { color:#000; font-weight:bold; padding-bottom:10px;}

table.tbl2 {;}
table.tbl2 th,
table.tbl2 td { border-right:1px solid #fff; padding:6px; vertical-align:top; background:#f5f5f5; width:100%;}

table.tbl3 {border-bottom:#dedede 1px solid; border-right:#dedede 1px solid; width:100%;}
table.tbl3 caption {text-align:left; padding:3px; margin:0; background:#fff; font-weight:normal; }
table.tbl3 th {border-top:#dedede 1px solid; border-left:#fff 1px solid; padding:6px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.5; }
table.tbl3 th.bl {border-left:#dedede 1px solid;}
table.tbl3 td {border-top:#dedede 1px solid; border-left:#dedede 1px solid; border-bottom:0 solid; padding:6px; position:relative}
table.tbl3 h3.h { color:#000; font-weight:bold; padding-bottom:10px;}



table.tbl3b {border-bottom:#dedede 1px solid; border-right:#dedede 1px solid; width:100%;}
table.tbl3b th {border-top:#dedede 1px solid; border-left:#fff 1px solid; padding:6px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.5; }
table.tbl3b th.bl {border-left:#dedede 1px solid;}
table.tbl3b th.bg {color:#fff; background:#000;}
table.tbl3b td {border-top:#dedede 1px solid; border-left:#dedede 1px solid; border-bottom:0 solid; padding:6px;}

table.tbl4 {border-bottom:#dedede 1px solid; border-right:#dedede 1px solid; width:100%; margin-bottom:30px;}
table.tbl4 caption {text-align:left; padding:10px 15px; margin:0; color:#000; background:#dedede; }
table.tbl4 td {border-top:#dedede 1px solid; border-bottom:0 solid; padding:6px; vertical-align:top; /*position:relative;*/}
table.tbl4 th,
table.tbl4 td.img {border-top:#fff 1px solid; padding:6px; vertical-align:top; background:#f5f5f5; }
table.tbl4 th {color:#000; text-align:right; width:15%; padding:6px 6px 6px 2px; border-left:#dedede 1px solid; }
table.tbl4 td.img {padding:6px;}
table.tbl4 th.bt,
table.tbl4 td.bt {border-top:#dedede 1px solid;}
table.tbl4 th.th1 { background:#dedede; color:#000; /*font-size:108%;*/}

.officelist table.tbl4 th { text-align:left; padding:6px; width:18%;}

table.tbl5 {width:100%; margin-bottom:30px;}
table.tbl5 td {border-bottom:#dedede 1px solid; padding:6px;}
table.tbl5 th {border-bottom:#dedede 1px solid; padding:6px 6px 6px 1px;  vertical-align:top;}
table.col5 th,
table.col5 td { width:20%;}

table.tbl6 {border-bottom:#dedede 1px solid; border-right:#dedede 1px solid; width:100%;}
table.tbl6 th,
table.tbl6 td { border-top:1px solid #dedede; border-left:1px solid #dedede; padding:6px; vertical-align:middle; text-align:center;}

table.tbl7 {border-bottom:#dedede 1px solid; width:100%;}
table.tbl7 caption {text-align:left; font-size:108%; padding:10px 15px; margin:0; color:#fff; background:#222; }
table.tbl7 th {border-top:#fff 1px solid; padding:13px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.5; border-right:#dedede 1px solid; border-left:#dedede 1px solid;}
table.tbl7 th.bt {border-top:#dedede 1px solid; border-left:#dedede 1px solid;}
table.tbl7 tr.alignC th { text-align:center;}
table.tbl7 tr.th1 th,
table.tbl7 th.th1 { background:#06398c; color:#fff; border-top:none; border-right:#dedede 1px solid; padding:13px 3px; border-left:1px solid #dedede; }
table.tbl7 tr.th2 th,
table.tbl7 th.th2 { background:#06398c; color:#fff; border-top:#fff 1px solid; border-right:#fff 1px solid; padding:13px 3px;}
table.tbl7 tr.th1 th.nodata,
table.tbl7 th.th1.nodata { background: transparent; border: none;}
table.tbl7 th.br {border-right:#dedede 1px solid !important;}
table.tbl7 td { border-top:1px solid #dedede; border-left:1px solid #dedede; padding:6px; vertical-align:middle; text-align:center; border-right:#dedede 1px solid;}
table.tbl7 th.sell_gray { background:#dedede; border-top:none; border-right:#fff 1px solid;}
table.tbl7 td.sell_gray { background:#dedede; border-top:none; border-right:#fff 1px solid; border-top:none; border-bottom:#fff 1px solid;}
table.tbl7 td.sell_blue { background:#dff1fc;}

table.tbl8 {border-bottom:#222 1px solid; width:100%; line-height:1.2 !important;}
table.tbl8 caption {text-align:left; font-size:108%; padding:10px 10px; margin:0; color:#fff; background:#222; }
table.tbl8 th {border-top:#222 1px solid; padding:3px; vertical-align:middle; color:#000; background:#f5f5f5; line-height:1.2; border-right:#222 1px solid; border-left:#222 1px solid;}
table.tbl8 th.bt {border-top:#222 1px solid; border-left:#222 1px solid;}
table.tbl8 th.bl {border-right:#222 1px solid;}
table.tbl8 tr.alignC th { text-align:center;}
table.tbl8 tr.th1 th,
table.tbl8 th.th1 { background:#dedede; color:#fff; border-top:none; border-right:#222 1px solid; padding:3px 3px; border-left:1px solid #222; }
table.tbl8 tr.th2 th,
table.tbl8 th.th2 { background:#dedede; color:#fff; border-top:#222 1px solid; border-right:#222 1px solid; padding:3px 3px;}
table.tbl8 tr.th2 th.nodata,
table.tbl8 th.th2.nodata { background: transparent; border: none; background:#dedede;}
table.tbl8 th.br {border-right:#dedede 1px solid !important;}
table.tbl8 td { border-top:1px solid #222; border-left:1px solid #222; padding:3px; vertical-align:middle; text-align:center; border-right:#222 1px solid;}
table.tbl8 th.sell_gray { background:#dedede; border-top:#222 1px solid; border-right:#222 1px solid;}
table.tbl8 td.sell_gray { background:#dedede; border-right:#222 1px solid; border-top:#222 1px solid; border-bottom:#222 1px solid;}
table.tbl8 td.sell_blue { background:#dff1fc;}
table.tbl8 td.sell_yellow { background:#ffffcc;}



table.alignC th,
table.alignC td,
tr.alignC th,
tr.alignC td {text-align:center;}

table.td_alignR td,
tr.td_alignR td {text-align:right;}

table.td_alignC td,
tr.td_alignC td {text-align:center;}

table.bl,
th.bl,
td.bl {border-left:#dedede 1px solid;}
table.br,
th.br,
td.br {border-right:#dedede 1px solid;}
table.bt,
th.bt,
td.bt,
tr.bt th,
tr.bt td {border-top:#dedede 1px solid;}
table.bb,
th.bb,
td.bb,
tr.bb th,
tr.bb td  {border-bottom:#dedede 1px solid;}
tr.blue th,
tr.blue td,
th.blue,
td.blue { background:#e4faff !important;}
tr.red th,
tr.red td,
th.red,
td.red { background:#ffecf5 !important;}

.tbl_p10,
.tbl_p10 td,
.tbl_p10 th  { padding:5px 12px !important;}


/* ---------------------------------------------
 h*
--------------------------------------------- */
p.title,
h1.h1 { font-size:182%; text-align:left; margin:30px 0; color:#000;}
.h2 { font-size:123.1%; color:#000; margin:0 0 15px; text-align:left;}
h2.blue { font-size:150.0%; color:#36a; margin:0 0 15px; text-align:left; font-weight:bold;}
h2.blue2 { font-size:138.5%; color:#36a; margin:0 0 15px; text-align:left; font-weight:bold;}
.h2a { font-size:123.1%; color:#000; margin:30px 0 0; text-align:left; background:#f5f5f5; padding:12px 12px 7px; border-bottom:1px solid #ddd;}
h2.h2a a { color:#000;}
h2.h2b { color:#fff; margin:30px 0 0; text-align:left; background:#222; padding:10px;}
.h2c { color:#000; margin:30px 0 0; text-align:left; background:#f5f5f5; padding:12px 12px 7px; border-bottom:1px solid #ddd;}
.h2d { background:#f5f5f5; color:#000; padding:10px 15px; margin:0; border-left:7px solid #34b3d1; font-size:138.5%; }
h3.h3 { font-size:116%; color:#000; margin:0 0 5px;}
h3.h3b { font-size:108%; color:#000; font-weight:bold; margin:0 0 5px;}
h3.h3c { font-size:108%; color:#000; margin:0 0 5px;}
.h4 { color:#000; font-weight:bold;}
h2.sky { font-size:167%; color:#0c7d97; margin:30px 0 15px; text-align:left;}
h2.icon_inquiry { background:url(../ir/images/icon_inquiry.gif) 0 0 no-repeat; padding:0 0 10px 40px;}
h2.icon_ir { background:url(../ir/images/icon_ir.gif) 0 0 no-repeat; padding:0 0 10px 40px;}

/* ---------------------------------------------
 float
--------------------------------------------- */
.left {float:left; display:block;}
.right {float:right; display:block;}
/* ---------------------------------------------
 etc 
--------------------------------------------- */
.block  { display:block; }
.inline { display:inline; }
.hide   { display:none; }
.nobg { background:none !important; }
.noborder { border:none !important; }
.ul { text-decoration:underline; }
.indent {margin:5px 0 0; text-indent:-1.1em; padding-left:1.1em;}       
.indent2 {margin:5px 0 0; text-indent:-2em; padding-left:2em;}
.indent3 {margin:5px 0 0; text-indent:-3.5em; padding-left:3.5em;}
.indent4 {margin:5px 0 0; text-indent:-4em; padding-left:4em;}        
/* ---------------------------------------------
 p
--------------------------------------------- */
.p_tx {line-height:1.6; margin-bottom:15px; word-break:break-all;}
.p_tx_r {line-height:1.6; margin-bottom:15px; word-break:break-all; color:#F03}
.p_txn {line-height:1.6; margin-bottom:15px; word-break: normal;}
.p_tx0 {line-height:1.6; word-break:break-all;}        
.note {font-size:85%; line-height:1.5; margin:3px 0;}
.p_tx_b {line-height:1.6; margin-bottom:15px; word-break:break-all;  color:#000}


/* ---------------------------------------------
 icon
--------------------------------------------- */
.pagetop1 { height:23px; border-top:1px solid #ddd;}
	.pagetop1 :after { content:""; display:table; clear:both; }
	.pagetop1  { /zoom:1; }
.pagetop1 a { float:right; display:block; width:136px; height:23px; background:url(../images/btn_pagetop2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
.pagetop1 a:hover { background-position:0px -23px;}

.pagetop2 { height:23px;}
	.pagetop2 :after { content:""; display:table; clear:both; }
	.pagetop2  { /zoom:1; }
.pagetop2 a { float:right; display:block; width:136px; height:23px; background:url(../images/btn_pagetop2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
.pagetop2 a:hover { background-position:0px -23px;}

.more { float:right; text-align:right; padding:5px 0 2px 12px; font-size:85.7%;
 background:url(../images/listmark1.gif) 0 8px no-repeat;}
.more:hover {opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

div.zoom { text-align:center;}
div.zoom a { background:url(../images/icon_loupe.gif) 0 0.3em no-repeat; padding:0 0 0 17px; margin:0 auto;}
a.zoom { background:url(../images/icon_loupe.gif) 0 0.3em no-repeat; padding:0 0 0 17px; margin:0 auto;}

ul.none li { margin-bottom:7px; line-height:1.4;}

ul.list li {margin-bottom:7px; background:url(../images/listmark.gif) 0 0.5em no-repeat; padding-left:10px; line-height:1.4;}

ul.list2 {font-size:138.5%; margin:20px 0 0;}
ul.list2 li { margin:10px 0 0;}

a.link { background:url(../images/icon_link.gif) 0 0.5em no-repeat; padding:0 0 0 9px; margin:0;}
ul.link li { background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 0 0 9px; margin:0.54em 0 0 0; line-height:1.4;}
ul.link li.newwin { background:url(../images/icon_newwin.gif) 0 0.4em no-repeat; padding-left:13px;}
ul.link li.newwin2 { background:url(../images/icon_newwin2.gif) 0 0.4em no-repeat; padding-left:13px;}
ul.link li.newwin3 { background:url(../images/icon_newwin3.gif) 0 0.4em no-repeat; padding-left:13px;}

a.link1 { background:url(../images/icon_link.gif) 0 0.5em no-repeat; padding:0 0 0 13px; margin:0; text-decoration:underline;}

a.link2 { background:url(../images/icon_link2.gif) right center no-repeat; padding:0 22px 0 0; margin:0;}
.link02 { background:url(../images/icon_link2.gif) right center no-repeat; padding:0 22px 0 0; margin:0; font-weight:bold;}
                    a.link3 { background:url(../images/icon_link3.gif) 0 0.5em no-repeat; padding:0 0 0 9px; margin:0;}
ul.link3 li { background:url(../images/icon_link3.gif) 0 0.4em no-repeat; padding:0 0 0 9px; margin:0.5em 0 0 0; line-height:1.4;}

ul.link_col4 {;}
	ul.link_col4:after { content:""; display:table; clear:both; }
	ul.link_col4 { /zoom:1; }
ul.link_col4 li { float:left; width:175px; margin:0.5em 0 0 0; line-height:1.4; padding:0; background:none;}
ul.link_col4 li a { display:block; background:url(../images/icon_link.gif) 2px 0.4em no-repeat; padding:0 20px 0 11px; }

ul.inlineblock { padding:0; position:relative; margin:0;}
	ul.inlineblock:after { content:""; display:table; clear:both; }
	ul.inlineblock { /zoom:1; }
ul.inlineblock li { position:relative; display:inline-block; *display:inline; *zoom:1;}

a.go { background:url(../images/icon_go4.gif) right center no-repeat; padding-right:20px;}

a.newwin { background:url(../images/icon_newwin2.gif) 2px 0.5em no-repeat; padding:0 0 0 18px; margin:0;}
a.newwin1 { background:url(../images/icon_newwin1.gif) right 0.3em no-repeat; padding:0 18px 0 0; margin:0; color:#444;}
a.newwin2 { background:url(../images/icon_newwin.gif) 0 0.5em no-repeat; padding:0 0 0 18px; margin:0;}
ul.newwin li { background:url(../images/icon_newwin2.gif) 0 0.4em no-repeat; padding:0 0 0 18px; margin:0.54em 0 0 2px; line-height:1.4;}

/*.pdf { display:block; background:url(../images/icon_pdf.gif) 0 0 no-repeat; padding:0 0 0 21px;}*/
a.pdf { background:url(../images/icon_pdf.gif) right 0.3em no-repeat; padding:0.3em 18px 0.3em 0; line-height:1.4;}
a.pdf2 { background:url(../images/icon_pdf.gif) left top no-repeat; padding:0 0 0 18px; line-height:1.4; display:block;}
           
a.zip { background:url(../images/icon_zip.gif) right 0.3em no-repeat; padding:0.3em 18px 0.3em 0; line-height:1.4;}
a.zip2 { background:url(../images/icon_zip.gif) left top no-repeat; padding:0 0 0 18px; line-height:1.4; display:block;}

ul.pdf { background:none; padding:0;}
ul.pdf li { display:block; background:url(../images/icon_pdf.gif) 0 0.3em no-repeat; padding:0.3em 0 0.3em 18px; line-height:1.4;}
ul.pdf li.bb1 { border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}

ul.excel { background:none; padding:0;}
ul.excel li { display:block; background:url(../images/icon_excel.gif) 0 0.3em no-repeat; padding:0.3em 0 0.3em 18px; line-height:1.4;}


ul.zip { background:none; padding:0;}
ul.zip li { display:block; background:url(../images/icon_zip.gif) 0 0.3em no-repeat; padding:0.3em 0 0.3em 18px; line-height:1.4;}               
               
               
a.folder { background:url(../images/icon_folder.gif) left top no-repeat; padding:0 0 0 21px; line-height:1.4; display:block;}

a.play { background:url(../images/icon_play2.gif) right center no-repeat; padding:0 24px 0 0; line-height:1.4;}
a.play1 { background:url(../images/icon_play1.gif) left center no-repeat; padding:0 0 0 20px; line-height:1.4;}

ul.pipe {;}
	ul.pipe:after { content:""; display:table; clear:both; }
	ul.pipe  { /zoom:1; }
ul.pipe li { float:left;}
ul.pipe li a { padding:0 7px; border-left:1px solid #999;}
ul.pipe li.first a {border-left:none; padding-left:0;}
     
/* ul.pipe フッタ共通メニュー2行目 */
ul.pipe2 {;}
	ul.pipe2:after { content:""; display:table; clear:both; }
	ul.pipe2  { /zoom:1; }
ul.pipe2 li { float:left;}
ul.pipe2 li a { padding:0 7px; border-left:1px solid #999;}
ul.pipe2 li.first a {border-left:none; padding-left:0;}
              

ul.note { text-align:left; font-size:85%;}
ul.note li { padding:4px 0 2px 1em; margin:0;}
ul.note li span {margin-left:-1em;}

/* ul.news */
#contents ul.news { padding:0;}
#contents ul.news li { padding:0 0 8px 0;}
	#contents ul.news li:after { content:""; display:table; clear:both; }
	#contents ul.news li  { /zoom:1; }
#contents ul.news li .date { float:left; width:10em; margin:0; padding:0;}
#contents ul.news li a,
#contents ul.news li .body,
#contents ul.news li .body2 { display:block; margin:0 0 0 10em;}
#contents ul.news li .body2 a { display:inline; margin:0; text-decoration:underline;}

/* ul.history */
#contents ul.history { padding:0; text-align:left;}
#contents ul.history li { padding:0 0 8px 0;}
	#contents ul.history li:after { content:""; display:table; clear:both; }
	#contents ul.history li  { /zoom:1; }
#contents ul.history li .date { float:left; width:6.5em; margin:0; padding:0;}
#contents ul.history li a,
#contents ul.history li .body { display:block; margin:0 0 0 7em;}

/* ul.entries */
ul.entries { padding:0;}
ul.entries li { padding:11px 0 9px 2px; border-bottom:1px solid #ddd;}
	ul.entries li:after { content:""; display:table; clear:both; }
	ul.entries li  { /zoom:1; }
ul.entries li .date { float:left; width:10em; margin:0; padding:0;}
ul.entries li a { display:block; margin:0 0 0 10em; padding:0;}

/* ul.entries2 */
ul.entries2 { padding:0;}
ul.entries2 li { padding:11px 0 9px 2px; border-bottom:1px solid #ddd; line-height:1.4;}
	ul.entries2 li:after { content:""; display:table; clear:both; }
	ul.entries2 li  { /zoom:1; }
ul.entries2 li a { }

/* ul.list_indent */
ul.list_indent { margin-left:1.8em; line-height:1.6;}
ul.list_indent li.li { margin:0 0 15px -1.8em;	text-indent:-1.9em;	padding-left:1.8em;	} 
ul.list_indent li p,
ul.list_indent li div,
ul.list_indent li dl { text-indent:0; margin-left:0;}
ul.list_indent li ul.list li { text-indent:0; margin-left:0; padding-left:10px;}


ul.list_indent2 { margin-left:2.5em; line-height:1.6;}
ul.list_indent2 li.li { margin:0 0 0 -2.5em; text-indent:-2.5em;	padding-left:2.5em;	} 
ul.list_indent2 li p,
ul.list_indent2 li div,
ul.list_indent2 li dl { text-indent:0; margin-left:0;}
ul.list_indent2 li ul.list li { text-indent:0; margin-left:0; padding-left:10px;}

ul.list_indent0 { margin-left:1.7em; line-height:1.6;}
ul.list_indent0 li.li { margin:0 0 2px -1.7em; text-indent:-1.9em;	padding-left:1.7em;	} 
ul.list_indent0 li p,
ul.list_indent0 li div,
ul.list_indent0 li dl { text-indent:0; margin-left:0;}
ul.list_indent0 li ul.list li { text-indent:0; margin-left:0; padding-left:10px;}

ul.list_indent3 { margin-left:6.5em; line-height:1.6;}
ul.list_indent3 li.li { margin:0 0 2px -2.7em; text-indent:-1.1em;	padding-left:2.7em;	} 
ul.list_indent3 li p,
ul.list_indent3 li div,
ul.list_indent3 li dl { text-indent:0; margin-left:0;}
ul.list_indent3 li ul.list li { text-indent:0; margin-left:0; padding-left:10px;}
                         
                         
/* ul.tbl */
ul.tbl {;}
ul.tbl li {;}
ul.tbl li span { display:block; float:left; width:7em;}

/* ul.bt */
ul.bt {border-top:1px solid #ddd;}

/* ol */
ol {list-style:decimal outside; padding-left:20px; }
ol li {margin-bottom:7px; line-height:1.4;}

ol.decimal {list-style:decimal; margin:0 0 0 20px; }
ol.decimal li {margin-bottom:10px;}

/* dl */
dl.dl { padding:15px 0 5px; display:block; margin:0; line-height:1.6;}
dl.dl dt { float:left; padding:0 0 5px 0; width:6em;}
dl.dl dd { display:block; margin:0 0 0 6.5em; padding:0 0 5px 0;}

/* ---------------------------------------------
　form
--------------------------------------------- */
/*form input { margin:2px 8px 2px 3px; padding:3px;}*/
form input.w100 { border:1px solid #ccc; width:100px; background:#f6f6f6;}
form input.w200 { border:1px solid #ccc; width:200px; background:#f6f6f6;}
form textarea.w300 { border:1px solid #ccc; width:450px; background:#f6f6f6;
 margin:2px 8px 2px 3px; padding:3px;}
p.require { background:#a00; padding:1px; font-size:78%; color:#fff;
 text-align:center; width:25px; margin:1px 3px 0 0; float:left;
 -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
/* ---------------------------------------------
 frame
--------------------------------------------- */
.frm1 {margin:0 0 30px 0; padding:15px 20px; background:#f5f5f5;}

.frm2 { margin:0; padding:0;}
.frm2 h2 {background:url("../images/bg_menu_h.gif") repeat-x scroll left center transparent; color:#fff; padding: 10px 15px; margin:0; }
.frm2 h2.g {background:#f5f5f5; color:#000; border-bottom:1px solid #ddd;}
.frm2 .head {background:url("../images/bg_menu_h.gif") repeat-x scroll left center transparent; padding:5px 10px 7px 15px; margin:0; }
	.frm2 .head:after { content:""; display:table; clear:both; }
	.frm2 .head { /zoom:1; }
.frm2 .head h2 {background:none; color:#fff; padding:0; margin:0; float:left; width:500px; padding-top:5px; }
.frm2 .head a { float:right;}
.frm2 .body { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; line-height:1.5;}

.frm2b { margin:0 0 30px; padding:0;}
.frm2b .body { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px; line-height:1.5;}

.frm3 { border:1px solid #ddd; padding:15px;}

.frm4 { margin:0; padding:0;}
.frm4 .frm4_h { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:123.1%;
 background:url("../images/bg_h4.gif") repeat-x scroll left bottom transparent; padding: 10px 15px; margin:0; }
.frm4 .body { border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;
 background:#fff; padding:15px; line-height:1.5;}

.frm5 { border-top:#3ac solid 3px; display:block; margin:0; background:#f5f5f5; color:#444;}
.frm5 h3 { margin:14px 13px; color:#000; font-weight:bold; }
.frm5 h3 a { color:#000; padding:0 20px 0 0; background:url(../images/icon_link2.gif) right center no-repeat;}
.frm5 h3 a:hover {color:#147;}
.frm5 h4 { color:#000; padding:14px 13px 2px; }
.frm5 h4 a { color:#147;}
.frm5 p { line-height:1.5; margin:6px 13px 17px; font-size:93%;}
.frm5 ul { margin:6px 13px 17px; font-size:93%;}
.frm5 .bt { border-top:1px solid #fff;}

/* ---------------------------------------------
 上に青い線がある箱
--------------------------------------------- */
#cols { margin:0;}
	#cols:after { content:""; display:table; clear:both; }
	#cols { /zoom:1; }
#cols .cell { float:left; width:340px; padding-bottom:20px;}
#cols .right { float:right;}
#cols .cell .inner { border-top:#3ac solid 3px; display:block; margin:0; background:#f5f5f5; color:#444;}
#cols .cell h3 { margin:14px 13px; color:#000; font-weight:bold; }
#cols .cell h3 a { color:#000; padding:0 20px 0 0; background:url(../images/icon_link2.gif) right center no-repeat;}
#cols .cell h3 a:hover {color:#147;}
#cols .cell h4 { color:#000; padding:14px 13px 2px; }
#cols .cell h4 a { color:#147;}
#cols .cell h4 a.newwin {padding-left:16px;}
#cols .cell p { line-height:1.5; margin:6px 13px 17px; font-size:93%;}
#cols .cell ul { margin:6px 13px 17px; font-size:93%;}
#cols .cell .bt { border-top:1px solid #fff;}

/* ---------------------------------------------
 角丸の箱
--------------------------------------------- */
/* Mercrius用 */
.productsbox{
	width:680px; /* 横幅 */
	padding:10px; /* 内側余白 */
	border:solid 1px #044d82; /* 罫線 */
	border-radius:5px; /* 角丸 */
}

.productsbox1{
	width:660px; /* 横幅 */
	padding:20px; /* 内側余白 */
	border:solid 1px #044d82; /* 罫線 */
	border-radius:5px; /* 角丸 */
	margin: 10px auto;
}

/* MerQuriusとは用 */
.productsbox2{
	width:860px; /* 横幅 */
	padding:20px; /* 内側余白 */
	border:solid 1px #044d82; /* 罫線 */
	border-radius:5px; /* 角丸 */
}

/* Qubel用 */
.productsbox3{
	width:660px; /* 横幅 */
	padding:20px; /* 内側余白 */
	border:solid 1px #928f79; /* 罫線 */
	border-radius:5px; /* 角丸 */
}

/* Vestia Neo用 */
.productsbox4{
	width:680px; /* 横幅 */
	padding:10px; /* 内側余白 */
	border:solid 1px #00a33e; /* 罫線 */
	border-radius:5px; /* 角丸 */
}

/* Mercriusテンプレート用 */
.productsbox5{
	width:640px; /* 横幅 */
	padding:20px; /* 内側余白 */
	border:solid 1px #3D6EDA; /* 罫線 */
	background-color:#EAF4FC;
	border-radius:5px; /* 角丸 */
}

/* Mercriusクラウド用 */
.productsbox6{
	width:660px; /* 横幅 */
	padding:20px; /* 内側余白 */
	border:solid 1px #3D6EDA; /* 罫線 */
	background-color:#EAF4FC;
	border-radius:5px; /* 角丸 */
}


/* 導入パターン用 */
.productsbox7{
	width:850px; /* 横幅 */
	padding:20px; /* 内側余白 */
	border:solid 1px #3D6EDA; /* 罫線 */
	background-color:#EAF4FC;
	border-radius:5px; /* 角丸 */
}

/* ---------------------------------------------
　サイトマップで使っているスタイル
--------------------------------------------- */
.sitemapcat { border-bottom:1px solid #ddd; padding:10px 0;}
	.sitemapcat:after { content:""; display:table; clear:both; }
	.sitemapcat { /zoom:1; }
.sitemapcat ul.link { font-size:93%;}
	.sitemapcat ul.link:after { content:""; display:table; clear:both; }
	.sitemapcat ul.link { /zoom:1; }
.sitemapcat ul.link li { float:left; width:240px; margin:0.5em 0 0 0; line-height:1.4; padding:0; background:none;}
.sitemapcat ul.link li a { display:block; background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 20px 0 9px; }
.sitemapcat ul.link li.newwin a { background:url(../images/icon_newwin2.gif) 0 0.35em no-repeat; padding-left:13px;}

.sitemapcat h3 { float:left; width:180px; margin:5px 0 0; padding:0;}
.sitemapcat h3 a { font-weight:bold; color:#000;}
.sitemapcat ul.sub { display:block; margin:0 0 0 200px; padding:0;}

.sitemapcat_pb20 { padding-bottom:20px !important;}

/* ---------------------------------------------
　サイトマップのスタイルの横２つ並び版
--------------------------------------------- */
.sitemapcat2 { border-bottom:1px solid #ddd; padding:10px 0;}
	.sitemapcat2:after { content:""; display:table; clear:both; }
	.sitemapcat2 { /zoom:1; }
.sitemapcat2 h3 { float:left; width:150px; margin:5px 0 0; padding:0;}
.sitemapcat2 h3 a { font-weight:bold; color:#000;}
.sitemapcat2 p.sub { display:block; margin:0 0 0 150px; padding:0; font-size:93%; line-height:1.5;}


/* ---------------------------------------------
　導入モデルで使っているスタイル
--------------------------------------------- */
.sitemapcat3 { border-bottom:1px solid #ddd; padding:10px 0;}
	.sitemapcat3:after { content:""; display:table; clear:both; }
	.sitemapcat3 { /zoom:1; }
.sitemapcat3 ul.link { font-size:93%;}
	.sitemapcat3 ul.link:after { content:""; display:table; clear:both; }
	.sitemapcat3 ul.link { /zoom:1; }
.sitemapcat3 ul.link li { float:left; width:220px; margin:0.5em 0 0 0; line-height:1.4; padding:0; background:none;}
.sitemapcat3 ul.link li a { display:block; background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 20px 0 9px; }
.sitemapcat3 ul.link li.newwin a { background:url(../images/icon_newwin2.gif) 0 0.35em no-repeat; padding-left:13px;}

.sitemapcat3 h3 { float:left; margin:5px 0 0; padding:0;}
.sitemapcat3 h3 a { font-weight:bold; color:#000;}
.sitemapcat3 ul.sub { display:block; margin:0 0 0 220px; padding:0;}

.sitemapcat3_pb20 { padding-bottom:20px !important;}


/* ---------------------------------------------
　導入メリットで使っているスタイル
--------------------------------------------- */
.sitemapcat4 { border-bottom:1px solid #ddd; padding:10px 0;}
	.sitemapcat4:after { content:""; display:table; clear:both; }
	.sitemapcat4 { /zoom:1; }
.sitemapcat4 ul.link { font-size:93%;}
	.sitemapcat4 ul.link:after { content:""; display:table; clear:both; }
	.sitemapcat4 ul.link { /zoom:1; }
.sitemapcat4 ul.link li { float:left; width:220px; margin:0.5em 0 0 0; line-height:1.4; padding:0; background:none;}
.sitemapcat4 ul.link li a { display:block; background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 20px 0 9px; }
.sitemapcat4 ul.link li.newwin a { background:url(../images/icon_newwin2.gif) 0 0.35em no-repeat; padding-left:13px;}

.sitemapcat4 h3 { margin:5px 0 0; padding:0;}
.sitemapcat4 h3 a { font-weight:bold; color:#000;}
.sitemapcat4 ul.sub { display:block; margin:0 0 0 220px; padding:0;}

.sitemapcat4_pb20 { padding-bottom:20px !important;}


/* ---------------------------------------------
 figcaption
--------------------------------------------- */
figcaption.note {margin-bottom:20px;}
/* ---------------------------------------------
  a.btn_xxx
--------------------------------------------- */

a.btn_mqi  { display:block; width:190px; height:51px; background:url(../images/logo_mqnet.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}

a.btn_rss  { display:block; width:86px; height:25px; background:url(../images/btn_rss.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}

a.btn_rss3  { display:block; width:91px; height:23px; background:url(../images/btn_rss3.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}

a.btn_catalog  { display:block; width:190px; height:41px; background:url(../images/btn_catalog.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_catalog:hover { background-position:0px -41px;}

a.btn_catalog_ft  { display:block; width:190px; height:41px; background:url(../images/btn_catalog_ft.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_catalog_ft:hover { background-position:0px -41px;}
                   
a.btn_data  { display:block; width:190px; height:41px; background:url(../images/btn_data.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_data:hover { background-position:0px -41px;}
                   
a.btn_ir  { display:block; width:190px; height:41px; background:url(../images/btn_ir.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_ir:hover { background-position:0px -41px;}   
                   
a.btn_ir_mailmagazine { display:block; width:258px; height:51px; background:url(../images/btn_ir_mailmagazine.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; margin:0; padding:0;}
a.btn_ir_mailmagazine:hover { background-position:0px -51px;}
                   
a.btn_press  { display:block; width:132px; height:23px; background:url(../images/btn_press.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_press:hover { background-position:0px -23px;}

a.btn_contact  { display:block; width:168px; height:41px; background:url(../images/btn_contact.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_contact:hover { background-position:0px -41px;}

a.btn_contact2  { display:block; width:190px; height:41px; background:url(../images/btn_contact2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_contact2:hover { background-position:0px -41px;}

a.btn_contact3  { display:block; width:190px; height:41px; background:url(../images/btn_contact3.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_contact3:hover { background-position:0px -41px;}       
                   
a.btn_contact4  { display:block; width:190px; height:41px; background:url(../images/btn_contact4.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_contact4:hover { background-position:0px -41px;}   
                   
a.btn_contact_mail  { display:block; width:190px; height:41px; background:url(../images/btn_contact_mail.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_contact_mail:hover { background-position:0px -41px;}

a.btn_contact_web  { display:block; width:190px; height:41px; background:url(../images/btn_contact_web.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_contact_web:hover { background-position:0px -41px;}

a.btn_support  { display:block; width:190px; height:41px; background:url(../images/btn_support.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_support:hover { background-position:0px -41px;}

a.btn_support2  { display:block; width:190px; height:41px; background:url(../images/btn_support2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_support2:hover { background-position:0px -41px;}

a.btn_mailmagazine { display:block; width:190px; height:41px; background:url(../images/btn_mailmagazine.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_mailmagazine:hover { background-position:0px -41px;}

a.btn_seminarreport  { display:block; width:190px; height:41px; background:url(../images/btn_seminarreport.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_seminarreport:hover { background-position:0px -41px;}

a.btn_eventreport  { display:block; width:190px; height:41px; background:url(../images/btn_eventreport.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_eventreport:hover { background-position:0px -41px;}

a.btn_back1  { display:block; width:55px; height:26px; background:url(../images/btn_back1.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_back2  { display:block; width:55px; height:26px; background:url(../images/btn_back2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_back3  { display:block; width:55px; height:26px; background:url(../images/btn_back3.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}

a.btn_supportsearch  { display:block; width:190px; height:41px; background:url(../images/btn_supportsearch.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_supportsearch:hover { background-position:0px -41px;}

a.btn_supportsearch2  { display:block; width:190px; height:41px; background:url(../images/btn_supportsearch2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
a.btn_supportsearch2:hover { background-position:0px -41px;}
                   
                   
/* ---------------------------------------------
  clearfix 
--------------------------------------------- */
.clearfix:after { content:""; display:table; clear:both; }
.clearfix { /zoom:1; }
.brfix { clear:both; height:0; font-size:0; line-height:0; }

/* ============================================
 body
============================================ */
body {text-align:center;}
#container { width:940px; margin:0 auto; padding:0;}
#main { width:940px; margin:0 auto; padding:0; text-align:left;}
	#main:after { content:""; display:table; clear:both; }
	#main { /zoom:1; }
#contents { width:700px; float:left; text-align:left; margin:0; padding:0 0 30px;}
#contents2 { width:940px; float:left; text-align:left; margin:0; padding:0 0 30px;}
body.main1col #main,
body.main1col #contents,
body.main1col #content  { background-image:none !important; background:#fff;}

/* #blockskip */
#blockskip {margin:0; padding:0;}
#blockskip a { display:block; height:1px; font-size:1px; color:#fff; background:#fff; margin:0; padding:0; overflow:hidden; line-height:0;}
#blockskip a.blockskipshow { display:block; font-size:85%; line-height:1.4; color:#147; height:20px; background:#f5f5f5; padding:5px; margin:0;}

/* IE6非対応メッセージ */
#forie6 { display:none; font-size:85%; line-height:1.4; height:3.2em; background:#f5f5f5; padding:1em; margin:0;}
* html #forie6 { _display:block;}
* html #forie6 a { _text-decoration:underline;}

/* ============================================
　#header
============================================ */
#header {width:940px; padding:10px 0; margin:0 auto;}
	#header:after { content:""; display:table; clear:both; }
	#header { /zoom:1; }
/* #logo */
a#logo {float:left; width:273px; text-align:left; padding-top:5px;}
a#logo:hover img { opacity:inherit; -moz-opacity:inherit; filter:none; -ms-filter:none;}
/* .utility */
#header .utility { float:left; width:237px; font-size:85%; text-align:right; margin:0; padding:0; _line-height:normal;}
	#header .utility:after { content:""; display:table; clear:both; }
	#header .utility { /zoom:1; }
#header .utility a {color:#666;}
#header .utility a:hover {color:#147; text-decoration:underline;}
/* a.link */
#header .utility a.link,
#header .utility div.link { float:left; width:35px; display:block; margin-top:0px;
 background:url(../images/icon_link.gif) 0 0.8em no-repeat; padding:0.45em 0 0 9px; margin:0;}
/* site_search */
#header .utility .searchlabel { float:left; width:30px; margin:0; padding-top:0.5em; }
#header .utility .search { float:left; width:257px;}
#header .utility input#site_search_input,
#header .utility .search form#SS_searchForm input#SS_searchQuery  { float:left; width:215px; height:20px; border:1px solid #ddd; vertical-align:middle;
 border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-lef:1px solid #ddd; border-right:none; margin:0; padding:0 0 0 3px; line-height:1.7;}
#header .utility .search form#SS_searchForm input#site_search_btn  { float:left; margin:0; padding:0;}
/* #fontsize */
#header .utility ul#fontsize  { float:left; width:102px; height:22px; line-height:0;}
	#header .utility ul#fontsize:after { content:""; display:table; clear:both; }
	#header .utility ul#fontsize { /zoom:1; }
#header .utility ul#fontsize li a  { display:block; width:34px; height:22px; background:url(../images/btn_fontsize.gif) 0 0 no-repeat;
 float:left; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
#header .utility ul#fontsize li a.large  { background-position:0px 0px;}
#header .utility ul#fontsize li a.medium  { background-position:-34px 0px;}
#header .utility ul#fontsize li a.small  { background-position:-68px 0px;}
#header .utility ul#fontsize li a.large:hover,
.font_l #header .utility ul#fontsize li a.large  { background-position:0px -22px;}
#header .utility ul#fontsize li a.medium:hover,
.font_m #header .utility ul#fontsize li a.medium  { background-position:-34px -22px;}
#header .utility ul#fontsize li a.small:hover,
.font_s #header .utility ul#fontsize li a.small  { background-position:-68px -22px;}
/* ul.link */
#header .utility ul.link { float:left; width:280px; margin:7px 0 0 0; text-align:right}
#header .utility ul.link li { float:left; margin-right:5px;}
/* a.contact */
#header .contact { float:left; display:block; background:#f5f5f5; padding:10px;}
#header .contact a  { display:block; width:168px; height:41px; background:url(../images/btn_contact.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
#header .contact a:hover { background-position:0px -41px;}

#header .contact2 { float:left; display:block; width:240px; height:52px; background:url(../images/logo_tel.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}

#header .contact3 { float:left; display:block; background:#f5f5f5; padding:10px;}
#header .contact3 a  { display:block; width:168px; height:46px; background:url(../images/btn_contact_o.jpg) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
#header .contact3 a:hover { background-position:0px -46px;}

/* ============================================
　#header2
============================================ */
#header2 { background:url(../images/bg_header.gif) 0 0 repeat-x; height:50px; padding:0; margin:0;}
#header2 .inner { margin:0 auto; width:940px; padding:13px 0 0;}
	#header2 .inner:after { content:""; display:table; clear:both; }
	#header2 .inner { /zoom:1; }
#header2 .breadcrumb {display:block; float:left; width:700px; text-align:left; padding-top:15px; font-size:85%;}
#header2 a.logo {display:block; float:right;}



/* ============================================
　#gnavi
============================================ */

#gnavi { background:url(../images/bg_gnavi.gif) 0 0 repeat-x; height:40px; margin:0; padding:0}
#gnavi ul{ padding:0; width:942px; margin:0 auto; display:block;}

#gnavi ul li {float:left; margin:0px; padding:0px;}
#gnavi ul li a{ margin:0; padding:0px; height:40px; display:block;
 background:url(../images/btn_gnavi.gif) top left no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; width:188.4px;}
/* default */
#gnavi ul li.m01 a{ background-position:0px 0px; width:188.4px;}
#gnavi ul li.m02 a{ background-position:-188.4px 0px; }
#gnavi ul li.m03 a{ background-position:-376.8px 0px; }
#gnavi ul li.m04 a{ background-position:-565.2px 0px; }
#gnavi ul li.m05 a{ background-position:-753.6px 0px; width:188.4px;}

/* hover */
#gnavi ul li.m01 a:hover{ background-position:0px -40px;}
#gnavi ul li.m02 a:hover{ background-position:-188.4px -40px; }
#gnavi ul li.m03 a:hover{ background-position:-376.8px -40px; }
#gnavi ul li.m04 a:hover{ background-position:-565.2px -40px; }
#gnavi ul li.m05 a:hover{ background-position:-753.6px -40px; width:188.4px;}

/* current page */

.business_admin	#gnavi ul li.m02 a{ background-position:-188.4px -40px;}
.strategy_scenario #gnavi ul li.m03 a{ background-position:-376.8px -40px;}
.system_configuration #gnavi ul li.m04 a{ background-position:-565.2px -40px; }
.implementation_plan #gnavi ul li.m05 a{ background-position:-753.6px -40px;}



 
#gnavi2 { background:url(../images/bg_title2.gif) 0 0 repeat-x; height:40px; margin:0; padding:0;}
#gnavi2 img{ padding:0; width:940px; margin:0 auto; display:block;}


#gnavi3 ul{ padding:0; width:942px; margin:0 auto; display:block;}

#gnavi3 ul li {float:left; margin:0px; padding:0px;}
#gnavi3 ul li a{ margin:0; padding:0px; height:40px; display:block;
 background:url(../images/btn_navi.gif) top left no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; width:189px;}
/* default */
#gnavi3 ul li.m01 a{ background-position:0px 0px; width:189px;}
#gnavi3 ul li.m02 a{ background-position:-189px 0px; }
#gnavi3 ul li.m03 a{ background-position:-378px 0px; }
#gnavi3 ul li.m04 a{ background-position:-566px 0px; }
#gnavi3 ul li.m05 a{ background-position:-755px 0px; width:185px;}

/* hover */
#gnavi3 ul li.m01 a:hover{ background-position:0px -40px;}
#gnavi3 ul li.m02 a:hover{ background-position:-189px -40px; }
#gnavi3 ul li.m03 a:hover{ background-position:-378px -40px; }
#gnavi3 ul li.m04 a:hover{ background-position:-566px -40px; }
#gnavi3 ul li.m05 a:hover{ background-position:-755px -40px; width:185px;}

/* current page */

.data_tougou #gnavi3 ul li.m01 a{ background-position:0px -40px;}
.globalcost #gnavi3 ul li.m02 a{ background-position:-189px -40px;}
.nitijikanri #gnavi3 ul li.m03 a{ background-position:-378px -40px; }
.snap #gnavi3 ul li.m04 a{ background-position:-566px -40px;}
.anbun_haihu #gnavi3 ul li.m05 a{ background-position:-755px -40px;}


/* ============================================
　#header_area
============================================ */

#header_area { width:100%; height:320px; overflow:hidden; position:relative; }
#header_area .inner { width:1920px; height:320px; left:50%; margin-left:-960px; position: absolute; }

/* ============================================
　.toparea
============================================ */
.toparea_top{ padding:0; width:942px; margin:0 auto; display:block;}
.toparea_top .inner{ padding:0; width:942px; margin:0 auto; display:block;}

/* ============================================
　#other 
============================================ */

.other {
  width: 942px;
  margin: 10px auto;
  display: box;
  display: -webkit-box;
  display:-ms-flexbox;
  display: -moz-box;
  box-pack:justify;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
}
.other1, .other2, .other3 {
  display: block;
  width: 305px;
  height: 130px; 
}





/* ============================================
　#breadcrumb
============================================ */
#breadcrumb { font-size:85%; padding:10px 0; background:#f5f5f5; margin:0; color:#aaa; _line-height:normal;}
#breadcrumb .inner { width:940px; margin:0 auto; text-align:left;}
	#breadcrumb .inner:after { content:""; display:table; clear:both; }
	#breadcrumb .inner { /zoom:1; }
#breadcrumb span { color:#444;}
/*#breadcrumb .printpage{ float:right; display:block; width:81px; height:23px; background:url(../images/btn_print2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; border:0 solid; padding:0; cursor:pointer;
  *line-height:0; *font-size:0; *color:#5b5e5e; *letter-spacing:0; *text-align:right;}
#breadcrumb .printpage:hover { background-position:0 -23px;}*/

/* ============================================
　#side
============================================ */
#side { float:right; width:220px; margin:0; padding:0;}

.sidemenu a.h { background:url(../images/bg_menu_h_link.gif) left center no-repeat; color:#fff; padding:10px 15px; display:block;}

/* .sidemenu */
.sidemenu { text-align:left; margin:0 0 20px;}
.sidemenu p.h { background:url(../images/bg_menu_h.gif) left center no-repeat; color:#fff; padding:20px 10px 20px 15px;font-size:15px;}
.sidemenu p span.h3 { background:color:#fff;font-size:12px;}
.sidemenu p.h a { display:block; background:url(../images/icon_go.gif) right center no-repeat; color:#fff;}
.sidemenu p.p_tx { background:url(../images/bg_menu_h2.gif) left center no-repeat; color:#fff; padding:10px 10px 10px 15px;font-size:13px;}
.sidemenu ul { font-size:93%; background:#fff; /zoom:1; padding:0; margin:0;}
.sidemenu ul li {border-left:1px solid #cbd1d3; border-right:1px solid #cbd1d3; line-height:1.4; margin:0;
 /*background:url(../images/bg_menu.gif) center center repeat-x; padding-right:8px;*/}
.sidemenu ul li a { display:block; background:url(../images/bg_menu.gif) right center no-repeat; padding:13px 22px 13px 30px; color:#252b2c;
 border-top:1px solid #fff; border-bottom:1px solid #cccccc; zoom:1; word-break:break-all;}
.sidemenu ul li.on a,
.sidemenu ul li a:hover { background-image:url(../images/bg_menu_on.gif); text-decoration:none; border-top:1px solid #cccccc ;color:#252b2c;/*#c1f5ff*/}
.sidemenu ul li.newwin a { background:url(../images/bg_menu_newwin.gif) right center no-repeat;}
.sidemenu ul li.newwin a:hover { background-image:url(../images/bg_menu_newwin_on.gif);}




/* .sidemenu 製品・CSR */
.sidemenu ul.pagelink li a,
body.csr .sidemenu ul li a,
body.productsdetail .sidemenu ul li a { background-image:url(../images/bg_menu2.gif); }
.sidemenu ul.pagelink li.on a,
.sidemenu ul.pagelink li a:hover,
body.csr .sidemenu ul li.on a,
body.csr .sidemenu ul li a:hover,
body.productsdetail .sidemenu ul li.on a,
body.productsdetail .sidemenu ul li a:hover { background-image:url(../images/bg_menu2_on.gif);}

body.productsdetail .sidemenu ul.outside li a { background-image:url(../images/bg_menu.gif); }
body.productsdetail .sidemenu ul.outside li.on a,
body.productsdetail .sidemenu ul.outside li a:hover { background-image:url(../images/bg_menu_on.gif);}


/* .aside .section */
#side .aside {padding:0; margin:0;}
#side .aside .h { line-height:1.4;}
#side .aside .load { display:none;}

#side .aside .section0 { border-top:3px solid #34b3d1; margin:0 0 20px; padding:0; background:#f5f5f5; text-align:left; }
#side .aside .section0 .inner { padding:10px 14px 15px; text-align:left; border-bottom:1px solid #fff;}
#side .aside .section0 .inner1 { padding:10px 14px; background:#f5f5f5; text-align:left; margin:0 0 1px;}

#side .aside .section { border:2px solid #f18f4d; margin:0 0 20px; padding:0; background:#fff; text-align:left; }
#side .aside .section .inner { padding:10px 14px 15px; text-align:left; border-bottom:1px solid #fff;}
#side .aside .section .inner1 { padding:10px 14px; background:#f5f5f5; text-align:left; margin:0 0 1px;}

#side .aside .section h3.h  { color:#000; margin-bottom:10px; font-size:120%}
/*#side .aside .section h3.link { display:inline; font-size:93%; margin:0; color:#000; background:url(../images/icon_link2.gif) right center no-repeat; padding:0 20px 0 0; font-weight:bold;}*/
#side .aside .section h3 a { display:inline; font-size:93%; margin:0; color:#000; background:url(../images/icon_link2.gif) right center no-repeat; padding:0 20px 0 0; font-weight:bold;}
#side .aside .section h3 a:hover { color:#147; text-decoration:underline;}
#side .aside .section .header { padding:10px 14px 0;}
	#side .aside .section .header:after { content:""; display:table; clear:both; }
	#side .aside .section .header { /zoom:1; }
#side .aside .section .header h3 { color:#000;}
#side .aside .section .header h3.h { float:left; width:135px; margin:0;}
#side .aside .section .header .right { float:right; width:55px; text-align:right;}
#side .aside .section .entry { padding:10px 14px 15px;  border-bottom:1px solid #fff;}
#side .aside .section img.img { margin-bottom:10px;}
#side .aside .section h4.h { color:#000; margin-bottom:10px;}
#side .aside .section h4.h a { color:#000;}
#side .aside .section h4.h a:hover { color:#147;}
#side .aside .section h4.sub { color:#666; font-size:85%; margin-bottom:2px;}
#side .aside .section p.author { font-size:93%; margin-bottom:10px; text-align:right; color:#666;}
#side .aside .section .p_tx { font-size:93%; margin-bottom:5px;}
#side .aside .section .note {margin-bottom:10px;}
#side .aside .section a.link { text-align:right; font-size:93%;}
#side .aside .section ul.link { font-size:93%;}
#side .aside .section a.pdf {font-size:93%; line-height:1.5;}
#side .aside .section .sec { border-top:1px solid #fff; padding-top:15px;}

#side .aside .section1 {background:#f5f5f5; margin:0 0 1px; padding:0; padding:15px 14px 15px; text-align:left;}
#side .aside .section1 h3.h { color:#000; margin-bottom:10px;}
#side .aside .section1 img.img { margin-bottom:10px;}
#side .aside .section1 h4.h { color:#000; margin-bottom:10px;}
#side .aside .section1 .p_tx { font-size:93%; margin-bottom:10px; line-height:1.4;}
#side .aside .section1 ul.link { font-size:93%;}
#side .aside .section1 a.pdf { font-size:93%; color:#444;}
#side .aside .section1 a.play { font-size:93%; color:#444;}
#side .aside .section1 a.movie { background:#fff; padding:10px 0 10px 10px; display:block; margin:0 0 10px;}
#side .aside .section1 a.movie img { display:block; margin:0;}
#side .aside .section1 a.pdf:hover,
#side .aside .section1 a.play:hover { color:#147;}

#side .aside .section2 { border-top:3px solid #34b3d1; background:#f5f5f5; margin-bottom:20px; text-align:left;}
#side .aside .section2 .inner { padding:10px 14px 15px; text-align:left;}
#side .aside .section2 h3.h { color:#000; margin:10px 14px;}
#side .aside .section2 .header { padding:10px 14px 0;}
	#side .aside .section2 .header:after { content:""; display:table; clear:both; }
	#side .aside .section2 .header { /zoom:1; }
#side .aside .section2 .header h3.h { float:left; width:135px; margin:0;}
#side .aside .section2 .header .right { float:right; width:55px; text-align:right;}
#side .aside .section2 ul { font-size:93%;}
#side .aside .section2 ul li { padding:10px; margin:0; background:#fff; line-height:1.5; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;}
#side .aside .section2 ul li a { display:block;}

#side .aside .banners { margin:20px 0 0 0;}
#side .aside .banners a { display:block; margin:10px 0 0 0;}
#side .aside .banners a img { display:block;}

.seminar #side .aside .section2 ul li h3 a { text-decoration:underline;}
.seminar #side .aside .section2 ul li .date { display:block; font-size:93.4%; padding:8px 0 3px;}
.seminar #side .aside .section2 ul li .p_tx { margin:0;}


#side ul.rank { background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; margin:0; padding:0;}
#side ul.rank li { border-bottom:1px solid #eee; padding:7px 10px 7px 50px; background:url(../images/icon_rank1.gif) 10px center no-repeat;}
#side ul.rank li a { font-size:85%; line-height:1.4;}
#side ul.rank li.rank1 { background-image:url(../images/icon_rank1.gif);}
#side ul.rank li.rank2 { background-image:url(../images/icon_rank2.gif);}
#side ul.rank li.rank3 { background-image:url(../images/icon_rank3.gif);}
#side ul.rank li.rank4 { background-image:url(../images/icon_rank4.gif);}
#side ul.rank li.rank5 { background-image:url(../images/icon_rank5.gif);}

#side ul.rank { background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; margin:0; padding:0;}

#side ul.input { padding:0; font-size:93%;}
#side ul.input li { padding:6px 0 0 0; vertical-align:middle;}
#side ul.input li input { margin:0 4px 0 0;}



#side .search {}
	#side .search:after { content:""; display:table; clear:both; }
	#side .search { /zoom:1; }
#side input#site_search_input  { float:left; width:160px; height:18px; border:1px solid #ddd;
 border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-lef:1px solid #ddd; border-right:none;}
#side input#site_search_btn  { float:left;}

#side .aside .section  h3.m { margin:0; padding:10px 14px 8px;}
#side .aside .section .note1 { text-align:right; font-size:85%; padding:8px; margin:0; line-height:1.3;}


/* .sidemenu 製品ラインナップ */
.sidemenu02 a.h { background:url(../images/bg_menu_h.gif) left center no-repeat; color:#fff; padding:10px 15px; display:block;}

.sidemenu02 { text-align:left; margin:0 0 0px;}
.sidemenu02 p.h { background:url(../images/bg_menu_h.gif) left center no-repeat; color:#fff; padding:10px 10px 10px 15px;}
.sidemenu02_1 a {
    width: 220px;
    height: 40px;
    background: url(../images/bg_menu_01.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

.sidemenu02_1.on a,
.sidemenu02_1 a:hover {
    background-position: -220px 0px;
}

.sidemenu02_2 a {
    width: 220px;
    height: 40px;
    background: url(../images/bg_menu_02.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

.sidemenu02_2.on a,
.sidemenu02_2 a:hover {
    background-position: -220px 0px;}


.sidemenu02_3 a {
    width: 220px;
    height: 40px;
    background: url(../images/bg_menu_04.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

.sidemenu02_3.on a,
.sidemenu02_3 a:hover {
    background-position: -220px 0px;}


.sidemenu02_4 a {
    width: 220px;
    height: 40px;
    background: url(../images/bg_menu_03.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

.sidemenu02_4.on a,
.sidemenu02_4 a:hover {
    background-position: -220px 0px;}


.sidemenu02_5 a {
    width: 220px;
    height: 70px;
    background: url(../images/bg_menu_05.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

.sidemenu02_5.on a,
.sidemenu02_5 a:hover {
    background-position: -220px 0px;}

.sidemenu02_6 a {
    width: 220px;
    height: 70px;
    background: url(../images/bg_menu_06.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

.sidemenu02_6.on a,
.sidemenu02_6 a:hover {
    background-position: -220px 0px;}






                           
/* ============================================
　#footer
============================================ */
#footer { background:#e5e5e5; text-align:left; _line-height:normal; margin:0; padding:0;}
	#footer:after { content:""; display:table; clear:both; }
	#footer { /zoom:1; }
#footer .inner { width:940px; margin:0 auto;}

#footer .pagetop {;}
	#footer .pagetop:after { content:""; display:table; clear:both; }
	#footer .pagetop { /zoom:1; }
#footer .pagetop a  { float:right; display:block; width:166px; height:23px; background:url(../images/btn_pagetop.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
#footer .pagetop a:hover { background-position:0px -23px;}

#quicknavi { padding:0 0 10px; border-bottom:1px #ccc solid; margin:0;}
	#quicknavi:after { content:""; display:table; clear:both; }
	#quicknavi { /zoom:1; }
#quicknavi p.img {;}
#quicknavi ul.link { float:left; width:600px; margin-top:10px; font-size:93%;}
#quicknavi ul.link li { float:left; margin-right:10px;}
#quicknavi ul.link li a {;}
#quicknavi ul.pipe { float:left; width:170px; margin-top:15px; font-size:85%;}
#quicknavi .facebook { float:right; display:block;}

#foot_sitemap { border-top:1px solid #f2f2f2; border-bottom:1px #ccc solid; padding:20px 0; font-size:93%; margin:0;}
#foot_sitemap ul {;}
	#foot_sitemap ul:after { content:""; display:table; clear:both; }
	#foot_sitemap ul { /zoom:1; }
#foot_sitemap ul li { float:left; width:188px; _width:180px;}
#foot_sitemap ul li a.h { background:url(../images/icon_link1.gif) right center no-repeat; padding-right:20px; font-weight:bold;}
#foot_sitemap ul li ul.link { margin-top:10px;}
#foot_sitemap ul li ul li { float:none;}
#foot_sitemap ul li ul.al li { margin-bottom:10px;}

#foot_foot { border-top:1px solid #f2f2f2; padding:10px 0; font-size:85%; color:#555; margin:0;}
	#foot_foot:after { content:""; display:table; clear:both; }
	#foot_foot { /zoom:1; }
#foot_foot .left {width:710px;}
#foot_foot ul.pipe { margin-top:20px; }
#foot_foot ul.pipe2 { margin-top:10px; }
#foot_foot .copyright { margin-top:20px; line-height:1.6;}
#foot_foot .iso { float:right;}

#footer address  {float:left; width:500px; padding:5px 0 20px;}
#footer address h3 { font-size:93%;}
#footer address p { font-size:85%; margin-top:8px; line-height:1.5;}
#footer .copyright2 { float:right; text-align:right; font-size:85%; margin-top:3em;}
/* a.contact */
#footer .contact {display:block; background:#e5e5e5; padding:10px;}
#footer .contact a  { display:block; width:168px; height:41px; background:url(../images/btn_contact.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
#footer .contact a:hover { background-position:0px -41px;}


/* ============================================
　#container
============================================ */
.getadobereader { margin:30px 0 0 ;}
	.getadobereader:after { content:""; display:table; clear:both; }
	.getadobereader { /zoom:1; }
.getadobereader a { display:block; float:left; width:160px;}
.getadobereader p { display:block; float:right; width:525px; font-size:85%; line-height:1.6;}

/* お問い合わせ1 */
.contactblock { background:#f5f5f5; text-align:center; padding:20px 0 15px; margin:0 0 30px 0;}
.contactblock a.btn_entry { margin:0 auto 10px; padding:0;}
.contactblock a.btn_entry2 { margin:0 auto 10px; padding:0;}
.contactblock a.btn_entry3 { margin:0 auto 10px; padding:0;}
.contactblock .note { margin:0 auto; padding:0;}

/* お問い合わせ2 */
.contactsection { margin:0;}
.contactsection .body { border-bottom:#ddd solid 1px; border-left:#ddd solid 1px; border-right:#ddd solid 1px; margin:0; padding:30px 30px 0; }
	.contactsection .body:after { content:""; display:table; clear:both; }
	.contactsection .body { /zoom:1; }
.contactsection h2 { background:#ddd; padding:10px 30px; color:#000; font-size:138.5%;}
.contactsection .body { border-width:5px;}
.contactsection .col2 { background:url(../images/bg_col2.gif) 0 0 repeat-y;margin:0 0 30px; padding:0;}
	.contactsection .col2:after { content:""; display:table; clear:both; }
	.contactsection .col2 { /zoom:1; }
.contactsection .col2 .col { float:left; width:315px; padding:0; margin:0}
.contactsection .col2 .col .inner { padding:15px 27px 10px; margin:0; }
.contactsection .col2 .col .txt { margin:5px 0 0; padding:0;}

a.btn_entry { display:block; width:338px; height:51px; background:url(../images/btn_entry.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto; padding:0;}
a.btn_entry:hover { background-position:0px -51px;}
                               
a.btn_entry2 { display:block; width:338px; height:51px; background:url(../images/btn_entry2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto; padding:0;}
a.btn_entry2:hover { background-position:0px -51px;}
                               
a.btn_entry3 { display:block; width:338px; height:51px; background:url(../images/btn_entry3.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto; padding:0;}
a.btn_entry3:hover { background-position:0px -51px;}
                               
a.btn_contact_products { display:block; width:258px; height:51px; background:url(../images/btn_contact_products.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; margin:0; padding:0;}
a.btn_contact_products:hover { background-position:0px -51px;}

a.btn_contact_web2 { display:block; width:258px; height:51px; background:url(../images/btn_contact_web2.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; margin:0; padding:0;}
a.btn_contact_web2:hover { background-position:0px -51px;}

/* tel */
ul.tel {background:none; padding:0; margin:0; font-weight:bold; color:#000; line-height:1.2; }
ul.tel li {padding:0 0 0 0px; margin:0.3em 0 0 0; font-size:150%;}
ul.tel2 { background:none; padding:0; margin:5px 0 0; font-weight:bold; color:#3172b0;}
ul.tel2 li { background:url(../images/icon_tel2.gif) 0 0 no-repeat; padding:0 0 0 22px; margin:0.1em 0 0 0; font-size:138.5%;}

ul.tel3 {background:none; padding:0; margin:0; font-weight:bold; color:#3172b0; line-height:1.2; }
ul.tel3 li {margin:0.3em 0 0 0; font-size:215.4%;}
p.telnote { font-size:85%; line-height:1.5; margin:5px 0 0 0px; padding-bottom:5px;}

p.mail { font-weight:bold; color:#3172b0; font-size:85%; text-align:center; padding-top:3px;}


#wrap{width:700px;display:flex;justify-content: center;padding:0;list-style: none;background:#f5f5f5;}
.box1{width:calc(100% / 5); padding-left:2em; padding-bottom:0}
#wrap ul { margin:0}
#wrap ul.link3 li { background:url(../images/icon_link3.gif) 0 0.4em no-repeat; padding:0 0 0 9px;}





/* ---------------------------------------------
　.wysiwyg
--------------------------------------------- */
.wysiwyg {;}
.wysiwyg p {line-height:1.6; margin-bottom:30px;}
.wysiwyg ul li {margin-bottom:7px; background:url(../images/listmark.gif) 0 0.5em no-repeat; padding-left:10px; line-height:1.4;}
.wysiwyg ul li.none {margin-bottom:7px; padding-left:10px; line-height:1.4; list-style-type:none; background:none; padding:0;}
.wysiwyg ul.pdf { background:none; padding:0;}
.wysiwyg ul.pdf li { display:block; background:url(../images/icon_pdf.gif) 0 0.3em no-repeat; padding:0.3em 0 0.3em 21px; line-height:1.4;}
.wysiwyg ul.zip { background:none; padding:0;}
.wysiwyg ul.zip li { display:block; background:url(../images/icon_zip.gif) 0 0.3em no-repeat; padding:0.3em 0 0.3em 21px; line-height:1.4;}
.wysiwyg ol {list-style:decimal outside; padding-left:20px; }
.wysiwyg ol li {margin-bottom:7px; line-height:1.4;}
.wysiwyg  .p_tx,
.wysiwyg  ul,
.wysiwyg  ol,
.wysiwyg  table.tbl { margin-bottom:30px;}
.wysiwyg  table.tbl3 p { margin-bottom:10px; line-height:1.4;}
.wysiwyg .fig { text-align:center;}
.wysiwyg .fig .pdf2 { display:inline;}
.wysiwyg .fig img { margin:0 auto 30px; display:block;}
.wysiwyg .fig .productsbox1 { margin:0 auto; display:block;}

/* ---------------------------------------------
 均等割り付け
--------------------------------------------- */
.wysiwyg .no_w  { word-break:normal; }

/* ============================================
　セミナー
============================================ */
.seminar_detail h1.h { font-size:182%; text-align:left; margin:30px 0;}
.seminar_detail h2.h { color:#000; font-size:138.5%; margin:30px 0 15px; }

.seminar_detail #articlebody {margin-bottom:50px;}

#header_seminar { margin:0 0 30px; padding:0; }
#header_seminar .entrydata {padding:0; background-image:none; background-color:#f5f5f5;}
#header_seminar img { display:block; margin:0;}

#header_seminar .functions { background:#222; margin:0; padding:0 0 0 9px;}
	#header_seminar .functions:after { content:""; display:table; clear:both; }
	#header_seminar .functions { /zoom:1; }
#header_seminar .functions ul.funcbtn { float:right; width:350px;}

/* セミナー属性 .stats */
.seminar ul.stats { float:left; width:250px;}
	.seminar ul.stats:after { content:""; display:table; clear:both; }
	.seminar ul.stats { /zoom:1; }
.seminar ul.stats li { float:left; margin:9px 0 0 0; width:73px; height:20px; background:url(../images/label_seminar.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; }
.seminar ul.stats li.type1 { background-position:0px 0px;} /* セミナー */
.seminar ul.stats li.type2 { background-position:0px -20px;} /* イベント */
.seminar ul.stats li.stat1 { background-position:-73px 0px;} /* 申込受付中 */
.seminar ul.stats li.stat2 { background-position:-73px -20px;} /* 残席わずか */
.seminar ul.stats li.stat3 { background-position:-73px -40px;} /* 開催終了 */
.seminar ul.stats li.stat4 { background-position:-73px -60px;} /* 申込締切 */
.seminar ul.stats li.fee1 { background-position:-146px 0px;} /* 無料 */
.seminar ul.stats li.fee2 { background-position:-146px -20px;} /* 有料 */

/* セミナートップ */
#pickupbanner { margin:0 0 30px; }
#pickupbanner h2 { background:url(../images/bg_menu_h.gif) left center repeat-x; color:#fff; padding:10px 15px;}
#pickupbanner ul { background:#f5f5f5; padding:20px 0 20px 20px; margin:0;}
	#pickupbanner ul:after { content:""; display:table; clear:both; }
	#pickupbanner ul { /zoom:1; }
#pickupbanner ul li { margin:0 20px 0 0; float:left;}
#pickupbanner ul li a { display:block;}
#pickupbanner ul li a img { display:block; border:1px solid #ddd;}

table#seminar_index th,
table#seminar_index td {font-size:93%;}

.seminar table#seminar_index ul.stats { width:inherit; display:inline-block; float:none; background:#f5f5f5; margin:0 0 8px; padding:0 0 8px 8px;}

table#seminar_index dl.kw { padding:15px 0 5px; display:block; margin:0; line-height:1.6;}
table#seminar_index dl.kw dt { float:left; width:6em; padding:0 0 5px 0; color:#000;
 background:url(../images/icon_colon.gif) right 0.3em no-repeat; *background-position:right 0.3em;}
table#seminar_index dl.kw dd { display:block; margin:0 0 0 5.5em; padding:0 0 5px 0;}

table#seminar_index div.keywords { margin:0 0 8px; line-height:1.5; }
table#seminar_index a.h { display:block; margin:0 0 8px; text-decoration:underline; line-height:1.5; font-size:107.5%; }
table#seminar_index p.p_tx {margin:0;}


/* ============================================
　製品詳細ページ
============================================ */
body.productsdetail h1.h { font-size:182%; margin:30px 0; color:#000; text-align:left; padding:0;}

/* #header_productsdetai */
#header_productsdetail { margin:0; padding:0;}

#header_productsdetail .headerimg { background:url(../images/head_h1bar_blue.gif) 0 0 no-repeat; padding:0 0 0 17px; margin:0; height:120px; overflow:hidden; }
	/* ３色展開:article#contents に color_xxxクラスを指定 */
	.color_blu #header_productsdetail .headerimg { background-image:url(../images/head_h1bar_blue.gif);}
	.color_brw #header_productsdetail .headerimg { background-image:url(../images/head_h1bar_brown.gif);}
	.color_red #header_productsdetail .headerimg { background-image:url(../images/head_h1bar_red.gif);}

#header_productsdetail p.lead { font-size:182%; color:#000; margin-top:30px;}

/* .btn_closeall */
.btn_all { margin:0;}
	.btn_all:after { content:""; display:table; clear:both; }
	.btn_all { /zoom:1; }
.btn_all span { display:block; float:right; background:#f5f5f5; padding:8px 13px; margin:0 0 1px;}
.btn_all a  { display:block; width:81px; height:25px; background:url(../images/btn_closeall.gif) 0 0 no-repeat; cursor:pointer;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
.btn_all a:hover { background-position:0px -25px;}             
.btn_all a.open  { background-image:url(../images/btn_openall.gif);}               
/* .ctntsection */
.ctntsection { margin:0 0 30px;}
.ctntsection .h2 { border-left:7px solid #006979; background:#f5f5f5; padding:15px 15px 15px 20px; font-size:138.5%; margin:0;}
	.ctntsection .h2:after { content:""; display:table; clear:both; }
	.ctntsection .h2 { /zoom:1; }
	/* ３色展開:article#contents に color_xxxクラスを指定 */
	.color_blu .ctntsection .h2 {border-left:7px solid #006979; }
	.color_brw .ctntsection .h2 {border-left:7px solid #8a741b; }
	.color_red .ctntsection .h2 {border-left:7px solid #94252a; }

.ctntsection .h2 h2.h { float:left; width:570px; color:#000; margin:0;}

/* 開閉ボタン */
.ctntsection .h2 a  { display:block; float:right; width:81px; height:25px; background:url(../images/btn_close.gif) 0 0 no-repeat; cursor:pointer;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
.ctntsection .h2 a:hover { background-position:0px -25px;}
.close .h2 a  { background-image:url(../images/btn_open.gif);}

/* コンテンツ */
.ctntsection .body { border-bottom:#ddd solid 1px; border-left:#ddd solid 1px; border-right:#ddd solid 1px; margin:0; padding:30px 30px 0; }
	.ctntsection .body:after { content:""; display:table; clear:both; }
	.ctntsection .body { /zoom:1; }

/* 閉じたときに表示するリード80文字 */
.body .excerpt { display:none; line-height:1.6;} 
/*.close .body { padding-top:20px;} */
.close .body .excerpt { display:block; padding-bottom:20px;} 
.close .body .excerpt .readmore { cursor:pointer; margin-left:10px; text-decoration:underline;} 
.close .body .lead { display:none;} 
.close .p_tx { display:none;}

.ctntsection h3.h { margin-bottom:10px; font-size:138.5%; color:#067; font-weight:bold;}
.ctntsection .p_tx,
.ctntsection ul.list,
.ctntsection .fig,
.ctntsection table.tbl { margin-bottom:30px;}
	/* ３色展開:article#contents に color_xxxクラスを指定 */
	.color_blu table.tbl caption { background:#006979; }
	.color_brw table.tbl caption { background:#8a741b; }
	.color_red table.tbl caption { background:#94252a; }
.ctntsection table.tbl ul.list { margin-bottom:0px;}

/*１カラム */
.ctntsection .col1 { margin:0px 1px 30px; background:#f5f5f5; border-top:3px solid #006979; padding:20px; padding-top:10px\9; text-align:center;}
	/* ３色展開:article#contents に color_xxxクラスを指定 */
	.color_blu .ctntsection .col1 { border-top:3px solid #006979; }
	.color_brw .ctntsection .col1 { border-top:3px solid #8a741b; }
	.color_red .ctntsection .col1 { border-top:3px solid #94252a; }
.ctntsection .col1 .col h3.h {margin:0 0 20px; font-size:138.5%; color:#000; text-align:left; padding:0;}
.ctntsection .col1 .col h3.img {margin:0 auto 10px; padding:0;}
.ctntsection .col1 .col ul,
.ctntsection .col1 .col p { margin:0 15px; text-align:left;}

/*２カラム横並び */
.ctntsection .col2 {/*background:#f5f5f5;*/ background:url(../images/bg_col2.gif) 0 0 repeat-y;margin:0 0 30px; padding:0;}
	.ctntsection .col2:after { content:""; display:table; clear:both; }
	.ctntsection .col2 { /zoom:1; }
.ctntsection .col2 .col { float:left; width:318px; /*border-right:1px solid #fff;*/ padding:0; margin:0}
.ctntsection .col2 .col .inner { padding:15px 27px 10px; margin:0; }

/*３カラム横並び */
.ctntsection .col3 { margin:0 1px 30px; /*background:#f5f5f5;*/ background:url(../images/bg_col3.gif) 0 0 repeat-y; padding:0;}
	.ctntsection .col3:after { content:""; display:table; clear:both; }
	.ctntsection .col3 { /zoom:1; }
.ctntsection .col3 .col { float:left; width:212px; /*border-right:1px solid #fff;*/ padding:0; margin:0}
.ctntsection .col3 .col .inner { border-top:3px solid #006979; margin:0 1px 0 0; padding:10px 0; text-align:center;}
.ctntsection .col3 .col h3.h {margin:0 0 10px; font-size:123.1%; color:#000; text-align:left; padding:0 15px;}
.ctntsection .col3 .col h3.img {margin:0 auto 10px;}
.ctntsection .col3 .col ul,
.ctntsection .col3 .col p { margin:0 15px; text-align:left;}
	/* ３色展開:article#contents に color_xxxクラスを指定 */
	.color_blu .ctntsection .col3 .col .inner {border-top:3px solid #006979; }
	.color_brw .ctntsection .col3 .col .inner {border-top:3px solid #8a741b; }
	.color_red .ctntsection .col3 .col .inner {border-top:3px solid #94252a; }

/* 画像とテキストが横並びになったブロック */
.ctntsection .block { margin-bottom:30px;}
	.ctntsection .block:after { content:""; display:table; clear:both; }
	.ctntsection .block { /zoom:1; }

/* 商標等記載 */
.trademark { line-height:1.6; font-size:93%; margin-bottom:30px; }

/* 関連ソリューション */
ul.relativesolution { margin-bottom:30px;}
ul.relativesolution li { padding-left:97px; background:0 0 no-repeat; margin-bottom:8px;}
ul.relativesolution li a { background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 0 0 10px; margin:0;}
ul.relativesolution li.infrastructure { background-image:url(../images/label_infra.gif);}
ul.relativesolution li.industry { background-image:url(../images/label_industry.gif);}
ul.relativesolution li.crossindustry { background-image:url(../images/label_crossindustry.gif);}

/* ============================================
　製品詳細
============================================ */
.freelayout h2.h { color:#06388b; font-size:153.9%; font-weight:bold; margin:0; padding:0;}
.freelayout .h2sub { color:#067; font-size:138.5%; font-weight:bold; margin:0; padding:0;}
.freelayout h3.h { color:#000; font-size:138.5%; margin-bottom:10px; padding:0;}
.freelayout h3.hb { color:#000; font-size:138.5%; font-weight:bold; margin-bottom:10px; padding:0;}
.freelayout h3.h_b { color:#06388b; font-size:138.5%; font-weight:bold; margin-bottom:10px; padding:0;}
.freelayout h3.h span { color:#0092db;}


/* ---------------------------------------------
 事例 
--------------------------------------------- */
.wysiwyg .result_section { display:none;}
.wysiwyg .result_section_inner { border-top:3px solid #34b3d1; margin:30px 30px 0 0; background:#f5f5f5; }

.wysiwyg .result { margin:0 0 0 0px;}

/* 各エントリの枠 */
.wysiwyg .result .entry { float:left; width:227px; padding-bottom:20px;}
.wysiwyg .result .entry a.inner { display:block; margin:0 20px 0 0; padding:7px; border:1px solid #eee; background:#fff; height:22em; }
.wysiwyg .result .entry a.inner:hover { text-decoration:none; background:#f5faff; border:1px solid #def;}
.wysiwyg .result .entry a.inner:hover img { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; }
.wysiwyg .result .entry .banner { height:70px; overflow:hidden; text-align:center; border:1px solid #eee;
 background:#fff url(../images/icon_go.gif) 183px 30px no-repeat;}
.wysiwyg .result .entry .banner img { display:block; margin:4px auto 4px;}
.wysiwyg .result .entry .thumb { height:120px; overflow:hidden;border:1px solid #eee;}
.wysiwyg .result .entry .thumb img { display:block;}
.wysiwyg .result .entry .pname { color:#666; font-size:85%; margin:10px 10px 3px;}
.wysiwyg .result .entry h3 { font-weight:bold; color:#000; margin:0px 10px 7px; line-height:1.5; }
.wysiwyg .result .entry h3.kiji { font-size:112%; font-weight:bold; color:#000; margin:10px 10px 7px; line-height:1.5; }
.wysiwyg .result .entry a.inner p { margin:0; padding:0; line-height:1.5; margin:0 10px; color:#444; font-size:93%; }


/* ---------------------------------------------
 課題・解決
--------------------------------------------- */

.wysiwyg .result { margin:0 0 0 0px;}

/* 各エントリの枠 */

.wysiwyg .result_p .entry { float:left; width:380px; padding:7px; display:block; margin:0 20px 20px 0; border:1px solid #86b3e0; background:#fff; height:30em;}
.wysiwyg .result_p .entry img { display:block; margin:1em auto 1em;}
.wysiwyg .result_p .entry h3 { font-weight:bold; color:#000; margin:0px 10px 7px; line-height:1.5; }
.wysiwyg .result_p .entry h3.kiji { font-size:112%; font-weight:bold; color:#000; margin:10px 10px 7px; line-height:1.5; }
.wysiwyg .result_p .entry h3.kiji span { color:#0086d1}
.wysiwyg .result_p .entry p { padding:0; line-height:1.5; margin:0 15px; color:#444; font-size:93%; }
.wysiwyg .result_p .entry a { margin:0 15px;}


.wysiwyg .result_p2 .entry { float:left; width:380px; padding:7px; display:block; margin:0 20px 20px 0; border:1px solid #86b3e0; background:#fff; height:33em;}
.wysiwyg .result_p2 .entry img { display:block; margin:1em auto 1em;}
.wysiwyg .result_p2 .entry h3 { font-weight:bold; color:#000; margin:0px 10px 7px; line-height:1.5; }
.wysiwyg .result_p2 .entry h3.kiji { font-size:112%; font-weight:bold; color:#000; margin:10px 10px 7px; line-height:1.5; }
.wysiwyg .result_p2 .entry h3.kiji span { color:#0086d1}
.wysiwyg .result_p2 .entry p { padding:0; line-height:1.5; margin:0 15px; color:#444; font-size:93%; }
.wysiwyg .result_p2 .entry a { margin:0 15px;}


/* ============================================
　従来ネット入力との違い
============================================ */

#hukidashi{
		width: 97%;
		margin: 0px 0px 0px 0px;
		position: relative;
		background-image: url(../images/hukidashi_bl_1_01.gif),url(../images/hukidashi_bl_1_03.gif),url(../images/hukidashi_bl_1_02.gif);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
background-size:100%;
		padding: 1.57% 0%;
		color:#000;
	}
	@media screen and (max-width : 750px){
	#hukidashi{
		width: auto;
		padding: 2.5% 0%;
	}
	}
	@media screen and (max-width : 480px){
	#hukidashi{
		background-image: url(../images/hukidashi_bl_1_01.gif),url(../images/hukidashi_bl_1_03.gif),url(../images/hukidashi_bl_1_02.gif);
 		padding: 4.78%;
	}
	}
	
	
#hukidashi2{
		width: 97%;
		margin: 0px 0px 0px 0px;
		position: relative;
		background-image: url(../images/hukidashi_gr_01.gif),url(../images/hukidashi_gr_03.gif),url(../images/hukidashi_gr_02.gif);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
background-size:100%;
		padding: 1.57% 0%;
		color:#000;
	}
	@media screen and (max-width : 750px){
	#hukidashi{
		width: auto;
		padding: 2.5% 0%;
	}
	}
	@media screen and (max-width : 480px){
	#hukidashi{
		background-image: url(../images/hukidashi_gr_01.gif),url(../images/hukidashi_gr_03.gif),url(../images/hukidashi_gr_02.gif);
 		padding: 4.78%;
	}
	}





/* ============================================
　プロフェッショナル・コラムＴＯＰ
============================================ */
.column_entries { border-top:1px solid #ddd; margin:30px 0;} 
.column_entries .sitemapcat { padding:30px 0;} 
.column_entries .sitemapcat h2 { color:#000; font-weight:bold; font-size:123.1%; padding-bottom:10px;} 
.column_entries .sitemapcat p.staff { text-align:right; padding-bottom:10px; font-size:93%;} 
.column_entries .sitemapcat dl {;}
.column_entries .sitemapcat dl dt { float:left; width::4em; color:#000;}
.column_entries .sitemapcat dl dd { margin-left:5em;}

/* ============================================
　プロフェッショナル・コラム詳細ページ
============================================ */
/* #header_technology */
#header_column { margin:0 0 30px; padding:0; }
#header_column .entrydata {padding:0; background-image:none; background-color:#f5f5f5;}
#header_column .entrydata dl { width:460px;}
#header_column .cell { display:table-cell; vertical-align:middle; *display:inline; *zoom:1;}
#header_column h1.h { width:200px; font-size:108%; font-weight:bold; padding:0; color:#000;}
#header_column img { display:block; margin:0;}
#header_column .headerimg { display:none;}
#header_column .photocaption { font-size:85%; color:#666; text-align:right; margin:10px 0 0;}

/* #articlebody */
.column #articlebody h2.h { color:#36a; font-size:138.5%; font-weight:bold; margin:0 0 20px;}
.column #articlebody h3.h { color:#000; font-size:123.1%; margin:0 0 20px;}
.column #articlebody .p_tx { margin:0 0 30px;} 
.column #articlebody .lead { display:none;} 
.column #articlebody .page_body { display:none;} 


/* ============================================
　2ndインデックスページ
============================================ */
.indexpage #mainv { height:170px; overflow:hidden; background-position:center top; margin:0; padding:0;}
.indexpage #mainv .lead { width:940px; margin:0 auto; padding:0; text-align:left; }
.indexpage #mainv .lead #breadcrumb { color:#fff; background:none; padding:10px 505px 0 20px;}
.indexpage #mainv .lead #breadcrumb a,
.indexpage #mainv .lead #breadcrumb span { color:#fff;}
.indexpage #mainv .lead h1 {font-size:182%; color:#fff; padding:20px 505px 0 35px;}
.indexpage #mainv .lead p { color:#fff; padding:10px 503px 0 35px; line-height:1.5;}

.products #mainv { background-image:url(../products/images/bg_productshead.jpg);}
.technology #mainv { background-image:url(../technology/images/bg_technologyhead.jpg);}
.company #mainv { background-image:url(../company/images/bg_companyhead.jpg);}
.seminar #mainv { background-image:url(../seminar/images/bg_seminarhead.jpg);}
.csr #mainv { background-image:url(../csr/images/bg_csrhead.jpg);}
.ir #mainv { background-image:url(../ir/images/bg_irhead.jpg);}
.recruit #mainv { background-image:url(../recruit/images/bg_recruithead.jpg);}
.strength #mainv { background-image:url(../strengths/images/bg_strengthhead.jpg);}

.indexpage #main {margin:0 0;}

.indexpage #contents {width:720px;}
.seminar #contents { width:700px;}

.indexpage #feature {width:700px; margin:0 0 30px; padding:0;}
	.indexpage #feature:after { content:""; display:table; clear:both; }
	.indexpage #feature { /zoom:1; }

.indexpage #feature #topics { width:350px; float:left; margin:0;}
.indexpage #feature #topics h2 { color:#fff; font-size:93%; padding:10px 10px 10px 20px; background:url(../images/bg_menu_h.gif) left center repeat-x; border-right:1px solid #000; }
.indexpage #feature #topics ul { border-left:1px solid #ddd; background:#f5f5f5; padding:0; height:270px; }
.indexpage #feature #topics ul li { padding:20px 0 0 20px;}

.indexpage #feature #press { width:700px; float:left; margin:0;}
.indexpage #feature #press .header {padding:5px 10px 5px 20px; background:url(../images/bg_menu_h.gif) left center repeat-x; border-left:1px solid #4f4f4f;}
	.indexpage #feature #press .header:after { content:""; display:table; clear:both; }
	.indexpage #feature #press .header { /zoom:1; }
.indexpage #feature #press h2 { color:#fff; font-size:93%; padding:5px 0 5px; float:left; width:80px;}
.indexpage #feature #press a.btn_press { float:right; margin-right:5px;}
.indexpage #feature #press .printpage { float:right; display:block; width:81px; height:23px; background:url(../images/btn_print.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden; border:0 solid; padding:0; cursor:pointer;
  *line-height:0; *font-size:0; *color:#5b5e5e; *letter-spacing:0; *text-align:right;}
.indexpage #feature #press .printpage:hover { background-position:0 -23px;}
.indexpage #feature #press .overview ul { border-top:none; padding:10px 0 20px 0; margin:0; }
.indexpage #feature #press .overview ul li { padding:0; margin:0px 15px 20px 10px; line-height:1.2; border:none; } 
.indexpage #feature #press .overview ul li a { display:block; margin:2px 0 0; padding:0;}

#scrollbar1 { clear:both; margin:0; }
#scrollbar1 .viewport { height:300px; overflow:hidden; position:relative; border:1px solid #ddd;}
#scrollbar1 .overview { list-style:none; position:absolute; left:0; top:10px; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color:#c0c0c0; }
#scrollbar1 .scrollbar { position:relative; float:right; width:11px; }
#scrollbar1 .track { background-color:#dedede; height:100%; width:11px; position:relative; padding:0; }
#scrollbar1 .thumb { height:20px; width:11px; cursor:pointer; overflow:hidden; position:absolute; top:0; }
#scrollbar1 .thumb .end { overflow:hidden; height:5px; width:13px; }
#scrollbar1 .disable{ display:none; }

#contents #scrollbar1 ul.news li,
#contents #scrollbar1 ul.entrylist li { /zoom:normal; }

.indexpage #pickup { margin:0 0 20px;}
.indexpage #pickup ul { margin:0; padding:0;}
	#pickup ul:after { content:""; display:table; clear:both; }
	#pickup ul { /zoom:1; }
.indexpage #pickup ul li { float:left; width:240px;}
.indexpage #pickup ul li a { margin:0 20px 20px 0; display:block;}
.indexpage #pickup ul li a img { display:block;}

/* ---------------------------------------------
 インフレーム
--------------------------------------------- */
.inlineframe    {
background-color:#FFFFFF;
height:250px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
border:1px solid #ddd;
margin-bottom:30px;
}
.inlineframe ul { border-top:none; padding:10px 0 20px 0; margin:0; }
.inlineframe ul li { padding:0; margin:0px 15px 20px 10px; line-height:1.2; border:none; background-image:none } 
.inlineframe ul li a { display:block; margin:2px 0 0; padding:0;}


/* ---------------------------------------------
 ピックアップ・更新情報 
--------------------------------------------- */
/* 更新情報 */
body.indexpage #feature #press .header { padding:0 0 0 10px;}

/* 更新情報タブ */
ul#tab_topics { display:block; margin:0; padding:11px 0 0 0; border:none;}
	ul#tab_topics:after { content:""; display:table; clear:both; }
	ul#tab_topics { /zoom:1; }
ul#tab_topics li { float:left; margin:0; padding:0;}
ul#tab_topics li a { margin:0; padding:0; cursor:pointer; height:29px;}
ul#tab_topics li a.on { cursor:default;}

ul#tab_topics li.update a { display:block; width:78px; height:29px; background:url(../images/tab_update.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
ul#tab_topics li.update a:hover,
ul#tab_topics li.update a.on { background-position:0px -29px;}
ul#tab_topics li.news a { display:block; width:143px; height:29px; background:url(../images/tab_update.gif) -78px 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
ul#tab_topics li.news a:hover,
ul#tab_topics li.news a.on { background-position:-78px -29px;}
ul#tab_topics li.list a { display:block; width:53px; height:29px; background:url(../images/tab_update.gif) -221px 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
ul#tab_topics li.list a:hover,
ul#tab_topics li.list a.on { background-position:-221px -29px;}

/* 更新情報：スクロールの部分 */
#press .overview ul.entrylist {display:none;}
#press .overview ul.on {display:block;}

/* ピックアップ枠の高さ変更 100px→150px */
body.indexpage #feature #topics #pickup_banners {height:250px;}
#scrollbar1 .viewport {height:250px;}

/* ---------------------------------------------
 ピックアップ・更新情報 
--------------------------------------------- */

#contentslist { margin:0 0 20px;}
	#contentslist:after { content:""; display:table; clear:both; }
	#contentslist { /zoom:1; }
#contentslist .cell { float:left; width:240px; height:16.1em;}
#contentslist .cell a { display:block; margin:0 20px 0 0; background:#f5f5f5; height:14.6em; color:#444;}
#contentslist .cell a:hover { text-decoration:none;}
#contentslist .cell a img { display:block; margin:0 0 12px;}
#contentslist .cell a h3 { display:inline; margin:0 13px; color:#000; background:url(../images/icon_link2.gif) right center no-repeat; padding:0 20px 0 0; font-weight:bold;}
#contentslist .cell a p { line-height:1.5; margin:6px 13px; font-size:93%;}

#contentslist1 { margin:0 0 20px;}
	#contentslist1:after { content:""; display:table; clear:both; }
	#contentslist1 { /zoom:1; }
#contentslist1 .cell { float:left; width:240px;}
#contentslist1 .cell .inner { display:block; margin:0 20px 0 0; background:#f5f5f5; height:20em; color:#444;}
	#contentslist1 .last {width:220px;}
	#contentslist1 .last .inner { margin:0;}
#contentslist1 .cell a:hover { text-decoration:none;}
#contentslist1 .cell .inner img { display:block; margin:0 0 12px;}
#contentslist1 .cell .inner h3 { margin:3px 13px;}
#contentslist1 .cell .inner h3 a { background:url(../images/icon_link2.gif) right center no-repeat; padding:0 20px 0 0; }
#contentslist1 .cell .inner p,
#contentslist1 .cell .inner ul { line-height:1.5; margin:6px 13px; font-size:93%;}
#contentslist1 .cell .inner ul li { margin:0 0 3px;}

.contentslist1 { margin:0 0 20px;}
	.contentslist1:after { content:""; display:table; clear:both; }
	.contentslist1 { /zoom:1; }
.contentslist1 .cell { float:left; width:240px;}
.contentslist1 .cell .inner { display:block; margin:0 20px 0 0; background:#f5f5f5; height:20em; color:#444;}
	.contentslist1 .last {width:220px;}
	.contentslist1 .last .inner { margin:0;}
.contentslist1 .cell a:hover { text-decoration:none;}
.contentslist1 .cell .inner img { display:block; margin:0 0 12px;}
.contentslist1 .cell .inner h3 { margin:3px 13px;}
.contentslist1 .cell .inner h3 a { background:url(../images/icon_link2.gif) right center no-repeat; padding:0 20px 0 0; }
.contentslist1 .cell .inner p,
.contentslist1 .cell .inner ul { line-height:1.5; margin:6px 13px; font-size:93%;}
.contentslist1 .cell .inner ul li { margin:0 0 3px;}

#contentslist2{ margin:0 0 20px;}
	#contentslist2:after { content:""; display:table; clear:both; }
	#contentslist2 { /zoom:1; }
#contentslist2 .cell { float:left; width:360px; height:17em;}
#contentslist2 .right { float:right; width:340px;}
#contentslist2 .cell .inner { border-top:#3ac solid 3px; display:block; margin:0 20px 0 0; background:#f5f5f5; height:15.3em; color:#444;}
#contentslist2 .cell h3 { margin:14px 13px; font-weight:bold;}
#contentslist2 .cell h3 a {color:#000; padding:0 20px 0 0; background:url(../images/icon_link4.gif) right center no-repeat;}
#contentslist2 .cell h3 a:hover {color:#147;}
#contentslist2 .cell p { line-height:1.5; margin:6px 13px 17px; font-size:93%;}
#contentslist2 .cell ul.list,
#contentslist2 .cell ul.link,
#contentslist2 .cell ul.link3 { font-size:93%; margin:0 13px; }

#contentslist2b{ margin:0 0 20px;}
	#contentslist2b:after { content:""; display:table; clear:both; }
	#contentslist2b { /zoom:1; }
#contentslist2b .cell { float:left; width:340px; padding-bottom:20px;}
#contentslist2b .right { float:right;}
#contentslist2b .cell .inner { border-top:#3ac solid 3px; display:block; margin:0; background:#f5f5f5; height:7em; color:#444;}
#contentslist2b .cell h3 { margin:14px 13px; color:#000; font-weight:bold; }
#contentslist2b .cell h3 a { color:#000; padding:0 20px 0 0; background:url(../images/icon_link2.gif) right center no-repeat;}
#contentslist2b .cell h3 a:hover {color:#147;}
#contentslist2b .cell p { line-height:1.5; margin:6px 13px 17px; font-size:93%;}

#contentslist3{ margin:0 0 20px;}
	#contentslist3:after { content:""; display:table; clear:both; }
	#contentslist3 { /zoom:1; }
#contentslist3 .cell { float:left; width:175px; height:17em;}
#contentslist3 .cell .inner { border-top:#3ac solid 3px; display:block; margin:0 1px 0 0; background:#f5f5f5; height:16.5em; color:#444;}
#contentslist3 .cell h3 { margin:14px 13px;}
#contentslist3 .cell h3 a {color:#000; font-weight:bold; padding:0 20px 0 0; background:url(../images/icon_link2.gif) right center no-repeat;}
#contentslist3 .cell h3 a:hover {color:#147;}
#contentslist3 .cell p { line-height:1.5; margin:6px 13px 17px; font-size:93%;}
#contentslist3 .cell ul.link { font-size:93%; margin:0 13px; }

#contentslist4{ margin:0 20px 20px 0;}
	#contentslist4:after { content:""; display:table; clear:both; }
	#contentslist4 { /zoom:1; }
#contentslist4 .cell1 { float:left; width:420px; background:#f5f5f5; height:18em; color:#444;}
#contentslist4 .cell1 h3 { margin:10px 20px;}
#contentslist4 .cell1 h3 a {color:#000; font-weight:bold; padding:0 20px 0 0; background:url(../images/icon_link2.gif) right center no-repeat;}
#contentslist4 .cell1 h3 a:hover {color:#147;}
#contentslist4 .cell1 p { line-height:1.5; margin:6px 13px 17px; font-size:93%;}
#contentslist4 .cell1 ul.link { font-size:93%; margin: 0px 0px 0px 20px; }
	#contentslist4 .cell1 ul.link:after { content:""; display:table; clear:both; }
	#contentslist4 .cell1 ul.link { /zoom:1; }
#contentslist4 .cell1 ul.link li { float:left; width:200px; margin:0.5em 0 0 0; line-height:1.4; padding:0; background:none;}
#contentslist4 .cell1 ul.link li a { background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 0 0 9px; }


/* 3カラム用 */
.contentslist3col .cell { width:240px !important;height: 27em !important;}
.contentslist3col .cell_last { width:220px !important;}
.contentslist3col .cell_last .inner { margin-right:0 !important;}
.contentslist3col .right { width:220px !important;}

/* h3アイコン変更 */
.cell h3.link2 a { background:url(../images/icon_link2.gif) right center no-repeat !important;}

/* ============================================
　FAQ
============================================ */


.accordion ul {
	width:100%;
	padding:0;
}
.accordion li {
	position:relative;
	border-top:1px solid #ccc;
	list-style:none;
	margin-bottom:0;
	margin-top:0.5px;
}
.accordion li:first-child {
	border-top:1px solid #ccc;
}

.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0.5em;
	position: relative;
}
.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
}



.accordion > ul > li > p {
	display: none;
	text-align:left;
	padding:1em 1em 1em;
	color:#555;
	line-height:1.6;
	background-color:#EAF4FC;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 20px;
	height: 20px;
	top:15px;
	right:10px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 80%;
	height: 1px;
    background-color: #ccc;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


div.case ul li {
	float: left;
	width: 225px;
	height:30em;
	margin-right: 10px;
	padding-left: 0px;
	background: #f5f5f5;
}

div.case ul li.item4 {
	margin-right: 0;
}

div.case ul li h4 {
	padding: 15px;
	background: #115079;
	color: #fff;
}

div.case ul li h4 span.number {
	color: #f90;
	font-weight: normal;
}

div.case ul li p {
	padding: 15px;
}






/* ============================================
　レイアウト
============================================ */
/* margin */
.mt00 { margin-top:0   !important; }
.mt01 { margin-top:1px  !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mr00 { margin-right:0   !important; }
.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr12 { margin-right:12px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }
.mr80 { margin-right:80px !important; }
.mr90 { margin-right:90px !important; }
.mr100 { margin-right:100px !important; }
.mb00 { margin-bottom:0   !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }                                  
.mb60 { margin-bottom:60px !important; }  
.mb65 { margin-bottom:65px !important; }     
.mb70 { margin-bottom:70px !important; }
.mb75 { margin-bottom:75px !important; }  
.mb80 { margin-bottom:80px !important; }                                     
.mb85 { margin-bottom:85px !important; }                                     
.mb90 { margin-bottom:90px !important; }                                     
.mb95 { margin-bottom:95px !important; }                                     
.mb100 { margin-bottom:100px !important; } 
.mb150 { margin-bottom:150px !important; } 
.mb200 { margin-bottom:200px !important; } 
.mb250 { margin-bottom:250px !important; }
.mb300 { margin-bottom:300px !important; }
.mb350 { margin-bottom:350px !important; }
.mb400 { margin-bottom:400px !important; }
.mb450 { margin-bottom:450px !important; }
.mb500 { margin-bottom:500px !important; } 
                                                                       
.ml00 { margin-left:0   !important; }
.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml12 { margin-left:12px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml30 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml120 { margin-left:120px !important; }                                   
.ml130 { margin-left:130px !important; }                                   
.ml140 { margin-left:140px !important; }                                                                 
.ml150 { margin-left:150px !important; }
.ml160 { margin-left:160px !important; }
.ml170 { margin-left:170px !important; }                                   
.ml180 { margin-left:180px !important; }                                   
.ml190 { margin-left:190px !important; }                                   
.ml200 { margin-left:200px !important; }                                   
                                   
/* padding */
.nopad { padding:0   !important; }
.pt00 { padding-top:0   !important; }
.pt05 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt55 { padding-top:55px !important; }                                   
.pt60 { padding-top:60px !important; }
.pt65 { padding-top:65px !important; }                                   
.pt70 { padding-top:70px !important; }
.pt75 { padding-top:75px !important; }                                   
.pt80 { padding-top:80px !important; }
.pt85 { padding-top:85px !important; }                                   
.pt90 { padding-top:90px !important; }
.pt95 { padding-top:95px !important; }                                   
.pt100 { padding-top:100px !important; }
                                   
                                   
.pr00 { padding-right:0   !important; }
.pr05 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
                                   
.pb00 { padding-bottom:0   !important; }
.pb05 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
                                   
.pl00 { padding-left:0   !important; }
.pl05 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl12 { padding-left:12px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl30 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
                                   
/* 横並び */
.lft50 { float:left; width:50px;}
.lft60 { float:left; width:60px;}
.lft70 { float:left; width:70px;}
.lft80 { float:left; width:80px;}
.lft90 { float:left; width:90px;}
.lft100 { float:left; width:100px;}
.lft110 { float:left; width:110px;}
.lft120 { float:left; width:120px;}
.lft130 { float:left; width:130px;}
.lft140 { float:left; width:140px;}
.lft150 { float:left; width:150px;}
.lft160 { float:left; width:160px;}
.lft170 { float:left; width:170px;}
.lft180 { float:left; width:180px;}
.lft190 { float:left; width:190px;}
.lft200 { float:left; width:200px;}
.lft210 { float:left; width:210px;}
.lft220 { float:left; width:220px;}
.lft230 { float:left; width:230px;}
.lft240 { float:left; width:240px;}
.lft250 { float:left; width:250px;}
.lft260 { float:left; width:260px;}
.lft270 { float:left; width:270px;}
.lft280 { float:left; width:280px;}
.lft290 { float:left; width:290px;}
.lft300 { float:left; width:300px;}
.lft310 { float:left; width:310px;}
.lft320 { float:left; width:320px;}
.lft330 { float:left; width:330px;}
.lft340 { float:left; width:340px;}
.lft350 { float:left; width:350px;}
.lft360 { float:left; width:360px;}
.lft370 { float:left; width:370px;}
.lft380 { float:left; width:380px;}
.lft390 { float:left; width:390px;}
.lft400 { float:left; width:400px;}
.lft410 { float:left; width:410px;}
.lft420 { float:left; width:420px;}
.lft430 { float:left; width:430px;}
.lft440 { float:left; width:440px;}
.lft450 { float:left; width:450px;}
.lft460 { float:left; width:460px;}
.lft470 { float:left; width:470px;}
.lft480 { float:left; width:480px;}
.lft490 { float:left; width:490px;}
.lft500 { float:left; width:500px;}
.lft510 { float:left; width:510px;}
.lft520 { float:left; width:520px;}
.lft530 { float:left; width:530px;}
.lft540 { float:left; width:540px;}
.lft550 { float:left; width:550px;}
.lft560 { float:left; width:560px;}
.lft570 { float:left; width:570px;}
.lft580 { float:left; width:580px;}
.lft590 { float:left; width:590px;}
.lft600 { float:left; width:600px;}
.lft610 { float:left; width:610px;}
.lft620 { float:left; width:620px;}
.lft630 { float:left; width:630px;}
.lft640 { float:left; width:640px;}
.lft650 { float:left; width:650px;}
.lft660 { float:left; width:660px;}
.lft670 { float:left; width:670px;}
.lft680 { float:left; width:680px;}
.lft690 { float:left; width:690px;}
.lft700 { float:left; width:700px;}
.lft770 { float:left; width:770px;}
.rgt50 { float:right; width:50px;}
.rgt60 { float:right; width:60px;}
.rgt70 { float:right; width:70px;}
.rgt80 { float:right; width:80px;}
.rgt90 { float:right; width:90px;}
.rgt100 { float:right; width:100px;}
.rgt110 { float:right; width:110px;}
.rgt120 { float:right; width:120px;}
.rgt130 { float:right; width:130px;}
.rgt140 { float:right; width:140px;}
.rgt150 { float:right; width:150px;}
.rgt160 { float:right; width:160px;}
.rgt170 { float:right; width:170px;}
.rgt180 { float:right; width:180px;}
.rgt190 { float:right; width:190px;}
.rgt200 { float:right; width:200px;}
.rgt210 { float:right; width:210px;}
.rgt220 { float:right; width:220px;}
.rgt230 { float:right; width:230px;}
.rgt240 { float:right; width:240px;}
.rgt250 { float:right; width:250px;}
.rgt260 { float:right; width:260px;}
.rgt270 { float:right; width:270px;}
.rgt280 { float:right; width:280px;}
.rgt290 { float:right; width:290px;}
.rgt300 { float:right; width:300px;}
.rgt310 { float:right; width:310px;}
.rgt320 { float:right; width:320px;}
.rgt330 { float:right; width:330px;}
.rgt340 { float:right; width:340px;}
.rgt350 { float:right; width:350px;}
.rgt360 { float:right; width:360px;}
.rgt370 { float:right; width:370px;}
.rgt380 { float:right; width:380px;}
.rgt390 { float:right; width:390px;}
.rgt400 { float:right; width:400px;}
.rgt410 { float:right; width:410px;}
.rgt420 { float:right; width:420px;}
.rgt430 { float:right; width:430px;}
.rgt440 { float:right; width:440px;}
.rgt450 { float:right; width:450px;}
.rgt460 { float:right; width:460px;}
.rgt470 { float:right; width:470px;}
.rgt480 { float:right; width:480px;}
.rgt490 { float:right; width:490px;}
.rgt500 { float:right; width:500px;}
.rgt510 { float:right; width:510px;}
.rgt520 { float:right; width:520px;}
.rgt530 { float:right; width:530px;}
.rgt540 { float:right; width:540px;}
.rgt550 { float:right; width:550px;}
.rgt560 { float:right; width:560px;}
.rgt570 { float:right; width:570px;}
.rgt580 { float:right; width:580px;}
.rgt590 { float:right; width:590px;}
.rgt600 { float:right; width:600px;}
.rgt610 { float:right; width:610px;}
.rgt620 { float:right; width:620px;}
/* 幅 */
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w330 {width:330px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w400 {width:400px;}
.w410 {width:410px;}
.w420 {width:420px;}
.w430 {width:430px;}
.w440 {width:440px;}
.w450 {width:450px;}
.w460 {width:460px;}
.w470 {width:470px;}
.w480 {width:480px;}
.w490 {width:490px;}
.w500 {width:500px;}
.w510 {width:510px;}
.w520 {width:520px;}
.w530 {width:530px;}
.w540 {width:540px;}
.w550 {width:550px;}
.w560 {width:560px;}
.w570 {width:570px;}
.w580 {width:580px;}
.w590 {width:590px;}
.w600 {width:600px;}
.w610 {width:610px;}
.w620 {width:620px;}
.w700 {width:700px;}

/* 幅 */
.w05p {width:5% !important;}
.w06p {width:6% !important;}
.w07p {width:7% !important;}
.w08p {width:8% !important;}
.w09p {width:9% !important;}
.w10p {width:10% !important;}
.w11p {width:11% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w14p {width:14% !important;}
.w15p {width:15% !important;}
.w16p {width:16% !important;}
.w17p {width:17% !important;}
.w18p {width:18% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w21p {width:21% !important;}
.w22p {width:22% !important;}
.w23p {width:23% !important;}
.w24p {width:24% !important;}
.w25p {width:25% !important;}
.w26p {width:26% !important;}
.w27p {width:27% !important;}
.w28p {width:28% !important;}
.w29p {width:29% !important;}                                   
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}                                   
.w35p {width:35% !important;}
.w36p {width:36% !important;}
.w37p {width:37% !important;}
.w38p {width:38% !important;}
.w39p {width:39% !important;}                                 
.w40p {width:40% !important;}
.w41p {width:41% !important;}
.w42p {width:42% !important;}
.w43p {width:43% !important;}
.w44p {width:44% !important;}                                   
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}                                   
.w50p {width:50% !important;}
.w51p {width:51% !important;}
.w52p {width:52% !important;} 
.w53p {width:53% !important;} 
.w54p {width:54% !important;}                                    
.w55p {width:55% !important;}
.w56p {width:56% !important;} 
.w57p {width:57% !important;} 
.w58p {width:58% !important;} 
.w59p {width:59% !important;}                                    
.w60p {width:60% !important;}
.w61p {width:61% !important;}
.w62p {width:62% !important;}
.w63p {width:63% !important;}
.w64p {width:64% !important;}
.w65p {width:65% !important;}
.w66p {width:66% !important;}
.w67p {width:67% !important;}
.w68p {width:68% !important;}
.w69p {width:69% !important;}                                   
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

.w1em {width:1em !important;}
.w2em {width:2em !important;}
.w3em {width:3em !important;}
.w4em {width:4em !important;}
.w5em {width:5em !important;}
.w6em {width:6em !important;}
.w7em {width:7em !important;}
.w8em {width:8em !important;}
.w9em {width:9em !important;}
.w10em {width:10em !important;}
.w11em {width:11em !important;}
.w12em {width:12em !important;}
.w13em {width:13em !important;}
.w14em {width:14em !important;}
.w15em {width:15em !important;}
.w16em {width:16em !important;}
.w17em {width:17em !important;}
.w18em {width:18em !important;}
.w19em {width:19em !important;}
.w20em {width:20em !important;}

.h1em {height:1em !important;}
.h2em {height:2em !important;}
.h3em {height:3em !important;}
.h4em {height:4em !important;}
.h5em {height:5em !important;}
.h6em {height:6em !important;}
.h7em {height:7em !important;}
.h8em {height:8em !important;}
.h9em {height:9em !important;}
.h10em {height:10em !important;}
.h11em {height:11em !important;}
.h12em {height:12em !important;}
.h13em {height:13em !important;}
.h14em {height:14em !important;}
.h15em {height:15em !important;}
.h16em {height:16em !important;}
.h17em {height:17em !important;}
.h18em {height:18em !important;}
.h19em {height:19em !important;}
.h20em {height:20em !important;}
.h21em {height:21em !important;}
.h22em {height:22em !important;}
.h23em {height:23em !important;}
.h24em {height:24em !important;}
.h25em {height:25em !important;}
.h26em {height:26em !important;}
.h27em {height:27em !important;}
.h28em {height:28em !important;}
.h29em {height:29em !important;}
.h30em {height:30em !important;}                                   
.h31em {height:31em !important;}                                  
.h32em {height:32em !important;}
.h33em {height:33em !important;}                                   
.h34em {height:34em !important;}                                   
.h35em {height:35em !important;}                                   
.h36em {height:36em !important;}                                   
.h37em {height:37em !important;}                                  
.h38em {height:38em !important;}                                  
.h39em {height:39em !important;}
.h40em {height:40em !important;}    
                                   
.ml1em {margin-left:1em !important;}
.ml2em {margin-left:2em !important;}
.ml2_5em {margin-left:2.5em !important;}
.ml3em {margin-left:3em !important;}                                   
.ml4em {margin-left:4em !important;}
.ml5em {margin-left:5em !important;}
.ml6em {margin-left:6em !important;}
.ml7em {margin-left:7em !important;}
.ml8em {margin-left:8em !important;}
.ml9em {margin-left:9em !important;}
.ml10em {margin-left:10em !important;}
.ml11em {margin-left:11em !important;}
.ml12em {margin-left:12em !important;}
.ml13em {margin-left:13em !important;}
.ml14em {margin-left:14em !important;}
.ml15em {margin-left:15em !important;}
.ml16em {margin-left:16em !important;}
.ml17em {margin-left:17em !important;}
.ml18em {margin-left:18em !important;}
.ml19em {margin-left:19em !important;}
.ml20em {margin-left:20em !important;}

.bt_ddd { border-top:1px solid #ddd;}
.bb_ddd { border-bottom:1px solid #ddd;}
.bl_ddd { border-left:1px solid #ddd;}
.br_ddd { border-right:1px solid #ddd;}
