@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body {
  height: 100%;
}

body {
	font-family: "Noto Sans Japanese", ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	background: #fff;
	color: #333;
	line-height:1;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}

img {
	max-width: 100%;
}

input:focus {
	outline: 0;
}

/***********************************************/
.base{
	margin: 0;
	text-align: center;
	height: 100%;
}

.background-hack01,.background-hack02,.background-hack03,.background-hack04,.background-hack05,.background-hack06 {
    z-index                 : -1;
    background-color        : #fff;
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}

.background-hack01 {
	background-image        : url('../img/report/bg01.jpg');
}

.background-hack02 {
	background-image        : url('../img/report/bg02.jpg');
}

.background-hack03 {
	background-image        : url('../img/report/bg03.jpg');
}

.background-hack04 {
	background-image        : url('../img/report/bg04.jpg');
}

.background-hack05 {
	background-image        : url('../img/report/bg05.jpg');
}

.background-hack06 {
	background-image        : url('../img/report/bg06.jpg');
}
/***********************************************/

header{
	background: url(../img/report/top.jpg) 0 0 no-repeat;
	background-size:100%;
	margin:0;
	position:relative;
	line-height:0;
	height: 100%;
}

header h1{
	position:absolute;
	width: 100%;
	top:43%;
}

header h1 img{
	width:100%;
}

header p{
	position:absolute;
	width: 100%;
	bottom:4%;
	text-align: center;
}

header p img{
	width:12%;
}
.social {
	background: #fff url(../img/report/social_bg.png) 0 50% no-repeat;
	background-size:auto 100%;
	width:100%;
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	padding:5px 0;
	z-index: 1;
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);
}

.social p {
	display: inline;
	margin: auto 2px;
}

/***********************************************/
#report{
	margin-top:-40px;
	padding-top:40px;
}

.report{
	padding-top:40px;
}

.time01,.time02,.time03,.time04{
	margin-left:10px;
	padding:20px 0 0;
}

.time01{
	border-left:1px solid #fff;
}

.time02{
	border-left:1px solid #3a32a7;
}

.time03{
	border-left:1px solid #855bb6;
}

.time04{
	border-left:1px solid #e992c9;
}
.midashi{
	margin-left:-5px;
}

.midashi img{
	width:100%;
}

.text{
	padding:10px;
	font-size:12px;
	line-height: 1.6;
	text-align: left;
	font-weight:500;
}

.text span.housou{
	font-weight: 700;
	font-size:120%;
}

.page07be{
	font-size:14px;
	text-align: center;
}

.page07be span{
	font-size:30px;
	font-weight: 700;
}

.page08ct{
	text-align: center;
	font-weight: 600;
}

.page08ct span{
	font-weight: 500;
}

.credit{
	font-size:9px;
	text-align: right;
	color:#fff;
}
.photo{
	margin:10px 0;
	text-align: center;
	font-size:9px;
}

.photo img{
	width:100%;
}
/***********************************************/

.car{
	background: url(../img/report/car.png) 0 100% no-repeat;
	background-size:100%;
}

.bggray{
	background: #dddddd;
}

.bgblue{
background: #362e96; /* Old browsers */
background: -moz-linear-gradient(top,  #362e96 0%, #1d1219 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #362e96 0%,#1d1219 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #362e96 0%,#1d1219 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362e96', endColorstr='#1d1219',GradientType=0 ); /* IE6-9 */
}

.bgnetsu{
background: #3a32a7; /* Old browsers */
background: -moz-linear-gradient(top,  #3a32a7 0%, #e992c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3a32a7 0%,#e992c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3a32a7 0%,#e992c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a32a7', endColorstr='#e992c9',GradientType=0 ); /* IE6-9 */

}

.color01{
	color:#333;
}
.color01 a{
	color:#333;
	font-weight: 700;
	text-decoration: underline;
}

.color02{
	color:#3a32a7;
}

.color02 a{
	color:#3a32a7;
	font-weight: 700;
	text-decoration: underline;
}

.color03{
	color:#fff;
}
/***********************************************/
.page{
	text-align:center;
	margin-left:-10px;
	padding:20px 0;
}

p.pager{
	display:inline-block;
	background:#3a32a7;
}

p.pager a{
	display:block;
	color:#fff;
	font-weight:bold;
	padding:5px 15px;
}

form.linkpage{
	display:block;
	text-align:center;
	margin:20px 0 0;
}

select.pager {
	margin-right:10px;
	width:20%;
	border-radius:0;
	font-size:16px;
	border:1px solid #ccc;
	padding:5px;
	background:#fff;
	color:#333;
}

input.pager {
	-webkit-appearance: none;
	padding:4px 5px;
	font-size:16px;
	font-weight:bold;
	border-radius:0;
	border:none;
	background:#3a32a7;
	color:#fff;
}
/***********************************************/
.backtop{
	margin:20px 10px 0;
	background:#ffffc7;
	border-radius:5px;
	border:1px dotted #ccc;
}

.backtop a{
	display:block;
	padding:10px 5px 8px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:14px;
}
/***********************************************/

footer {
	background: #e992c9; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e992c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e992c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e992c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e992c9',GradientType=0 ); /* IE6-9 */
	margin:0;
	padding: 30px 0 0;
    color: #fff;
}

.onair {
	padding:0 10px;
}

.onair img{
	width:100%;
	display:block;
}

.onair article{
	background:#fff;
	color:#000;
	border-radius: 5px;
	padding:20px 10px;
	margin:20px 0 0;
	line-height: 1.4;
	text-align: left;
	font-size:13px;
}

.onair article img{
	margin-bottom:10px;
}

.backnumber{
}

.backnumber ul{
	margin:0;
	padding:10px;
}

.backnumber ul li{
	background:#fff;
	border-radius:5px;
	margin:10px 0;
	border:1px dotted #ccc;
}

.backnumber ul li a{
	display:block;
	padding:10px 5px 8px;
	text-align:left;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:14px;
}

.backnumber ul li a img{
	width:5%;
	display:inline;
	margin: 0 5px 2px;
	vertical-align:middle;
}

.banner {
	padding:0 10px 30px;
}

footer p {
	text-align: center;
	margin: 0px 0 20px;
	padding-top: 10px;
	font-size:26px;
}

footer p img {
	margin: 0 5px;
	vertical-align:middle;
}

#pagetop{
	display:inline;
	position:fixed;
	bottom:0;
	right:10px;
	opacity:0.7;
	width:20%;
	text-align: right;
	line-height: 0;
}

#pagetop img{
	width:70%;
}

#CopyRight {
    font-size: 9px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

/***********************************************/