左より20PX　paddingArea_20 mt_20

点線ラインdotTitle mt_15

　└ ・・・・

　└ ・・・・

　└ ・・・・

　└ ・・・・

・・・・

点線ライン付きタイトル

body{margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding:0;text-align:left;color:#333;height:100%;word-wrap:break-word;-webkit-text-size-adjust:100%}html{overflow-y:scroll;overflow-x:auto;height:100%}img{border:none;vertical-align:bottom}h1,h2,h3,h4,h5,p,img,form,input,textarea{margin:0px;padding:0px}h1 a:hover{opacity:1}section,article{margin-left:auto;margin-right:auto;margin-bottom:0px;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;display:block}p{line-height:160%} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{margin:0;padding:0;vertical-align:bottom}.pcCnt{display:block !important} .spCnt{display:none !important}a:link{color:#333;text-decoration:none}.link{text-decoration:underline !important}.link-arrow:before{font-family:'FontAwesome';content:"\f138";margin-right:3px}.link-arrow a{text-decoration:underline !important}a:visited{color:#333}a:hover{opacity:0.5}a:active{color:#333}span.dummyLink{color:#333}.clearBoth{clear:both} .nonborder{border:none;outline:none}.txtIndent{padding-left:1em;text-indent:-1em}.fLeft{float:left}.fRight{float:right} #wrapper{width:100%;height:auto} #skipAnchor{margin:0px;padding:0px;font-size:0px;height:0px;text-indent:-9999px} #skipAnchor li{margin:0px;padding:0px;float:left;list-style-type:none;text-indent:-9999px} #page-top{position:fixed;bottom:20px;right:20px;font-size:77%;z-index:999}#page-top span{background:#11354D;text-decoration:none;color:#fff;width:60px;padding:5px 0;text-align:center;display:block;opacity:0.8;cursor:pointer} #page-top span:hover{text-decoration:none;opacity:0.6} #topArea{position:relative;z-index:50} #header_navi{width:100%;z-index:100;color:#333}header.bg{background:#FFF} #headerArea{width:1100px;margin-left:auto;margin-right:auto;padding:10px 0}#headerArea #logoArea{width:452px;padding-top:5px;float:left}#headerArea #logoArea h1{display:none} #headerArea #logoArea a{height:62px;background:url(../../img/logo.png) no-repeat;background-size:452px 62px;display:block;color:#FFF} #headerArea #telArea{float:right;text-align:right;margin-top:5px;font-size:12px} #mainNavi{width:100%;padding:0;background:#070B18;opacity:0.9} .shadow{box-shadow:0px 10px 5px -5px rgba(0,0,0,0.3)} ul#mainNaviList{width:1100px;margin:0 auto} ul#mainNaviList li:first-child{width:100px;border-left:#CCC 1px solid} ul#mainNaviList li:nth-child(4),ul#mainNaviList li:nth-child(6){width:130px} ul#mainNaviList li{width:130px;border-right:#CCC 1px solid;float:left;text-align:center;margin:5px 0;padding:0 15px;position:relative} ul#mainNaviList li p{font-size:11px;line-height:100%} ul#mainNaviList li a{padding:5px 0;display:block;color:#FFF;border-bottom:#000 2px solid} ul#mainNaviList li a:hover{border-bottom:#FFF 2px solid;opacity:1} ul#mainNaviList li a.active{border-bottom:#FFF 2px solid}.fixed-navi{position:fixed;top:0;z-index:999}.anchor{padding-top:50px} .anchor-space{padding-top:120px;margin-top:-120px;display:inline-block} #breadcrumbs{width:1100px;margin:5px auto;font-size:13px} #breadcrumbs li{float:left;margin-left:5px} #breadcrumbs li strong{font-size:18px;color:#fb4f14} #breadcrumbs li span{text-decoration:underline} #breadcrumbs a:after{font-family:'FontAwesome';content:"\f105";margin-left:5px;padding-bottom:3px} #mainCntArea{margin-left:auto;margin-right:auto;margin-bottom:50px;padding:0} #mainCntBox{width:980px;margin:20px auto 0 auto} .introArea{width:850px;margin:20px auto 0 auto} .introArea li{width:160px;float:left;margin-left:70px;font-size:12px}.introArea li:first-child{margin-left:0} .businessArea{width:850px;margin:20px auto 0 auto} .businessArea li{width:240px;float:left;margin-left:65px} .businessArea li:first-child{margin-left:0} .businessArea li .st-line{border-bottom:#999 1px solid;text-align:center;font-size:22px;color:#030653} .harfArea li.left{width:450px;float:left} .harfArea li.right{width:450px;float:right} .anchorLink{margin-top:40px} .anchorLink a{border:#999999 1px solid;padding:3px 10px;border-radius:3px;float:left;display:block;text-decoration:none;margin-right:15px;margin-bottom:10px} .anchorLink a:before{font-family:'FontAwesome';content:"\f0d7";margin-right:5px}.st{background:url(../../img/st-bg.jpg) no-repeat center bottom;font-size:20px;padding-bottom:10px;text-align:center}.st2{background:url(../../img/st-bg2.png) no-repeat center bottom;font-size:20px;padding-bottom:10px;text-align:center} .st-bottom{font-size:13px;margin-top:3px;text-align:center;font-weight:normal} .st-gray{background:#F1F1F1;padding:7px 10px;font-size:16px;margin-bottom:15px;border-left:5px solid #04084f}.dot-bottom{border-bottom:#999 1px dotted;padding-bottom:3px;margin-bottom:10px;font-weight:bold}.grayTbl{width:100%;border-top:#CCC 1px solid;border-left:#CCC 1px solid} .grayTbl th,.grayTbl td{border-bottom:#CCC 1px solid;border-right:#CCC 1px solid;padding:10px 15px}.grayTbl th{width:15%;white-space:nowrap;background:#F1F1F1;vertical-align:middle}a.btn{display:inline-block;margin-left:10px;margin-right:10px;padding:5px 70px;text-decoration:none;background:#DDDDDD}a.btn-blue{background:#030653;color:#FFF}.disc li{margin-top:5px;padding-left:1em;text-indent:-1em;vertical-align:middle}.disc li:first-child{margin-top:0} .disc li:before{font-family:'FontAwesome';content:"\f111";color:#999;font-size:80%;margin-right:3px} #map_canvas{height:400px}footer{width:100%;background:#EEEEEE;margin-top:100px;padding:10px 0;border-top:#030653 5px solid}#footer{max-width:1010px;margin:0 auto;background:url(../../img/loro2401.png) no-repeat;background-size:auto 42px;padding-left:120px;font-size:13px}#footer #campany{font-size:15px}#bottomArea{max-width:1100px;margin:5px auto}#bottom-sitemap{float:left;font-size:12px}ul#bottom-sitemap li{float:left}ul#bottom-sitemap li:first-child:before{content:"｜"}#copylight{font-size:11px;float:right;margin-top:3px}#contact-bottom{position:fixed;bottom:20px;right:90px;font-size:77%;z-index:999}#contact-bottom span{background:#6EA000;text-decoration:none;color:#fff;width:75px;padding:5px 0;text-align:center;display:block;opacity:0.8;cursor:pointer}#contact-bottom span:hover{text-decoration:none;opacity:0.6}#contact-bottom a{text-decoration:none}.subTitle{font-size:16px;padding-bottom:10px;border-bottom:solid 1px #CCCCCC}.subTitle span{padding-top:3px;padding-bottom:3px;padding-left:10px;border-left:solid 5px #37658D}.lineTitle{padding-bottom:10px;border-bottom:solid 1px #CCCCCC}.dotTitle{padding-bottom:10px;border-bottom:dotted 1px #CCCCCC}.bgGreen{background:#C9DADB;padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.photoTxt{overflow:hidden;*zoom:1}.left-right{overflow:hidden;*zoom:1} .flexBoxKinto{display: -webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex; -webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap; -webkit-justify-content:space-between; -moz-justify-content:space-between;justify-content:space-between} .arrow_r:after{font-family:'FontAwesome';content:"\f138";margin-left:5px;font-weight:bold} .gyomuArea{width:840px;margin-left:auto;margin-right:auto} .gyomuArea li{width:200px;font-size:13px;font-weight:bold} .gyomuArea li a.notAlpha{filter:alpha(opacity=100);-moz-opacity:1;opacity:1} .gyomuArea li.alpha{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5} .gyomuArea li.alpha:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1} .gyomuArea li.alpha:hover a{filter:alpha(opacity=100);-moz-opacity:1;opacity:1} .gyomuArea .waku{width:100%;border:1px solid #CCCCCC;margin-top:10px;padding:10px 0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .gyomuArea .top_bg_01{background:url(/img/top_bg_01.png) no-repeat bottom right;padding-bottom:25px} .gyomuArea .top_bg_02{background:url(/img/top_bg_02.png) no-repeat bottom right;padding-bottom:25px} .gyomuArea .top_bg_03{background:url(/img/top_bg_03.png) no-repeat bottom right;padding-bottom:25px} .gyomuArea .top_bg_04{background:url(/img/top_bg_04.png) no-repeat bottom right;padding-bottom:25px} .gyomuArea2{width:840px;margin-left:auto;margin-right:auto} .gyomuArea2 li{width:150px;font-size:12px;border:1px solid #CCCCCC;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .gyomuArea2 li h4{color:#fff;background:#51868A;text-align:center;padding:4px 0} .gyomuArea2 .waku{width:100%;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .recruitArea{width:940px;margin-left:auto;margin-right:auto;overflow:hidden;*zoom:1} .recruitArea li{width:460px;margin-bottom:20px;border:1px solid #CCCCCC;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .recruitArea li .title{padding:4px 10px;background:url("/img/bg_moyou.png") repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #CCCCCC;font-weight:bold}.recruitArea li .contents{padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .philosophyArea{width:840px;margin-left:auto;margin-right:auto;overflow:hidden;*zoom:1}.philosophyArea li{width:150px;border:solid 1px #51868A;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.philosophyArea li .title{color:#fff;padding:4px 0;text-align:center;background:#51868A} .philosophyArea li .honbun{padding:10px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px} .philosophyArea li .photo{width:100%} #contactArea{width:230px;background:#fff;border:solid 1px #AAAAAA;padding:10px;right:20px;bottom:100px;position:fixed;z-index:80;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none} #contactArea .titleQ{background:url("/img/ico_question.png") no-repeat 0 0;padding:12px 0 20px 50px;color:#297276;font-weight:bold;border-bottom:dotted 1px #297276}#contactArea .mailBlue{background:url("/img/mail_blue.png") no-repeat 0 9px;padding:12px 0 12px 40px} #boshuArea{width:230px;background:#fff;border:solid 1px #AAAAAA;padding:10px;right:20px;bottom:90px;position:fixed;z-index:80;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none} #boshuArea .titleB{background:url("/img/ico_boshu.png") no-repeat 0 10px;padding-left:50px;padding-bottom:10px;color:#663300;font-weight:bold;border-bottom:dotted 1px #663300;font-size:12px} #boshuArea .mailBrown{background:url("/img/mail_brown.png") no-repeat 0 9px;padding:12px 0 12px 40px} #mainImgWrap{background:#636363;width:100%;margin:0 auto;padding:0;position:relative;overflow:hidden}div#centerArea-top{min-width:1800px;min-height:350px} #mainImgArea{left:50%;margin-left:-900px;position:absolute;width:1800px}#mainImgBox{height:350px;left:50%;margin-left:-550px;position:absolute;width:1100px;z-index:999} #mainImgBtnArea{width:1100px;margin-left:auto;margin-right:auto;position:absolute;z-index:99;left:0;right:0;bottom:20px;color:#fff} #mainImgBtnArea #mainImgBtnBox{width:420px} #mainImgBtnArea #mainImgBtnBox li{width:200px} #mainImgBtnArea #mainImgBtnBox li a:hover{opacity:80} #main-logo{position:absolute;left:375px;top:45%} #contact{background:#666;opacity:0.8;padding:5px 10px;border-radius:3px;position:absolute;right:0;bottom:10px;color:#FFF;vertical-align:middle} #contact:before{font-family:'FontAwesome';content:"\f0e0";margin-right:7px;font-size:1.3em}#contact:hover{opacity:0.7} #centerArea{min-width:100%;min-height:200px} #centerArea #mainImgArea{left:50%;margin-left:-750px;position:absolute;width:1500px} #centerArea #mainImgArea h2{width:1100px;margin:0 auto;font-size:26px;font-weight:normal;padding-top:85px}#centerArea #mainImgArea p{width:1100px;margin:0 auto;margin-top:3px} .main-common{width:100%;height:200px;background:url(../../img/common_main.png) no-repeat;background-size:cover} .main-commonex{width:100%;height:200px;background:url(../../img/common_main_ex.png) no-repeat;background-size:cover} .main-commoncor{width:100%;height:200px;background:url(../../img/common_main_cor.png) no-repeat;background-size:cover} .main-commonric{width:100%;height:200px;background:url(../../img/common_main_ric.png) no-repeat;background-size:cover} .main-commonbiz{width:100%;height:200px;background:url(../../img/common_main_biz.png) no-repeat;background-size:cover} .main-commonqa{width:100%;height:200px;background:url(../../img/common_main_qa.png) no-repeat;background-size:cover} .main-commonrwt{width:100%;height:200px;background:url(../../img/common_main_wt.png) no-repeat;background-size:cover} .main-commonric{width:100%;height:200px;background:url(../../img/common_main_ric.png) no-repeat;background-size:cover} .main-commonphi{width:100%;height:200px;background:url(../../img/common_main_phi.png) no-repeat;background-size:cover} #slider{width:1800px;margin:0 auto}.bx-controls{display:none} .bx-wrapper img{width:100%;height:auto;display:block;margin:0 auto} .bx-wrapper .bx-viewport{z-index:10} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:10px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../../img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;z-index:20} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline} .bx-wrapper .bx-pager .bx-default-pager a{text-indent:-9999px;display:block;width:12px;height:12px;margin:0 5px;outline:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#9E9E9E} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#0070CC} .bx-wrapper .bx-prev:hover{background-position:0 1px} .bx-wrapper .bx-next:hover{background-position:-43px 1px} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/controls.png) -86px -11px no-repeat;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/controls.png) -86px -44px no-repeat;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%} .bx-wrapper .bx-controls.bx-has-controls-auto .bx-has-pager .bx-controls-auto{right:0;width:35px} .bx-caption{width:350px;padding:5px 10px 10px 10px;position:absolute;bottom:20px;right:150px;background:#666 \9;background:rgba(80,80,80,0.75);border-radius:5px;display:block} .bx-caption:link{color:#FFFFFF}.bx-caption:hover{background:#333;opacity:0.8} .bx-caption .coment{width:100%;border-bottom:#FFFFFF 1px solid;padding-bottom:5px;margin-bottom:7px;display:table;color:#FFFFFF} .bx-caption p{color:#FFFFFF} .bx-caption .coment dt{width:250px} .bx-caption .coment dd{display:table-cell;text-align:right;vertical-align:bottom}