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


ORTUS INDEX
121228
140501
150617

******************************************************/

/*****************************************************

special

*****************************************************/

#special {
	z-index: 999;
	position: absolute;
	right: 0;
	top: 3;
	font-size: 85%;
	letter-spacing: 1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #e8e5c2 url(/common/img/info_2_2.gif);
	padding: 0 5px;
}
#special a:link, #special a:visited {
	color: #333;
}
#special a:hover {
	color: #999;
	text-decoration: none;
}
#mainimg {
	width: 100%;
	height: 471px;
	display: block;
	background: url(/topimg/slider/index_mainimg_line.gif) center top no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	overflow: hidden;
}
#slider {
	background: url(/common/img/mainimg_bg.png) bottom center no-repeat;
	width: 1186px;
	height: 456px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#slider img {
	margin: 0 auto;
}
#slider_nav {
	list-style: none;
	padding-top: -20px;
	width: 92px;
	margin: 0 auto;
}
#slider_nav li a {
	float: left;
	margin: 0 5px;
	width: 10px;
	height: 11px;
	display: block;
}
#slider_nav li a:link, #slider_nav li a:visited {
	text-indent: -9999px;
	background: url(/topimg/slider/marker_off.jpg) no-repeat;
}
#slider_nav li a:hover {
	text-indent: -9999px;
	background: url(/topimg/slider/marker_on.jpg) no-repeat;
}
#slider_nav li.activeSlide a {
	text-indent: -9999px;
	background: url(/topimg/slider/marker_on.jpg) no-repeat;
}
#slider_nav a:focus {
	outline: none;
}
/*****************************************************

PRODUCTS

*****************************************************/

#products_area {
	width: 980px;
	margin: 57px auto 0 auto;
	height: 464px;
	text-align: center;
}
#products_thumbs {
	width: 1000px;
	margin: 16px 0 42px -20px;
}
.prod_entry_asset {
	width: 180px;
	height: 160px;
	float: left;
	margin: 0 0 10px 20px;
}
.prod_entry_asset a .mesh {
	background: transparent;
	z-index: 999;
	width: 180px;
	height: 160px;
	position: absolute;
	display: none;
}
.prod_entry_asset a:hover .mesh {
	display: block;
	width: 180px;
	height: 160px;
	text-align: center;
	font-size: 93%;
}
.prod_entry_asset a img {
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.prod_entry_asset a:hover img {
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}
.prod_entry_asset .mesh span {
	display: block;
	padding: 80px 0 0 0;
	color: #000;
	text-decoration: none;
	line-height: 1.6;
}
.prod_entry_asset .mesh span h3 {
	font-size: 100%;
}
.prod_category {
	font-size: 85%;
}
/*****************************************************

PHILOSOPHY

*****************************************************/

#philo_area {
	width: 100%;
	height: 450px;
	background: #fff url(/topimg/philo/bg_philo.gif);
}
#philo_inner {
	width: 1028px;
	height: 327px;
	margin: 0 auto;
	padding-top: 61px;
}
#photo_philo {
	float: left;
	width: 448px;
	height: 327px;
}
#philo_txt {
	float: left;
	width: 530px;
	margin: 40px 0 0 50px;
	font-size: 93%;
}
#philo_txt h2, #original_txt h2 {
	margin-bottom: 30px;
}
/*****************************************************

ORIGINALITY

*****************************************************/

#original_area {
	margin: 0 auto 0 auto;
	height: 517px;
	background: url(/topimg/original/bg_original.gif);
}
#original_inner {
	width: 980px;
	height: 517px;
	margin: 0 auto;
	position: relative;
}
#original_txt {
	width: 454px;
	padding-top: 53px;
}
#original_txt a:link {
	color: #333;
}
.speciality {
	width: 454px;
	height: 94px;
	margin-top: 11px;
}
#photo_original2015 {
	background: url(/topimg/original/original_photo2015.png) 0 0 no-repeat;
	width: 585px;
	height: 587px;
	position: absolute;
	top: -38px;
	right: -52px;
	background-size: 585px 587px;
	z-index: 10;
}
/*****************************************************

DIARY

*****************************************************/

#diary_area {
	margin: 0 auto 0 auto;
	height: 384px;
	background: url(/topimg/diary/bg_diary.gif);
}
#diary_inner {
	width: 980px;
	height: 384px;
	margin: 0 auto;
}
#diary_inner h2 {
	margin-bottom: 71px;
	padding-top: 45px;
}
#diary_thumbs {
	width: 1096px;
	height: 140px;
	margin: 0 0 0 -66px;
}
.diary_entry_asset {
	width: 121px;
	height: 140px;
	float: left;
	margin: 0 0 0 16px;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: 85%;
	color: #999;
}
.diary_mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
a .diary_photo {
	width: 121px;
	height: 121px;
	display: block;
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
a:hover .diary_photo {
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}
#btn_view_diary {
	float: right;
	width: 84px;
	height: 17px;
	padding-top: 55px;
	margin-right: 58px;
}