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


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

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


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

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

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

.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 {
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
  background: url(images/back01.gif);
  background-color: #ffd5e1;
}


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

.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;
}

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

 .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;
}

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

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


/* ---------プレゼン設定--------- */
.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;
}

.presentation_contents { 
  text-align: center;
  padding-top: 10px;
  margin-bottom: 100px;
  padding: 15px 5px 15px 5px;
  margin-left: 40px;
  color: #000;
  background-color: #fecfdd;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
}

.presentation_contents h1 { 
  //text-shadow: 2px 2px 1px #fff; 
  padding-top: 10px;
}

.presentation_contents p {
  width: 900px;
  margin-top: 20px;
  margin-left: 30px;
  font-size: 24px;
  text-align: left;
}


/* ---------メリット提案設定--------- */
.merit {
  width: 1000px;
  min-height: 1320px;
  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: 220px;
}

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

.merit p {
  width: 800px;
  margin-top: 10px;
  margin-left: 100px;
  padding: 20px;
  font-size: 24px;
  text-align: left;
  background-color: #fecfdd;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
}


/* ---------リクエスト設定--------- */
.requirements {
  width: 1000px;
  height:1500px
  background-color: #eef1f4;
}

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

.requirements2 {
  width: 950px;
  text-align: center;
  margin-top: 4px;
  margin-left: 20px;
  padding: 20px 5px 20px 5px;
  margin-bottom: 50px;
  background-color: #fcfdfb;
  border-radius: 10px;
  box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
}

.requirements2 p {
  width: 920px;
  padding-top: 20px;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 20px;
}

.requirements03{
  height:30px
}

.requirements span {
  color: red;
}

/* ---------プレソリューション設定--------- */
.presolution02 {
  margin-top: 100px;
  margin-bottom: 100px;
}

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

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

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

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

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


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

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

.presolution03 p {
  width: 900px;
  padding: 20px;
  text-align: left;
  margin-left: 30px;
  font-size: 20px;
  background-color: #fcfdfb;
  border-radius: 10px;
  box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
}


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

.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;
}

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

.solution02 h2{
  height: 400px;
  margin-bottom: 5px;
  padding: 135px 0 0 150px;
  font-size: 38px;
  text-align: left;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  line-height: 200%
}

.solution03 h2{
  margin-bottom: 5px;
  padding: 0px 0 0 110px;
  font-size: 25px;
  text-align: left;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  line-height: 150%
}


/* ---------Q&A設定--------- */
.QA {
  margin-top: 50px;
  margin-bottom: 120px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.QA p {
  width: 1000px;
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 24px;
}

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

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

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

.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;
}



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

.feeimg1 {
  margin-top: 60px;
}

.feeimg2 {
  margin-top: 60px;
}

.feeimg3 {
  margin-top: 30px;
}

.fee p {
  width: 900px;
  margin-left: 50px;
  font-size: 18px;
  text-align: left;
  color: #5a322a;
  margin-bottom: 10px;
}

.feehosoku {
  width: 800px;
  margin-left: 150px;
  margin-top: 80px; 
  margin-bottom: 90px;
  color: #333333;
}




/* ---------安心設定--------- */
.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: #f2acc0;
}

.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;
  font-size: 14px;
  text-align: left;
  margin: 20px 0 50px 155px;
}


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

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

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

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