@charset "UTF-8";
/* CSS Document */


body,pagetop{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin: 0;
	padding: 0;
}

#pagetop{
	z-index: 2;
	margin:603px 11px 0px 313px;
	position: fixed;
	top: 0;
	cursor:pointer;
}

#logo1{
	z-index: 1;
	margin-top: 18px;
    margin-left: 15px;
    position: absolute;
	top: 0;
}

#menu{
	z-index: 1;
	margin-top: 17px;
    margin-left: 329px;
	position: fixed;
	top: 0;
	cursor:pointer; /*カーソルをポインタに*/
}

#kopi-{
	position: absolute;
	font-size: 1.1em;
	color:#A8B148;
	width: auto; /*要素の幅,%またはpx*/
	height: auto; /*要素の高さ,px*/
	top: 145px;
	left: 18px;
	letter-spacing: .15em; /*字間*/
	line-height: 1.6em; /*行間*/
	text-align: left;
}

#shikaku{
	margin-top: 304px;
    margin-left: 324px;
	position: absolute;
	top: 0;
}

#scroll{
	margin-top: 579.5px;
    margin-left: 25.5px;
	position: absolute;
	top: 0;
}

#background{
	z-index: -1;
	margin-top: 29px;
    margin-left: 25px;
	position: absolute;
	top: 0;
}

#box-about{
	z-index: -1;
	height: 1483px;
	background-color:#F7F7F7;
	position: relative;
	top: 667px;
	left: 0px;
}

h1{
	position: absolute;
	font-size: 1.05em;
	color:#7B8912;
	width: auto;
	height: auto;
	top: 702px;
	left: 34px;
	letter-spacing: .1em;
	line-height: 2.6em;
	text-align: left;
}

h2{
	position: absolute;
	font-size: 0.7em;
	color:#4B4B4B;
	width: auto;
	height: auto;
	top: 869px;
	left: 32px;
	line-height: 2.8em;
	text-align: left;
}

#topic{
	position: absolute;
	width: auto;
	height: auto;
	top: 1160px;
	left: 25px;
}

h3{
	z-index: 1;
	position: relative;
	font-size: 0.9em;
	color:#E08B4E;
	top: -25px;
	left: 8px;
	text-align: left;
}

#topic1,#topic2,#topic3{
	position: relative;
	margin-top: -50px;
    margin-left: 0px;
}

#moreview1,#moreview2,#moreview3{
	position: relative;
	margin-top: -36px;
    margin-left: 127px;
	cursor:pointer;
}

h4{
	position: relative;
	font-size: 0.7em;
	color:#4B4B4B;
	top: -20px;
	left: 5px;
	text-align: left;
}

h5{
	position: relative;
	font-size: 0.9em;
	color:#4B4B4B;
	top: -41px;
	left: 5px;
	text-align: left;
}

#more{
	position: absolute;
	margin-top: 2211px;
    margin-left: 68px;
	top: 0;
}

#maru1{
	position: absolute;
	margin-top: 2268px;
    margin-left: 37px;
	top: 0;
}

#maru2{
	position: absolute;
	margin-top: 2268px;
    margin-left: 197px;
	top: 0;
}

#box-footer{
	z-index: -1;
	height: 288px;
	background-color:#D69F77;
	position: relative;
	top: 995px;
	left: 0px;
}

#logo2{
	position: absolute;
	margin-top: 2522px;
    margin-left: 42px;
	top: 0;
}

#address{
	position: absolute;
	font-size: 0.65em;
	color:#FFFFFF;
	width: auto;
	height: auto;
	top: 2522px;
	left: 173px;
	letter-spacing: .1em;
	line-height: 1.5em;
	text-align: left;
}

#facebook{
	position: absolute;
	margin-top: 2606px;
    margin-left: 110px;
	top: 0;
	cursor:pointer;
}

#twitter{
	position: absolute;
	margin-top: 2607px;
    margin-left: 172px;
	top: 0;
	cursor:pointer;
}

#youtube{
	position: absolute;
	margin-top: 2609px;
    margin-left: 234px;
	top: 0;
	cursor:pointer;
}

#sen{
	position: absolute;
	margin-top: 2668px;
    margin-left: 34.5px;
	top: 0;
}

#under{
	position: absolute;
	margin-top: 2713px;
    margin-left: 112px;
	top: 0;
}