@charset "UTF-8";

* { margin:0; padding:0; }
body { background:url(../images/hdr_line.gif) no-repeat center top; line-height:1; color:#696969; font-family:"ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic",  Helvetica, Arial, sans-serif; }

a:link { color:#696969; text-decoration:none; }
a:visited { color:#696969; text-decoration:none; }
a:hover { color:#4387e3; text-decoration:underline; }
a:active { color:#4387e3; text-decoration:underline; }

/* Common classes  
--------------------------------------------------------------- */

/* clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */

/* PNG Fix for IE */
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }


.none { display:none; }
.clear { clear:both; font-size:1px; height:1%;}
.center { margin:0 auto; }
.right { float:right; }
.left { float:left; }
.txtCenter { text-align:center; }
.txtLeft { text-align:left; }
.txtRight { text-align:right; }
.txtBold { font-weight:bold; }

.resetAll { margin:0 !important;}
.resetTop { margin-top:0 !important;}
.resetLeft { margin-left:0 !important;}
.resetRight { margin-right:0 !important;}
.resetBottom { margin-bottom:0 !important;}

.caution { color:#f00;}

.show{ visibility: visible; }
.hide{ visibility: hidden; }
.posR{ position: relative; }
.posA{ position: absolute; }

.arrowBlue a { display:block; background: url(../images/arrow_blue.gif) no-repeat 0.265em 0.265em; padding:0 0 0 15px; }
.arrowOrange a { display:block; background: url(../images/arrow_orange.gif) no-repeat 0.265em 0.265em; padding:0 0 0 15px; }
.arrowBlack a { display:block; background: url(../images/arrow_black.gif) no-repeat 0.265em 0.265em; padding:0 0 0 15px; }

.linkDetail { text-align:right;}
.linkDetail img { margin:0 5px -4px 0;}
.ico_linkblank { background: url(../images/ico_linkblank.gif) no-repeat center right; }
.ico_linkblank a{ padding-right: 20px; }

.table01 { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-collapse:collapse; width:100%;}
.table01 th,
.table01 td { border-bottom:1px dotted #d9d9d9; padding:14px 10px 12px; vertical-align:top;}
.table01 th { background:#fbfbfb; text-align:left; padding-right:30px; white-space:nowrap; font-weight:normal;}
.table01 table,
.table01 td th,
.table01 td td { background:none; border:none; padding:0;}
.table01 td th { padding-right:20px;}

.btnAccess { margin:-14px 0 0 0;}

.table02 { width:100%;}
.table02 th,
.table02 td { border-bottom:1px dotted #ccc; padding:5px 0 3px; vertical-align:top;}
.table02 th { font-weight:normal; text-align:left; width:164px;}
.table02 .bNone { border:none; width:15px}

.table03 { width:100%;}
.table03 th,
.table03 td { padding:14px 25px 12px; border-bottom:1px solid #ededed; vertical-align:top;}
.table03 th { background:#f4f4f4; border-color:#fff; width:176px; font-weight:normal; text-align:left;}

.table04 { width:470px; margin:0 10px 30px;}
.table04 th,
.table04 td { border-bottom:1px dotted #ccc; padding:5px 0 3px 10px; vertical-align:top;}
.table04 th { font-weight:normal; text-align:left; width:5.1em;}

.table04 td.arrow { border-bottom:none; padding:5px 5px 3px 0; width:9px;}
.table04 td.arrow img { margin:4px 0 0 0;}
.table04 td.pdfIcon { padding:5px 0 3px 0; width:44px; }
.table04 td.pdfIcon img { margin:2px 0 0 0;}

.table05 { width:100%; text-align:right; margin:0 0 28px 0;}
.table05 th,
.table05 td { border-bottom:9px solid #fff; border-right:2px solid #fff; padding:5px 10px 2px 10px; }
.table05 td { background:#f6f6f6;}
.table05 th { font-weight:normal; background:#535c92; color:#fff; }
.table05 .txtLeft { width:14em;}

.table06 { border:1px solid #e4e4e4; border-collapse:collapse; }
.table06 th,
.table06 td { padding:5px 10px; border-right:1px solid #e4e4e4; }
.table06 th { text-align:left; font-weight:normal;}
.table06 td { text-align:right;}
.table06 .tbHeader,
.table06 .tbFooter { background:#f8f8f8; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.table06 .tbHeader td { text-align:center;}


.noBorder,
.noBorder th,
.noBorder td { border:none !important;}

.indent01 { padding:0 7px;}
.indent02 { padding:0 250px 0 0;}
.indent03 { padding:0 180px 0 0;}
.indent04 { padding:0 5px 30px;}
.indent05 { padding:0 5px 0px;}
.indent10 { padding: 0 10px; }
.indent15 { padding: 0 15px; }
.indent20 { padding: 0 20px; }
.indent30 { padding: 0 30px; }


/* setting of margin */
.mno { margin: 0px !important; }
.mbno { margin-bottom: 0px !important; }
.mb02 { margin-bottom: 2px !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; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt02 { margin-top: 2px !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; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }


.fleft{ float:left; }
.fright{ float:right; }
.hr{ clear: both; font-size: 0px; height:1%;}
.hr hr{ display: none; }

.rbox01_btm{ background: url(../images/round_box01_btm.gif) no-repeat center bottom; }
.rbox01_top{ background: url(../images/round_box01_top.gif) no-repeat; padding: 20px 0; }
.rbox02_btm{ background: url(../images/round_box02_btm.gif) no-repeat center bottom; width: 302px; }
.rbox02_top{ background: url(../images/round_box02_top.gif) no-repeat center top; padding: 4px 0 0 0; }

.txtSub01{ vertical-align: -0.1em; font-size: 0.7em; }

/* setting of list */
.list01{ padding-left: 20px; }
.list01 li{ margin-bottom: 0.2em; line-height: 140%; list-style-type: disc; }


/*for base Layout
---------------------------------------------------------------*/

hr { display:none; }
li { list-style: none;}
img { border:0; line-height:0; }
table, td, th { border:0;}

#wrapper { width:980px; margin:0 auto; }
#header { padding:20px 0 0 0; font-size:1px; }

/* グロナビ画像1枚化 */
/*
del suzuki
#header #logo { width:130px; float:left; }
#header #globalNavi { padding:6px 0 0 0; width:720px; float:left; }
#header #globalNavi li { float:left; }
*/
/* css splite add suzuki */
#header #globalNavi { padding: 2px 0 0 2px; margin-bottom: 8px; width:848px; float:left;}
#header #globalNavi ul { list-style:none; margin:0; padding:0; }
#header #globalNavi ul li { display:inline; margin:0; padding:0; }
#header #globalNavi ul li a { background:url(../images/gnavi.gif); display:block; float:left; height:57px; text-indent:-9999px;}
#header #globalNavi ul li a#gnavi_logo { width:130px;}  
#header #globalNavi ul li a#gnavi_home { width:119px; background-position:-130px top;}
#header #globalNavi ul li a#gnavi_home:hover { background-position:-130px -57px;}
#header #globalNavi ul li a#gnavi_home_cuurent { width:119px; background-position:-130px -114px;}
#header #globalNavi ul li a#gnavi_about { width:117px; background-position:-249px top;}
#header #globalNavi ul li a#gnavi_about:hover { background-position:-249px -57px;}
#header #globalNavi ul li a#gnavi_about_cuurent { width:117px; background-position:-249px -114px;}
#header #globalNavi ul li a#gnavi_works { width:117px; background-position:-366px top;}
#header #globalNavi ul li a#gnavi_works:hover { background-position:-366px -57px;}
#header #globalNavi ul li a#gnavi_works_cuurent { width:117px; background-position:-366px -114px;}
#header #globalNavi ul li a#gnavi_case { width:117px; background-position:-483px top;}
#header #globalNavi ul li a#gnavi_case:hover { background-position:-483px -57px;}
#header #globalNavi ul li a#gnavi_case_cuurent { width:117px; background-position:-483px -114px;}
#header #globalNavi ul li a#gnavi_ir { width:117px; background-position:-600px top;}
#header #globalNavi ul li a#gnavi_ir:hover { background-position:-600px -57px;}
#header #globalNavi ul li a#gnavi_ir_cuurent { width:117px; background-position:-600px -114px;}
#header #globalNavi ul li a#gnavi_recruit { width:121px; background-position:-717px top;}
#header #globalNavi ul li a#gnavi_recruit:hover { background-position:-717px -57px;}
#header #globalNavi ul li a#gnavi_recruit_cuurent { width:121px; background-position:-717px -114px;}

/* グロナビ画像1枚化 */


/* フォントサイズ画像1枚化 */

#header #fontsize { position:relative; background:url(../images/fontsize.gif); }
#header #fontsize ul { height:23px; padding:3px 0 0 57px; }
#header #fontsize a { background:url(../images/fontsize.gif); display:block; width:21px; height:18px; outline:none; text-indent:-10000px; }
#header #fontsize #fsSmall a { position:absolute; top:4px; left:57px; background-position:-57px -4px; }
#header #fontsize #fsSmall a:hover { background-position:-57px -30px; }
#header #fontsize #fsDefault a { position:absolute; top:4px; left:81px; background-position:-81px -4px; }
#header #fontsize #fsDefault a:hover { background-position:-81px -30px; }
#header #fontsize #fsLarge a { position:absolute; top:4px; left:105px; background-position:-105px -4px; }
#header #fontsize #fsLarge a:hover { background-position:-105px -30px; }


/*
#header #fontsize ul { background:url(../images/hdr_txt_base.gif); height:23px; padding:3px 0 0 57px; }
#header #fontsize { position:relative; }
#header #fontsize a { display:block; width:21px; height:18px; outline:none; text-indent:-10000px; }
#header #fsSmall a { background:url(../images/hdr_txt_s.gif); position:absolute; top:4px; left:57px; }
#header #fsDefault a { background:url(../images/hdr_txt_m.gif); position:absolute; top:4px; left:81px; }
#header #fsLarge a { background:url(../images/hdr_txt_l.gif); position:absolute; top:4px; left:105px; }
#header #fontsize a:hover { background-position:0px 18px; }
*/

/* フォントサイズ画像1枚化 */


#header #funkBTN { float:left; width:130px; padding:8px 0 0 0; }
#header #xtrLink { padding:0 0 2px 0; }


#footer { background:#fff url(../images/ftr_bg.gif) no-repeat left top; padding:41px 0 0 0; margin:48px 0 0 0; }
#footer #cmnPageTop { text-align:right; border-bottom:2px solid #ccc; }
#footer #ftrFunk { float:left; padding:0 0 0 10px; }
#footer #ftrFunk li { float:left; padding:9px 20px 9px 0; }
#footer address { float:right; padding:9px 10px 9px 0; }

#bnrArea li { margin:0 0 10px 0; font-size:10px;}

/*for Home
---------------------------------------------------------------*/
#home #flashArea { margin:0 0 3px 0; height: 1%; width: 980px;}
#home #container { line-height:1.45; background:#fff; }

#home #mainArea { float:right; width:754px;}

#home #topInfo { margin:0 0 8px 0;}
#home #topInfo #whatsnew { background:url(../../images/box_narrow_base.gif); width:373px; float:left; position:relative; }
#home #topInfo #IRinfo { background:url(../../images/box_narrow_base.gif); width:373px; float:right; position:relative; }
#home #topInfo .linkRss { position:absolute; top:16px; left:314px;}
#home #topInfo .inner { background:url(../../images/box_narrow_btm.gif) no-repeat bottom; padding:15px; }
#home #topInfo dl { overflow:auto; height:88px; margin:0 0 10px 0; }
#home #topInfo dt,
#home #topInfo dd { padding:0 0 0 0;}
#home #topInfo dt { width:64px; float:left; font-family:Helvetica; color:#898989; clear:left; }
#home #topInfo dd { width:262px; float:left;}

#home #lowerInfo .inner { background:url(../../images/box_wide_btm.gif) no-repeat bottom; padding:3px 6px 15px 6px;}
#home #lowerInfo .linkDetail { padding:8px 8px 2px 0; }
#home #lowerInfo .entry { width:350px; float:left; padding:13px 8px 0 8px; }
#home #lowerInfo .entry .clearfix { border-bottom:1px dotted #f0f0f0; }

#home #lowerInfo #caseCollection { clear:both; background: url(../../images/box_wide_base.gif); position:relative; margin:0 0 8px 0; }
* html #home #lowerInfo #caseCollection * { height:1%;}
#home #lowerInfo #caseCollection .entry p { width:137px; float:left; }
#home #lowerInfo #caseCollection .entry p img { margin:0 0 28px 0; border:1px solid #e1e1e1; padding:1px; }
#home #lowerInfo #caseCollection .entry h3 { width:206px; float:right; padding:0 0 6px 0; }
#home #lowerInfo #caseCollection .entry dl { width:206px; float:right; }
#home #lowerInfo #caseCollection .entry dt { clear:both; width:55px; float:left; }
#home #lowerInfo #caseCollection .entry dd { width:150px; float:right; }

#home #lowerInfo #topics { clear:both; background: url(../../images/box_wide_base.gif); position:relative; }
#home #lowerInfo #topics h3 { float:right; width:274px; margin:0 0 6px 0;}
#home #lowerInfo #topics p.catchImg { float:left; width:64px;}
#home #lowerInfo #topics p.catchImg img { margin:0 0 14px 0; border:1px solid #e1e1e1; padding:1px; }
#home #lowerInfo #topics p.bodyTxt { float:right; width:274px;}

#home #lowerInfo .hot {zoom: 1; /* Should be IE only */ }
#home #lowerInfo .hover { cursor: pointer; }
#home #lowerInfo .hover a:link { color:#4387e3; text-decoration:underline; }
#home #lowerInfo .hover a:visited { color:#4387e3; text-decoration:underline; }

#home #subArea { float:left; width:217px; }
#home #subArea .subBox { background:url(../../images/sub_box_base.gif); margin:0 0 8px 0; }
#home #subArea .subBox .inner { background:url(../../images/sub_box_btm.gif) no-repeat bottom; padding:15px; min-height:113px; font-size:10px;}
* html #home #subArea .subBox .inner { height:110px;}
#home #subArea .subBox li { padding:0 0 5px 0;}
* html #home #subArea .subBox .inner * { height:1%;}



/*for under layer
---------------------------------------------------------------*/
#commonLayaut #container { clear:both; padding:14px 0 0 0; }

#commonLayaut #pageTitle { border:1px solid #eaeaea; height:89px; width:978px; position:relative;}
#commonLayaut #pageTitle p { position:absolute; bottom:0px; right:16px; font-size:1px;}
* html #commonLayaut #pageTitle p { bottom:-1px;}

#commonLayaut #breadcrumb { background:#f9f9f9; padding:9px 10px 8px 10px; margin:1px 0 16px 0; color:#696969;}
#commonLayaut #breadcrumb span { color:#969696;}
#commonLayaut #breadcrumb a:link { color:#969696; text-decoration:none; }
#commonLayaut #breadcrumb a:visited { color:#969696; text-decoration:none; }
#commonLayaut #breadcrumb a:hover { color:#4387e3; text-decoration:underline; }
#commonLayaut #breadcrumb a:active { color:#4387e3; text-decoration:underline; }

#commonLayaut #mainArea { float:right; width:725px; padding:10px; line-height:1.8;}
#commonLayaut #mainArea.frsTenpo,
#commonLayaut #mainArea.company { padding:3px 10px 10px;}
#commonLayaut #mainArea p { margin:0 0 1em 0;}
#commonLayaut #mainArea p.readcopy { margin:0 0 30px 0;}
#commonLayaut #mainArea h2 { margin:0 0 20px 0;}

#commonLayaut #mainArea.frsTenpo #idxLinks { margin-bottom:35px;}
* html #commonLayaut #mainArea.frsTenpo #idxLinks .entry { margin-bottom:10px;}

#commonLayaut #mainArea.frsTenpo #idxLinks .frsTenpoLink1 { background:url(../../first/images/ten_bg_btn01.gif); height: 55px; padding-left: 58px; line-height: 49px;}
#commonLayaut #mainArea.frsTenpo #idxLinks .frsTenpoLink2 { background:url(../../first/images/ten_bg_btn02.gif); height: 62px; padding-left: 58px; line-height: 63px;}

#commonLayaut #mainArea #idxLinks.column3 .entry { background:url(../images/idx_box01_btm.gif) no-repeat bottom; width:234px;}
#commonLayaut #mainArea #idxLinks.column3 .innner { background:url(../images/idx_box01_top.gif) no-repeat top; padding:9px 7px;}
#commonLayaut #mainArea #idxLinks.column3.IR .innner { background:url(../images/idx_box01_top_ir.gif) no-repeat top; padding:9px 7px;}
#commonLayaut #mainArea #idxLinks.column2 .entry { background:url(../images/idx_box01wide_btm.gif) no-repeat bottom; width:356px;}
#commonLayaut #mainArea #idxLinks.column2 .innner { background:url(../images/idx_box01wide_top.gif) no-repeat top; padding:9px 7px;}
#commonLayaut #mainArea #idxLinks.column2 .hot,
#commonLayaut #mainArea #idxLinks.column2 .hover { min-height:140px;}
* html #commonLayaut #mainArea #idxLinks.column2 .hot,
* html #commonLayaut #mainArea #idxLinks.column2 .hover { height:140px;}
/* test */
#commonLayaut #mainArea #idxLinks.column2xx .entry { background:url(../images/idx_box01wide_btmxx.gif) no-repeat bottom; width:356px;}
#commonLayaut #mainArea #idxLinks.column2xx .innner { background:url(../images/idx_box01wide_top.gif) no-repeat top; padding:9px 7px;}
#commonLayaut #mainArea #idxLinks.column2xx .hot,
#commonLayaut #mainArea #idxLinks.column2xx .hover { min-height:440px;}
* html #commonLayaut #mainArea #idxLinks.column2xx .hot,
* html #commonLayaut #mainArea #idxLinks.column2xx .hover { height:140px;}
/* xxx */

#commonLayaut #mainArea #idxLinks.column3.IR .hot,
#commonLayaut #mainArea #idxLinks.column3.IR .hover { height: 160px; }

/* divリンク(biggerlink)を無効にするため調整 */

/* add suzuki */
#commonLayaut #mainArea #idxLinks.column3.IR .linkBox { min-height:160px; height: auto !important; height: 160px; }
#commonLayaut #mainArea #idxLinks.column3.IR .linkBox { background:url(../images/idx_arrow_default.gif) no-repeat bottom right; zoom: 1; /* Should be IE only */ }
#commonLayaut #mainArea.company #idxLinks.column2 .linkBox { min-height:160px; height: auto !important; height: 160px; }
#commonLayaut #mainArea.company #idxLinks.column2 .linkBox { background:url(../images/idx_arrow_default.gif) no-repeat bottom right; zoom: 1; /* Should be IE only */ }
/* test */
#commonLayaut #mainArea.company #idxLinks.column2xx .linkBox { min-height:160px; height: auto !important; height: 160px; }
#commonLayaut #mainArea.company #idxLinks.column2xx .linkBox { background:url(../images/idx_arrow_default.gif) no-repeat bottom right; zoom: 1; /* Should be IE only */ }
/* xxx */


/*
dell suzuki
#commonLayaut #mainArea #idxLinks.column3.IR .hot,
#commonLayaut #mainArea #idxLinks.column3.IR .hover { min-height:160px; border: 1px solid;}
* html #commonLayaut #mainArea #idxLinks.column3.IR .hot,
* html #commonLayaut #mainArea #idxLinks.column3.IR .hover { height:160px;}
*/

/* divリンク(biggerlink)を無効にするため調整 */


#commonLayaut #mainArea #idxLinks.result .entry { min-height:352px;}
* html #commonLayaut #mainArea #idxLinks.result .entry { height:352px;}
#commonLayaut #mainArea #idxLinks.result li { height:1%;}
#commonLayaut #mainArea #idxLinks.result li a { display:block; background:url(../images/arrow_result.gif) no-repeat 5px 0.65em; padding:3px 0 3px 24px; height:1%;}
#commonLayaut #mainArea #idxLinks.result h3 { margin:0 0 8px 0;}

#commonLayaut #mainArea #idxLinks .entry { float:left; margin:0 3px 12px; }
#commonLayaut #mainArea #idxLinks p { margin:0;}
#commonLayaut #mainArea #idxLinks .description { padding:12px 40px 0 8px;}
#commonLayaut #mainArea #idxLinks .hot { background:url(../images/idx_arrow_default.gif) no-repeat bottom right; zoom: 1; /* Should be IE only */ }
#commonLayaut #mainArea #idxLinks .hover { background:url(../images/idx_arrow_over.gif) no-repeat bottom right; cursor: pointer; }
#commonLayaut #mainArea #idxLinks.IR .hover { background:url(../images/idx_arrow_ir_over.gif) no-repeat bottom right;}
#commonLayaut #mainArea #idxLinks .hover a:link { color:#4387e3; text-decoration:underline; }
#commonLayaut #mainArea #idxLinks .hover a:visited { color:#4387e3; text-decoration:underline; }
#commonLayaut #mainArea #idxLinks .noLink { padding:1em 10px 0;}

#commonLayaut #mainArea #idxLinks .arrow { background:url(../images/idx_list_shadow_top.gif) no-repeat center bottom;}
#commonLayaut #mainArea #idxLinks .arrow a { display:block; background:url(../images/arrow_org_square.gif) no-repeat 8px center; padding:5px 0 5px 34px; height:1%;}
#commonLayaut #mainArea #idxLinks .arrow a span { display:block; padding:0.9em 0;}
#commonLayaut #mainArea #idxLinks .tenpoRead { background: url(../images/idx_list_shadow.gif) no-repeat center top; padding:20px 26px 10px;}


/*#commonLayaut #mainArea #categoryIdx { padding:15px 0 0 0; }*/
#commonLayaut #mainArea #categoryIdx { padding:15px 0 0 0; }
#commonLayaut #mainArea #categoryIdx .entry { margin:0 0 26px 0;}
#commonLayaut #mainArea #categoryIdx .caseIdxBody { position: relative; width:546px; padding:0 0 8px 23px; background:url(../images/bullet01.gif) no-repeat 0px 2px; float:right; border-bottom:1px dotted #d3d3d3;}
#commonLayaut #mainArea #categoryIdx .caseIdxBody h3 { margin:0 0 6px 0; line-height:1.4;}
#commonLayaut #mainArea #categoryIdx .caseIdxBody p { line-height:1.5; margin:0;}
#commonLayaut #mainArea #categoryIdx .caseIdxThumb { float:left; margin:0;}
#commonLayaut #mainArea #categoryIdx .caseIdxThumb img { border:1px solid #e1e1e1; padding:1px;}
#commonLayaut #mainArea #categoryIdx .hot { background:url(../images/btn_detail_default.gif) no-repeat 622px 58px; zoom: 1; /* Should be IE only */ }
#commonLayaut #mainArea #categoryIdx .hover { background:url(../images/btn_detail_over.gif) no-repeat 622px 58px; cursor: pointer; }
#commonLayaut #mainArea #categoryIdx .hover a:link { color:#4387e3; text-decoration:underline; }
#commonLayaut #mainArea #categoryIdx .hover a:visited { color:#4387e3; text-decoration:underline; }
#commonLayaut #mainArea #categoryIdx dt { width:5em; float:left; clear:both;}
#commonLayaut #mainArea #categoryIdx dd { width:30em; float:left;}
#commonLayaut #mainArea #categoryIdx .btn_detail { position: absolute; bottom: 10px; right: 10px; }


#commonLayaut #mainArea #gallery { padding:15px 0 0 10px;}
#commonLayaut #mainArea #gallery h3 { background:url(../images/bullet01.gif) no-repeat 0px 2px; padding:0 0 10px 22px; line-height:1.4;}
#commonLayaut #mainArea #gallery img { border:1px solid #e1e1e1; padding:1px;}
#commonLayaut #mainArea #gallery #thumbs { margin:0 -10px 0 0;}
#commonLayaut #mainArea #gallery #thumbs p { float:left; margin:0 10px 0 0;}

#commonLayaut #mainArea #detailInfo { padding:25px 29px 0; clear:both;}
#commonLayaut #mainArea #detailInfo h4 { margin:30px 0 5px;}
#commonLayaut #mainArea #detailInfo .txtCenter { margin:35px 0 0 0;}

#commonLayaut #mainArea #news { position:relative; margin:-5px 0 0 0; padding:0 0 40px 0;}
#commonLayaut #mainArea #news h2 { margin:0 0 15px 0;}
#commonLayaut #mainArea #news .linkRSS { position:absolute; top:17px; left:668px;}
#commonLayaut #mainArea #news .linkDetail { margin:0 7px; padding:5px 7px 0 0; border-top:1px dotted #f0f1f5;}
#commonLayaut #mainArea #news .linkDetail img { margin:0 5px -2px 0;}
#commonLayaut #mainArea #news table { margin:0 7px 8px; width:712px; line-height:1.3;}
#commonLayaut #mainArea #news table .bullet { padding:3px 10px; width:22px;}
#commonLayaut #mainArea #news table .bullet img { margin:-1px 0 0 0;}
#commonLayaut #mainArea #news table .date { padding:3px 10px 3px 0; width:4em; color:#898989;}
#commonLayaut #mainArea #news table .pdfIcon { padding:3px 4px 3px 0; width:44px;}
#commonLayaut #mainArea #news table .pdfIcon img { margin:-1px 0 0 0;}

#commonLayaut #mainArea #news.newsIdx { margin:0; padding:10px 0 0 0; position:relative; }
#commonLayaut #mainArea #news.newsIdx .linkRSS { position:absolute; top:30px; left:668px;}
#commonLayaut #mainArea #news.newsIdx .achv { margin:0 14px 5px;}
#commonLayaut #mainArea #news.newsIdx #year { position:absolute; top:26px; left:65px; line-height:25px; width:610px;}
#commonLayaut #mainArea #news.newsIdx #year li { float:left; margin:0 2px 2px 0; background:url(../images/year_base_left.gif) no-repeat left;}
#commonLayaut #mainArea #news.newsIdx #year li span { color:#2e2a3c; }
#commonLayaut #mainArea #news.newsIdx #year li span,
#commonLayaut #mainArea #news.newsIdx #year li a { display:block; width:4.5em; text-align:center; background:url(../images/year_base_right.gif) no-repeat right; height:23px; margin:0 0 0 0;}
#commonLayaut #mainArea #news.newsIdx table { margin:0 7px 8px; width:712px; line-height:1.3; clear:both;}
#commonLayaut #mainArea #news.newsIdx table td { vertical-align:top; border-bottom:1px dotted #dadada; padding-top:7px; padding-bottom:7px;}
#commonLayaut #mainArea #news.newsIdx table .bullet { padding-left:10px; padding-right:10px width:22px; border:none;}
#commonLayaut #mainArea #news.newsIdx table .bullet img { margin:1px 0 0 0;}
#commonLayaut #mainArea #news.newsIdx table .date { padding-right:10px; width:4em; color:#898989;}
#commonLayaut #mainArea #news.newsIdx table .pdfIcon { padding-right:4px; width:44px;}
#commonLayaut #mainArea #news.newsIdx table .pdfIcon img { margin:1px 0 0 0;}
#commonLayaut #mainArea #news.newsIdx table .arrowOrange a,
#commonLayaut #mainArea #news.newsIdx table .arrowBlack a { padding:0 30px 0 15px; }

#commonLayaut #mainArea #entryHeader { margin:0; padding:0; position:relative; height:1%; }
#commonLayaut #mainArea #entryHeader p { margin:0; padding:0;}
#commonLayaut #mainArea #entryHeader p.date { padding:0 0 0 2px;}
#commonLayaut #mainArea #entryHeader p.pdfIcon { position:absolute; top:2px; right:0; width:45px; }
#commonLayaut #mainArea #entryBody { clear:both; padding:20px 14px 0;}
#commonLayaut #mainArea #entryBody.company { background:url(../images/entry_com_bg.gif) repeat-x top;}
#commonLayaut #mainArea #entryBody.IR { background:url(../images/entry_ir_bg.gif) repeat-x top;}
#commonLayaut #mainArea #entryBody h3 { margin:0 0 35px 0; line-height:1.2;}
#commonLayaut #mainArea #entryBody .txtCenter { margin:30px 0 0 0; padding:18px 0 0 0; border-top:1px dotted #dcdcdc;}
#commonLayaut #mainArea #entryBody .pdfIcon img { margin:20px 5px -2px 0;}

#commonLayaut #mainArea #getReader { background:url(../images/round_box_btm.gif) no-repeat bottom; width:698px; margin:50px 14px 0;}
#commonLayaut #mainArea #getReader dl { background:url(../images/round_box_top.gif) no-repeat top; padding:18px 20px;}
#commonLayaut #mainArea #getReader dt { float:left;}
#commonLayaut #mainArea #getReader dt img { margin:0 20px 0 0;}
#commonLayaut #mainArea #getReader dd { float:left;}

#commonLayaut #mainArea .box01 { border:1px solid #e4e4e4; background:url(../images/box01_bg.gif) repeat-x top; position:relative; margin:0 4px 20px;}
#commonLayaut #mainArea .box01 h3 { line-height:1; border-left:5px solid #ea5304; padding:0 0 0 6px; margin:12px 0 10px 6px; }
#commonLayaut #mainArea .box01 .inner { border-top:1px solid #e4e4e4; padding:18px 16px 4px; }
#commonLayaut #mainArea .box01 .mapDetail { position:absolute; top:56px; left:416px;}
#commonLayaut #mainArea .box01 .googleMap { position:absolute; top:56px; left:554px;}

#commonLayaut #mainArea #pageNavi { clear:both; text-align:center; line-height:1; margin:0; padding:20px 0 10px 0; height:1%; }
#commonLayaut #mainArea #pageNavi .pages { padding:0 15px;}
#commonLayaut #mainArea #pageNavi .pages span { background:#ea5304; border:1px solid #ea5304; padding:4px 6px 3px; color:#fff; margin:0 1px;}
#commonLayaut #mainArea #pageNavi .pages a { border:1px solid #aaa; padding:4px 6px 3px; margin:0 1px; color:#898989;}
#commonLayaut #mainArea #pageNavi .pages a:link { border:1px solid #aaa; color:#898989; text-decoration:none;}
#commonLayaut #mainArea #pageNavi .pages a:visited { border:1px solid #aaa; color:#898989; text-decoration:none;}
#commonLayaut #mainArea #pageNavi .pages a:hover { border:1px solid #ea5304; color:#ea5304; text-decoration:none;}
#commonLayaut #mainArea #pageNavi .pages a:active {border:1px solid #ea5304; color:#ea5304; text-decoration:none; }

#commonLayaut #mainArea #pageNavi.IR .pages span { background:#2e2a3c; border:1px solid #2e2a3c; padding:4px 6px 3px; color:#fff; margin:0 1px;}
#commonLayaut #mainArea #pageNavi.IR .pages a { border:1px solid #aaa; padding:4px 6px 3px; margin:0 1px; color:#898989;}
#commonLayaut #mainArea #pageNavi.IR .pages a:link { border:1px solid #aaa; color:#898989; text-decoration:none;}
#commonLayaut #mainArea #pageNavi.IR .pages a:visited { border:1px solid #aaa; color:#898989; text-decoration:none;}
#commonLayaut #mainArea #pageNavi.IR .pages a:hover { border:1px solid #2e2a3c; color:#2e2a3c; text-decoration:none;}
#commonLayaut #mainArea #pageNavi.IR .pages a:active {border:1px solid #2e2a3c; color:#2e2a3c; text-decoration:none; }

#commonLayaut #mainArea .irHdr { border:1px solid #e4e4e4; background:url(../images/box01_bg.gif) repeat-x top; line-height:1; padding:10px 7px; margin:0 0 4px 0;}
#commonLayaut #mainArea .irHdr span,
#commonLayaut #mainArea .irHdr a { display:block; background:url(../images/hdr_bg.gif) no-repeat top left; padding:2px 0 0 15px;}

#commonLayaut #mainArea #Q .listBoader { margin:0 9px 32px;}
#commonLayaut #mainArea #Q .listBoader li { padding:6px 0 3px 0; border-bottom:1px dotted #d9d9d9; background:url(../images/arrow_qa.gif) no-repeat right center;}
* html #commonLayaut #mainArea #Q .listBoader li { padding:9px 0 9px 0;}
#commonLayaut #mainArea #Q .listBoader li img { margin:0 10px -3px 0;}
#commonLayaut #mainArea #A h3 { background:url(../images/entry_ir_bg.gif) repeat-x top; padding:10px 12px 8px; margin:0 0 5px 0;}
#commonLayaut #mainArea #A dl { border-bottom:1px dotted #d9d9d9; margin:0 9px 15px; padding:0 0 10px 0;}
#commonLayaut #mainArea #A dt img,
#commonLayaut #mainArea #A dd img { margin:3px 0 0 0;}
#commonLayaut #mainArea #A dt { width:46px; float:left; padding:6px 0 0 0; }
#commonLayaut #mainArea #A dd { width:660px; float:left; padding:6px 0 3px 0; }
.pageTop { text-align:right; padding:0 8px 0 0;}

#commonLayaut #mainArea .wideLH p { margin:0 0 2em 0;}
#commonLayaut #mainArea .wideLH h3 { padding:1em 0 0 0;}

#commonLayaut #mainArea #sitemap h3.irHdr { margin:0 0 30px 0;}
#commonLayaut #mainArea #sitemap h3.irHdr.parent { margin:0 0 10px 0;}
#commonLayaut #mainArea #sitemap h4 { padding:4px 0 0 4px;}
#commonLayaut #mainArea #sitemap #smLeft { width:348px; float:left;}
#commonLayaut #mainArea #sitemap #smRight { width:348px; float:right; padding:67px 0 0 0;}
#commonLayaut #mainArea #sitemap .smArrow { margin:0 0 24px 0;}
#commonLayaut #mainArea #sitemap .smArrow a { display:block; background:url(../images/arrow_sm.gif) no-repeat 3px 4px; padding:3px 0 4px 23px; height:1%;}
#commonLayaut #mainArea #sitemap .smArrow span { display:block; background:url(../images/arrow_sm.gif) no-repeat 3px 4px; padding:3px 0 4px 23px; height:1%;}

#commonLayaut #mainArea .indent04 h3 { margin:0 0 1em 0;}
#commonLayaut #mainArea .indent05 h3 { margin:0 0 1em 0;}

#commonLayaut #mainArea .boxSearch { background:url(../images/box_src_base.gif) no-repeat bottom;}
#commonLayaut #mainArea .boxSearch .inner { background:url(../images/box_src_top.gif) no-repeat top; padding:0 13px;}
#commonLayaut #mainArea .boxSearch h3 { margin:0 0 1em 0;}
#commonLayaut #mainArea .boxSearch .left { width:377px;}
#commonLayaut #mainArea .boxSearch .right { width:315px; padding:5px 0 0 0;}

#commonLayaut #mainArea .boxSearch.noHdr { margin:0 0 40px 0;}
#commonLayaut #mainArea .boxSearch.noHdr .inner { padding:20px 13px 13px;}


#commonLayaut #mainArea .indent04 dl { border:1px solid #e2ebf9; background:#fcfdff; padding:14px 5px; margin:0 0 2px 0;}
#commonLayaut #mainArea .indent04 dt { width:18em; float:left; padding:0 0 0 20px; font-weight:bold; background:url(../images/arrow_blue_s.gif) no-repeat left center;}
#commonLayaut #mainArea .indent04 dd { width:450px; float:left; }

#commonLayaut #mainArea #inquryArea { width:683px; margin:0 auto;}
#commonLayaut #mainArea #inquryArea .inqBox { min-height:158px; border:1px solid #eaeaea; background:#fdfdfd; width:308px; padding:14px 10px 0;}
* html #commonLayaut #mainArea #inquryArea .inqBox { height:158px;}
#commonLayaut #mainArea #inquryArea .webTxt,
#commonLayaut #mainArea #inquryArea .phoneTxt { padding:0 0 0 60px;}
#commonLayaut #mainArea #inquryArea .phoneTxt img { margin:0 0 -5px 0;}

#commonLayaut #mainArea #inquryArea2 table { border-collapse: collapse; width: 645px; margin: 0 auto; }

#commonLayaut #mainArea .col2List { background:url(../images/col2list_base.gif); margin:0 0 30px 0;}
#commonLayaut #mainArea .col2List .inner { background:url(../images/col2list_top.gif) no-repeat top;}
#commonLayaut #mainArea .col2List div.clearfix { background:url(../images/col2list_btm.gif) no-repeat bottom;}
#commonLayaut #mainArea .col2List .left,
#commonLayaut #mainArea .col2List .right { width:326px; padding:9px 14px;}
#commonLayaut #mainArea .col2List h3 { font-size:1px; margin:0 0 10px 0;}
#commonLayaut #mainArea .col2List dl { border-bottom:1px dotted #b2b2b2; padding:8px 0 8px 0;}
#commonLayaut #mainArea .col2List dt { font-weight:bold; background:url(../images/arrow_org_s.gif) no-repeat left center; padding:0 0 0 12px;}
#commonLayaut #mainArea .col2List li { padding:0 0 0 12px;}
#commonLayaut #mainArea .col2List .herfList li { width:150px; float:left;}
#commonLayaut #mainArea .col2List p { padding:0 0 0 12px; margin:0;}

#commonLayaut #mainArea.wideContent { float:none; width:auto; padding:18px 10px 10px;}

#commonLayaut .wideContent h4 { margin:0 0 7px 0;}
#commonLayaut .wideContent #agreement { width:690px; margin:0 0 40px 17px;}
#commonLayaut .wideContent #policyBox { border:1px solid #d6d6d6; overflow:auto; height:86px; padding:10px; margin:0 0 10px 0;}
#commonLayaut .wideContent #policyBox h5 { margin:0 0 2em 0; font-weight:normal;}
#commonLayaut .wideContent #agreement .agreeCheck { border:1px solid #ffb791; background:#ffeee5; line-height:1; padding:8px; margin:0;}
#commonLayaut .wideContent .attention { margin:0 0 26px 0;}
#commonLayaut .wideContent .attention img { margin:0 4px -4px 4px;}
#commonLayaut .wideContent .table01 { border-color:#fff; margin:0 17px 40px; width:928px;}
#commonLayaut .wideContent .table01 th { width:200px; padding-right:10px}
#commonLayaut .wideContent .table01 th img { margin:2px 0 0 0;}
#commonLayaut .wideContent .table01 .inputField { width:340px;}
#commonLayaut .wideContent h3 { border:1px solid #e4e4e4; background:url(../images/box01_bg.gif) repeat-x top; line-height:1; padding:10px 7px; margin:0 0 16px 0;}
#commonLayaut .wideContent h3 span { display:block; border-left:5px solid #2e2a3c; padding:2px 0 0 10px;}
#commonLayaut .wideContent .fieldWide { width:340px;}
#commonLayaut .wideContent .fieldNarrow { width:76px;}
#commonLayaut .wideContent .inquiryDetail { width:100%; height:116px;}

#commonLayaut .wideContent .box03 { border:1px solid #ddd; padding:3px; margin:0 0 40px 0;}
#commonLayaut .wideContent .separator { border-bottom:1px dotted #ddd; padding:0 0 3px 0; margin:0 0 3px 0;}
#commonLayaut .wideContent .txtCenter input { margin:0 28px;}

#commonLayaut .wideContent .errorTxt { border:2px solid #f00; background:#ffeae5; padding:12px 14px 5px; margin:0 0 35px 0;} 
#commonLayaut .wideContent .errorTxt li { color:#f00; margin:0 0 5px 0;}
#commonLayaut .wideContent .errorTxt li img { margin:0 5px -2px 0;}

#commonLayaut #subArea { float:left; width:217px; }
#commonLayaut #subArea #lcalNavi { background:url(../images/lcal_bg_base.gif) repeat-y; margin:0 0 14px 0; height:1%;}
#commonLayaut #subArea #lcalNavi .inner { background:url(../images/lcal_bg_top.gif) no-repeat top;}
#commonLayaut #subArea #lcalNavi ul { background:url(../images/lcal_bg_btm.gif) no-repeat bottom; padding:8px 8px 9px;}
#commonLayaut #subArea #lcalNavi ul li { font-size:1px;}
#commonLayaut #subArea #lcalNavi ul li ul { background:#fcfcfc url(../images/lcal_childlist_bg.gif) repeat-x top; padding:0;}
#commonLayaut #subArea #lcalNavi ul li ul li { line-height:1.4; height:1%; }
#commonLayaut #subArea #lcalNavi ul li ul li a { display:block; padding:10px 0 7px 30px; background:url(../images/arrow_result.gif) no-repeat 10px center; height:1%;}
#lcalNavi a.current:link { color:#ea5304; text-decoration:none; }
#lcalNavi a.current:visited { color:#ea5304; text-decoration:none; }
#lcalNavi a.current:hover { color:#ea5304; text-decoration:none; }
#lcalNavi a.current:active { color:#ea5304; text-decoration:none; }

#commonLayaut #subArea #lcalSubNavi { margin:-5px 0 20px 10px;}
#commonLayaut #subArea #lcalSubNavi li { background:url(../images/arrow_s.gif) no-repeat 4px 2px; padding:0 0 0 17px;}


/*for Pop up
---------------------------------------------------------------*/

#popup #wrapper { width:480px; margin:0 auto;}
#popup #header { padding:28px 0 0 0; font-size:1px; }
#popup #popInner { padding:16px 16px 0;}
#popup .popIndent { padding:0 12px;}
#popup .box03 { background:#fff7f3; text-align:center; border:1px solid #dedede; padding:8px; line-height:1;}
#popup h3 { margin:0 0 8px 0;}
#popup p { margin:0 0 28px 0;}