/* ---------＠＠以下よりBASE部分＠＠--------- */
html {
	overflow: auto;
}
 
* {
  margin: 0px;
  padding: 0px;
}

body {  
  background-color: #fff;
  text-align:center; 
  overflow: hidden;
}
  
.page p {
  line-height: 150%
}
  
.page {
  margin: 0px auto;
  text-align:left;
  width:1000px;
}

.page img {
  border-style:none;
}

.page a {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}

.page a:visited {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}


/* ---------ナビゲーション固定--------- */
.header { 
  height: 43px; 
  position: fixed; 
  z-index: 999; 
} 

/* スクロールする場所：固定ナビゲーションの高さ＋余白をpadding-topに指定したりします。 */ 
.content { 
  padding: 43px 0 0 0; 
}


/* ---------リンク色設定--------- */
.subheader a:hover,.pankuzu a:hover,.sidenavi a:hover,.main a:hover,.businesslist a:hover,.footer a:hover {
  color: #f26522;
  text-decoration: underline; 
}

.navi li a:hover {
  color:#2b61a1;
}


/* ---------ヘッダー設定--------- */
.header {
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #138c48;
}

.header img {
  float: left;
  background-color: #138c48;
}

.header01,.header02,.header03,.header04 {
  height:43px
  float : left;
  background-color: #138c48;
}

.header01 span a{
  width: 56px;
  height: 43px;
  display: block;
  overflow:hidden;
  text-indent:-9999px;
  background: url(images/header03.gif) no-repeat;
}

.header01 span a:hover{
  background-position: 0px -43px;
}


/* ---------トップ写真設定--------- */
.photo {
  background-color: #fff;
}

.photo img {
    margin-left: -500px;
}

/* ---------コンタクトバナー設定--------- */
.contactbanner {
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #138c48;
}

.contactbanner01 {
  width: 726px;
  height: 270px;
  display: block;
  background: url(images/contactbanner01.jpg) no-repeat;
  float: left;
}

.contactbanner span a{
  width: 274px;
  height: 270px;
  display: block;
  overflow:hidden;
  text-indent:-9999px;
  background: url(images/contactbanner02.gif) no-repeat;
}

.contactbanner span a:hover{
  background-position: 0px -270px;
}


/* ---------ボディーヘッダー設定--------- */
 .bodyheader {
  height:250px;
  background: url(images/presolutionback.gif) no-repeat;
  margin-bottom: 30px;
}

 .bodyheaderA2 {
  height:250px;
  background: url(images/presolutionback.gif) no-repeat;
  margin: 0 -30%; /* 上下の margin は元の値に合わせて適宜変更 */
  padding: 0 30%; /* 上下の margin は元の値に合わせて適宜変更 */
  background-position: 50%;
  background-color:#eefcfe;
  text-align: center;
}

.bodyheader01 {
  padding-top: 85px;
  text-align: center;
  color: white;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #138c48;
  height:140px;
  text-shadow: 1px 1px 1px #000; 
}

.bodyheader02 {
  padding-top: 50px;
  text-align: center;
  color: white;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #138c48;
  height:170px;
  line-height: 200%
  text-shadow: 1px 1px 1px #000; 
}

.bodyheader03 {
  padding-top: 65px;
  text-align: center;
  color: white;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #138c48;
  height:160px;
  line-height: 150%
  text-shadow: 1px 1px 1px #000; 
}


/* ---------プレゼン設定--------- */
.presentation {
  padding-top: 100px;
}

.presentation01 {
  font-size: 250%;
  text-shadow: 1px 1px 1px #000; 
  padding-top: 90px;
  padding-left: -50px;
  height:180px;
  color: white;
  text-align: center;
  background: url(images/back01.png) no-repeat;
  background-position: 70px 0px;
}

.presentation02 { 
  width: 800px;
  text-align: center;
  font-weight: 100;
  padding: 30px 20px 30px 20px;
  margin-top: 20px;
  margin-left: 100px;
  margin-bottom: 50px;
  text-align: center;
  box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
  background-color: #ffe466;
  border-radius: 5px;
}


/* ---------メリット提案設定--------- */
.merit {
  width: 1000px;
  min-height: 1500px;
  padding-top: 60px;
  margin-bottom: -30px;
  //background: url(images/meritback.jpg);
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #eefcfe;
  clear: both;
}

.meritcontents {
  width: 1000px;
  height: 140px;
  float: left;
}

.merit img {
  float: left;
  padding-left: 160px;
}

.merit h1 {
  margin-top: 4px;
  float: left;
  padding: 10px 20px 10px 20px;
  margin-left: 40px;
  font-size: 25px;
  background-color: #ffff66;
  border-radius: 20px;
}


/* ---------リクエスト設定--------- */
.requirements {
  width: 1000px;
  margin-top: 50px;
  margin-bottom: 80px;

}

.requirements01 {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.requirements02 {
  width: 950px;
  border-radius: 10px;
  margin-left: 15px;
  text-align: left;
  padding: 20px;
  background-color: #d8fae7;
  margin-bottom: 30px;
  font-size: 20px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
  line-height: 30em;
}

.requirements p {
  line-height: 1.8em;
}

.requirements span {
  color: red;
}

/* ---------プレソリューション設定--------- */
.presolution {
  margin-top: 100px;
  margin-bottom: 150px;
}
.presolution h2{
  width: 1000px;
  height: 70px;
  margin-bottom: 80px;
  font-size: 38px;
  text-align: center;
  background: url(images/subhead.gif) no-repeat;
  background-position: 0px 5px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.presolution span {
  color: red;
  text-decoration: underline;
}


/* ---------プレソリューション02設定--------- */
.presolution2 {
  width: 1000px;
  margin-top: 50px;
  margin-bottom: 0px;
  min-height:400px;
}

.presolution2 img {
  margin-top: -30px;
}

.presolution2 h1 {
  width: 900px;
  font-size: 30px;
  text-align: center;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: bolder;
  color: #115e33;
  text-shadow: 1px 1px 1px #b5aeae; 
}

.presolution2bodyh1 {
  padding-top: 60px;
  margin-bottom: 0px;
}

.presolution2bodyh2 {
  padding-top: 30px;
  margin-bottom: 0px;
}

.presolution2bodyh3 {
  padding-top: 30px;
}

.presolution2 p {
  padding: 20px 0 0 50px;
  width: 900px;
  text-align: left;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.presolution2bodyp1 {
  font-size: 20px;
  line-height: 140%
}

.presolution2bodyp2 {
    font-size: 20px;
  line-height: 100%
}


.presolution2body {
  margin-top: 30px;
  margin-left: 50px;
  margin-bottom: -100px;
  width: 1000px;
  height: 800px;
  background: url(images/presolution2body.jpg) no-repeat;
  background-position: 0px 0px;
}


/* ---------ソリューション設定--------- */
 .solution {
  width: 1000px;
  min-height:250px;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #1aa0d1;
  clear: both;
}

.solution h1 {
  width: 760px;
  height:100%;
  margin-top: 60px;
  text-align: center;
  color: white;
  float: left;
  text-shadow: 1px 1px 1px #000;
  line-height: 200%
}

.solution img {
  float: left;
}

.solution02 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.solution02 h2{
  margin-bottom: 20px;
  padding-left: 310px;
  width: 1000px;
  height: 200px;
  text-align: left;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.solution02 span {
  color: red;
  text-decoration: underline;
}

.solution02-01 {
  font-size: 34px;
  padding-top: 66px;
  background: url(images/subhead02.gif) no-repeat;
  background-position: 0px 0px;
  line-height: 150%
}

.solution02-02 {
  font-size: 34px;
  padding-top: 66px;
  background: url(images/subhead03.gif) no-repeat;
  background-position: 0px 0px;
  line-height: 150%
}

.solution02-03 {
  padding-top: 95px;
  font-size: 38px;
  background: url(images/subhead04.gif) no-repeat;
  background-position: 0px 0px;
}


/* ---------料金設定--------- */
 .feeheader {
  width: 1000px;
  min-height:230px;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #138c48;
}

.feeheader h1 {
  width: 1000px;
  height:100%;
  margin-top: 73px;
  text-align: center;
  color: white;
  float: left;
  text-shadow: 1px 1px 1px #000;
  line-height: 150%
}

.feeheader02 {
  font-size: 50%;
}

.fee  {
  margin-top: 80px;
  margin-bottom: 80px;
  
}

.fee table {
  border-collapse: collapse;
  width: 800px;
  margin-left: 100px;
  color: #3f8342;
}

.fee table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #8BC34A;  
}

.fee table tr:last-child{
  border-bottom: 2px solid #18521b;   
}

.fee table th {
  text-align: center;
  padding: 1em 10px 1em 1em;
}

.fee tbody th {
    color: #0f7d13;
}

.feeplantitle {
  width: 180px;
  text-align: left;
  padding: 1em 10px 1em 1em;
  background-color: #faf9f9;
}

.feetxt {
  text-align: left;
  font-size: 16px;
  padding: 20px 10px 20px 30px;
  background-color: #faf9f9;
}

.feeprice {
  width: 120px;
  text-align: right;
  font-size: 18px;
  padding-right: 30px;
  background-color: #faf9f9;
}

.feeplantitle2 {
  width: 180px;
  text-align: left;
  padding: 1em 10px 1em 1em;
  color: #4CAF50;
}

.feetxt2 {
  text-align: left;
  font-size: 16px;
  padding: 20px 10px 20px 30px;
  color: #4CAF50;
}

.feeprice2 {
  width: 120px;
  text-align: right;
  font-size: 18px;
  padding-right: 30px;
  color: #4CAF50;
}

.fee p {
  margin: 50px 0 0 100px;
  color: #565756;
}


/* ---------安心設定--------- */
.sefe {
  margin-top: 60px;
  margin-left: 100px;
  height:700px;
  background: url(images/safe.jpg) no-repeat;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  text-align: left;
  line-height: 35px;
}

.sefebox {
  height: 430px;
}

.sefe02 {
  width: 600px;
  margin-bottom: 5px;
  padding: 70px 0 0 100px;
  font-size: 28px;
  line-height: 40px;
  color: red;
}

.sefe03 {
  width: 600px;
  margin-bottom: 5px;
  padding: 15px 0 0 100px;
  font-size: 24px;
  line-height: 35px;
}

.sefe04 {
  width: 600px;
  margin-bottom: 5px;
  padding: 15px 0 0 100px;
  font-size: 24px;
  line-height: 35px;
}

.sefe05 {
  width: 600px;
  margin-bottom: 5px;
  padding: 65px 0 0 110px;
  font-size: 20px;
  text-align: right;
  line-height: 25px;
}


/* ---------メールフォーム設定--------- */
 .mailformheader {
  width: 1000px;
  min-height:150px;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #36a868;
  text-shadow: 1px 1px 1px #000; 
}

.mailformheader h1 {
  width: 1000px;
  padding-top: 53px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px #000; 
}

.mailform {
  margin-top: 30px;
  text-align: center;
}

.mailform p {
  font-size: 14px;
  margin-bottom: 20px;
}

#mailformanc {
  margin-top:-42px;
  padding-top:42px;
  display:inline-block;
}


/* ---------アクセスマップ設定--------- */
 .accessmaphead {
  margin-top: 20px;
  width: 1000px;
  min-height:150px;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #7d7d7d;
}

.accessmaphead h1 {
  width: 1000px;
  padding-top: 53px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px #000;  
}

.accessmap {
  margin: 50px 0 0px 150px;
  width: 700px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  border: 1px #7d7d7d solid;
  border-radius: 20px; 
  background-color: #7d7d7d;
}

.accessmaptext {
  width: 700px;
  text-align: left;
  font-size: 14px;
  margin: 20px 0 50px 150px;
}


/* ---------フッター設定--------- */
 .footer {
  width: 1000px;
  min-height:50px;
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background-color: #116335;
}

.footer p {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size:14px;
  text-align: center;
  color: #fff;
}

.footer a {
  font-weight: 100;
  color: #fff;
  text-decoration: none;
}

.footer a:visited {
  font-weight: 100;
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  color: #fff;
  text-decoration: underline;
}