@charset "utf-8";

html {
	overflow-y: scroll;
}

body  {
	line-height:1.5;
}

body p{
	color:#555;
	font-size:14px;
}

a:link{
	color:#08a0e7;
}

a:visited{
	color:#08a0e7;
}

a:hover{
	color:#0d79ab;
}


header{
	text-align:center;
	margin-bottom:30px;
}



footer{
	text-align:center;
	font-size:12px;
}


#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block;
}
#PageTopBtn a:hover {
	
}

/* pc用 */
@media (min-width: 768px) {
#PageTopBtn {

}
#PageTopBtn a {
    width: 120px; /*ボタンの幅*/
    height: 150px; /*ボタンの高さ*/
}
}

/* スマホ用 */
@media (max-width: 767px) {
#PageTopBtn {

}
#PageTopBtn a {
    width: 120px;
    height: 150px;
}
}

h1 {
	margin:20px;
	text-align: center;
	color:#ccc;
	font-size:24px;
}


h1 a{
	transition : all 0.5s ease 0s;
	font-weight:bold;
}

h1 a:link{
	color:#ccc;
	text-decoration:none;
}

h1 a:visited{
	color:#ccc;
}

h1 a:hover{
	color:#0CC;
}


#global-navi{
	margin:0 auto;
}

#global-navi ul{
}

#global-navi ul li{
	display: inline-block;
	margin:10px;
}


#global-navi ul li:last-child{
	padding-right:0;
}


#global-navi ul li a {
	position: relative;
	display: block;
	width: 100px;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
}

#global-navi ul li a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	top:100%;
	left: 0;
	border-radius: 3px;
	background:#eee;
	transition: .4s;
}

#global-navi ul li a:hover:before {
	top: calc(100% - 3px);
	background:#0CC;
}


#contents
{
	width:900px;
	margin:0 auto;
}