@charset "utf-8";
@import "/css/reset.css";
/*-------------------------------------------------------------------------*/
body{ background-color: #ffffff; color: #000000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; line-height: 1.5;}
div#inner{ background:url(/img/content/header.jpg) repeat-x center top #E1E6EA;}
div#container{ background:url(/img/content/content_back.png) repeat-y; padding:40px 0; margin:0 auto; width:980px;}
div#container.lowerLayerPage{ padding:0; margin:0 auto; width:1140px;}
div#lowerLayerPage{ background:url(/img/content/lower.jpg) no-repeat center top;}
ul{list-style:none;}
/*-------------------------------------------------------------------------*/
header#header{ margin-bottom:50px;}
div#headerCatch{ -webkit-box-shadow:-1px 0px 3px rgba(0,53,133,0.5); -moz-box-shadow:-1px 0px 3px rgba(0,53,133,0.5); -o-box-shadow:-1px 0px 3px rgba(0,53,133,0.5); box-shadow:-1px 0px 3px rgba(0,53,133,0.5); background:url(/img/content/back01.png); border-bottom:solid 1px #0062BB;}
h1{ font-weight:bold; font-size:10px; color:#FFFFFF; line-height:120%; margin:0 auto; width:940px; padding:5px 0 5px 0;}
section#headerContent{ position:relative; overflow:hidden; margin:0 auto; width:940px;}
h2#siteId{ margin-top:15px; float:left;}
div#headerInquiry{ position:relative; margin-top:15px; float:right; padding-top:5px;}
div#headerInquiry a{ position:absolute; right:0; top:0;}

/*-------------------------------------------------------------------------*/
div#topPage{ background:url(/img/content/top.jpg) no-repeat center top;}
#topImage{ position:relative; margin:0 auto; width:940px; height:313px;}
  #topImage .notation{text-shadow: #fff 1px 1px 1px,#FFF -1px 1px 0,#FFF 1px -1px 1px,#FFF -1px -1px 1px; position:absolute; bottom:0;}

h2#siteCatch{ position:absolute; left:0; top:0;}
h2#siteCatch.city{ position:absolute; left:0; top:5px;}
div#catch{ position:absolute; left:0; top:5px;}
div#city{ font-weight:bold; font-size:40px; color:#1E40A6; position:absolute; left:5px; top:20px;}
/*-------------------------------------------------------------------------*/
section#trouble{ position:relative; margin:0 auto; width:980px; height:450px;}
h2#troubleTitle{ position:absolute; left:20px; top:5px;}
ul#troubleList{ list-style:none;}
ul#troubleList li{ position:absolute;}
li.trouble1{ left:4px; top:322px;}
li.trouble2{ left:240px; top:174px;}
li.trouble3{ left:485px; top:174px;}
li.trouble4{ left:735px; top:174px;}
li.trouble5{ left:319px; top:348px;}
/*-------------------------------------------------------------------------*/
article#lineup{ background:url(/img/content/lineup.jpg) no-repeat; margin-bottom:5px; position:relative; padding-top:15px; height:1750px;}
  #lineup .notation{position:absolute; left:40px; top:800px;}
h2#lineupTitle{ margin-left:170px;}
section#targetList{ position:absolute; left:60px; top:205px; width:900px; padding-top:3px;}
h4.targetTitle{ text-align:right; margin-bottom:25px;}
section.target{ position:absolute; width:160px;}
section.target1{ left:20px; top:130px;}
section.target2{ left:240px; top:130px;}
section.target3{ left:460px; top:130px;}
section.target4{ left:680px; top:130px;}
section.target5{ left:20px; top:350px;}
section.target6{ left:240px; top:350px;}
section.target7{ left:460px; top:350px;}
section.target8{ left:680px; top:350px;}
section#corporateServices{ background:url(/img/content/lineup2.jpg) no-repeat; position:absolute; left:0px; top:850px; width:980px; height:920px;}
h3#corporateServicesTitle{ position:absolute; left:175px; top:32px;}
section.place{ position:absolute; overflow:hidden; width:230px;}
h4.placeTitle{ position:absolute; left:0px; top:-15px; font-weight:bold; font-size:18px; color:#063052;}
figure.placeImage{ margin-left:10px; float:right;}
section.place p{ margin-top:50px;}
section.place1{ left:375px; top:145px;}
section.place2{ left:670px; top:145px;}
section.place3{ left:375px; top:370px;}
section.place4{ left:670px; top:370px;}
div#result{ overflow:hidden; position:absolute; left:510px; top:625px; font-weight:bold; font-size:11px; color:#011D33; line-height:120%;}
ul#point{ position:absolute; list-style:none; left:20px; top:620px;}
ul#point li{ margin:0 0 20px 10px;}
ul#point li.conclusion{ margin:35px 0 0 0;}
div#result ul{
 list-style:none; float:left; padding:0;}
div#result li{ margin-bottom:10px; width:220px; font-size:16px; float:left;}
/*-------------------------------------------------------------------------*/
article#flow{ background:url(/img/content/flow.png) no-repeat; margin-bottom:30px; padding:20px 0 0 0px; position:relative; height:340px;}
section.flow{ position:absolute; font-size:12px; width:170px;}
section.step1{ left:75px; top:210px;}
section.step2{ left:295px; top:210px;}
section.step3{ left:515px; top:210px;}
section.step4{ left:735px; top:210px;}
h3.flowTitle{ font-weight:bold; font-size:16px; color:#063054; margin-bottom:-5px;}
/*-------------------------------------------------------------------------*/
article#feature{ background:url(/img/content/feature.jpg) no-repeat; margin-top:25px; padding:15px 0 0 0; position:relative;}
h2#featureTitle{ margin-left:116px;}
section#reason{ position:absolute; left:60px; top:205px; height:500px;}
section.reason{ position:absolute; width:270px;}
section.reason1{ left:20px; top:120px;}
section.reason2{ left:460px; top:120px;}
section.reason3{ left:20px; top:340px;}
section.reason4{ left:460px; top:340px;}
h4.reasonTitle{ font-size:16px; color:#063054; line-height:120%; margin-bottom:-5px;}
h4.reasonTitle span{ font-size:20px;}
/*-------------------------------------------------------------------------*/
div#service{ background:url(/img/content/service.jpg) repeat-y; margin-top:650px;}
article#area{ background:url(/img/content/area.png) no-repeat; position:relative; padding:60px 0 0 60px; height:400px;}
article#area p{ position:absolute; left:390px; top:135px; width:530px;}
ul.area{ position:absolute; list-style:none; padding:0; width:80px; line-height:140%;}
ul.prefecture1{ left:390px; top:215px;}
ul.prefecture2{ left:480px; top:215px;}
ul.prefecture3{ left:570px; top:215px;}
ul.prefecture4{ left:660px; top:215px;}
ul.prefecture5{ left:750px; top:215px;}
ul.prefecture6{ left:840px; top:215px;}
ul.area li{ padding-left:10px;}
ul.area li.prefectureTitle{ margin-bottom:15px; padding:0;}
/*-------------------------------------------------------------------------*/
article#voice{ background:url(/img/content/voice.jpg) no-repeat; margin-bottom:50px; padding:25px 0 0 160px; position:relative; height:445px;}
h3.voiceTitle{ line-height:120%; font-weight:bold; font-size:16px; color:#063053; margin-bottom:-5px;}
section.voice{ position:absolute; width:380px; height:240px;}
section.voice h3, section.voice p{ width:230px;}
section.voice1{ left:80px; top:170px;}
section.voice2{ left:520px; top:170px;}
section.voice p.customer{ text-align:center; font-weight:bold; color:#FFFFFF; width:130px; position:absolute; bottom:-20px; right:0;}
/*-------------------------------------------------------------------------*/
article#faq{ background:url(/img/content/bottom.jpg) no-repeat bottom; padding:0 60px 5px 60px; margin-bottom:40px;}
section.faq{ background:url(/img/content/back02.png); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding:10px 20px; margin-bottom:30px;}
h3.faqTitle{ background:url(/img/content/icon01.png) no-repeat left top; padding:5px 0 10px 50px; font-weight:bold; font-size:16px; color:#063053;}
section.faq p{ background:url(/img/content/icon02.png) no-repeat 20px 20px #FFFFFF; -webkit-box-shadow:-1px 0px 3px rgba(0,53,133,0.5); -moz-box-shadow:-1px 0px 3px rgba(0,53,133,0.5); -o-box-shadow:-1px 0px 3px rgba(0,53,133,0.5); box-shadow:1px 1px 2px rgba(0,53,133,0.5); padding:20px 20px 20px 70px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
/*-------------------------------------------------------------------------*/
article.lower{ margin:0 auto; width:980px; padding-top:20px;}
div#content{ padding:40px;}
h2.pageTitle{ margin-left:20px;}
div#lowerContent{ background:url(/img/content/lower_back.png) no-repeat; padding-bottom:40px;}
table#company{ width:900px; text-align:left;}
table#company th{ padding:10px 0 0 20px; vertical-align:top; width:30%; color:#063054;}
table#company td{ border-left:solid 1px #FFFFFF; width:70%; padding:10px 10px 10px 20px;}
tr.odd{ background:#E8EBEE;}
table#company td ul{ float:left; list-style:none; width:200px; padding:0; margin:0;}

#policy{}
  #policy h2 span{padding:0 5px; font-weight:bold; font-size:45px; color:#FFFFFF; border:double 4px #FFFFFF; background:#B81F03;}
  #policy #lowerContent{margin:0 20px; border-radius:5px 5px 0 0; background:#FFFFFF;}
    #policy ul{padding:20px;}
/*-------------------------------------------------------------------------*/
aside#contact{ position:relative; width:940px; margin:0 auto;}
div#contact{ position:absolute; left:658px; top:90px;}
aside#contact div.tel{ position:absolute; left:245px; top:93px;}
/*-------------------------------------------------------------------------*/
footer#footer{ background:url(/img/content/back03.jpg) repeat-x center;}
div#footerContent{ background:url(/img/content/footer.jpg) no-repeat center; margin:0 auto; width:940px; padding:0 100px; overflow:hidden;}
nav#footerNav{ margin-top:10px; float:left;}
nav#footerNav ul{ overflow:hidden; list-style:none; padding:0; margin:0;}
nav#footerNav li{ margin-right:20px; float:left;}
nav#footerNav li a{ font-weight:bold; color:#FFFFFF;}
p#copyright{ font-weight:bold; font-size:10px; color:#FFFFFF; float:right;}
div#flat40{margin:0px auto; width:940px;}