body{
	font-family: Meiryo,Helvetica,Verdana,sans-serif,monospace;
	background:url(../img/background_002.jpg);// no-repeat;
	margin:0;
}

a:link{
	color:#666666;
	text-decoration:none;
}

a:visited{
	color:#666666;
}

a:hover{
	color:#ff6600;
}

header{
	height:22px;
}

header h1{
	text-align:right;
	font-size:12px;
	margin:0;
}


#topimg{
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
}

#topimg img{
	vertical-align:top;
	width:100%;
}

#contents{
	background:#ffffff;
	padding:10px;
}

footer{
	text-align:center;
	font-size:12px;
	padding:0;
	margin-top:2px;
}

.menu{
	text-align:center;
}

label {
	color: #000000;
	padding:0 0 2px 0;
	display: block;
	margin: 0;
}

input[type="checkbox"].on-off{
	display: none;
}


.menu ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:15px;
}

.menu li {
	padding-top:8px;
	padding-bottom:8px;
}

input[type="checkbox"].on-off + ul{
	height: 0;
	overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
	height: 210px;
}

.sbox{
	margin:10px 5px 15px 5px;
	border:3px solid #66cccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:15px;
	//padding-left:15px;
	//padding-right:15px;
	//height:450px;
}

.sbox img{
	float:left;
}


#clearfix{
	clear: both;
}

.formtable th{
	background:#f0f0f0;
}

.formtable td{
	background:#f9f9f9;
}

.sbutton{
	text-align:center;
}

/********* 画面が1024px以上の場合 ***********/

@media screen and (min-width:1024px) {
#wrapper{
	margin:0 auto;
	width:1024px;
}

input[type="checkbox"].on-off:checked + ul{
	height: 130px;
}

.menu ul {
	font-size:12px;
}

.menu li {
	padding-top:3px;
	padding-bottom:3px;
}

#topimg{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#topimg{
  position: relative;
  -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
  box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

#contents{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#contents{
  position: relative;
  -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
  box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

#contents{
	height:100%;
}

#contents table{
	margin:auto;
}

}

/********* 画面が700px以上の場合 ***********/

@media screen and (min-width:700px) {


#smalcontent{
	margin:20px auto;
	width:700px;
}

.sbox{
	width:43%;
	//height:450px;
	float:left;
}

}

/********* 画面が600px以上の場合 ***********/

@media screen and (min-width:600px) {
#contact{
	margin:0 auto;
	width:600px;
}

.form{
	width:100%;
}

.komoku{
	width:30%;
}

.textbox{
	width:70%;
}

.textbox1{
	width:70%;
}

.textarea1{
	width:90%;
}

}


/********* 画面が1024px未満の場合 ***********/

@media screen and (max-width:1023px) {

}

/********* 画面が600px未満の場合 ***********/

@media screen and (max-width:599px) {

#contact{
	width:100%;
}

.form{
	width:100%;
}

.komoku{
	width:30%;
}

.textbox{
	width:70%;
}

.textbox1{
	width:70%;
}

.textarea1{
	width:90%;
}


}