@charset "utf-8";

body {
	-webkit-text-size-adjust: none;
	font-family: HiraKakuProN-W3;
	line-height: 1.25;
	color: #222;
	background-color: #F18D00;
}

/* .global-header */
.global-header { background-color: #fff; }

.global-header .nav-bar  {
	background-image: linear-gradient(top,#fdfdfd,#e0e0e0);
	background-image: -moz-linear-gradient(top,#fdfdfd,#e0e0e0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e0e0e0));
	background-color: #ffffff;
	height: 20px;
	overflow: hidden;
	padding: 4px 10px 4px;
	/*
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	*/
}

.global-header .nav-bar > h1 {
	width: 72px;
	height: 18px;
	float: left;
}

.global-header .nav-bar #search {
	display: block;	
	width: 200px;
	height: 20px;
	float: right;
	position: relative;
}
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) {
	.global-header .nav-bar #search {
		width: 470px;
	}
}


.global-header .nav-bar #search span {
	display: block;
	position: absolute;
	top: 0px;
    left: 0px;
}

.global-header .nav-bar #search span #keywords {
	background: #fff;
	background-image: linear-gradient(#eee,#fff);
	background-image: -moz-linear-gradient(#eee,#fff);
	background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));
	border:1px solid #ccc;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 130px;
	height: 20px;
	padding-left: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) {
	.global-header .nav-bar #search span #keywords {
		width: 400px;
	}
}


.global-header .nav-bar #search #search-btn {
	cursor: pointer;
	color: #fff;
	width: 46px;
	height: 20px;
	background-image: linear-gradient(#ff9116,#fb6700 49%,#f25d00 51%,#f75f00);
	background-image: -moz-linear-gradient(#ff9116,#fb6700 49%,#f25d00 51%,#f75f00);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9116),color-stop(49%,#fb6700),color-stop(51%,#f25d00),to(#f75f00));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #d47d1b;
	margin-left: 10px;
	position: absolute;
	top: 0px;
    left: 130px;
}
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) {
	.global-header .nav-bar #search #search-btn {
		left: 400px;
	}
}





/* .global-header nav */
.global-header nav {
	background-image: linear-gradient(top,#444,#111 45%,#111 55%,#444);
	background-image: -moz-linear-gradient(top,#444,#111 45%,#111 55%,#444);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#444),color-stop(45%,#111),color-stop(55%,#111),to(#444));
	background-color: #111;
}
.global-header nav ul {
	padding: 1px 0px 1px;
	display: block;
}
.global-header nav ul li {
	font-size: 11px;
	list-style: none;
	display: inline-block;
	display: -moz-inline-block;
	display: -webkit-inline-block;
	width: 24%;
	border-right: 1px solid #aaa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.global-header nav ul li:last-child { border-right: none; }

.global-header nav ul li a {
	color: #fff;
	text-decoration: none;
	line-height: 17px;
	text-align: center;
	display: block;
	width: auto;
	height: 17px;
}



/* #adBanner */
#adBanner {
	background-color: #222;
}
#adBanner p { 
	border-top: solid 1px #666;
	margin: 0px;
}




/* .global-footer */

.global-footer {
	background-color: #3e3e3e;
	background-image: linear-gradient(top,#201d19,#201d19 65%,#3e3e3e);
	background-image: -moz-linear-gradient(top,#201d19,#201d19 65%,#3e3e3e);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#201d19),color-stop(65%,#201d19),to(#3e3e3e));
	border-bottom: 1px solid #000;
	background-color: #b0bccd;
	margin-top: 35px;
}

.global-footer nav ul {
	display: block;
	height: 44px;
	position: relative;
	z-index: 100;
}

.global-footer nav ul .btn-home,
.global-footer nav ul .btn-head  {
	font-size: 12px;
	background-color: #FFF;
	display: block;
	height: 44px;
	width: 130px;
	position: absolute;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:  0px 0px 4px rgba(0,0,0,0.5);	
}

.global-footer nav ul .btn-home {
	background-image: url(../images/icon_home.png);
	background-repeat: no-repeat;
	top: -24px;
	left: 0px;
	background-position: 106px center;
	border-radius: 0px 8px 8px 0px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.global-footer nav ul .btn-head {
	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	top: -24px;
	right: 0px;
	border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

.global-footer nav ul .btn-home a,
.global-footer nav ul .btn-head a {
	line-height: 44px;
	color: #222;
	text-decoration: none;
	display: block;
	width: auto;	
	height: 44px;
}

.global-footer nav ul .btn-home a {
	padding-right: 30px;
	text-align: right;

}
.global-footer nav ul .btn-head a {
	padding-left: 30px;
}

.global-footer nav ul.sub-nav {
	text-align: center;
	height: auto;
	width: auto;
	margin: 0px 20px 10px;
	position: static;
}

.global-footer nav ul.sub-nav li {
	font-size: 14px;
	display: inline-block;
	padding-left: 5px;
	margin-left: 5px;
	border-left: solid #fff 1px;
}
.global-footer nav ul.sub-nav li:first-child {
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
}
.global-footer nav ul.sub-nav li a {
	color: #fff;
	text-decoration: none;
}

.global-footer .copyright {
	font-size: 12px;
	text-align: center;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) {
	.global-footer .copyright {
		font-size: 14px;
		width: auto;
	}
}
.global-footer .copyright small {
	color: #fff;
}




/* .link-toppage */
.program-article .link-toppage {
	text-align: center;
	margin-top: 10px;
}
.program-article .link-toppage a {
	font-weight: bold;
	color: #222;
	font-size: 14px;
	line-height: 44px;
	text-decoration: none;
	background: #fff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
	text-align: center;
	display: inline-block;
	height: 44px;
	padding: 0px 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:  0px 0px 4px rgba(0,0,0,0.5);
}