@charset "UTF-8";

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
caption,tfoot, thead, th, 
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

*{
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

.wrap{
	position:relative;
	margin:10px auto;
	width:960px;
	line-height:1.6;
	-webkit-text-size-adjust:100%;
}

 .header{
	margin:0 auto 0 auto;
	height:100px;
	background-image:url("../image/heded.jpg");
}

 .header h2 a img{
	position:absolute; 
}
.logo01{
    width: 52px;
    top: 20px;
    left: 25px;
}
.logo02 {
    top: 28px;
    left: 95px;
}

ul.nav{
	height: 57px;
	background: linear-gradient(60deg, rgba(255,248,160,1), rgba(255,221,168,1));
	list-style-type:none;
	overflow:hidden;
}

.nav li{
	float:left;
	width:160px;
	height:57px;
	position:relative;
	background: linear-gradient(60deg, rgba(255,248,160,1), rgba(255,221,168,1));
}

.nav li a{
	height: 57px;
	display:block;
	padding:17px;
	border-right:1px solid #fff; 
	text-align:center;
	font-size:18px;
	text-decoration:none;
	box-sizing:border-box;
	color: #6d4405;
}

.nav li a:hover{
	background:#fcfcd1;
}

.topmenu{
	margin:26px 0;
	border-left:5px solid #8ec31b;
	border-bottom:1px solid #8ec31b;
	color:#00005b;
	line-height:2;
}

.topmenu h1{
	margin-left:10px;
	line-height:2;
}

.menu{
	margin-bottom:10px;
	 text-align:center;
	 line-height:0.7;
}

.menu h1{
	font-size:115%
}

.menu p{
	font-size:80%;
}

table{
	width:610px;
	border-top:1px solid #800000;
	background-color:#FFFFFF;
}

.wrapper-from{
    margin:0 auto;
    width:610px;
    border:1px solid #800000;
    background: linear-gradient(100deg, rgba(255,248,160,1), rgba(227, 56, 81, 0.58));
}

input{
	margin-left:15px;
	width:300px;
	border:1px solid #800000;
}

td#tag{
	width:180px;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;
	background: linear-gradient(60deg, rgba(255,182,133,1), rgba(227, 56, 81, 0.47)); 
	text-align: center;
}

td#tag2{
	height:205px;
	margin-top:5px 0 0 5px;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;
	background: linear-gradient(60deg, rgba(255,182,133,1), rgba(227, 56, 81, 0.47)); 
	text-align: center;
}

td#from{
	width:600px;
	height:50px;
	margin-top:5px 0 0 10px;
	position:relative;
	border-bottom:1px solid #800000;
	background: linear-gradient(60deg, rgba(255,206,196,1), rgba(255,240,228,1)); 
}

textarea{
	width:440px;
	height:170px;
	position:absolute;
	top:15px;  
	left:15px;
	border:1px solid #800000;
}

.btn{
	 height:70px;
}

button{
	margin:13px 0 0 270px;
	padding:0.5em 1em;
	outline:0;
	background:#ffc86b;
	color:#684812;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #96805b;
	border-radius: 3px;/*角の丸み*/
	font-weight:bold;
	text-shadow:-1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
  
h1{
	font-size:110%;
}

button:active{/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}

p{
	text-align: center;
}

b{
	color: #fff882;
	font-size:80%;
}

span{
	font-size:80%;
}