@charset "shift_jis";

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
}
#kohituji{
	position: relative;
	letter-spacing: 0.05em;
}
.kohitsuji_letter{
	z-index: 100;
	position: fixed;
	bottom: -15px;
	right: 30px;
	overflow: hidden;
}
.kohitsuji_pagetop{
	z-index: 100;
	position: fixed;
	bottom: -30px;
	right: 270px;
	overflow: hidden;
}
.field_wrap{
	background: #d6f8f4;
}
.sky{
	position: relative;
	width: 1000px;
	margin: 30px auto 0;
	padding-top: 35px;
}
.sky .cloud1{
	position: absolute;
	top: 100px;
	left: -100px;
}
.sky .cloud2{
	position: absolute;
	top: 160px;
	right: -80px;
}
.ttl_kohitsuji{
	margin-bottom: 50px;
	text-align: center;
}
.lead_text{
	width: 947px;
	height: 293px;
	padding: 80px 70px 90px 90px;
	line-height: 2em;
	background: url(/kg/umi-y/image/kohitsuji/bg_cloud_large.png) center center no-repeat;
}
.field{
	background-image: url(/kg/umi-y/image/kohitsuji/field.png),url(/kg/umi-y/image/kohitsuji/bg_field.png);
	background-repeat: no-repeat,repeat-x;
	background-position: center center, bottom left;
	background-size: 1300px 1064px, 1px 935px;
}

.field_inner{
	position: relative;
	width: 1000px;
	height: 1064px;
	margin: 0 auto;
}
.field_inner .talk{
	position: absolute;
}
.field_inner .talk1{
	top: 250px;
	left: 0px;
}
.field_inner .talk2{
	top: 210px;
	right: 110px;
}
.field_inner .talk3{
	top: 472px;
	left: 10px;
}
.field_inner .talk4{
	top: 415px;
	right: 100px;
}
.field_inner .talk5{
	top: 667px;
	left: 60px;
}
.field_inner .talk6{
	top: 602px;
	right: -20px;
}
.field_inner .talk7{
	bottom: 50px;
	left: 270px;
}
.kohitsuji_nav{
	background: #c18c61;
	border-top: solid 2px #b7784e;
	border-bottom: solid 2px #b7784e;
}
.kohitsuji_nav ul{
	width: 900px;
	margin: 0 auto;
}
.kohitsuji_nav ul li{
	width: 225px;
	float: left;
	display: table;
}
.kohitsuji_nav ul li a{
	display: table-cell;
	width: 100%;
	height: 55px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 2px #b7784e;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.kohitsuji_nav ul li:first-child a{
	border-left: solid 2px #b7784e;
}
.kohitsuji_nav ul li a:hover{
	background: #b7784e;
}
.kohitsuji_outline{
	margin-bottom: 20px;
	padding-top: 60px;
	background: #f2e6c7;
	color: #837243;
	font-size: 16px;
}
.kohitsuji_outline .section{
	width: 900px;
	margin: 0 auto 90px;
}
.kohitsuji_outline h3{
	margin-bottom: 50px;
	text-align: center;
}
.kohitsuji_outline .calendar{
	padding: 30px;
	background: #f9f1d7;
}
.dl_about{
	padding-top: 25px;
    border-top: dashed 2px #d4c9b5;
}
.dl_about dt{
    clear: both;
    float: left;
    width: 20%;
    padding: 0 0 0 20px;
    font-weight: bold;
}
.dl_about dd{
    margin-bottom: 25px;
    padding: 0 20px 25px 25%;
    border-bottom: dashed 2px #d4c9b5;
}
.dl_type{
	padding-top: 30px;
    border-top: dashed 2px #d4c9b5;
}
.dl_type dd{
    margin-bottom: 30px;
    padding: 0 20px 30px 20px;
    border-bottom: dashed 2px #d4c9b5;
}
.dl_type dt{
    padding: 0 20px 20px 20px;
    font-weight: bold;
    font-size: 18px;
    color: #736132;
}
.dl_type dd{
    margin-bottom: 30px;
    padding: 0 20px 30px 20px;
    border-bottom: dashed 2px #d4c9b5;
}
.li_kohitsuji li{
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -0.5em;
}
.li_kohitsuji li a{
	color: #837243;
}
.kohitsuji_contact{
	width: 900px;
	margin: 0 auto;
}
.kohitsuji_note{
	text-align: center;
	margin-top: 10px;
}
