﻿@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, p, 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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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:2;
	-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:13px;
	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;
}

.content{
	border:1px solid #dddddd;
	margin-bottom:25px;
}

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

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

.menu{
	clear:left;
	width:960px;
	height:40px;
	line-height:45px; 
	background: linear-gradient(60deg, rgba(255,184,71,1), rgba(255,221,168,1));
	display:block;
}

.menu p{
	margin-left:10px;
}

.menubox1,.menubox2,.menubox3,.menubox4{
	width:960px;
}

.menubox1 p{
	margin-left:25px;
}

.img1{
	float:right;
	margin:60px 25px 0 0;
}

.menubox2 p{
	margin-left:25px;
}

.img2{
	float:right;
	margin:60px 40px 0 0;
}

.menubox3 p{
	margin-left:25px;
}

.img3,.img4{
	float:right;
	margin:60px 30px 0 0;
}

.menubox4 p{
	margin-left:25px;
}