@charset "utf-8";
/*-------------------------------- reset--------------------------------*/
body,h1,h2,h3,p,ul,li,dl,dt,dd {
    margin: 0;
    padding: 0;
}
ul,li {
    list-style: none;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
fieldset,img {
    margin: 0;
    border: 0;
    vertical-align: bottom;
}
/*-------------------------------- reset --------------------------------*/
a:link {
    color: #FFFFFF;
    border: none;
}
 a:hover {
    color: #FFFFFF;
    text-decoration: none;
    border: none;
}
 a:visited {
    text-decoration: none;
    border: none;
}
body {
    width: 100%;
    min-width: 700px;
    margin: 0 0 15px 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 18px;
    line-height: 45px;
    color: #333333;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 1;
}
/*-------------------------------- スマホ　PC　出しわけ --------------------------------*/
.sp, .pc {
    display: none;
}
/*-------------------------------- スマホ　PC　出しわけ --------------------------------*/
.yellow {
    background-color: #fffaa3;
    color: #333333;
}
h1 {
    background: url(img/mainbk.jpg) no-repeat scroll 50%;
}
.btn a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    7}
#main h2 {
    background: #f6f6f6 repeat-x;
}
#wrap {
    padding: 0;
    margin: 0px auto;
}
#bg01 {
    background: #1fa0dd repeat-x;
}
#bg02 {
    background: #e7f7ff repeat-x;
}
#bg03 {
    background: #e7f7ff repeat-x;
}
#bg04 {
    background: #1fa0dd repeat-x;
}
#bg05 {
    background: #1fa0dd repeat-x;
    padding: 30px 0 50px 0;
    margin-top: 50px;
}
#hujitext {
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    margin-top: 12px;
}
#box01 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
#box01text01 {
    position: absolute;
    width: 593px;
    left: 433px;
    top: 155px;
    z-index: 1;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    height: 172px;
}
#box02 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
#box02text01 {
    position: absolute;
    width: 402px;
    left: 82px;
    top: 151px;
    z-index: 1;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    height: 213px;
}
#box03 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 60px;
}
#box03text01 {
    position: absolute;
    width: 482px;
    left: 103px;
    top: 175px;
    z-index: 1;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    height: 272px;
}
#box03text02 {
    position: absolute;
    width: 472px;
    left: 455px;
    top: 593px;
    z-index: 1;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    height: 111px;
}
#box03text03 {
    position: absolute;
    width: 838px;
    left: 95px;
    top: 711px;
    z-index: 1;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    height: 150px;
}
#box04 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
#box04text01 {
    position: absolute;
    width: 837px;
    left: 87px;
    top: 217px;
    z-index: 1;
    text-align: left;
    font-size: 20px;
    line-height: 40.5px;
    height: 87px;
}
#box04text02 {
    position: absolute;
    width: 847px;
    left: 83px;
    top: 566px;
    z-index: 1;
    text-align: left;
    font-size: 20px;
    line-height: 40.5px;
    height: 162px;
}
#box05 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
#box05text01 {
    position: absolute;
    width: 837px;
    left: 87px;
    top: 225px;
    z-index: 1;
    text-align: left;
    font-size: 20px;
    line-height: 40.5px;
    height: 87px;
}
#box05text02 {
    position: absolute;
    width: 847px;
    left: 83px;
    top: 645px;
    z-index: 1;
    text-align: left;
    font-size: 20px;
    line-height: 40.5px;
    height: 162px;
}
#btn01 {
    margin-bottom: 46px;
    margin-top: 40px;
}
#btn01 a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    7}
#btn02 {
    margin-bottom: 86px;
    margin-top: 86px;
}
#btn02 a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    7}
/*-------------------------------- 商品概要 --------------------------------*/
#box10 {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
#gaiyoutitle {
    margin: 20px 0 15px 0;
    font-size: 48px;
    color: #FFFFFF;
}
table.gaiyou tr th,table.gaiyou tr td {
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: #000000;
    border-bottom: 1px #e3e3e3 solid;
    border-left: 1px #e3e3e3 solid;
    border-right: 1px #e3e3e3 solid;
    padding: 1px 5px 1px 7px;
}
table.gaiyou tr th {
    border-right: none;
}
table.gaiyou tr td {
    border-left: none;
}
.example {
    color: #999999;
    font-size: 10px;
}
table.gaiyou tr th {
    padding-left: 13px;
    background-color: #f7f7f7;
}
table.gaiyou tr td {
    padding-left: 25px;
    background-color: #ffffff}
#gaiyoutext {
    text-align: left;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0 165px;
}

#trlast01 th{background-color: #ffffff}
#trlast02 th{background-color: #ffffff}


/*-------------------------------- 商品概要 --------------------------------*/
/*-------------------------------- お問い合わせフォーム --------------------------------*/
#box11 {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
#formtitle {
    font-size: 65px;
    color: #000000;
    margin-top: 120px;
}
.mailform {
    width: 960px;
}
table.mailform tr th,table.mailform tr td {
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: #000000;
    border-bottom: 1px #e3e3e3 solid;
    border-left: 1px #e3e3e3 solid;
    border-right: 1px #e3e3e3 solid;
    padding: 1px 5px 1px 7px;
}
table.mailform tr th {
    border-right: none;
}
table.mailform tr td {
    border-left: none;
}
.example {
    color: #999999;
    font-size: 10px;
}
table.mailform tr th {
    padding-left: 13px;
    background-color: #f7f7f7;
}
table.mailform tr td {
    padding-left: 25px;
    background-color: #ffffff}
.example {
    color: #999999;
    font-size: 10px;
}
span {
    color: #FF0000;
}
/*-------------------------------- お問い合わせフォーム --------------------------------*/
#footer {
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
}
#lasttext {
    margin-top: 50px;
    font-weight: normal;
}
#tokusyouhou {
    font-size: 18px;
    margin-bottom: 5px;
}
#copyright {
    background-color: #1fa0dd;
    width: 100%;
}
#copyrighttext {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    margin: 0 0 20px 0;
}

/*-------------------------------- 送信完了メッセージ --------------------------------*/

#completion{
font-size:24px;
background-color:#e7f7ff;
}

#gototop{
color:#FFFFFF;
margin:0 auto;
width:400px;
height:30px;
background-color:#1fa0dd;
padding-bottom:10px;
}


/*-------------------------------- 送信完了メッセージ --------------------------------*/

/*-------------------------------- 送信ボタン --------------------------------*/
button {
    padding: 0;
    border: none;
    background: transparent;
  }
  
  button img {
    display: block;
  }

  button:active,
button img {
  position: relative;
}