div#index{
  text-align:left;
  color: #333;
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
div#wrapper{
  width:945px;
  margin:0 auto;
}
div.Box{
  margin-top:10px;
  padding-top:20px;
  height:auto;
  background-color:white;
  padding-bottom:10px;
  padding-left:12px;
  padding-right:12px;
  width:920px;
  position:relative;
  float:left;
}
div.Box > h1 {
  font-size:21px;
  margin-top:-10px;
}
div#Ads{
  padding-bottom:10px;
  margin-bottom:10px;
}


/*
  css for jirei.php
*/

.jirei div.Box h2 {
  font-size:19px;
}
.jirei .caseTop h2 {
  font-size:22px;
  padding:32px;
  font-weight:bold;
}
.jirei div.Box:first-child {
  margin-top:20px;
}
.jirei div#topBox{
  height:370px;
  width:918px;
  border:1px solid #999999;
  overflow:hidden;
}
.jirei #casesBox{
  float:left;
  width:627px;
}
.jirei div.casesB {
  height:370px;
  width:628px;
  float:left;
  display:block;
}
.jirei div.casesB div.caseTop{
  height:93px;
  width:100%;
  background-color:#06407a;
  color:white;
  font-size:20px;
  text-align:center;
  margin-bottom: 15px;
}
.jirei div.casesB img.logo {
  width:auto;
  height:35px;
  margin-left:30px;
  float:left;
}
.jirei div.casesB h3 {
  text-align:right;
  font-size:23px;
  line-height:37px;
  color:#4d4d4d;
  margin-right:30px;
  float:right;
  margin-bottom:-2px;
}
.jirei div.casesB div.caseText {
  float:left;
  width:385px;
  height:150px;
  margin-left:30px;
  margin-bottom:15px;
  border:4px solid #d9d9d9;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  margin-top: 10px;
}
.jirei div.casesB div.caseText h4 {
  font-size:18px;
  margin:10px;
}
.jirei div.casesB img.face {
  width:150px;
  margin-right:30px;
  float:right;
  border:4px solid #d9d9d9;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  margin-top:10px;
}
.jirei div.casesB a {
  text-decoration:none;
  margin-top:5px;
}
.jirei div.casesB a div.button {
  width:567px;
  height:25px;
  padding-top:6px;
  margin-left:30px;
  font-size:12px;
  color:white;
  background-color:#78aadd;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  float:left;
  text-align:center;
}
.jirei div.casesB a div.button:hover {
  background-color:#4188cf;
}

.jirei div#casesList{
  float:right;
  width:290px;
  border-left: solid 1px #999999;
}
.jirei div.casesL {
  height:93px;
  width:290px;
  float:left;
  display:block;
  cursor:pointer;
  border-bottom: solid 1px #999;
}
.jirei div.casesL div.listTop {
  width:196px;
  height:50px;
  background-color:#78aadd;
  float:left;
}
.jirei div.casesL .listTop h2 {
  padding: 8px 0 5px 10px;
  font-size:12px;
  color:white;
  margin-top:0px;
}
.jirei div.casesL:hover div.listTop,
.jirei div.casesL.selected div.listTop {
  background-color:#4188cf;
}
.jirei div.casesL img.face {
  width:93px;
  height:93px;
  float:left;
  border-left: dotted 1px #999999;
}
.jirei div.casesL h3 {
  font-size:12px;
  text-align:right;
  float:right;
  margin-top:-25px;
  margin-right:100px;
  color:#4d4d4d;
}
.jirei div.smallList {
  width:930px;
  overflow:hidden;
  margin-left:-4px;
  margin-top:10px;
}
.jirei div.smallList div.List{
  float:left;
  text-align: center;
  width:300px;
  padding-bottom:20px;
  margin-right:5px;
  border:3px solid #d9d9d9;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  height:248px;
  margin-bottom:5px;
  position:relative;
}
.jirei div.smallList div.List:nth-child(3n) {
  margin-right:0;
}
.jirei div.smallList div.List:hover{
  border:3px solid #06407a;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.jirei div.smallList div.List:last-child {
  margin-right: 0px;
}
.jirei div.smallList div.List div.listTop {
  position:absolute;
  width:100%;
  height:50px;
  margin-top:-1px;
  background-color: #06407a;
  color:white;
  border-top-left-radius:3px;
  -webkit-border-top-left-radius:3px;
  -moz-border-top-left-radius:3px;
  border-top-right-radius:3px;
  -webkit-border-top-right-radius:3px;
  -moz-border-top-right-radius:3px;
}
.jirei div.smallList div.List div.listTop h4 {
  font-size:12px;
  margin-top:18px;
}
.jirei div.smallList div.List p {
  margin:0;
}
.jirei div.smallList div.List p.title {
  margin-top:60px;
  font-size:18px;
  color:#222222;
  font-weight:bolder;
}
.jirei div.smallList div.List img.face {
  width:68px;
  height:68px;
  margin-left:15px;
  margin-top:25px;
  border:2px solid #d9d9d9;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  float:left;
}
.jirei div.smallList div.List p.text {
  width:180px;
  height:auto;
  min-height: 100px;
  line-height: 20px;
  margin-right:15px;
  margin-top:6px;
  font-size:12px;
  text-align:left;
  float:right;
  color:#444444;
  margin-left:0;
}
.jirei div.smallList div.List a {
  text-decoration:none;
  position:absolute;
  left:0;
  bottom:10px;
  width:100%;
}
.jirei div.smallList div.List a div.button {
  width:270px;
  height:25px;
  padding-top:6px;
  font-size:12px;
  color:white;
  background-color:#78aadd;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  bottom: 20px;
  margin:0 auto;
  margin-top:10px;
}
.jirei div.smallList div.List div.button:hover {
  background-color:#4188cf;
}
.jirei div.smallList div.List.support:after,
.jirei div.smallList div.List.solution:after,
.jirei div.smallList div.List.hosting:after {
  position: absolute;
  content: " ";
  width: 91px;
  height: 91px;
  bottom: -4px;
  right: -3px;
  background-image: url(../img/jirei/marker.png);
  background-repeat: no-repeat;
}
.jirei div.smallList div.List.solution:after {
  background-position: -92px 0;
}
.jirei div.smallList div.List.hosting:after {
  background-position: -185px 0;
}

/*
  css for kakujirei.php
*/

.kakujirei div#wrapper{
  width:1005px;
  overflow: hidden;
}
.kakujirei div.Box{
  width: 725px;
  color:#333;
  float:right;
  padding-bottom: 0px;
}
.kakujirei div#sideBox {
  width:235px;
  margin-left:1px;
  padding:5px;
  float:left;
}
.kakujirei div#sideBox h2 {
  font-size: 16px;
  text-align: center;
  padding: 5px;
}
.kakujirei div#sideBox ul {
  overflow: hidden;
}
.kakujirei div#sideBox  ul a {
  text-decoration:none;
}
.kakujirei div#sideBox  ul a li {
  display:block;
  margin:auto;
  margin-top: -1px;
  border-top: 1px dotted #656565;
  margin-bottom:10px;
  margin-left:-8px;
}
.kakujirei div#sideBox ul a li p {
  font-size:12px;
  margin-top:5px;
  background-color:#78AADD;
  color:white;
  padding:10px 5px 10px 5px;
  width:220px;
  text-align:center;
}
.kakujirei div#sideBox ul a li:hover p {
  background-color:#4188cf;
}
.kakujirei div#sideBox ul a li img {
  height:30px;
  display:block;
  margin:auto;
  margin-top:10px;
}
.kakujirei div#wrapper div.Box:first-child {
  width:980px;
  padding-bottom:8px;
  margin-top: 20px;
}
.kakujirei div.title {
  border-left: 10px #06407a solid;
  padding-left:10px;
  padding-right:10px;
  border-bottom: 1px dotted #656565;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:15px;
}
.kakujirei .topBox div.title {
  height:50px;
}
.kakujirei .topBox div.title img {
  height:50px;
  width:auto;
  margin-left:20px;
  float:left;
}
.kakujirei .topBox div.title h2 {
  float:right;
  margin-top:6px;
  margin-right:10px;
  margin-bottom:-12px;
  font-size:26px;
  color: #06407a;
}

.kakujirei .topBox div.balloon {
    border: 3px #d9d9d9 solid;
    margin-top: 10px;
    margin-left:30px;
    border-radius: 5px;
    width:385px;
    height:145px;
    float:left;
    position: relative;
}
.kakujirei .topBox div.balloon:after {
  content: '';
  position:absolute;
  border-top:15px solid #d9d9d9;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom:-17px;
  right:15px;
}

.kakujirei .topBox div.balloon h3 {
    font-size: 17px;
    padding:15px;
  text-shadow: rgba(0,0,0,0.1) 0 1px 0;
}
.kakujirei .topBox img.topFace {
  width:200px;
  height:200px;
  border: 3px #d9d9d9 solid;
  margin-top:5px;
  margin-right:30px;
  float:right;
}
.kakujirei .topBox #data {
  margin-top:20px;
  margin-right:60px;
  float:right;
}

.kakujirei .topBox #data ul li {
  float:right;
  margin-left:15px;
  line-height:24px;
  font-size:14px;
}
.kakujirei .topBox  li#name {
  font-size:16px;
  margin-top:-2px;
  text-shadow: rgba(0,0,0,0.2) 0 0.5px 0;
}

.kakujirei .topBox #descript {
  float:left;
  border: 2px #d9d9d9 solid;
  margin-top:10px;
  width:660px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:30px;
  padding-right:30px;
  margin-bottom:10px;
}
.kakujirei .topBox #descript h4 {
  font-size:15px;
  font-weight:normal;
}
.kakujirei div.Box div.title h4 {
  font-size:14px;
  text-indent: -26px;
  margin-left: 26px;
}
.kakujirei div.Box p.text {
  float:left;
  position:relative;
  font-size:14px;
  margin-bottom:20px;
}
.kakujirei div.ImgBox p.text {
  width:395px;
}
.kakujirei div.ImgBox p.text.wide {
  width:695px;
}
.kakujirei div.Box p.bold {
  font-weight:bold;
}
.kakujirei div.ImgBox img {
  width:280px;
  height:auto;
  float:right;
  border: 4px #d9d9d9 solid;
  margin-top:10px;
}
.kakujirei div.ImgBox img:last-child {
   margin-bottom:10px; 
}
.kakujirei div.ImgBox div.wimg {
  width:288px;
  height:auto;
  float:right;
}
.kakujirei .arrow {
  text-align: center;
  color: white;
  width: 320px;
  padding: 15px;
  float: right;
  padding-right: 20px;
  background-image: url(../img/jirei/arrow.png);
  background-repeat: no-repeat;
  background-position: 300px 9px;
  line-height: normal;
  padding-bottom: 12px;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom:10px;
}
.kakujirei .arrow.support {
  background-color: #9cc149;
}
.kakujirei .arrow.support:hover {
  background-color: #b0cd6d;
}
.kakujirei div#Ads{
  clear:both;
  margin-top:20px;
  width:980px;
}