@charset "Shift_JIS";

#mainContentsAreaIndex{
  width : 960px;
  margin-top : 0px;
  margin-bottom : 0px;
  position : relative;
  background-color : rgba(200, 237, 255, 0.49);
  font-family : メイリオ, "ＭＳ ゴシック";
  left : 10%;
  top : 43px;
  right : 10px;
  height : 100%;
}

#mainContentsArea{
  width : 70%;
  margin-top : 0px;
  margin-bottom : 0px;
  position : relative;
  background-color : transparent;
  font-family : メイリオ, "ＭＳ ゴシック";
  left : 15%;
  top : 70px;
  height : 900px;
  bottom : 70px;
}

#header_comment{
  font-size : 20px;
  text-align : left;
  position : relative;
  background-color : rgba(255, 255, 255, 0.61);
  width : 70%;
  left : 12%;
  padding-right : 20px;
  margin-left : 5px;
  line-height : 22px;
  color : navy;
  word-spacing : 20px;
  font-weight : bold;
  border-top-style : none;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  font-family : 游明朝, "ＭＳ 明朝";
  padding-left : 20px;
  padding-top : 20px;
  padding-bottom : 20px;
  list-style-image : url(../images/img_o021.gif);
}

.commentOurServices{
  font-size : 20px;
  text-align : left;
  position : relative;
  background-color : rgba(255, 255, 255, 0.61);
  width : 70%;
  left : 12%;
  padding-right : 20px;
  margin-left : 5px;
  line-height : 22px;
  color : navy;
  word-spacing : 20px;
  font-weight : bold;
  border-top-style : none;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  font-family : 游明朝, "ＭＳ 明朝";
  padding-left : 20px;
  padding-top : 20px;
  padding-bottom : 20px;
}

#MainBody{
  color : #444444;
  background-color : rgba(211, 232, 254, 0.45);
  width : 90%;
  list-style-type : none;
  border-width : 0px;
  font-style : normal;
  position : relative;
  left : 5%;
  height : -5px;
}

#banner{
  top : 154px;
  margin-left : auto;
  width : 240px;
  height : 972px;
  position : absolute;
  left : 0px;
  background-color : #ffffff;
}

#banner ul{
  font-size : 14px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
}

.BoxHeader1{
  font-size : 16px;
  font-family : メイリオ, "ＭＳ ゴシック";
  font-weight : bold;
  color : rgba(255, 255, 255, 1);
  background-color : #666666;
  border-width : 0px;
  margin-top : 0px;
  margin-bottom : -2px;
  width : 250px;
  height : 30px;
  position : relative;
  bottom : 0px;
  vertical-align : middle;
  text-align : center;
}

.BoxHeader2{
  font-size : 16px;
  font-family : "ＭＳ ゴシック", メイリオ;
  font-weight : bold;
  color : rgba(255, 255, 255, 1);
  background-color : #5555ff;
  border-width : 0px 2px;
  margin-top : 0px;
  margin-bottom : -2px;
  width : 380px;
  height : 30px;
  position : relative;
  bottom : 0px;
  vertical-align : middle;
  text-align : center;
}

.BoxHeader3{
  font-size : 16px;
  font-family : メイリオ, "ＭＳ ゴシック";
  font-weight : bold;
  color : rgba(255, 255, 255, 1);
  background-color : #96c7fc;
  border-width : 0px 2px;
  margin-top : 0px;
  margin-bottom : -2px;
  width : 380px;
  height : 30px;
  position : relative;
  bottom : 0px;
  vertical-align : middle;
  text-align : center;
}

.BoxHeader4{
  font-size : 16px;
  font-family : メイリオ, "ＭＳ ゴシック";
  font-weight : bold;
  color : rgba(255, 255, 255, 1);
  background-color : #8d0353;
  border-width : 0px 2px;
  margin-top : 0px;
  margin-bottom : -2px;
  width : 240px;
  height : 30px;
  position : relative;
  bottom : 0px;
  vertical-align : middle;
  text-align : center;
  top : -28px;
  left : 0px;
}

.BoxHeader5{
  font-size : 16px;
  font-family : メイリオ, "ＭＳ ゴシック";
  font-weight : bold;
  color : rgba(255, 255, 255, 1);
  background-color : #8d0353;
  border-width : 0px 2px;
  margin-top : 70px;
  margin-bottom : -2px;
  width : 250px;
  height : 30px;
  position : relative;
  bottom : 0px;
  vertical-align : middle;
  text-align : center;
  top : -7px;
}
.BoxContents{
  font-size : 18px;
  font-family : メイリオ, "ＭＳ ゴシック";
  text-align : left;
  padding-top : 5px;
  padding-left : 15px;
  border-top-width : 0px;
  margin-top : -4px;
  line-height : 22px;
  position : relative;
  top : 0px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  border-left-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  width : 70%;
  list-style-type : disc;
  left : 0px;
  list-style-image : url(../Button/listmark_19_b.png);
  font-weight : normal;
}

.BoxContents4{
  font-size : 16px;
  font-family : メイリオ, "ＭＳ ゴシック";
  text-align : left;
  padding-top : 0px;
  padding-left : 10px;
  border-top-width : 0px;
  margin-top : 0px;
  line-height : 25px;
  position : relative;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  border-left-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  width : 240px;
  height : 80px;
  list-style-type : disc;
  left : 0px;
  list-style-image : url(../Button/listmark_19_b.png);
  font-weight : normal;
  color : black;
  top : -29px;
}

.BoxContents5{
  font-size : 14px;
  font-family : メイリオ, "ＭＳ ゴシック";
  text-align : left;
  padding-top : 5px;
  padding-left : 10px;
  border-top-width : 0px;
  margin-top : -4px;
  line-height : 25px;
  position : relative;
  top : -15px;
  padding-right : 10px;
  padding-bottom : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  width : 250px;
  height :100px;
  list-style-type : disc;
  left : 0px;
  list-style-image : url(../Button/listmark_19_b.png);
  font-weight : normal;
  color : black;
}

.BoxMouseHvr{
      opacity: 1;
      color: white;
}

.BoxMouseHvr:hover{
      opacity: 1;
      color: white;
}


.ouenBoxLogo{
	border-width : 2px;border-style : none;border-color : #cccccc;
  text-align : center;
  background-color : white;
  position : inherit;
}

.ouenBox{
  position : relative;
  top : 0px;
  width : 250px;
  height : 80px;
  list-style-type : none;
  left : 0px;
  font-size : 18px;
  font-family : Arial, "Times New Roman", 游ゴシック;
  font-weight : bold;
  color : navy;
  background-color : transparent;
  text-align : center;
  padding-left : 10px;
}

#mousikomiButton{
  position : relative;
  top : -24px;
}