@charset "utf-8";

/*---------------------------------
 Style for Block Layout
--------------------------------*/
#body {
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/*---------------------------------
 ページヘッダー
--------------------------------*/
header {
	background-image: url(../image/header.jpg);
	background-size: 100%;
	background-position: center;
	}
	header #headBlock {
		display: table;
		width: 100%;
		}
	header #headBlock h1 {
		/*display: inline-block;*/
		display: table-cell;
		max-width: 100%;
		height: 180px;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		color: #fff;
		color: rgba(255, 255, 255, 0);
		}
		header #headBlock h1 a {
			color: #fff;
		}

/*---------------------------------
 ナビゲーション
--------------------------------*/
header nav {
	width: 100%;
	height: 68px;
	background: url(../image/bk_sc_glay90.png) repeat;
	}
	header nav:before,
	header nav:after {
		content:"";
		display: block;
		width: 100%;
		height: 4px;
		background-color: #F33;
		background-image: -webkit-gradient(linear, left top, left bottom,
			from(#bdccd4),
			color-stop(0.20, #29abe2),
			color-stop(0.35, #ffff00),
			color-stop(0.50, #f15a24),
			color-stop(0.65, #72c96b),
			color-stop(0.80, #662d91),
			to(#bdccd4)
			);
		background-image: -moz-linear-gradient(top,
			#bdccd4 0%,
			#29abe2 20%,
			#bf72db 35%,
			#f15a24 50%,
			#72c96b 65%,
			#ffff00 80%,
			#bdccd4 100%
			);
		background: linear-gradient(to right,
			#bdccd4 0%,
			#29abe2 20%,
			#bf72db 35%,
			#f15a24 50%,
			#72c96b 65%,
			#ffff00 80%,
			#bdccd4 100%
			);
	}
	header nav ul {
		/*display: table;*/
		display: block;
		margin: 0 auto;
		max-width: 900px;
		background: none;
		}
		header nav li {
			display: table-cell;
			margin: 0;
			width: 18%;
			height: 60px;
			vertical-align: middle;
			font-size: 1.9em;
			font-size: 1.9rem;
			}
			header nav li a {
				display: block;
				/*height: 60px;*/
				/*height: auto;*/
				color: #fff;
			}
			header nav li:hover {
				background: url(../image/bk_sc_glay.png) repeat;
				color: #72c96b;
			}
		header nav li#nav1 a {
			color: #29abe2;
		}
		header nav li#nav2 a {
			color: #bf72db;
		}
		header nav li#nav3 a {
			color: #f15a24;
		}
		header nav li#nav4 a {
			color: #72c96b;
		}
		header nav li#nav5 a {
			color: #ffff00;
		}
		header nav .preview  {
			background: url(../image/bk_sc_glay.png) repeat;
			color: #72c96b;
		}

/*---------------------------------
 サブメニュー
--------------------------------*/
nav#submenu {
	margin-top: 10px;
	text-align: center;
	}
	nav#submenu  li {
		display: inline-block;
		margin: 4px;
		width: 132px;
		height: 44px;
		line-height: 44px;
		background-color: #29abe2;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		nav#submenu  li.look {
			background-color: #ccc;
			}

/*---------------------------------
 パンくずリスト
--------------------------------*/
#breadcrumb {
	margin-left: 10px;
	text-align: left;
	}
	#breadcrumb ol {
	}
	#breadcrumb li {
		display: inline-block;
		margin-top: 12px;
		padding-right: 3px;
		height: 30px;
		font-size: 1.4em;
		font-size: 1.4rem;
		vertical-align: middle;
	}
	#breadcrumb li a {
		display: block;
	}

/*---------------------------------
 コンテンツ
--------------------------------*/
#contents {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	/*border: 1px solid #000;*/
	}
	#contents h2 {
		max-width: 100％;
		margin-top: 44px;
		font-size: 3em;
		font-size: 3rem;
	}
	#contents h3 {
        font-size: 2.4em;
        font-size: 2.4rem;
	}
	#contents #concept {
		margin: 0 40px 60px 40px;
		}
		#contents #concept h2 {
			max-width: 100％;
			height: 168px;
			background: url(../image/logo_640.gif) center no-repeat;
			background-size: contain;
			color: rgba(255, 255, 255, 0);
		}
		#contents #concept h3 {
			margin-top: 44px;
			font-size: 3.4em;
			font-size: 3.4rem;
			font-weight: bold;
		}
		#contents #concept p {
			margin-top: 44px;
			line-height: 2;
			font-size: 1.8em;
			font-size: 1.8rem;
		}

/*---------------------------------
 告知エリア
--------------------------------*/
.announcement {
	display: block;
	}


/*---------------------------------
 SNS表示
--------------------------------*/
#snsArea {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 30px;
	background-color: #e6e6e6;
	}
	#snsArea h2 {
		display: block;
		margin: 0 auto;
		max-width: 720px;
		height: 60px;
		line-height: 60px;
		background-size: 280px;
		font-size: 3em;
		font-size: 3rem;
	}
	#snsArea  ul {
		margin: 0 auto;
		padding: 0;
		max-width: 920px;
		display: block;
		}
		#snsArea  li {
			display: inline-block;
			height: 60px;
			line-height: 60px;
			vertical-align: middle;
			font-size: 2em;
			font-size: 2rem;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			}
			#snsArea  li a{
				color: #fff;
			}
			#snsArea li span {
				height: 60px;
				display: inline-block;
				margin-left: 60px;
				min-width: 180px;
				font-weight: bold;
				color: #fff;
				border-left: 1px solid #e6e6e6;
			}
			#snsArea  li:nth-child(n+2)  {
				margin-left: 44px;
			}
			#snsArea  li.snsFacebook {
				background: url(../image/sns/facebook.svg) no-repeat;
				background-color: #3b5998;
			}
			#snsArea  li.snsTwitter {
				background: url(../image/sns/twitter-w.svg) no-repeat;
				background-color: #55acee;
			}



footer#pageFoot {
	display: table;
	margin-top: 60px;
	width: 100%;
	height: 60px;
	border-top: 4px solid #000;
	}
	footer#pageFoot #copylight {
		display: table-cell;
		vertical-align: middle;
		font-size: 1.3em;
		font-size: 1.3rem;
	}
	footer #copylight .copy {
	}