﻿body{
    margin:0 auto;
    padding:0;
    font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size:100%;
    cursor: auto;
    background-color:#FFF;
}
a:link{
    color:#727171;
    text-decoration:none;
}
a:visited {
    color:#727171;
}
a:hover {
    color:#727171;
    text-decoration:underline;
}
a:active {
    color:#727171;
}

#pc_contents{
    display:block;
    width:100%;
    margin: 0 auto;
    padding:0;
}
#sp_contents{
    display:none;
}
.br_pc { display:inline; }
.br_sp { display:none; }



/*============================================

COMMON - HEADER

============================================*/
p{
    margin:0em;
    padding:0em;
}


/*============================================

MAIL

============================================*/
#contact_wrap{
    margin:0 auto;
    width:850px;
}
#contact_wrap h1{
    margin:3em 0 3em 0;
    padding:0;
    font-size:1.5em;
    font-weight:lighter;
    text-align:center;
}
h2 span{
    font-size:0.8em;
}
h3{
    text-align:center;
}
#contact_wrap img{
    width:80%;
}
#contact_wrap p{
    font-size:1em;
    text-align:center;
}

.formTable{
    margin:3em 0 3em 0;    
}

table{
    margin:0;
    padding:0;
    border-collapse:collapse;
}
th{
    text-align:left;
    margin:1em;
    padding:1em;
    width:40%;
    font-weight:lighter;
}
td{
    margin:1em;
    padding:1em;
    width:60%;
}
.btn{
    margin:0 0 3em 0;
    padding:0.2em 1em 0.2em 1em;
    font-size:1em;
    font-weight:lighter;
    display:inline-block;
    border: 1px #000 solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color:#FFF;
}
.trbg{
    background-color:#efefef;
}
#tbl-bdr table{
    margin:2em auto 2em auto !important;
    width:800px !important;
    background-color:#bbb !important;
}
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #333 !important;
    }
input{
  -webkit-appearance: none;
  border-radius: 3;
}

 /* ===========================================
	スマートフォン系 748 - 
=========================================== */
@media screen and (max-width: 750px) {
#pc_contents{
    display:none;
}
#sp_contents{
    display:block;
}
.br_pc { display:none; }
.br_sp { display:inline; }



/*============================================

COMMON - HEADER

============================================*/
p{
    margin:0em;
    padding:0em;
}


/*============================================

MAIL

============================================*/
#contact_wrap{
    margin:0 auto;
    width:750px;
}
#contact_wrap h1{
    margin:3em 0 3em 0;
    padding:0;
    font-size:1.5em;
    font-weight:lighter;
    text-align:center;
}
h2 span{
    font-size:0.8em;
}
h3{
    text-align:center;
}
#contact_wrap img{
    width:80%;
}
#contact_wrap p{
    font-size:1em;
    text-align:center;
}

.formTable{
    margin:3em 0 3em 0;    
}

table{
    margin:0;
    padding:0;
    border-collapse:collapse;
}
th{
    text-align:left;
    margin:1em;
    padding:1em;
    width:40%;
    font-weight:lighter;
}
td{
    margin:1em;
    padding:1em;
    width:60%;
}
input.formsize{
  -webkit-appearance: none;
  border-radius: 3;
  height:40px;
  width:500px;
}
.btn input{
    margin:0 0 3em 0;
    padding:0.2em 1em 0.2em 1em;
    font-size:1em;
    font-weight:lighter;
    display:inline-block;
    border: 1px #000 solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color:#FFF;
    width:#BBB !important;
}
.trbg{
    background-color:#efefef;
}
#tbl-bdr table{
    margin:2em auto 2em auto !important;
    width:800px !important;
    background-color:#bbb !important;
}
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #333 !important;
    }

textarea{
    width:500px;
    height:150px;
}


}






