@charset "utf-8";

/* ================ 共通 ================ */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
html body { font-family: "Montserrat", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; }

#global_nav {
	min-width: 1030px;
	width: 100%;
}

#global_banner {
	min-width: 1030px;
	width: 100%;
}

#wrapper {
	min-width: 1030px;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	font-size: 0px;
	height: 0;
	visibility: hidden;
}

.wrap_images {
	display: inline-block;
	background: url(/announcer/images/spacer.gif);
}

.com_c_photogarelly { color:#04ce9b; }
.com_b_photogarelly { border:solid 1px #04ce9b; }
.com_c_movie		{ color:#04c7ce; }
.com_b_movie		{ border:solid 1px #04c7ce; }
.com_c_laletter		{ color:#ff6766; }
.com_b_laletter		{ border:solid 1px #ff6766; }
.com_c_blog			{ color:#ffb527; }
.com_b_blog			{ border:solid 1px #ffb527; }
.com_c_special		{ color:#e63533; }
.com_b_special		{ border:solid 1px #e63533; }

/* ================ TOP ================ */
#nav {
	height: 60px;
	padding: 0px 0px 16px 0px;
	position: relative;
	width: 100%;
	z-index: 200;
}

#sec_wrapper #nav {
	padding: 0px 0px 0px 0px;
	height: 60px;
}

#nav #nav_inner {
	background-color: #ffffff;
	height: 60px;
	width: 100%;
}

	#nav #nav_inner #nav_menu {
		margin: 0px auto 0px auto;
		height: 60px;
		width: 1030px;
	}

	#nav #nav_inner #nav_menu li.nav_main {
		float: left;
		cursor: pointer;
		text-align: center;
	}

		#nav #nav_inner #nav_menu li#nav_all,
		#nav #nav_inner #nav_menu li#nav_top {
			height: 56px;
			width: 80px;
			border-bottom: 4px solid #7a7a7a;
		}

		#nav #nav_inner #nav_menu li#nav_photogarelly {
			height: 56px;
			width: 173px;
			border-bottom: 4px solid #04ce9b;
		}

		#nav #nav_inner #nav_menu li#nav_movie {
			height: 56px;
			width: 154px;
			border-bottom: 4px solid #04c7ce;
		}

		#nav #nav_inner #nav_menu li#nav_laletter {
			height: 56px;
			width: 160px;
			border-bottom: 4px solid #ff6766;
		}

/*		#nav #nav_inner #nav_menu li#nav_blog {
			background-position: -566px -100px;
			height: 50px;
			width: 154px;
			cursor: auto;
		}*/

		#nav #nav_inner #nav_menu li#nav_blog {
			height: 56px;
			width: 154px;
			border-bottom: 4px solid #ffb527;
		}

		#nav #nav_inner #nav_menu li#nav_profile {
			height: 56px;
			width: 154px;
			border-bottom: 4px solid #9f449b;
		}

		#nav #nav_inner #nav_menu li#nav_special {
			height: 56px;
			width: 155px;
			border-bottom: 4px solid #e63533;
		}

		#nav #nav_inner #nav_menu .nav_main > p,
		#nav #nav_inner #nav_menu .nav_main > a {
			display: block;
			height: 50px;
			text-decoration: none;
			color: #494949;
			padding-top: 10px;
			font-size: 18px;
			position: relative;
			overflow: hidden;
			z-index: 1;
		}

		#nav #nav_inner #nav_menu #nav_all > p:after,
		#nav #nav_inner #nav_menu #nav_top > a:after {
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 80px;
			height: 56px;
			background: #7a7a7a;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_all:hover > p:after,
		#nav #nav_inner #nav_menu #nav_top:hover > a:after {
			top: 0px;
		}

		#nav #nav_inner #nav_menu #nav_profile > p:after,
		#nav #nav_inner #nav_menu #nav_profile > a:after {
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 154px;
			height: 56px;
			background: #9f449b;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_profile:hover > p:after,
		#nav #nav_inner #nav_menu #nav_profile:hover > a:after {
			top: 0px;
		}

		#nav #nav_inner #nav_menu #nav_photogarelly > p:after,
		#nav #nav_inner #nav_menu #nav_photogarelly > a:after {
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 173px;
			height: 56px;
			background: #04ce9b;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_photogarelly:hover > p:after,
		#nav #nav_inner #nav_menu #nav_photogarelly:hover > a:after {
			top: 0px;
		}

		#nav #nav_inner #nav_menu #nav_movie > p:after,
		#nav #nav_inner #nav_menu #nav_movie > a:after {
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 154px;
			height: 56px;
			background: #04c7ce;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_movie:hover > p:after,
		#nav #nav_inner #nav_menu #nav_movie:hover > a:after {
			top: 0px;
		}

		#nav #nav_inner #nav_menu #nav_laletter > p:after,
		#nav #nav_inner #nav_menu #nav_laletter > a:after {
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 160px;
			height: 56px;
			background: #ff6766;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_laletter:hover > p:after,
		#nav #nav_inner #nav_menu #nav_laletter:hover > a:after {
			top: 0px;
		}

		#nav #nav_inner #nav_menu #nav_blog > p:after,
		#nav #nav_inner #nav_menu #nav_blog > a:after{
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 154px;
			height: 56px;
			background: #ffb527;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_blog:hover > p:after,
		#nav #nav_inner #nav_menu #nav_blog:hover > a:after {
			top: 0px;
		}

		#nav #nav_inner #nav_menu #nav_special > p:after,
		#nav #nav_inner #nav_menu #nav_special > a:after {
			content: '';
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			width: 155px;
			height: 56px;
			background: #e63533;
			z-index: -1;
			transition-property: all;
			transition-duration: 0.2s;
			transition-timing-function: ease;
		}

		#nav #nav_inner #nav_menu #nav_special:hover > p:after,
		#nav #nav_inner #nav_menu #nav_special:hover > a:after {
			top: 0px;
		}


		#nav #nav_inner #nav_menu .nav_main > p span,
		#nav #nav_inner #nav_menu .nav_main > a span {
		display: block;
		font-size: 11px;
		}

		#nav #nav_inner #nav_menu #nav_all > p span,
		#nav #nav_inner #nav_menu #nav_top > a span{
			color: #7a7a7a;
		}

		#nav #nav_inner #nav_menu #nav_profile > p span,
		#nav #nav_inner #nav_menu #nav_profile > a span{
			color: #9f449b;
		}

		#nav #nav_inner #nav_menu #nav_photogarelly > p span,
		#nav #nav_inner #nav_menu #nav_photogarelly > a span{
			color: #04ce9b;
		}

		#nav #nav_inner #nav_menu #nav_movie > p span,
		#nav #nav_inner #nav_menu #nav_movie > a span{
			color: #04c7ce;
		}

		#nav #nav_inner #nav_menu #nav_laletter > p span,
		#nav #nav_inner #nav_menu #nav_laletter > a span{
			color: #ff6766;
		}

		#nav #nav_inner #nav_menu #nav_special > p span,
		#nav #nav_inner #nav_menu #nav_special > a span{
			color: #e63533;
		}

		#nav #nav_inner #nav_menu #nav_blog > p span,
		#nav #nav_inner #nav_menu #nav_blog > a span{
			color: #ffb527;
		}

		/* カレントとマウスオーバーの定義 */
			#nav #nav_inner #nav_menu li.select > a,
			#nav #nav_inner #nav_menu li.select > p,
			#nav #nav_inner #nav_menu li.nav_main:hover > a,
			#nav #nav_inner #nav_menu li.nav_main:hover > p{
				color: #fff !important;
			}

			#nav #nav_inner #nav_menu li.select > a span,
			#nav #nav_inner #nav_menu li.select > p span,
			#nav #nav_inner #nav_menu li.nav_main:hover > a span,
			#nav #nav_inner #nav_menu li.nav_main:hover > p span{
				color: #494949 !important;
			}

			#nav #nav_inner #nav_menu li#nav_top.select{
				background: #7a7a7a;
			}

			#nav #nav_inner #nav_menu li#nav_all.select{
				background: #7a7a7a;
			}

			#nav #nav_inner #nav_menu li#nav_photogarelly.select{
				background: #04ce9b;
			}

			#nav #nav_inner #nav_menu li#nav_movie.select{
				background: #04c7ce;
			}

			#nav #nav_inner #nav_menu li#nav_laletter.select{
				background: #ff6766;
			}

			#nav #nav_inner #nav_menu li#nav_profile.select{
				background: #9f449b;
			}

			#nav #nav_inner #nav_menu li#nav_special.select{
				background: #e63533;
			}

			#nav #nav_inner #nav_menu li#nav_blog.select{
				background: #ffb527;
			}


		.fixed {
			position: fixed !important;
			top: 0px;
		}

	/*	サブメニュー */
	#nav .nav_sub {
		background-color: rgba(0,0,0,0.7);
		display: none;
	}

		#nav .nav_sub li {
			border-bottom: 1px solid #ffffff;
			color: #ffffff;
			position: relative;
			text-align: left;
		}

		#nav .nav_sub li.last {
			border-bottom: none;
		}

		#nav .nav_sub a {
			color: #ffffff;
			display: block;
			height: 100%;
			padding: 14px 12px 14px 12px;
			text-decoration: none;
		}

		#nav .nav_main #nav_special_sub {
        	width: 200px;
		}

		#nav .nav_main #nav_blog_sub {
		    width: 170px;
		    right: 16px;
		    position: relative;
		}

		#nav .nav_main #nav_blog_sub a:hover {
			color: #ffb527;
		}

		#nav .nav_main #nav_special_sub a:hover {
			color: #ff716f;
		}

#nav_footer {
	background: url(/announcer/images/nav_footer_bg.png);
	height: 6px;
	width: 100%;
}

#footer_copyright {
	min-width: 1030px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	width: 100%;
}


/* ================ 第２階層 ================ */
#sec_wrapper {
	background-color: #F3F3F3;
	min-width: 1030px;
}

#sec_main a {
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}

#sec_main a:hover {
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#sec_header {
	background-color: #ffffff;
	padding: 7px 0px 0px 0px;
	width: 100%;
}

	#sec_header #sec_header_inner {
		background: url(/announcer/images/sec_h_logo.png);
		height: 36px;
		margin: 0px auto 0px auto;
		width: 227px;
	}

		.fixed {
			position: fixed !important;
			top: 0px;
		}

#sec_main {
	padding: 20px 0px 20px 0px;
	width: 100%;
}

#sec_pagetop {
	bottom: 50px;
	display: none;
	position: fixed;
	right: 20px;
	z-index: 200;
}