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


/*============== wrap ==============*/
.wrap{
	width:1000px;
	margin:10px auto;
}


/*============== header ==============*/
header{
	display:block;
	
	margin-bottom:10px;
	border-radius:10px;
	border:2px solid #fff;
	overflow:hidden;
	
	box-shadow:rgba(12, 84, 148, 0.8) 3px 3px 4px 1px;
	-webkit-box-shadow:rgba(12, 84, 148, 0.8) 3px 3px 4px 1px;
	-moz-box-shadow:rgba(12, 84, 148, 0.8) 3px 3px 4px 1px;
}

header iframe{
	display:block;
	width:100%;
	height:440px;
	overflow:hidden;
}

header .logo{
	width:100%;
	height:240px;
	background-image:url(../img/header/kanban.jpg);
}
	header .logo a:hover img{
		opacity:0.5;
	}

header .mainNav{
	width:100%; height:200px;
	margin:0 auto;
	background-image:url(../img/header/back.jpg);
}
	header .mainNav ul:after{
		content:"";
		display:block;
		clear:both;
	}
		header .mainNav ul li{
			float:left;
		}
			header .mainNav ul li a:hover img{
				opacity:0.5;
			}


.navSp{
	display:none;
}






/*============== main ==============*/
.main{
	border-radius:10px;
	border:2px solid #fff;
	overflow:hidden;
	padding:10px;
	
	box-shadow:rgba(12, 84, 148, 0.8) 3px 3px 4px 1px;
  display: flex;
}
.main:after{
	content:"";
	display:block;
	clear:both;
}




/*================ サイドバー ================*/
.sidebar{
	display:block;
	width:200px;
}

.sidebar .header{
	margin-bottom:10px;
}



.sidebar .summary{
	border:2px dotted #B4D3EE;
	border-radius:10px;
	padding:10px;
	margin-bottom:10px;
}
.sidebar .summary h1{
	background-color:#2674BB;
	padding:5px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	border-radius:5px;
}

.sidebar .summary p{
	line-height:1.5;
	font-size:80%;
	color:#666;
}

.sidebar nav ul li{
	background-color:#78AEE9;
	border-radius:10px;
	padding:5px;
	margin:0 0 10px 0;
	text-align:center;
}
.sidebar nav ul li.variation1{
	background-color:#FF8B8D;
}
/*ページ先頭へ*/
.sidebar nav ul li.toTop{
	background-color:#666;
}


.sidebar nav ul li:hover{
	opacity:0.5;
}
.sidebar nav ul li a{
	text-decoration:none;
	line-height:1.5;
	font-size:0.8em;
	color:#fff;
	display:block;
}

/*================ コンテンツ ================*/
.contents{
	max-width:750px;
}

.contents .header{
	margin-bottom:30px;
}






/*================ フッタ ================*/	
.footer{
	max-width:900px;
}