@charset "utf-8";

/* 目次--------------------------------------------------- */

/* 1.共通制御 -------------------------------------------- */

/* 2.共通パーツ ------------------------------------------ */

/* 3.共通テキスト ---------------------------------------- */

/* 4.head ------------------------------------------------ */

/* 5.foot ------------------------------------------------ */

/* 6.rightカラム ----------------------------------------- */





/* 1.共通制御 -------------------------------------------- */
a:link {text-decoration:underline; color:#fff;}
a:visited {text-decoration:underline;  color:#fff;}
a:hover {text-decoration:none; color:#fff;}
a:active {text-decoration:none;  color:#fff;}

.bg_white a:link {text-decoration:underline; color:#000;}
.bg_white a:visited {text-decoration:underline;  color:#000;}
.bg_white a:hover {text-decoration:none; color:#000;}
.bg_white a:active {text-decoration:none;  color:#000;}

.clearfix {zoom: 100%;} 

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

.flr {float:right;}
.fll {float:left;}

.maT5 {margin-top:5px;}
.maT10 {margin-top:10px;}
.maT15 {margin-top:15px;}
.maT20 {margin-top:20px;}
.maT25 {margin-top:25px;}
.maT30 {margin-top:30px;}
.maT35 {margin-top:35px;}
.maT40 {margin-top:40px;}
.maT45 {margin-top:45px;}
.maT50 {margin-top:50px;}
.maT55 {margin-top:55px;}
.maT60 {margin-top:60px;}
.maT65 {margin-top:65px;}
.maT70 {margin-top:70px;}


.maB5 {margin-bottom:5px;}
.maB10 {margin-bottom:10px;}
.maB15 {margin-bottom:15px;}
.maB20 {margin-bottom:20px;}
.maB25 {margin-bottom:25px;}
.maB30 {margin-bottom:30px;}
.maB60 {margin-bottom:60px;}

.maR5 {margin-right:5px;}
.maR10 {margin-right:10px;}
.maR15 {margin-right:15px;}
.maR20 {margin-right:20px;}
.maR30 {margin-right:30px;}

.maL5 {margin-left:5px;}
.maL10 {margin-left:10px;}
.maL15 {margin-left:15px;}
.maL20 {margin-left:20px;}
.maL25 {margin-left:25px;}
.maL30 {margin-left:30px;}

.txal_center {text-align:center;}
.txal_right {text-align:right;}

/* 1.共通制御 ------------------END---------------------- */




/* 2.共通パーツ ------------------------------------------ */
body {
	color:#000000;
	width:100%;
	margin:0;
	background-color:#ffffff;
	-webkit-text-size-adjust:100%;
	word-wrap:break-word;
}

#contents {
	padding:25px 0 20px 0;
	position:relative;
	min-height:500px;
}

.bg_black #contents {
	background-color:#000;
}

.bg_white #contents {
	background-color:#fff;
}

#contents .inner {
	margin:0 auto;
	width:900px;
	color:#FFF;
}

.bg_white #contents .inner {
	color:#000;
}

#mainCanvas {
	background-color:#000;
	position:absolute;
	top:-1000px;
	left:0;
}

.page-id-344 #mainCanvas {
	background-color:#000;
	position:relative;
	top:auto;
	left:auto;
}

.bg_white #mainCanvas {
	background-color:#FFF;
}

#contents_box h3 {
}

#contents_box h4 {
}

#fade_open {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
	z-index:100;
	text-align:center;
	padding-top:100px;
}

/* 2.共通パーツ ----------------END----------------------- */




/* 3.共通テキスト ---------------------------------------- */
.disn {display:none;}

.txt_bold {font-weight:700;}

.fs10 {font-size:84%;}
.fs11 {font-size:92%;}
.fs13 {font-size:108%;}
.fs14 {font-size:116%;}

.fc_red {color:#FF0000;}

.var_bo .en,
.var_bo .jp {display:none;}
.var_jp .en {display:none;}
.var_en .jp {display:none;}

.var_jp .only-en {display:none!important;}
.var_en .only-jp {display:none!important;}

/*.en {
	font-family:Arial, Helvetica, sans-serif;
}

.jpn {
	display:none;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,sans-serif;
}

em {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,sans-serif;
}*/
/* 3.共通テキスト --------------END----------------------- */




/* 4.head ------------------------------------------------ */
#header {
	width:100%;
	background-color:#FFF;
	min-height:110px;
}

.bg_white #header {
	background-color:#000;
}

#header .inner {
	width:900px;
	margin:0 auto;
	padding:20px 0 10px 0;
}

#header .left h1#logo_csl {
	float:left;
	height:76px;
	width:150px;
	position:relative;
}

#header .left h1#logo_csl:after {
	display:block;
	content:"Sony Computer Science Laboratories, Inc.";
	height:76px;
	width:150px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.bg_black #header .left h1#logo_csl:after {color:#000;}
.bg_white #header .left h1#logo_csl:after {color:#fff;}

.bg_black #header .left h1#logo_csl a {
	display:block;
	height:76px;
	width:150px;
	background:url(../img/logo_csl_pc_bk.png) no-repeat 0 0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}

.bg_white #header .left h1#logo_csl a {
	display:block;
	height:76px;
	width:150px;
	background:url(../img/logo_csl_pc_wt.png) no-repeat 0 0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}

#header .left h1#logo_csl span {
	display:none;
}

#header .right {
	float:right;
	width:750px;
}

#sony_header {
	background-color:#000;
	height:50px;
}

#sony_header .inner {
	width:900px;
	margin:0 auto;
	padding-top:10px;
}


#logo_sony {
	float:left;
	width:100px;
	height:34px;
	margin-left:0px;
	position:relative;
}

#logo_sony:after {
	display:block;
	content:"SONY";
	width:100px;
	height:34px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	color:#FFF;
}

#logo_sony:after {color:#fff;}

#logo_sony a {
	display:block;
	background:url(../img/logo_sony_wt.png) no-repeat -10px 0;
	width:100px;
	height:34px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}

#logo_sony a span {
	display:none;
}

#hr_menu span {
	display:none;
}

#hr_menu #lang_change {
	padding-top:10px;
}

#hr_menu #lang_change ul li {
	float:right;
	line-height:1.2em;
	color:#FFF;
	font-size:12px;
	padding:0 5px;
	cursor:pointer;
}

#hr_menu #lang_change ul li:first-child {
	border-left:1px solid #FFF;
}

#hr_menu #lang_change ul li#bgclr_black {
	border-right:1px solid #FFF;
}

#hr_menu #lang_change ul li#bgclr_white {
	padding-right:50px;
}

#hr_menu #lang_change ul li.active {
	color:#999999;
	cursor:default;
}

#header .right #gnavi {
	padding:46px 0 0 0;
	text-align:right;
}

#header .right #gnavi li {
	display:inline-block;
	padding:0 0 0 10px;
	font-size:13px;
}

#header .right #gnavi li a {
	line-height:1.1em;
	text-decoration:none;
	color:#000;
	padding:0 3px;
}

#page_about #header .right #gnavi li#gnavi_01 a,
#page_news #header .right #gnavi li#gnavi_02 a,
#page_member #header .right #gnavi li#gnavi_03 a,
#page_projects #header .right #gnavi li#gnavi_04 a,
#page_event #header .right #gnavi li#gnavi_05 a,
#page_publications #header .right #gnavi li#gnavi_06 a,
#page_contact #header .right #gnavi li#gnavi_07 a,
#header .right #gnavi li.active a,
#header .right #gnavi li a:hover {
	border-bottom:3px solid #000;
}

#page_about .bg_white #header .right #gnavi li#gnavi_01 a,
#page_news .bg_white #header .right #gnavi li#gnavi_02 a,
#page_member .bg_white #header .right #gnavi li#gnavi_03 a,
#page_projects .bg_white #header .right #gnavi li#gnavi_04 a,
#page_event .bg_white #header .right #gnavi li#gnavi_05 a,
#page_publications .bg_white #header .right #gnavi li#gnavi_06 a,
#page_contact .bg_white #header .right #gnavi li#gnavi_07 a,
.bg_white #header .right #gnavi li.active a,
.bg_white #header .right #gnavi li a:hover {
	border-bottom:3px solid #FFF;
}

.bg_white #header .right #gnavi li.active a,
.bg_white #header .right #gnavi li a:hover {
	border-bottom:3px solid #FFF;
}

.bg_white #header .right #gnavi li a {
	color:#FFF;
}

#header .right #gnavi .sp_gnavi_btn {
	display:none;
}

#header .right #gnavi .sp_gnavi_btn .sr-only {
	display:none;
}
/* 4.head ----------------------END----------------------- */




/* 5.foot ------------------------------------------------ */
#footer {
	background-color:#FFF;
	padding:10px 0;
	color:#000;
	font-size:12px;
}

.bg_white #footer {
	background-color:#000;
	color:#FFF;
}

#footer .inner {
	width:900px;
	margin:0 auto;
}

#footer .inner .left {
	float:left;
	width:550px;
}

#footer .inner .right {
	float:right;
	width:350px;
	text-align:right;
}

#footer .inner a {color:#000; text-decoration:none;}
#footer .inner a:hover {text-decoration:underline;}

.bg_white #footer .inner a {color:#FFF;}

#footer .inner .left #ft_search {
	float:left;
	width:265px;
}

#footer .inner .left #ft_search input[type="text"] {
	width:150px;
	border:1px solid #808080;
	background-color:#808080;
	padding:5px 5px 4px 5px;
	color:#FFF;
	font-size:13px;
}

.bg_white #footer .inner .left #ft_search input[type="text"] {
	border:1px solid #FFF;
	background-color:#FFF;
	color:#000;
}

#footer .inner .left #ft_search input[type="submit"] {
	width:50px;
	border:1px solid #808080;
	background-color:#ffffff;
	padding:5px 5px 4px 5px;
	color:#000;
	font-size:13px;
}

.bg_white #footer .inner .left #ft_search input[type="submit"] {
	border:1px solid #cccccc;
	background-color:#cccccc;
	color:#000;
}

#footer .inner .left ul {
	margin-top:3px;
}

#footer .inner .left ul li {
	float:left;
	line-height:1.2em;
	padding:0 5px 0 5px;
	border-right:1px solid #000;
}

.bg_white #footer .inner .left ul li {
	border-right:1px solid #FFF;
}

#footer .inner .left ul li:first-child {
	border-left:1px solid #000;
}

.bg_white #footer .inner .left ul li:first-child {
	border-left:1px solid #FFF;
}

#footer .inner .left ul li a {
	line-height:1.2em;
}

#footer .inner .left ul li a span {
	line-height:1.2em;
}

#footer .copy {
	padding-top:30px;
	font-size:10px;
	text-align:right;
}
/* 5.foot ----------------------END----------------------- */


/* 6.rightカラム ----------------------------------------- */


/* 6.rightカラム ---------------END----------------------- */