@charset "UTF-8";
/* menu css */

/* ------------ 左カラム ------------ */
#header #leftColumn {
	width: 664px;
	height: 56px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	/* logo */
	#leftColumn .logo {
		margin: 10px 0 0 300px;
		height: 60px;
		text-indent: -9999px;
	}
	#leftColumn .logo img {
		height: 50px;
		float: left;
		
	}
	#leftColumn .logo a { text-decoration: none; }

	/* search */
	#header .search {
		display: none;
		height: 32px;
		background: #000;
		position: relative;
		z-index: 10;
	}
	#header .search.act { display: block; }
	
	#header .search .freeword input[type=text] {
		float: left;
		width: 225px;
		margin: 2px 0 0 30px;
	}
	#header .search .freeword input[type=submit] { right: 125px; }
	#header .search .freeword p {
		width: 125px;
		height: 22px;
		margin-left: 255px;
		padding: 10px 0 0 19px;
		color: #fff;
		font-size: 14px;
		line-height: 1;
		background: url(../images/common/icon_downarrow_white.png) no-repeat 93px 13px;
		background-size: 16px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
/* ------------ 右カラム ------------ */
#header #rightColumn {
	width: 286px;
	height: 60px;
	position: absolute;
	top: 14px;
	right: 0;
	text-indent: -9999px;
}
	#rightColumn .contact a {
		display: block;
		float:left;
		width: 100px;
		height: 44px;
		background: url(../images/common/bg_contact.jpg) no-repeat 0 0; 
		background-size: 100px auto;
		margin-right:10px;
	}
	#rightColumn .contact a:hover { background-position: 0 -44px !important; }
	#rightColumn .login a {
		display: block;
		float:left;
		width: 100px;
		height: 44px;
		background: url(../images/common/bg_login.jpg) no-repeat 0 0; 
		background-size: 100px auto;
		margin-right:10px;
	}
	#rightColumn .login a:hover { background-position: 0 -44px !important; }
#rightColumn .lang2{
	float:left;
	width: 56px;
	height: 44px;
	background-size: 56px auto;
}
	.lang2 li a {
		display: block;
		height: 22px;
	}
	.lang2 li.japanese a {
		width: 56px;
		background: url(../images/common/bg_jp_en.jpg) no-repeat 0 0;
		background-size: 56px auto;
	}
	.lang2 li.english a:hover { background-position: 0 -66px !important; }
	.lang2 li.english a {
		width: 56px;
		background: url(../images/common/bg_jp_en.jpg) no-repeat 0 0;
		background-size: 56px auto;
		background-position: 0 -22px;
	}
#rightColumn .lang2 li.japanese.act a {
	background: url(../images/common/bg_jp_en.jpg) no-repeat 0 0;
	background-position: 0 -44px !important;
	}
#rightColumn .lang2 li.english.act a {
	background: url(../images/common/bg_jp_en.jpg) no-repeat 0 0;
	background-position: 0 -66px !important;
	}
	
	.lang div{ float:left;}
	.lang div:hover,
	.lang div.act { background-position: 0 -32px; }
	.lang div a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}
	
/* 絞り込み検索 */
#spreadarea {
	display: none;
	width: 100%;
	padding-bottom: 14px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	position: absolute;
	top: 152px;
	left: 0;
}	
	#spreadarea select {
		height: 32px;
		width: 320px;
		margin-right: 40px;
	}
	#spreadarea select[name="category"] { width: 430px; }
	
	#spreadarea label[for="has_detail"] { top: 8px; }
	#spreadarea table {
		border-collapse: collapse;
		margin: 6px 30px 0;
	}
	#spreadarea table th,
	#spreadarea table td { padding: 10px 0; }
	#spreadarea table tr:first-child th,
	#spreadarea table tr:first-child td { border-bottom: solid 1px #383838 }
	#spreadarea table th { width: 210px }
	#spreadarea table td + th {
		width: 180px;
		padding-left: 40px;
	}
	#spreadarea table tr.region th { vertical-align: top; }

/* ------------ メインメニュー ------------ */

#header #navi { height: 52px; margin-top:68px; }

#navi .navi1 {}

	#navi ul {
		float: left;
		height: 52px;
		overflow: hidden;
	}
	#navi ul li {
		list-style: none;
		float: left;
	}

	#navi ul li a  {
		display: block;
		height: 52px;
		text-decoration: none;
		font-size: 20px;
		color: #000;
		line-height: 1em;
	}



	#navi .drawerBtn {
		text-indent: -9999px;
		height: 52px;
		cursor: pointer;
	}
	#navi .navi1 .drawerBtn {
		float: left;
		background: url(../images/common/bg_drawer_01.png) no-repeat 0 0;
		background-size: 210px auto;
		width: 210px;
	}
	#navi li.n01 > a {
		width: 110px;
		background: url(../images/common/navi01.png) no-repeat 0 0;
		background-size: 110px auto;
	}
	#navi li.n02 > a {
		width: 120px;
		background: url(../images/common/navi02.png) no-repeat 0 0;
		background-size: 120px auto;
	}
	#navi li.n03 > a {
		width: 120px;
		background: url(../images/common/navi03.png) no-repeat 0 0;
		background-size: 120px auto;
	}

	#navi li.n04 > a {
		width: 120px;
		background: url(../images/common/navi04.png) no-repeat 0 0;
		background-size: 120px auto;
	}
	#navi li.n05 > a {
		width: 120px;
		background: url(../images/common/navi05.png) no-repeat 0 0;
		background-size: 120px auto;
	}
	#navi li.n06 > a {
		width: 120px;
		background: url(../images/common/navi06.png) no-repeat 0 0;
		background-size: 120px auto;
	}
	#navi li.n07 > a {
		width: 120px;
		background: url(../images/common/navi07.png) no-repeat 0 0;
		background-size: 120px auto;
	}
	#navi li.n08 > a {
		width: 120px;
		background: url(../images/common/navi08.png) no-repeat 0 0;
		background-size: 120px auto;
	}

	/* hover */
	.navi1 > ul > li > a:hover,
	.navi1 > ul > li.act > a{ background-position: 0 -52px !important; }
	
	.navi1 > ul > li.current > a{ background-position: 0 -104px !important; }

/* アクティブ */
#navi li a:hover,
#navi .child.hover li.act a { color: #ec2c2c; }
#navi .navi1 li a:hover .ja { color: #333; }
#navi .navi2 li a:hover .ja { color: #fff; }


/* 子カテゴリ */
#navi div.child {
	display:none;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 10px 10px 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(236,44,44,0.8);
	z-index: 100;
}
#navi li.n02  div.child{width:200px; left: 110px;}
#navi li.n03  div.child{width:200px; left: 230px;}
#navi li.n04  div.child{width:350px; left: 350px;}
#navi li.n05  div.child{width:200px; left: 470px;}
#navi li.n06  div.child{width:200px; left: 590px;}
#navi li.n07  div.child{width:270px; left: 710px;}
#navi li.n08  div.child{width:250px; left: 830px;}

#navi div.child ul{
	float:none;
	height: auto;
	margin-bottom:10px;
	}
#navi ul li div.child ul li{
	display:block;
	float:none;
	height:20px;
	line-height:140%;
	color:#FFF;
	}
#navi div.child.hover li{
	display:block;
	background-image: none;
	}
#navi .navi2 a { color: #fff; }
#navi div.child li a{
	display:block;
	line-height: 150%;
	font-size: 14px;
	color:#FFF;
}
#navi div.child li:first-child a{ }
#navi div.child li a{}
#navi div.child li:last-child a,
#navi div.child li:last-child a { padding-right: 34px !important; }

/* current */

#navi .child.current {
	display: block;
	top: 80px;
	padding: 0 155px 0 380px;
}
#navi .child.current ul {
	width: 100%;
	background: transparent;
}

#navi .child.current ul li,
#navi .parallax_navi ul li { background: url(../images/common/bg_vline_white.gif) no-repeat left center; }
#navi .child.current ul li:first-child,
#navi .parallax_navi ul li:first-child,
#navi li.project .child.current ul li { background-image: none;  }
#navi .child.current a{
	color: #fff;
	padding: 0 15px;
}
#navi .child.current a:hover { color: #6e0000; }


/* hover */
/*#navi li a:hover + .child.hover { display: block; }*/
/*#navi li a:hover + .child.hover ul { display: block !important; }*/
/*#navi .child.hover:hover { display: block !important; }*/
/*#navi .child.hover:hover ul { display: block !important; }*/
#navi .navi1 .child.hover {
	z-index: 10;
	padding: 0 585px 0 380px;
}
#navi .navi2 .child.hover {
	z-index: 10;
}
#navi .navi1 .child.hover ul { background: #fff; }
#navi .navi1 .child.hover li a { font-weight: bold; }

/* slide */
#navi .child .slide_wrap {
	display:block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
#navi .child.current .slide_wrap:hover { background: rgba(236,44,44,1); }
#navi .slide_wrap ul { position: absolute; }
#navi .slide_wrap ul li a{ white-space: nowrap; }
#navi .slide_wrap ul .prev,
#navi .slide_wrap ul .next {
	width: 35px;
	height: 32px;
	cursor: pointer;
}
#navi .slide_wrap ul li.prev { background: url(../images/common/icon_doublearrow_l.png) no-repeat right center !important; }
#navi .slide_wrap ul li.next { background: url(../images/common/icon_doublearrow_r.png) no-repeat left center !important; }
#navi .slide_wrap ul li.prev + li { background-image: none !important; }



#navi li.project .child li a{
	padding: 0 0 0 0;
	margin-right: 0;
}
#navi li.project .child li:first-child { margin-left: 0; }
#navi li.project .child li.mappin a {
	background: url(../images/common/icon_pinmark.png) no-repeat 0 center;
	background-size: auto 18px !important;
}
#navi li.project .child li.photo a {
	background: url(../images/uniq/icon_photolist.png) no-repeat 0 center;
	background-size: 14px auto !important;
}
#navi li.project .child li.list a {
	background: url(../images/uniq/icon_listmark.png) no-repeat 0 center;
	background-size: 14px auto !important;
}
#navi li.project .child li.use a {
	background: url(../images/common/icon_questionmark.png) no-repeat 0 center;
	background-size: 10px auto !important;
	padding-left: 20px;
}


#navi li.project .child li.mappin a:hover { background: url(../images/common/icon_pinmark_red.png) no-repeat 0 center; }
#navi li.project .child li.photo a:hover { background: url(../images/common/icon_photolist_red.png) no-repeat 0 center; }
#navi li.project .child li.list a:hover { background: url(../images/common/icon_listmark_red.png) no-repeat 0 center; }
#navi li.project .child li.use a:hover { background: url(../images/common/icon_questionmark_red.png) no-repeat 0 center; }