@charset "UTF-8";

/****************************************
          General Setting
*****************************************/

body {
	font-size: 14px;
}

body {
	background-color: rgb(255,255,255);
}


/****************************************
          Main Section
*****************************************/

#header {
	background-color: rgb(255,255,255);
	background:rgba(255,255,255,0.9);
}

#footer {
	background-color: rgb(255,255,255);
	background:rgba(255,255,255,0.9);
}

#contents .page{
	color: rgb(127,127,127);
}
.header_title_black_div{
	opacity: 0.0;
}
.header_title_white_div{
	opacity: 1.0;
}

#project_description{
}


#description_control{
	color: #999;
	-webkit-transition: .1s linear;
	-moz-transition:.1s linear;
	-o-transition:.1s linear;
	transition:.1s linear;
}

#description_control:hover{
	color: #111;
	-webkit-transition: .1s linear;
	-moz-transition:.1s linear;
	-o-transition:.1s linear;
	transition:.1s linear;
}

#project_description{
	color: #333;
	background-color: rgba(255,255,255,0.8);

}

span.header_title{
	color:rgb(0, 0, 0);
}

span.top_header_title{
	color: rgb(0, 0, 0);
}

span.header_project_title{
	color:rgb(0,0,0);
}

.signature{
	color: #333;
}

#top_logo{
	background-image:url(../images/parts_img/top_logo_white.svg);
}

/****************************************
          Navigation
*****************************************/

#menu_top{
	background-image:url(../images/parts_img/menu_white_led.svg);
}
#menu_top a{
	background-image:url(../images/parts_img/menu_white_led.svg);}

#menu_info{
	background-image: url(../images/parts_img/menu_white_info.svg);
}
#menu_info a{
	background-image: url(../images/parts_img/menu_white_info.svg);
}

#menu_blog{
	background-image: url(../images/parts_img/menu_white_blog.svg);
}
#menu_blog a{
	background-image: url(../images/parts_img/menu_white_blog.svg);
}

#menu_portfolio{
	background-image: url(../images/parts_img/menu_white_portfolio.svg);
}
#menu_portfolio a{
	background-image: url(../images/parts_img/menu_white_portfolio.svg);
}

#menu_store{
	background-image: url(../images/parts_img/menu_white_store.svg);
}
#menu_store a{
	background-image: url(../images/parts_img/menu_white_store.svg);
}

#menu_about{
	background-image: url(../images/parts_img/menu_white_about.svg);
}
#menu_about a{
	background-image: url(../images/parts_img/menu_white_about.svg);
}

ul.menu li a:hover{
	background-color: rgb(255,255,255);
	
	-webkit-transition: .2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear;
	
}
ul.menu li.info_list_item a{
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);
	background-color:rgba(255,255,255,0.5);
	
	-webkit-transition: .2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear;
}
ul.menu li.info_list_item a:hover{
	color: rgb(255,255,255);
	background-color: rgb(0,0,0);
	
	-webkit-transition: .1s linear;
	-moz-transition:.1s linear;
	-o-transition:.1s linear;
	transition:.1s linear;
}


.project_category_title{
	color: rgb(128,128,128);
}

.store_category_title{
	color: rgb(128,128,128);
}

.project_list_break{
	color: rgb(50,50,50);
}

a div.project_list_item span.project_subtitle{
	color: rgb(255,255,255);
	opacity: 0.0;
}

a:hover div.project_list_item span.project_subtitle{
	opacity: 1.0;
}

a div.project_list_item span.project_title{
	color: rgb(0, 0, 0);
	
	-webkit-transition: .2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear;
}

a:hover div.project_list_item span.project_title{
	color: rgb(255,255,255);
}

div.project_list_item{
	background-color: rgba(255,255,255,0);
	
	-webkit-transition: .2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear;
}

a:hover div.project_list_item {
	background-color: rgb(0,0,0);
	
	-webkit-transition: .1s linear;
	-moz-transition:.1s linear;
	-o-transition:.1s linear;
	transition:.1s linear;
}

.book_list_item_img{
	background-color: rgb(242,242,242);
}


a .book_list_item{
	background-color: rgba(255,255,255,0.8);
	color: rgb(0,0,0);
		
	-webkit-transition: .1s linear;
	-moz-transition:.1s linear;
	-o-transition:.1s linear;
	transition:.1s linear;
}

a:hover .book_list_item{
	background-color: rgba(0,0,0,1.0);
	color: rgb(255,255,255);
	
	-webkit-transition: .1s linear;
	-moz-transition:.1s linear;
	-o-transition:.1s linear;
	transition:.1s linear;
}


.store_list_item_img{
	background-color: rgb(242,242,242);
}