/* 全要素の余白をリセット */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 画像の下の謎の隙間を消す */
img {
    max-width: 100%;
    display: block;
}

/* リンクの下線を消し、色は文字色に合わせる */
a {
    text-decoration: none;
    color: inherit;
}

/* リストの「・」を消す（メニュー作成時に便利） */
ul, li {
    list-style: none;
}

#site-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: url('img/back.jpg') no-repeat fixed center center / cover; /* 背景画像：繰り返さず、スクロールせず、中央に配置 / 画面いっぱいに広げる */
}

A:link { color: #FFC200; } 
A:visited { color: #ffb769; } 
A:hover { color: #ff5500;} 
A:active { color: #ffc600; } 

body{
background-color: #ffffff;
color: #333;
font-family: メイリオ;
font-size: 1.2rem; /* = 12px */
line-height: 1.7;
margin: 0px;
text-align: center;}

.form { ime-mode: disabled; } 

div#header{
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
width: 870px;}

div#container{
margin-left: auto;
margin-right: auto;
padding-top: 100px;
text-align: center;
width: 1230px;}

div#menu{
margin-left: auto;
margin-right: auto;
text-align: center;
width: 870px;}

div.contents-top{
height: 240px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
padding-top: 100px;
padding-bottom: 10px;
text-align: center;
width:1230px;}

div.contents{
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 210px;
text-align: left;
width: 820px;}

div.alpha{
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 15px;
text-align: left;
width: 790px;}

div#footer{
background-color: #003071;
color: #ffffff;
font-family: Tahoma,Arial;
font-size: 8pt;
height: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-right: 5px;
text-align: right;
width: 865px;}

div.sub{
background-image: url(image/t-back.gif);
background-repeat: no-repeat;
color: #000080;
font-size: 12pt;
font-weight: bold;
height: 23px;
padding-left: 18px;
padding-top: 7px;
width: 482px;}

h1{
font-family: メイリオ;
font-size: 10pt;
font-weight: normal;}

h2{
font-family: メイリオ;
font-size: 10pt;
font-weight: normal;}

h3{
font-family: メイリオ;
font-size: 10pt;
font-weight: normal;}

td{
font-size: 10pt;
line-height: 130%;}

table.top{
border-collapse: collapse;
width: 790px;}
 
td.top1{
font-size: 10pt;
font-weight: normal;
padding: 3px 5px 5px 0px;
text-align: left;
vertical-align: top;
width: 390px;}
 
td.top2{
font-size: 10pt;
font-weight: normal;
padding: 3px 0px 5px 5px;
text-align: left;
vertical-align: top;
width: 390px;}

table.company{
width: 730px;}
 
td.company1{
background-color: #FFECE6;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 10pt;
font-weight: normal;
padding: 8px 5px 3px 5px;
text-align: left;
width: 150px;}
 
td.company2{
background-color: #ffffff;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 10pt;
font-weight: normal;
padding: 8px 5px 3px 5px;
width: 550px;}

td.company1-bt{
background-color: #FFECE6;
border-bottom: 2px #D82E00 solid;
border-right: 1px #bbbbbb solid;
font-size: 10pt;
font-weight: normal;
padding: 8px 5px 3px 5px;
text-align: left;
width: 150px;}
 
td.company2-bt{
background-color: #ffffff;
border-bottom: 2px #D82E00 solid;
border-right: 1px #bbbbbb solid;
font-size: 10pt;
font-weight: normal;
padding: 8px 5px 3px 5px;
width: 550px;}

table.form{
width: 730px;}
 
td.form1{
background-color: #d7eaf5;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 8px 5px 8px 5px;
text-align: left;
width: 150px;}
 
td.form2{
background-color: #ffffff;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 8px 5px 8px 5px;
width: 550px;}


table.hyo{
border-collapse: collapse;
width: 590px;}

td.hyot{
background-color: #1E3A74;
border: 1px #041333 solid;
color: #ffffff;
font-size: 11pt;
font-weight: bold;
padding: 3px 8px;
text-align: center;}

td.hyo1{
background-color: #d7eaf5;
border: 1px #000000 solid;
padding: 3px 8px;
text-align: left;
vertical-align: top;
width: 120px;}

td.hyo2{
background-color: #D42E2B;
border: 1px #000000 solid;
padding: 3px 8px;
text-align: left;
width: 470px;}

td.hyo3{
background-color: #d7eaf5;
border: 1px #000000 solid;
padding: 3px 8px;
text-align: left;
width: 120px;}

td.hyo4{
background-color: #D42E2B;
border: 1px #000000 solid;
padding: 3px 8px;
text-align: left;
width: 200px;}

td.hyo5{
background-color: #d7eaf5;
border: 1px #000000 solid;
padding: 3px 8px;
text-align: center;}


table.price{
width: 730px;}

td.pricet{
background-color: #d7eaf5;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 12pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
vertical-align: top;}

td.price1{
background-color: #ffffff;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: left;
vertical-align: top;
width: 300px;}

td.price2{
background-color: #ffffff;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price3{
background-color: #ffffff;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price4{
background-color: #d7eaf5;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: left;
vertical-align: top;
width: 300px;}

td.price5{
background-color: #d7eaf5;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price6{
background-color: #d7eaf5;
border-bottom: 1px #bbbbbb solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price1-bt{
background-color: #ffffff;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: left;
vertical-align: top;
width: 300px;}

td.price2-bt{
background-color: #ffffff;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price3-bt{
background-color: #ffffff;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price4-bt{
background-color: #d7eaf5;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: left;
vertical-align: top;
width: 300px;}

td.price5-bt{
background-color: #d7eaf5;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

td.price6-bt{
background-color: #d7eaf5;
border-bottom: 2px #0b4678 solid;
border-right: 1px #bbbbbb solid;
font-size: 11pt;
font-weight: normal;
padding: 6px 10px 4px 10px;
text-align: center;
width: 150px;}

table.top{
width: 1230px;}

td.top{
height: 187px;
width: 205px;}


table.iphone{
border: 1px #999999 solid;
border-collapse: collapse;
table-layout: fixed;
width: 900px;}

td.iphone01{
width: 450px;
background-color: #fff6f0;
border: 1px #999999 solid;
font-size: 11pt;
padding: 5px 5px 0px 10px;}

td.iphone02{
width: 450px;
background-color: #fefefe;
border: 1px #999999 solid;
font-size: 11pt;
padding: 5px 3px;
text-align: center;}

.little-zoom {
  cursor: pointer;
  margin: 0px auto;
  max-width: 205px;
  overflow: hidden;
  width: 100%;
}
.little-zoom img {
  height: auto;
  transition: transform .3s ease; /* ゆっくり変化させる */
}
.little-zoom:hover img {
  transform: scale(1.7); /* 拡大 */
}