@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: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;
}

.keyvisual img{
	margin-top:10px;
}

.wrapper-main{
	margin:15px auto;
}

.infobox{
    border: 1px solid gray;
    margin-bottom: 30px;
}

.wrapper-sub{
	float:left;
	width:230px;
	height:750px;
}

.contact{
	height:155px;
	margin-left:10px;
	border-right: inset 2px #dddddd;
	border-bottom: inset 2px #dddddd;
}

.con-title{
	position:absolute; 
	top:680px;
	left:65px;
	color:#00005b;
}

.con-exp01{
	font-size:140%;
	color:#ff0000 ;
}

.con-exp02{
	font-size:80%;
}

.access{
	height:650px;
	margin-top:15px;
	border-right: inset 2px #dddddd;

}
.acc-exp02{
    font-size:14px;
}

.access img{
	margin-left:10px;
}

.acc-title{
	position:absolute; 
	top:890px;
	left:70px;
	color:#00005b;
}
.acc-title02 span{
    color:
}

.access h2{
	margin-left:10px;
	font-size:80%;
	line-height:1.8;
}

.access span img{
	margin:5px 0 0 12px;
    border: 1px solid darkgray;
}

.box1{
    margin-top: 35px;
    float: left;
    width: 700px;
    height: 500px;
    margin-left: 30px;
    list-style-type: none;
}

.box1 p{
	float:left;
	border-left: 5px solid #8ec31b;
	border-bottom:1px solid #8ec31b;
	width:670px;
	padding-left:10px;
	padding-bottom:3px;
	position:absolute; 
	top:680px;
	left:255px;
	color:#00005b;
	box-sizing:border-box;
}

.box1 span{
	margin-top:3px;
	box-sizing:border-box;
}

.box1 li{
    float: left;
    margin: 5px 40px 10px 10px;
    padding-top: 25px;
    width: 280px;
    height: 100px;
    background: linear-gradient(60deg, rgba(255,248,160,1), rgba(255,221,168,1));
    font-size: 18px;
    text-align: center;
    border: 3px solid #FFC107;
}
.box1 li img{
    width:50px;
    margin-left: 5px;
}

.box1 li a{    
    display:block; 
    height:60px;
	color: #875a14;
	text-decoration:none;
}

.box1 li:hover{
	background:#fcfcd1;
}

.box1 li a span{
	margin-left:30px;
	position:absolute; 
	top:610px;
	left:610px;
}

.box1 li a span b{
	position:absolute; 
	top:15px;
	left:3px
}

.wrapper-box{
	float:left;
    width: 660px;
	height:400px;
}

.box2{
	float:left;
    margin-left: 40px;
	width:290px;
	height:275px;
}

.box2 h1,.box3 h1{
	margin-top:5px;
	color:#00005b;
	border-left: 5px solid #8ec31b;
	border-bottom:1px solid #8ec31b;
}

.box2 h1 span,.box3 h1 span{
	margin-left:10px;
}

.box2 a img,.box3 a img{
	margin-top:25px;
}

.box3{
	float:right;
	width:290px;
	height:275px;
}

.box3 h1{
	margin-left:8px;
}

.text2 a{
    color: #875a14;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 5px;
    position: absolute;
    top: 1460px;
}

.text2:hover{
	background:#fcfcd1;
}

.text2,.text3{
	width:250px;
	height:40px;
	margin:10px auto;
	background: linear-gradient(60deg, rgba(255,184,71,1), rgba(255,221,168,1));
	display:block;
}