#header {}
#header h1 { display: none !important}
#header #h_nav .mid,
#header #h_nav .search { display: none;}

#Nav ul li { width:20% !important;}
#Nav ul li p a {
	padding: 7px 0 7px !important;
	text-align: center;
}
#Nav ul li:hover p a { color:#0FB5C1;}
#Nav ul li p a { position: relative;}
#Nav ul li p img { position: absolute; top:-60px!important; right: 0!important; left:0!important; margin:0 auto!important; width:56px !important;}


/* MAIN */
#mainimg {
	background: url("../../img/mainimg_05.jpg") no-repeat center center;
	background-size: cover;
}
#mainimg h2 {
	position: relative;
	min-height: 700px;
	background: url("../../img/curve.png") no-repeat center bottom;
	background-size:100% auto;
}
#mainimg h2 span {
	position: absolute;
	display: block;
	margin: auto;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 230px;
	height: 230px;
	text-indent: -9999px;
	background: url("../img/logo_top.png") no-repeat;
}

/*====================================================================================================
  TOPPAGE
====================================================================================================*/
#toppage {}
#toppage .cont { margin: auto; max-width: 1000px; overflow: hidden;}

/*** PICK1 *****************************************************************/
#toppage .pick1 { padding: 40px 0; background: #0FB5C1;}
#toppage .pick1 ul { margin: auto; max-width: 1000px; overflow: hidden;}
#toppage .pick1 ul li { 
	float: left;
	width: 23.5%;
	background:#fff url("../../img/pick_arrow.png") no-repeat right bottom;
	background-size: 25px auto;
}
#toppage .pick1 ul li+li { margin-left: 2%;}
#toppage .pick1 ul li a {
	display: block;
	padding: 25px 10px 25px 70px;
	font-size: 125%;
	color: #222;
	font-weight: bold;
	text-decoration:none;
	background:no-repeat 15px center;
	background-size: 40px auto !important;
	border: 1px solid #DBDBDB;
}
#toppage .pick1 ul li:nth-child(1) a { background-image: url("../../img/pick01.png");}
#toppage .pick1 ul li:nth-child(2) a { background-image: url("../../img/pick02.png");}
#toppage .pick1 ul li:nth-child(3) a { background-image: url("../../img/pick03.png");}
#toppage .pick1 ul li:nth-child(4) a { background-image: url("../../img/pick04.png");}


/*** LIFE SEARCH ****************************************************************/
#toppage .life_search { padding: 55px 0; background: #F9F6EF;}

/* SEARCH */
#toppage .cate_search { 
	float: left;
	width: 49%;
	background: #fff;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.20);
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;/* Firefox */
}
#toppage .cate_search .keyword { padding: 15px 15px 0;}
#toppage .cate_search .keyword h3 { float: left; padding-top: 10px; width:calc(100% - 280px);}
#toppage .cate_search .keyword .search {
	float:right;
	width:260px;
	background: #F9F6EF;
	border: 1px solid #ddd;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	overflow:hidden;
}
#toppage .cate_search .keyword .search input.sa_txt {
	float:left;
	width:180px;
	height:45px;
	border:none;
	background:none !important;
}
#toppage .cate_search .keyword .search input.sa_bo {
	float:right;
	width:45px;
	height:45px;
	color:#000;
/*	font-size:14px;	*/
	font-size:87.5%;
	line-height:100%;
	border:none;
	text-indent: -9999px;
	background:url(../img/btn_search.png) no-repeat center center;
	background-size:29px auto;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#toppage .cate_search .keyword .search input.sa_bo:hover { background-color:rgba(255,255,255,0.50);}

#toppage .cate_search .group { clear: both; padding:15px; overflow: hidden;}
#toppage .cate_search .group p {
	float: left;
	width: 32%;
	background: #F9F6EF;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	overflow: hidden;
}
#toppage .cate_search .group p+p { margin-left: 2%;}
#toppage .cate_search .group p a {
	display: block;
	padding: 10px 15px;
	color: #222;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-decoration: none;
	background: url("../img/arrow.png") no-repeat 97% center;
	border: 1px solid #ddd;
}
#toppage .cate_search .group p:hover a { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#toppage .cate_search .life { padding:15px; border-top: 3px solid #F6F5F3;}
#toppage .cate_search .life h3 { margin-bottom:15px;}
#toppage .cate_search .life ul { overflow: hidden;}
#toppage .cate_search .life ul li {
	float: left;
	margin-bottom: 5px;
	width: 24.25%;
	background: #F9F6EF;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	overflow: hidden;
}
#toppage .cate_search .life ul li+li { margin-left:1%;}
#toppage .cate_search .life ul li:nth-child(4n+1) { margin-left:0;}
#toppage .cate_search .life ul li a {
	display: block;
	padding-top: 60px;
	color: #222;
	font-size:85%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	letter-spacing: -0.5px;
	background: no-repeat center 10px;
	background-size: 48px auto !important;
}
#toppage .cate_search .life ul li:nth-child(1) a { background-image: url("../../img/life01.png");}
#toppage .cate_search .life ul li:nth-child(2) a { background-image: url("../../img/life02.png");}
#toppage .cate_search .life ul li:nth-child(3) a { background-image: url("../../img/life03.png");}
#toppage .cate_search .life ul li:nth-child(4) a { background-image: url("../../img/life04.png");}
#toppage .cate_search .life ul li:nth-child(5) a { background-image: url("../../img/life05.png");}
#toppage .cate_search .life ul li:nth-child(6) a { background-image: url("../../img/life06.png");}
#toppage .cate_search .life ul li:nth-child(7) a { background-image: url("../../img/life07.png");}
#toppage .cate_search .life ul li:nth-child(8) a { background-image: url("../../img/life08.png");}
#toppage .cate_search .life ul li:hover a { color: #fff; background-color: #0FB5C1;}


/* SLIDE BANNER */
#toppage .slide_bana { float: right; width: 49%;}

#toppage .slide_bana a p { 
	display:table-cell;
	width:490px;
	height:410px;
	text-align:center;
	vertical-align:middle;
	font-size:300%;
	border:1px solid #CCC;
	background:#FFF;
	border-radius:20px;
}



/*** INFORMATION ***********************************************************/
#toppage .information { padding: 55px 0;}

/* NEWS */
#toppage .news { position: relative; float: left; width: 66%;}
#toppage .news h3 { padding: 10px 0; font-size: 137.5%;}
#toppage .news dl { padding: 13px; border-bottom: 1px solid #ddd; overflow: hidden;}
#toppage .news dt { float: left; width: 20%; background: url("../img/arrow.png") no-repeat right center;}
#toppage .news dd { float: right; width: 78%;}
#toppage .news dd a { color: #222;}
#toppage .news dd a:hover{ color: #0089A3;}
#toppage .news .btn { position: absolute; top: 10px; right: 10px; }
#toppage .news .btn p { float: left; min-height: 15px; background-size: 15px auto !important;}
#toppage .news .btn p+p { margin-left: 20px;}
#toppage .news .btn p a {
	padding-left:20px;
	color: #555;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}
#toppage .news .btn p:nth-child(1) { background: url("../../img/icon_rss.png") no-repeat left center;}
#toppage .news .btn p:nth-child(2) { background: url("../../img/icon_list.png") no-repeat left center;}
#toppage .news .btn p:nth-child(1) a:hover { color: #FFA622;}
#toppage .news .btn p:nth-child(2) a:hover { color: #0089A3;}


/* INFO NAV */
#toppage .info { float: right; width:32%; background: #F9F6EF;}
#toppage .info h3 {
	padding: 15px 0 0;
	color:#0089A3;
	font-size: 137.5%;
	text-align: center;
	border-top: 3px solid #0089A3;
}
#toppage .info ul { padding:15px;}
#toppage .info ul li { background: #fff; border: 1px solid #ddd;}
#toppage .info ul li+li { margin-top: 10px;}
#toppage .info ul li a { display: block; padding: 10px; color: #222; text-decoration: none; font-weight: bold;}
#toppage .info ul li a img { margin-right: 15px; width: 95px; height: auto; vertical-align: middle;}


/*** MEDIA *****************************************************************/
#toppage .media { padding: 55px 0; background:url("../../img/media_bg.jpg") no-repeat; background-size: cover;}
#toppage .media .cont { position: relative; overflow: visible;}
#toppage .media h3 {
	padding-top: 65px;
	margin-bottom:55px;
	font-size: 137.5%;
	text-align: center;
	background: url("../../img/pick05.png") no-repeat top center;
}
#toppage .media .box { position: relative; width: 32%; margin-bottom: 2%; padding:20px; background: #fff; box-shadow:0px 0px 2px 0px rgba(0,0,0,0.20);}
#toppage .media .box+.box { margin-left: 2%;}
#toppage .media h4 {
	position:absolute;
	top: -25px;
	left: -15px;
	width: 170px;
	height: 50px;
	text-indent: -9999px;
}
#toppage .media .come { font-size: 90%; line-height: 150%;}
#toppage .media .b_list { margin-top: 10px; width: 90px;}
#toppage .media .b_list a {
	display: block;
	padding: 10px 15px;
	color: #222;
	font-size: 80%;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	background: #F9F6EF url("../img/arrow.png") no-repeat 90% center;;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
}
#toppage .media .b_list a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

/* BOOK */
#toppage .media .box_bk { float: left;}
#toppage .media .box_bk h4 { background: url("../../img/media_book.png") no-repeat;}
#toppage .media .box_bk h5 { padding: 10px 0; line-height: 150%;}
#toppage .media .box_bk .photo { float: right; width: 140px; height: auto; margin-left: 10px;}

/* YOUTUBE */
#toppage .media .box_yt { float: left;}
#toppage .media .box_yt h4 {background: url("../../img/media_yt.png") no-repeat;}
#toppage .media .box_yt .movie {position: relative; width: 100%;}
#toppage .media .box_yt .movie iframe { width:100% !important; height:100% !important; border: none;}
#toppage .media .box_yt .caption {overflow:hidden;}
#toppage .media .box_yt .caption .come { float: left; width:calc(100% - 100px);}
#toppage .media .box_yt .b_list { float: right;}

/* INSTAGRAM */
#toppage .media .box_in { 
	clear: both;
	margin-left:0 !important;
	padding-left: 170px;
	width: 66%;
	background:#fff url("../../img/team_icon.png?date=20260401") no-repeat 30px center;
}
#toppage .media .box_in h4 {background: url("../../img/media_in.png") no-repeat;}
#toppage .media .box_in h5 { margin-bottom:5px;}
#toppage .media .box_in .come { margin-bottom:10px;}
#toppage .media .box_in .b_link { min-height:30px;  background: url("../img/sns_in1.png") no-repeat; background-size: 30px auto;}
#toppage .media .box_in .b_link a {
	padding-left: 40px;
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
#toppage .media .box_in .b_link a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

/* FACEBOOK */
#toppage .media .box_fb { position: absolute; top: 0; right: 0;}
#toppage .media .box_fb h4 {background: url("../../img/media_fb.png") no-repeat;}


/*** ACTIVE ****************************************************************/
#toppage .active { padding: 55px 0;}
#toppage .active h3 { margin-bottom:3%; font-size: 137.5%; text-align: center;}
#toppage .active ul { margin: auto; max-width: 1000px; overflow: hidden;}
#toppage .active ul li { float: left; margin: 1% 0; width: 23.5%; text-align:center;}
#toppage .active ul li+li { margin-left: 2%;}
#toppage .active ul li:nth-child(4n+1){ margin-left: 0;}
#toppage .active ul li img { width: 100%; height: auto; max-width:210px;}


/*** PICK2 *****************************************************************/
#toppage .pick2 { padding:40px 0; background: rgba(0,137,163,0.07);}
#toppage .pick2 dl { position: relative; float: left; margin: 2% 0; width: 49%; background: #fff; box-shadow:0px 0px 2px 0px rgba(0,0,0,0.20);}
#toppage .pick2 dl+dl { margin-left: 2%;}
#toppage .pick2 dl+dl+dl { clear: both; margin-top: 0; margin-left:0; width: 100%;}
#toppage .pick2 dt {
	padding: 20px 20px 20px 60px;
	font-size: 137.5%;
	font-weight:bold;
	border-bottom: 3px solid rgba(0,137,163,0.07);
	background-size: 45px auto !important;
}
#toppage .pick2 dd { padding: 20px; overflow: hidden;}
#toppage .pick2 dd p { float: left; margin:0.5% 0; min-width: 50%;}
#toppage .pick2 dd p a {
	padding-left: 25px;
	color: #222;
	text-decoration: none;
	background: url("../img/arrow.png") no-repeat left center;
}
#toppage .pick2 dd p a:hover { color: #0089A3;}
#toppage .pick2 dl:nth-child(3) dt,
#toppage .pick2 dl:nth-child(3) dd { width:49%;}
#toppage .pick2 dl:nth-child(3) dd+dd { position: absolute; top:15px; right: 15px; width:calc(49% - 15px); padding: 22px; background:rgba(0,137,163,0.07);}
#toppage .pick2 dl:nth-child(3) dd b { color: #4D6D2D;}
#toppage .pick2 dl:nth-child(3) dd span+span { margin-left: 20px;}
#toppage .pick2 dl:nth-child(1) dt { background: url("../../img/pick06.png") no-repeat 10px center;}
#toppage .pick2 dl:nth-child(2) dt { background: url("../../img/pick07.png") no-repeat 10px center;}
#toppage .pick2 dl:nth-child(3) dt { background: url("../../img/pick08.png") no-repeat 10px center;}


#toppage .life_important{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}

#toppage .life_important .important_box{
/*	background-color:#FFCACA; */
/*	border-top:3px #FF0000 solid; */
	border:3px #FFCACA solid;
	padding:1em;

	color:#DD0000; 
}

#toppage .life_important .important_box .tit{
	font-size:137.5%;
	font-weight:bold;
/*	color:#FF0000; */
	color:#DD0000; 
	margin-bottom:10px;
	
}

#toppage .life_important .important_box .comment a{
/*	color:#DD0000; */
	color:#222;
}

#header #h_nav .team{
	background-image:url("../img/team_logo2.png?date=20260401");
}