@charset "utf-8";

@import "navi.css";

/* default */
*{
margin:0;
padding:0;
}

body{
width: 100%;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background-color: #fff;
color:#434343;
font-size:90%;
background-color:#fff3e8;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
margin: 0px;
padding: 0px;
}

ul{
padding:0 20px 0 40px;
}

ol{
padding:0 20px 0 40px;
}

img{
border: none;
}

input,textarea,select{
font-size: 1em;
}

a{
color:#a69133;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#333;
text-decoration:underline;
}

p{
padding:0 20px;
}

p.red{
color:#FF0000;
}

p.center{
text-align:center;
}

/* content part */
.wrapper{
margin:0;
width:800px;
margin:0 auto;
}

.content{
width:800px;
}

h1{
margin:30px 10px 15px 10px;
padding:0 0 0 5px;
color:#000;
font-size:160%;
border-bottom: 1px solid #000;
}

table.formbox{
width:95%;
margin:0 0 0 20px;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;

}

.formbox th{
width:25%;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
font-weight: bold;
line-height: 120%;
color:#000;
background-color:#f6f6f6;
background-position:left top;
padding:0.3em 0.7em;
text-align:left;
}

.formbox th span{
color:#FF0000;
margin-left:3px;
font-weight:normal;
font-size:85%;
}

.formbox td{
color:#000;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
padding:0.4em 0.7em;
line-height: 150%;
text-align:left;
}

.textarea_message{
height:200px;
width:100%;
}

.forbottan li{
display: inline-block;
padding-right:20px;
}

.topbtm{
width:70%;
hEight:70%;
margin:0 0 25px 0;
}

/* footer part */
div#footer{
height:53px;
margin-top:40px;
background:url("../img/bg_foot.gif") repeat-x;
}

p#copyright{
padding-top:20px;
text-align:center;
color:#fff;
}

p.text1_sp{
display:none;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*==========================================
768px site
===========================================*/
@media screen and (max-width:768px){
body{
width: 100%;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background-color:#fff3e8;
color:#434343;
font-size:90%;
}

img{
max-width:100%;
height:auto;
width /***/:auto;
}

.wrapper{
margin:0;
width:100%;
}

.content{
width:100%;
}


}

/*==========================================
640px site
===========================================*/
@media screen and (max-width:640px){
img{
max-width:100%;
height:auto;
width /***/:auto;
}
.wrapper{
margin:0;
width:100%;
}

.content{
width:100%;
}

input{
width:60%;
}

input.style20{
width:20%;
}

input.style30{
width:30%;
}

input.style100{
width:100%;
}

.textarea_message{
width:100%;
}

table.formbox{
width:100%;
margin:0;
}

.formbox th{
width:93%;
display:block;
}

.formbox td{
display:block;
}

.formbottan li{
display: block;
padding-bottom:15px;
}

p#copyright{
padding-top:10px;
font-size:85%;
}

}