﻿@charset 'utf-8';



/*---------------------------------
 wrapper
-----------------------------------*/
wrapper{
	display:block;
}

/*---------------------------------
	container
-----------------------------------*/
#container{
}

/*---------------------------------
	header
-----------------------------------*/
#header{
	display:block;
}

/*---------------------------------
	contents
-----------------------------------*/
#contents{
	display:block;
}



/*---------------------------------
	cookie
-----------------------------------*/
#cookie a{
	text-decoration:underline;
}
#cookie.cookie{
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:#e3d4d5;
	padding:20px;
	display:none;/* 初期状態では非表示 */
}
#cookie ol{
	display:block;
	list-style:none;
}
#cookie ol li{
	display:inline;
}
#cookie ol li:first-child{
	display:block;
	padding-bottom:20px;
}
#cookie ol li:nth-child(2){
	cursor:pointer;
}#cookie ol li:last-child{
	padding-top:20px;
	padding-left:10px;
}

/*---------------------------------
	footer
-----------------------------------*/
#footer{
	padding:20px;
	color:white;
	font-size:18px;
}

/*---------------------------------
	address
-----------------------------------*/
#footer address{
	display:block;
	margin-bottom:10px;
	width:100%;
	font-style:normal;
	vertical-align:middle;
}
#footer address a{
	color:white;
	text-decoration:none;
}
#footer.copyright{
	display:inline-block;
	margin-left:4px;
	margin-right:2px;
	margin-bottom:2px;
	width:16px;
	height:16px;
	font-style:normal;
	vertical-align:middle;
	background-image:url('../images/login/background-image-copyright.svg');
	background-position:center center;
	background-repeat:no-repeat;
}

/*---------------------------------
	audio
-----------------------------------*/
#audio{
	display:block;
	padding-top:20px;
}
#audio .play{
	padding:5px 10px;
	width:36px;
	height:40px;
}
#audio .pause{
	padding:5px 10px;
	width:35px;
	height:40px;
	cursor:pointer;
}
#audio .rewin{
	padding:5px 10px;
	padding-left:0px;
	width:70px;
	height:40px;
	cursor:pointer;
}
#audio .forward{
	padding:5px 10px;
	width:70px;
	height:40px;
	cursor:pointer;
}
#audio .down{
	padding:5px 10px;
	padding-left:0px;
	width:14px;
	height:25px;
	cursor:none;
}
#audio .up{
	padding:5px 10px;
	width:32px;
	height:25px;
	cursor:none;
}
#audio .slider{
	padding:10px 10px;
	width:185px;
}
#audio .text{
	padding-left:0px;
	color:white;
}