/* ---------＠＠以下より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:640px;
}

.page img {
  border-style:none;
}


/* ---------ヘッダー設定--------- */
 .header {
  width: 640px;
  min-height:70px;
  background-color: #115e33;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: white;
  font-size:26px;
  text-shadow: 1px 1px 1px #fff; 
  line-height: 250%
}


/* ---------ボディーヘッダー設定--------- */
.bodyheader {
  margin-top: 20px;
  width: 640px;
  min-height:150px;
  text-align: center;
  color: white;
  background-color: #138c48;
  text-shadow: 1px 1px 2px #000;  
}

.bodyheader01 {
  padding-top: 26px;
  line-height: 150%
}

.bodyheader02 {
  padding-top: 50px;
}

.bodyheader03 {
  font-size: 60%;
  text-shadow: 1px 1px 2px #000; 
}


/* ---------プレゼン設定--------- */
.presentation {
  width: 620px;
}

.presentation01 {
  font-size: 33px;
  text-shadow: 2px 2px 3px #000;  
  margin-top: 60px;
  padding-top: 80px;
  height:149px;
  color: white;
  text-align: center;
  background: url(images/back01.png) no-repeat;
  background-position: 30px 26px;
}

.presentation img{
  margin-top: -40px;
  margin-bottom: 30px;
}

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


/* ---------メリット提案設定--------- */
.merit {
  width: 640px;
  min-height: 1400px;
  padding-top: 60px;
  margin-bottom: -30px;
  //background: url(images/meritback.jpg) no-repeat;
  background-color: #eefcfe;
}

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

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

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

.meritsentence {
  margin-bottom: 80px;
}


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

.requirements02 {
  width: 570px;
  margin-bottom: 30px;
  margin-left: 15px;
  padding: 20px;
  background-color: #d8fae7;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
}

.requirements p {
  text-align: left;
  font-size: 16px;
  line-height: 30px;
}

.requirements span {
  color: red;
}


/* ---------プレソリューション設定--------- */
.presolution {
  margin-top: 80px;
  margin-bottom: 30px;
}
.presolution h2{
  width: 640px;
  height:120px;
  font-size: 30px;
  text-align: center;
  background: url(images/subhead.gif) no-repeat;
  background-position: 0px 8px;
}

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


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

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

.presolution2 h1 {
  width: 640px;
  font-size: 24px;
  text-align: center;
  font-weight: bolder;
  color: #115e33;
  text-shadow: 1px 1px 1px #b5aeae; 
}

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

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

.presolution2bodyh3 {
  padding-top: 30px;
}

.presolution2 p {
  width: 550px;
  padding: 20px 0 0 20px;
  text-align: left;
}

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

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

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


/* ---------ソリューション設定--------- */
 .solution {
  width: 640px;
  min-height:200px;
  background-color: #1aa0d1;
}

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

.solution img {
  float: left;
}

.solution02 {
  margin-top: 50px;
  margin-bottom: 80px;
}

.solution02 h2{
  margin-bottom: 0px;
  padding: 30px 0 0 180px;
  width: 640px;
  height: 150px;
  font-size: 28px;
  text-align: left;
  line-height: 170%
}

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

.solution02-01 {
  background: url(images/subhead02.gif) no-repeat;
  background-position: 0px 0px;
}

.solution02-02 {
  background: url(images/subhead03.gif) no-repeat;
  background-position: 0px 0px;
}

.solution02-03 {
  background: url(images/subhead04.gif) no-repeat;
  background-position: 0px 0px;
}


/* ---------料金設定--------- */
.fee  {
  margin-top: 40px;
  margin-bottom: 80px;
}

.fee table {
  border-collapse: collapse;
  width: 620px;
  margin-left: 10px;
  color: #3f8342;
  font-size: 22px;
}

.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;
  padding: 15px 10px 15px 30px;
  background-color: #faf9f9;
}

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

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

.feetxt2 {
  text-align: left;
  padding: 15px 10px 15px 30px;
  color: #4CAF50;
}

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

.fee p {
  margin: 30px 10px 0px 10px;
  color: #565756;
  font-size: 12px;
}


/* ---------安心設定--------- */
.sefe {
  width: 640px;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 40px;
  height:500px;
  background: url(images/safe.jpg) no-repeat;
  text-align: left;
}

.sefebox {
  width: 530px;
  height: 370px;
}

.sefe02 {
  margin-bottom: 5px;
  padding: 60px 0 0 60px;
  color: red;
}

.sefe03 {
  margin-bottom: 5px;
  padding: 10px 0 0 70px;
}

.sefe04 {
  margin-bottom: 5px;
  padding: 10px 0 0 70px;
}

.sefebox p {
  line-height: 27px;
  font-size: 22px;
}

.sefe05 {
  width: 460px;
  margin-bottom: 5px;
  padding: 00px 0 0 75px;
  font-size: 18px;
  text-align: right;
  line-height: 18px;
}


/* ---------メールフォーム設定--------- */
.mailformheader {
  min-height:150px;
  background-color: #36a868;
}

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

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

.mailform p {
  width: 570px;
  margin: 50px 0 20px 35px;
  font-size: 15.5px;
  text-align: left;
}

#mailformanc {
  display:inline-block;
}


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

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

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

.accessmaptext {
  width: 570px;
  font-size: 18px;
  text-align: left;
  margin: 20px 0 50px 35px;
}


/* ---------フッター設定--------- */
 .footer {
  width: 640px;
  min-height:50px;
  background-color: #115e33;
}

.footer p {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size:15px;
  text-align: center;
  color: white;
}


/* ---------Q&A設定--------- */
.QA {
  width: 600px;
  margin-top: 50px;
  margin-bottom: 120px;
  margin-left: 20px;
}

.QA p {
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 24px;
}

.QA a {
  color: blue;
  padding: 2px 5px 2px 5px;
  background-color: #ffff66;
  text-decoration: underline;
}

.QA a:visited {
  padding: 2px 5px 2px 5px;
  text-decoration: underline;
  background-color: #ffff66;
}

.QA a:hover {
  padding: 2px 5px 2px 5px;
  background-color: #7ed16c;
}

.QA-Q {
 background: url(images/qa01.gif) no-repeat;
 padding: 3px 0px 0px 45px; 
 margin-top: 50px;
}

.QA-A {
  background: url(images/qa02.gif) no-repeat;
  padding: 3px 0px 0px 45px;
}


/* ---------タイトル設定--------- */
.QandAtitle {
  width: 600px;
  margin-top: 100px;
  margin-bottom: 50px;
  margin-left: 20px;
}

.QandAtitle h1 {
  font-size: 30px;
  text-align: center;
  color: white;
  padding: 2px 5px 2px 5px;
  background-color: #138c48;
  box-shadow:0px 0px 6px 3px #626262;
  text-shadow: #000 1px 1px 1px;
}


/* ---------Q&Aコンテンツ設定--------- */
.QandAcontents {
  width: 565px;
  margin-top: 50px;
  margin-bottom: 100px;
  margin-left: 10px;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 50px 30px 50px 20px;
  background-color: white;
}

.QandAcontents a {
  color: blue;
  text-decoration: underline;
}

.QandAcontents a:visited {
  color: blue;
  text-decoration: underline;
}

.QandAcontents a:hover{
  color: red;
  font-weight: bold;
}

.QandAcontents p {
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px;
  line-height: 160%
  margin-left: 15px;
}

.QandAspantitle {
  font-weight: bold;
  color: red;
}

.QandAspan01 {
  font-size: 16px;
  font-weight: normal;
  color: #003366;
}

.QandAcontents a {
  color: blue;
}

ol {
  list-style: none;
  counter-reset: yourDefinition;
 }
 
ol li {
  padding-top: 40px;
  padding-bottom: 0px;
  padding-left: 60px;
  text-indent: -40px;
  font-size: 20px;
  line-height: 180%
 }
 
ol li:before {
  counter-increment: yourDefinition;
  content: counter(yourDefinition);
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-family: helvetica;
  text-indent: 0;
  background: #138c48;
  border-radius: 100%;
  line-height: 155%
 }
 
 .QandAcontentsleft p {
  text-align: left;
  margin-left: 25px;
}

.QandAcontentsleft h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: normal;
  padding: 0 25px 0 40px;
  line-height: 175%
}

.QandAcontentsP2 {
  margin-top: 80px;
}

 
 /* ---------もどるボタン設定--------- */
.backbutton {
  margin-left: 170px;
  margin-bottom: 150px;
}

.button01 {
    width:300px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#138c48;
    border-radius:25px;
	box-shadow:0px 0px 6px 3px #ccc;
}

.backbutton1 a {
  color: #fff;
  font-weight: bold;
}

.backbutton a:visited {
  color: #fff;
  font-weight: bold;
}

.backbutton a:hover{
  color: #bff9fe;
  background-color:#3ea86c;
  box-shadow:0px 0px 6px 3px #5fc18a;
}


/* --------テーブル設定--------- */
.QandAtable table {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 15px;
}

.QandAtable table th {
	width: 280px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #626262;
	border-right : 1px solid #a0a0a0;
}

.QandAtable table td {
	width: 410px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #626262;
	background: #efeded;	
}

.QandAtabletitle {
  background: #c1e3f3;
}