@charset "utf-8";

#bg_main a:link {text-decoration:underline; color:#000;}
#bg_main a:visited {text-decoration:underline;  color:#000;}
#bg_main a:hover {text-decoration:none; color:#000;}
#bg_main a:active {text-decoration:none;  color:#000;}

#bg_main #contents {
	background-color:#fff;
}

#bg_main #contents .inner {
	color:#000;
}

#mainCanvas {
	display:none!important;
}

#bg_main #header {
	background-color:#000;
}

#bg_main #header .left h1#logo_csl:after {color:#fff;}

#bg_main #header .left h1#logo_csl a {
	display:block;
	height:76px;
	width:160px;
	background:url(../img/logo_csl_pc_wt.png) #000 no-repeat 10px 0!important;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}

#sony_header {
	background-color:#000;
	height:50px;
}

#page_about #bg_main #header .right #gnavi li#gnavi_01 a,
#page_news #bg_main #header .right #gnavi li#gnavi_02 a,
#page_member #bg_main #header .right #gnavi li#gnavi_03 a,
#page_projects #bg_main #header .right #gnavi li#gnavi_04 a,
#page_event #bg_main #header .right #gnavi li#gnavi_05 a,
#page_publications #bg_main #header .right #gnavi li#gnavi_06 a,
#page_contact #bg_main #header .right #gnavi li#gnavi_07 a,
#bg_main #header .right #gnavi li.active a,
#bg_main #header .right #gnavi li a:hover {
	border-bottom:3px solid #FFF;
}

#bg_main #header .right #gnavi li.active a,
#bg_main #header .right #gnavi li a:hover {
	border-bottom:3px solid #FFF;
}

#bg_main #header .right #gnavi li a {
	color:#FFF;
}

#bg_main #footer {
	background-color:#000;
	color:#FFF;
}

#bg_main #footer .inner a {color:#FFF;}

#bg_main #footer .inner .left #ft_search input[type="text"] {
	border:1px solid #FFF;
	background-color:#FFF;
	color:#000;
}

#bg_main #footer .inner .left #ft_search input[type="submit"] {
	border:1px solid #cccccc;
	background-color:#cccccc;
	color:#000;
}

#bg_main #footer .inner .left ul li {
	border-right:1px solid #FFF;
}

#bg_main #footer .inner .left ul li:first-child {
	border-left:1px solid #FFF;
}

#two_col .left {
	display:none;
}

#two_col .right {
	padding-top:70px;
}

.print_none {
	display:none;
}







/* 1.TOP----------------------------------------- */
#bg_main #main_v .out_box .slides .slide .ex {
	color:#FFF;
}

#bg_main #top_list ul li a {
	color:#FFF;
}

#bg_main #top_list ul li a .ex_box {
	background:none;
}

#bg_main #top_list ul li a .ex_box .in_slide {
	position:absolute;
	top:-294px;
	left:-294px;
	display:none;
}

#bg_main #top_list ul li a:hover .ex_box .in_slide {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	transition:.1s;
}

#bg_main #top_list ul li.type_01 a .ex_box {
	background:none;
}

#bg_main #top_list ul li.type_02 a .ex_box {
	background:none;
}

#bg_main #top_list ul li.type_03 a .ex_box {
	background:none;
}

#bg_main #top_list ul li.type_03 a .photo {
	width:147px;
	height:141px;
	padding:3px 0 0 0;
}

#bg_main #top_list ul li.type_04 a .photo {
	padding:3px 0 0 3px;
}

#bg_main #top_list ul li.type_04 a .photo img {
	width:102%;
}

#bg_main #top_list ul li.type_05 a .photo {
	width:291px;
	height:217px;
	padding:0 0 0 3px;
}

#bg_main #cate_menu ul li .flag {
	border-left:3px solid #000;
}

#bg_main #top_list ul li .bg_top_each {
	background-color:#FFF;
}

#bg_main #top_list ul li.cate_01 a .ex_box .in_date,
#bg_main #top_list ul li.cate_02 a .ex_box .in_date,
#bg_main #top_list ul li.cate_03 a .ex_box .in_date,
#bg_main #top_list ul li.cate_04 a .ex_box .in_date,
#bg_main #top_list ul li.cate_05 a .ex_box .in_date,
#bg_main #top_list ul li.cate_06 a .ex_box .in_date,
#bg_main #top_list ul li.cate_07 a .ex_box .in_date,
#bg_main #top_list ul li.cate_08 a .ex_box .in_date,
#bg_main #top_list ul li.cate_09 a .ex_box .in_date,
#bg_main #top_list ul li.cate_10 a .ex_box .in_date {color:#FFF;}
/* 1.TOP------------------END-------------------- */




/* 2.flexslider----------------------------------------- */
#bg_main .slick-dots li button
{
	background-color:#000;
	-ms-filter: "alpha(opacity=25)";
	opacity: .25;
}
/* 2.flexslider------------------END-------------------- */




/* 3.about CSL----------------------------------------- */
#bg_main #contents #page_title {
	background-color:#404040;
	height:70px;
	position:absolute;
	top:0px;
	width:100%;
}

#bg_main #two_col .left {
	background:#000;
}

#bg_main #two_col .left .menu li.cate_name {
	color:#FFF;
}

#bg_main #two_col .left .menu li a {
	color:#FFF;
	background:url(/lib/img/about/menu_bg_w.png) no-repeat 7px 12px;
	background-size:10px 10px;
}

#bg_main #two_col .left .menu li a.active,
#bg_main #two_col .left .menu li a:hover {
	background:url(/lib/img/about/menu_bg_w_on.png) no-repeat 7px 12px;
	background-size:10px 10px;
}

#bg_main #two_col .right .lm_box .ac_ceo {
	border-top:1px solid #000;
}

#bg_main #two_col .right .lm_box .ac_place {
	border-bottom:1px solid #000;
}

#bg_main #pamphlet_list {
	border-top:1px solid #000;
}
/* 3.about CSL------------------END-------------------- */





/* 4.Projects----------------------------------------- */
#bg_main .list_box li a {
	color:#FFF;
}

#bg_main .list_box li a .hover_slide {
	position:absolute;
	top:-102px;
	left:-347px;
	transition:.1s;
}

#bg_main .list_box li a:hover .hover_slide {
	position:absolute;
	top:0px;
	left:0px;
	transition:.1s;
}

#bg_main #project_list .border_bottom {
	border-bottom:1px solid #000;
}

#bg_main #project_list h3 {
	border-top:1px solid #000;
}

#bg_main #project_detail h2 {
	border-bottom:1px solid #000;
}

#bg_main #project_detail .post_se_body,
#bg_main #project_detail .post_se_list,
#bg_main #project_detail .post_body {
	background-color:#CCC;
}

#bg_main #project_detail .post_se_list .tag_list,
#bg_main #project_detail .post_body .tag_list {
	border-top:1px solid #000;
	line-height:1.1em;
	background:none;
}

#bg_main #project_detail .post_se_list .tag_list a,
#bg_main #project_detail .post_body .tag_list a {
	border-left:3px solid #333;
}

#bg_main .post_se_list .list_box {
	border-top:1px solid #000;
}

#bg_main .post_se_list .list_box li a .hover_slide {
	position:absolute;
	top:-102px;
	left:-322px;
	transition:.1s;
}

#bg_main .post_se_list .list_box li a:hover .hover_slide {
	position:absolute;
	top:0px;
	left:0px;
	transition:.1s;
}

#bg_main #project_detail h3 {
	border-top:1px solid #000;
}

#bg_main .member_list ul li .staff_photo_box .mask,
#bg_main .member_list ul li a .mask {
	background:url(/lib/img/project/mask_wt_s.png) no-repeat 0 0;
}

#bg_main #two_col .left .each_menu li a {
	color:#FFF;
	background:url(/lib/img/project/bg_menu_arrow_wh.png) no-repeat 7px 12px;
	background-size:8px 10px;
}

#bg_main #two_col .left .each_menu li a.active,
#bg_main #two_col .left .each_menu li a:hover {
	background:url(/lib/img/project/bg_menu_arrow_wh_on.png) no-repeat 7px 12px;
	background-size:8px 10px;
}

#bg_main #list_page_btn a {
	color:#FFF;
}
/* 4.Projects------------------END-------------------- */





/* 5.Member----------------------------------------- */
#bg_main #member_list h3 {
	border-top:1px solid #000;
}

#bg_main .member_list ul li.staff a .photo {
	background:url(/lib/img/project/btn_staff_bk.png) #000 no-repeat 0 -2px;
}

#bg_main #member_box .cate_pro {
	border-bottom:1px solid #000;
}

#bg_main .member_body .photo .mask {
	background:url(/lib/img/project/mask_wt_l.png) no-repeat 0 0;
}

#bg_main .tag_list .keyword a {
	border-left:3px solid #CCC;
	color:#FFF;
}

#bg_main #member_prof h3 {
	border-top:1px solid #000;
}

#bg_main #staff_box h3 {
	border-top:1px solid #000;
}

#bg_main .staff_body ul.each_staff li {
	border-top:1px solid #CCC;
}

#bg_main .staff_body ul.each_staff li:first-child {
	border-top:none;
}
/* 5.Member------------------END-------------------- */








/* 6.etc.----------------------------------------- */
#bg_main .contact_box .caution {
	border-bottom:1px solid #000;
}

#page_contact #bg_main .btn_agree_box {
	border-top:1px solid #000;
}

#page_contact #bg_main .btn_agree_box .btn_agree a {
	background-color:#000;
	color:#FFF;
}

#page_contact #bg_main .check_agree {
	border-top:1px solid #000;
}

#bg_main .contact_box .article .cform_box .cf_title {
	background:url(/lib/img/about/menu_bg_on.png) no-repeat 0 24px;
}

#bg_main .contact_box .article .cform_box .submit_btn input[type="submit"] {
	background-color:#000;
	color:#FFF;
}

#bg_main .tag_title {
	border-bottom:1px solid #000;
}

#bg_main .post_body hr {
	border:1px solid #000;
}

#bg_main .page-header {
	border-bottom:1px solid #000;
}

#bg_main #tag_bg {
	background:url(/lib/img/etc/tagbg_wh.png) no-repeat center top;
}

#bg_main .wp-pagenavi a:hover,
#bg_main .wp-pagenavi span.current {
  border-color: #000;
}

#bg_main #publications .search_result_serchbox {
	background-color:#D9D9D9;
	color:#000;
}

#bg_main #publications .search_result_serchbox button[type="submit"] {
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
}

#bg_main .pub_list ul li a {
	background:url(/lib/img/project/mask_wt_s.png) #000 0 0;
	color:#FFF;
	text-decoration:none;
}

#bg_main #publications h2.h_cat_title {
	border-bottom:1px solid #000;
}

#bg_main #publications h3 {
	border-bottom:1px solid #000;
}



#bg_main .list_box li.clr_01 a {background-color:#c139e4;}
#bg_main .list_box li.clr_02 a {background-color:#260c90;}
#bg_main .list_box li.clr_03 a {background-color:#5c88cb;}

#bg_main .list_box li.clr_04 a {background-color:#258a8a;}
#bg_main .list_box li.clr_05 a {background-color:#5ca14b;}
#bg_main .list_box li.clr_06 a {background-color:#a57937;}

#bg_main .list_box li.clr_07 a {background-color:#728913;}
#bg_main .list_box li.clr_08 a {background-color:#871818;}
#bg_main .list_box li.clr_09 a {background-color:#b93383;}
#bg_main .list_box li.clr_10 a {background-color:#20a254;}

#bg_main .list_box li.clr_01 a .hover_slide,
#bg_main .list_box li.clr_02 a .hover_slide,
#bg_main .list_box li.clr_03 a .hover_slide,
#bg_main .list_box li.clr_04 a .hover_slide,
#bg_main .list_box li.clr_05 a .hover_slide,
#bg_main .list_box li.clr_06 a .hover_slide,
#bg_main .list_box li.clr_07 a .hover_slide,
#bg_main .list_box li.clr_08 a .hover_slide,
#bg_main .list_box li.clr_09 a .hover_slide,
#bg_main .list_box li.clr_10 a .hover_slide {background-color:#333;}

/* 6.etc.------------------END-------------------- */
