/*============================================================
font
============================================================*/
* {
   font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" !important;
}
.font_l {
	font-size : 14pt;
}
.font_s {
	font-size : 8pt;
}
/*============================================================
top control
============================================================*/
#topcontrol > div {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;
	bottom: 40px;
	cursor: pointer;
	height: 37px;
	position: absolute;
	right: 15px;
	width: 37px;
	-webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow: 2px 2px 0px 0#e2e4e4;
	box-shadow: 2px 2px 0px 0px #e2e4e4;	
	z-index:5;
}
.topcontrol-arrow-up {
	content: '';
	position: absolute;
	left: 11px;
	top: 15px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
}
.colored-bg {
	background-color: #C0C0C0;
}

/*============================================================
layout
============================================================*/
#separator {
	width:100%;
}
#separator h4 { margin:20px 0;}

/*============================================================
header
============================================================*/
#header_r {
	float: right;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}
#header_r p {
	margin-bottom: 0px;
}
#header_r a,
#header_r a:visited,
#header_r a:hover {
	text-decoration : none;
	color: #000000;
}

/******************* TOP MENU ****************/
.fix-fish-menu { position:relative; z-index: 9000; }
#menu-wrapper {
	background-color: #f7f8f7;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 25px;
	width: 100%;
	height: auto;
}
#menu {	float: left; margin-top: 5px;}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { float:  left; }
.sf-menu ul { position: fixed absolute; top: -999em; text-align:left; }
.sf-menu ul li {
	-webkit-box-shadow:  2px 2px 0px 0px #fff;
	-moz-box-shadow:  2px 2px 0px 0px #fff;
	box-shadow:  2px 2px 0px 0px #fff;   
}

.sf-menu li:hover { 
	visibility:	inherit;
	border: 1px solid #cacbcb;
	-webkit-box-shadow:  2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow:  2px 2px 0px 0px #e2e4e4;
	box-shadow:  2px 2px 0px 0px #e2e4e4;
}
.sf-menu li {
	float: left;
	position: relative; 
	border: 1px solid #fff;
	-webkit-box-shadow:  2px 2px 0px 0px #fff;
	-moz-box-shadow:  2px 2px 0px 0px #fff;
	box-shadow:  2px 2px 0px 0px #fff;
	margin-right: 5px;
	margin-bottom: 20px;	
}

.sf-menu a { display:block; text-decoration: none; 	position:relative; 	text-decoration: none; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 35px; /* match top ul list item height */ z-index: 199; }
.sf-menu li a {	color: #999; padding: 5px 10px; text-decoration: none; }
.sf-menu li a:hover {  /*color:#bababa; */}
.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em;z-index: 9999; }
.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:14.7em; top:-1.7em;  }
.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; z-index:9999;}
.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 11.3em; top: 0;  }

ul.sf-menu li a:hover { color:#4d4c4c; text-decoration: none; }
ul.sf-menu li.active a { color:#4d4c4c!important; }
ul.sf-menu li.active { border: 1px solid #cacbcb; -webkit-box-shadow:  2px 2px 0px 0px #e2e4e4; -moz-box-shadow:  2px 2px 0px 0px #e2e4e4; box-shadow:  2px 2px 0px 0px #e2e4e4; }
.sf-menu a, .sf-menu a:visited  { }
.sf-menu li ul li a {
	font-size: 11px !important; 
	text-transform:capitalize !important;
}
.sf-menu li ul li {
}

.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	outline: 0;	
	color:#4D4C4C !important;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
}

.sf-menu li ul li {
	background-color:white;
	border: 1px solid #CACBCB;
	-webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow: 2px 2px 0px 0px #e2e4e4;
	box-shadow: 2px 2px 0px 0px #e2e4e4;	
	margin-bottom:4px;
	padding: 5px 10px;	
	width:140px;
}
.sf-menu li ul li ul { margin-left:25px; margin-top:15px;}

.sf-menu li ul li:hover, .sf-menu li:hover { background-color:#f5f5f5; }
.sf-menu li ul li, .sf-menu li {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.sf-menu li ul li a { font-size:11px; color:#868787; padding: 0px; }


.fix-fish-menu select {
	display: none;
	width:  100%;
	height: 28px;
	margin: 21px 0;
}

/*============================================================
contens
============================================================*/

.fc-comment { height: 65px; margin-top: 1px; }
.fc-comment p { margin-bottom: 0; }
.fc-comment2 { margin-bottom: 26px;}
.fc-comment2 p { margin: 0; padding: 0; margin-left: 10px; }
.fc-h6comment { margin-top: 10px; margin-left: 20px; }
.fc-h6comment p { }
.fc-thumbs { }
.fc-thumbs img { margin-left: 30px; border-style: solid; border-width: 1px; }

.container .columns.lp-header { margin-bottom:40px; }
.nav-projects { border-top: 1px solid #e2e5e6; position:absolute; width:inherit; top:10px;}
.header-block h4 { background-color: white; display: inline-block; padding-right: 15px; position:relative; z-index:1; }
.header-block h6 { background-color: white; display: inline-block; padding-right: 15px; position:relative; z-index:1; }
.grey-line { border-top: 1px solid #686969; position:absolute; width: 15px; height: 1px; left:109px; top:-1px;}

/******************* SETUP BLOCK ****************/
#setup-block { margin-top: 20px; }
#setup-block p { line-height: 140%; }
#setup-block h5 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
#setup-block ul { margin-bottom:0; }
#setup-block ul li { margin-left: 30px; margin-right: 10px; list-style:square }

/*============================================================
footer
============================================================*/
#footer {
	background-color:#f7f8f7;
	border-top: 1px solid #e7e7e7;	
	margin-top: 15px;
	width:100%;
	height:auto;
}
#footer .copyright { color:#ababab; font-size:11px; text-align:center; }
#footer .copyright p { margin-top: 5px; }
#footer .container { padding-top :15px; }

/******************* BOTTOM MENU ****************/
#secondary-nav { position: relative;  }
#secondary-nav li { float: left; list-style-type: none;	margin-left: 27px; font-size: 12px }
#secondary-nav ul { float:right; margin-bottom: 5px; }
#secondary-nav li a { color:#898a8a; text-decoration:none; }
#secondary-nav li a:hover { color:#333; }

/*============================================================
Media Queries
============================================================*/

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        .container { width: 700px; }
		#secondary-nav li { font-size: 10px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.sf-menu li { width: 250px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#menu { float: none; margin-top: 0px; }
		.fix-fish-menu select {	display: block; }
		#secondary-nav { display: none; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#menu { float: none; margin-top: 0px; }
		.fix-fish-menu select {	display: block; }
		#secondary-nav { display: none; }
	}