@charset "UTF-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LibreCaslonText-Regular';
  src: url('fonts/LibreCaslonText-Regular.eot');
  src: url('fonts/LibreCaslonText-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/LibreCaslonText-Regular.woff') format('woff'),
       url('fonts/LibreCaslonText-Regular.ttf') format('truetype'),
       url('fonts/LibreCaslonText-Regular.svg#LibreCaslonText-Regular') format('svg');
}

@font-face {
    font-family: 'dock_51regular';
    src: url('fonts/dock_51-webfont.eot');
    src: url('fonts/dock_51-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dock_51-webfont.woff') format('woff'),
         url('fonts/dock_51-webfont.ttf') format('truetype'),
         url('fonts/dock_51-webfont.svg#dock_51regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.win #main-content {
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.01);
}

.clearfix {zoom:1;}
.clearfix:after,
section:after,
article:after,
footer:after,
ol:after,
dl:after {
  content: ""; 
  display: block; 
  clear: both;
}

.hide {
	display: none;
}

html,
body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
	-webkit-text-size-adjust:none;
}

a {
	color: #2a37c4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 0 !important;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: auto !important;
}

ul,ol {
	padding: 0 0 0 1.5em;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* content
----------------------------------------------------- */

#wrap {
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
	 /* Negative indent footer by it's height */
	 margin: 0 auto -25px;
}

#wrap:after {
	content: "";
	display: block;
	height: 25px;
}


#navbar {
	position: fixed;
	font-family: 'LibreCaslonText-Regular', 'Times', serif;
	width: 100%;
	height: 49px;
	top:0;
	left: 0;
	z-index: 120;
	border-bottom: solid 1px rgba(0,0,0,.085);
}

.no-rgba #navbar {
	border-bottom: solid 1px #eaeaea;
}

#navbar:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top:0;
	width: 100%;
	height: 49px;
	background-color:rgba(250,250,250,.95);
	z-index: 1;
}



.no-rgba #navbar:before {
	background-color: #fafafa;
}

#navbar-content {
	position: relative;
	width: 980px;
	height: 49px;
	margin: 0 auto;
	z-index: 3;
}

#gheader {
	position: absolute;
	left: 10px;
	width: 160px;
	display: block;
	background-color: rgba(215,215,215,.9);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,.3);

}

.no-rgba #gheader {
	background-color: #dedede;
}

#gheader:hover {
	background-color: rgba(220,220,220,.9);
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

#gheader h1 {
	position: relative;
	margin: 0;
	text-align: center;
	line-height: 0;
	font-size: 0;
	background-image: -webkit-radial-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -moz-radial-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -o-radial-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -ms-radial-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: radial-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	-webkit-box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
	box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
}

#gheader h1 a {
	display: block;
	padding: 10px 0px;
}

#gheader p {
	display: none;
}


#navbar nav {
	position: absolute;
	left: 180px;
	width: 789px;
	border-right: solid 1px rgba(0,0,0,.065);
	height: 49px;
}

.no-rgba #navbar nav {
	border-right: solid 1px #eaeaea;
}

#mnav-trigger {
	display: none;
}


@media screen and (min-device-width:768px) {
	#gnav,
	#snav {
		font-size: 0;
		line-height: 0;
	}
	
	#gnav {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		left: 0;
		top:0;
		border-right: solid 1px rgba(0,0,0,.065);
	}
	
	.no-rgba #gnav {
		border-right: solid 1px #eaeaea;
	}
	
	
	#snav {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		left: 480px;
		top:21px;
		height: 27px;
		width: 310px;
		border-top: solid 1px rgba(0,0,0,.065);
		white-space: nowrap;
		overflow: hidden;
	}
	
	.no-rgba #snav {
		border-top: solid 1px #eaeaea;
	}
	
	
	#gnav li,
	#snav li {
		position: relative;
		margin: 0;
		display: inline-block;
		text-align: center;
	}
	
	#gnav li {
		width: 240px;
	}
	
	#snav li {
		width: 155px;
	}
	
	#gnav a {
		position: relative;
		display: block;
		font-size: 18px;
		line-height: 50px;
		text-decoration: none;
		color: #000;
		font-weight: normal;
		border-left: solid 1px rgba(0,0,0,.065);
	}
	
	.no-rgba #gnav a {
		border-left: solid 1px #eaeaea;
	}
	
	
	#snav a {
		position: relative;
		display: block;
		padding: 0;
		font-size: 12px;
		line-height: 27px;
		text-decoration: none;
		color: #000;
		font-weight: normal;
		
	}
	
	#snav li:first-child a {
		border-right: solid 1px rgba(0,0,0,.065);
	}
	
	.no-rgba #snav li:first-child a {
		border-right: solid 1px #eaeaea;
	}
	
	
	#gnav a:hover,
	#snav a:hover {
		-webkit-transition:0.2s ease-out;
		-moz-transition:0.2s ease-out;
		-ms-transition:0.2s ease-out;
	}
	
	
	#gnav a:hover,
	#snav a:hover {
		color: #840f42;
		background-color:rgba(133,13,65,0.1);
	}
	
	.no-rgba #gnav a:hover,
	.no-rgba #snav a:hover {
		background-color:#efe3e8;
	}
	
	.home #gnav-home a,
	.blog #gnav-blog a,
	.designandprice #snav-designandprice a,
	.contactus #snav-contactus a {
		background-color:rgba(133,13,65,0.9);
	}
	
	.no-rgba .home #gnav-home a,
	.no-rgba .blog #gnav-blog a,
	.no-rgba .designandprice #snav-designandprice a,
	.no-rgba .contactus #snav-contactus a {
		background-color: #8f2653 !important;
	}
	
	.home #gnav-home a,
	.blog #gnav-blog a,
	.designandprice #snav-designandprice a,
	.contactus #snav-contactus a {
		color: #fff;
	}
	
	#rnav {
		position: absolute;
		z-index: 10;
		display: block;
		top:0;
		right: 0;
		
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-size: 0;
		line-height: 0;
	}
	
	#rnav li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 2px;
	}
	
	#rnav a {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
		margin: 0;
		overflow: hidden;
		font-size: 14px;
		line-height: 24px;
		white-space: nowrap;
		color: #999;
		vertical-align: top;
		text-decoration: none;
	
	}
	
	#rnav a:hover {
		color: #fff;
		-webkit-transition:0.3s ease-out;
		-moz-transition:0.3s ease-out;
		-ms-transition:0.3s ease-out;
	}
	
	
	#rnav a:before {
		font-family: FontAwesome;
		display: inline-block;		
		width: 20px;
		height: 20px;
		margin-right: 22px;
		text-align: center;
		font-weight: normal;
		text-shadow: none;
	}
	
	#rnav-share a:before {
		content: "\f067";	
	}
	
	#rnav-share a:hover {
		color: #fd5b42;
	}
	
	
	
	#rnav-twitter a:before {
		content: "\F099";
	}
	
	#rnav-twitter a:hover {
		color: #09aeec;
	
	}
	
	#headline {
		position: absolute;
		display: block;
		top:0;
		right: 61px;
		width: 258px;
		height: 20px;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}
	
	
	#headline h2 {
		display: none !important;
	}
	
	ul#ticker {
		display: block;
		margin: 0;
		padding: 0;
		width: 260px;
		height: 16px;
		text-align: right;
	}
	
	ul#ticker li  {
		display: inline;
		font-size: 12px;
		line-height: 22px;
		color: #666;
		margin-left: .25em;
		font-family: sans-serif;
	}
	
	.lt-ie9 ul#ticker li  {
		line-height: 21px;
	}
	
	ul#ticker li a {
		display: inline;
		font-size: 11px;
		color: #666;
		text-decoration: none;
	}
	
	ul#ticker li a:hover {
		color:#850d42;
	}

}
/* main
----------------------------------------------------- */
#main {
	width: 960px;
	margin: 0 auto;
	height: 100%;
}

#main-content {
	width: 960px;
	padding: 81px 0 20px 0;
}

#main-content h2 {
	display: none;
}

/* portofolio
----------------------------------------------------- */

ul#photo-thumbs {
	margin: 0 -16px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

ul#photo-thumbs li {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 17px 17px;
}

ul#photo-thumbs li img {
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	display:block;
	border: solid 7px #fff;
}

ul#photo-thumbs li a {
	display:block;
	color: #fff;
	text-decoration: none;
}

ul#photo-thumbs li a:before {
	content:attr(data-title);
	display: block;
	z-index: 2;
	position: absolute;
	background-color: rgba(22,6,11,.5) !important;
	font-size: 14px;
	font-family: 'LibreCaslonText-Regular', 'Times', serif;
	line-height: 1;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 14px;
	opacity: 0;
}

.no-rgba ul#photo-thumbs li a:before {
	display: none;
}

ul#photo-thumbs li a:hover:before {
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-ms-transition:0.2s ease-out;
	opacity: 1;
}

.no-rgba ul#photo-thumbs li a:hover:before {
	background-image: url(images/no-rgba-overlay.png);
	display: block;
}


ul#photo-thumbs li a:after {
	content: "";
	position: absolute;
	top:0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	background-position: center center;
	background-image:url(../images/portfolio-noise.png);	
}



.portfolio .fancybox-overlay {
	background-image: none !important;
	background-color: rgba(22,6,11,.9) !important;
}

.no-rgba .portfolio .fancybox-overlay {
	background-color: #2d1e23 !important;
	filter: alpha(opacity=90);
}

.portfolio .fancybox-skin {
	background-color: transparent !important;
	box-shadow: none !important;
}

.portfolio .fancybox-close {
	background-image: none !important;
	text-align: center !important;
	text-decoration: none !important;
	right: 15px !important;
	top: -20px !important;
	opacity: .6;
}

.portfolio .fancybox-close:hover {
	opacity: 1;
}

.portfolio .fancybox-close:before {
	font-family: FontAwesome;
	font-size: 36px;
	line-height: 36px;
	color: #fff;
	content: "×";	
}

.portfolio .fancybox-nav {
	width: 0px !important;
}
.portfolio .fancybox-nav span {
	visibility: visible !important;
	text-align: center !important;
	opacity: .6;
}

.portfolio .fancybox-nav span:hover {
	opacity: 1;
}

.portfolio .fancybox-prev span {
	left:15px !important;
	background-image: none !important;
}


.portfolio .fancybox-next span {
	right:15px !important;
	background-image: none !important;
}

.portfolio .fancybox-prev span:before,
.bx-prev:before {
	font-family: FontAwesome;
	font-size: 60px;
	line-height: 32px;
	color: #fff;
	content: "\f104";	
	text-shadow: 0px 0px 3px rgba(0,0,0,.5);
}

.portfolio .fancybox-next span:before,
.bx-next:before {
	font-family: FontAwesome;
	font-size: 60px;
	line-height: 32px;
	color: #fff;
	content: "\f105";	
	text-shadow: 0px 0px 3px rgba(0,0,0,.5);
}

.bx-prev:before,
.bx-next:before {
	color: #fff;
	text-align: center;
	
}

.bx-prev {
	left: 5px !important;
}

.bx-next {
	right: 5px !important;
}

.bx-prev,
.bx-next {
	text-indent: 0 !important;
	background: none !important;
	text-decoration: none !important;
	font-size: 0 !important;
	text-align: center !important;
	z-index: 99 !important;
}

.designandprice .bx-prev,
.designandprice .bx-next {
	top: 43% !important;
}

.pf {
	position: relative;
	display: block !important;
	padding: 10px 60px !important;
	margin: 0;
}

.pf-text {
	color: #fff;
	width: 39%;
	float: left;
}

.pf-text h4 {
	margin: 0;
	font-size: 21px;
	line-height: 1.5;
	font-family: 'LibreCaslonText-Regular', 'Times', serif;
	font-weight: normal !important;
	border-bottom: solid 2px #fff;
	color: #fff;
}

.pf-text p {

	font-size: 14px;
	line-height: 1.6;
}

.pf-image {
	margin: 0;
	width: 60%;
	height: 600px !important;
	float: right;
	text-align: right;
	font-size: 0;
	line-height: 0;
}

.pf-image p {
	display: inline-block;
	position: relative;
	border: solid 10px #fff;
	margin: 0;
}

.pf-image p:before {
	content: "";
	position: absolute;
	top:-10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	z-index: 1;
	background-position: center center;
	background-image:url(../images/portfolio-noise.png);
}



/* design & price
----------------------------------------------------- */
#design {
	position: relative;
}

#design:before {
	font-size: 24px;
	z-index: 10;
	margin: 0;
	width: 140px;
	height: 140px;
	line-height: 140px;
	text-align: center;
	color: #fff;
	background-color: #ccc;
	border-radius: 50%;
	padding: .2em;
}

.bx-viewport {
	left: 0px !important;
	border: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.slide {
	position: relative;
}


h3 {
	font-size: 27px;
	color: #8f2653;
	margin: 1em 0 0 0;
	font-family: 'LibreCaslonText-Regular', 'Times', serif;
	font-weight: normal;
}

#design h3 {
	display: none;
}

h3 small {
	font-size: 16px;
}

h4 {
	font-size: 16px;
	color: #fff;
	margin: 1.5em 0 0 0;
}

.dp-text {
	display: block;
	position: absolute;
	width: 960px;
	height: 70px;
	bottom: 0px;
	padding: 10px 0px 0px 0px;
	color: #8f2653;

	background-color: #fff;
	background-image: -webkit-linear-gradient(top left, rgba(255,255,255,1) 0%, rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 100%);
	z-index: 10;
}

.dp-text:before {
	content: "";
	position: absolute;
	left:0;
	top: -15px;
	width: 100%;
	height: 15px;
	background:linear-gradient(45deg, #fff 5px, transparent 0) 0 5px,linear-gradient(-45deg, #fff 5px, transparent 0) 0 5px;
	background-color: transparent;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 15px 15px;
}

#design h4:before {
	content: "Design: ";
	line-height: 1;
	margin-bottom: 0;
	font-size: 27px;
}

.dp-text h4 {
	position: relative;
	display: inline-block;
	font-size: 20px;
	color: #8f2653;
	line-height: 1;
	font-family: 'LibreCaslonText-Regular', 'Times', serif;
	font-weight: normal;
	padding: 0 0 0.2em 0;
	margin: 0;
}

.dp-text p {
	float: right;
	width: 570px;
	margin: .35em 0 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: #000;
}

.dp-image {
	position: relative;
	width: 960px;
	padding: 0 0px;
	margin-bottom: 70px;
}

.dp-image:before {
	content: "";
	position: absolute;
	top:0px;
	left: -0px;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	background-position: center center;
	background-image:url(../images/portfolio-noise.png);
}


.dp-image img {
	width: 960px;
	height: 480px;
}

.dp-image p {
	position: relative;
	font-size: 0;
	line-height: 0;
	margin: 0;
}

.dp-image p:before {
	content: "";
	position: absolute;
	top:0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity:.5;
	z-index: 1;
	background-position: center center;
}

#price {
	position: relative;
	margin: 1em 0px.5em 0px;
	border-top:solid 4px #8f2653;
	border-bottom: solid 4px #8f2653;
}

#price h3 {
	float: left;
	width: 22%;
	margin: .35em 0;
	line-height: 1;
}

#price h3 small {
	font-size:13px;
}

.pr-main {
	width: 78%;
	float: left;
	position: relative;
	margin: -3px 0;
}

dl.pr {
	position: relative;
    border-top:0;
    border-top: solid 2px #8f2653;
    border-bottom: solid 3px #8f2653;
    margin: 40px 0 0 0;
	font-size: 0;
	line-height: 0;
}

.pr-main>dl:first-child {
	margin-top: 0;
}


dl.pr dt {
    float:left;
    clear:both;
    width:10em;
    padding:17px 0px;
    border-top: solid 1px #8f2653;
    white-space:nowrap;
    text-align: left;
    line-height: 1;

}

.pr-main dl.pr dt,
.pr-main dl.pr dd {
	font-size: 18px;
} 

dl.pr dd dl {
	position: relative;
	margin: -17px 0px -17px 0px;
	top:-1px;
}

dl.pr dd dt,
dl.pr dd dd {
	clear: none;
	font-weight: normal;
}


dl.pr dd {
    margin-left:10em;
    padding:17px 0px;
    border-top: solid 1px #8f2653;
    text-align: right;
    white-space: nowrap;
    line-height: 1;
}

#howtoorder>p {
	margin: .25em 0;
}

ol.stat {
	display: block;
	margin: 2em 0px 2em 0;
	padding: 0;
	list-style-type: none;
	counter-reset:li -1;
}

ol.stat>li {
	position: relative;
	display: block;
	background-color: #ede1e6;
	width: 148px;
	padding: 10px;
	float: left;
	margin-right: 30px;
	font-size: 13px;
	line-height: 1.6;
	min-height: 240px;
}

ol.stat>li:last-child {
	margin-right: 0;
}

.lt-ie9 ol.stat > *:first-child + * + * + * + * {
	margin-right: 0;
}

ol.stat>li h4 {
	text-align: center;
	margin: .5em 0;
	font-size: 17px;
	color: #8f2653;
}

ol.stat>li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:-1em;
    left:-1em;
    height: 2em;
    width:2em;
    padding:0;
    color:#fff;
    background:#8f2653;
    font-weight:normal;
    text-align:center;
    line-height: 2.1;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: larger;
	border: solid 4px #fff;
	-ms-transform-origin: 0 0;

}


ol.stat>li:after {
	position: absolute;
	top:50%;
	margin-top: -12px;
	right: -25px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 1;
	color: #ede1e6;
	content: "\f061";	
}


ol.stat>li:last-child:after {
	display: none;
}

.lt-ie9 ol.stat > *:first-child + * + * + * + *:after {
	display: none;
}


ol.stat>li p {
	margin: 0;
}
ol.stat li>ul {
	margin: 1em 0 0 0;
	font-size: 11px;
}

ol.stat li>ul li {
	margin-bottom: 1em;
}

ol.stat li>ul li:last-child {
	margin-bottom: 0;
}


ol.stat li>ul li img {
	width: 30px;
	height: 19px;
	margin-right: 2px;
}

ol.stat li:nth-child(4) {
	background-image: url(../images/howtoorder-3.png);
	background-repeat: no-repeat;
	background-position: right 90%;
}

.lt-ie9 ol.stat > *:first-child + * + * + * {
	background-image: url(../images/howtoorder-3.png);
	background-repeat: no-repeat;
	background-position: right 90%;
}

/* bx-slider
----------------------------------------------------- */
.bx-wrapper {
	margin-bottom: 60px !important;
}
.bx-pager {
	text-align: center !important;
	bottom: -40px !important;
	padding-top: 0 !important;
}

.bx-pager-link {
	position: relative;
	display: block;
	width: 16px !important;
	height: 16px !important;
	margin: 4px 8px !important;
	border: 0;
	background-color:#ccc !important;
	border-radius: 8px !important;
	opacity: .6;
	filter: alpha(opacity=60);
}

.bx-pager-link:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.bx-pager-link.active {
	border: solid 5px #333399;
	margin: 0px 3px !important;
	border-radius: 13px !important;
	padding: 0;
	background-color: #fff !important;
	opacity: 1;
	filter: alpha(opacity=100);
}

.bx-pager-link.active:before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 6px;
	margin-top:-2px;
	margin-left: -2px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #860b42;
}

/* contact
----------------------------------------------------- */

#main-content-m {
	width: 499px;
	float: left;
	position: relative;
	border: solid 1px #f1f1f1;
	padding: 50px 75px;
}

#main-content-m h3 {
	margin: 0 !important;
	font-family: 'LibreCaslonText-Regular', 'Times', serif;
	font-weight: normal;
}

#main-content-s {
	width: 278px;
	float: right;
}

#form-wrap {
	min-height: 200px;
}

#form-wrap .thanks:before {
	content: "\f058";
	font-family: FontAwesome;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	color: #0c6;
	margin-right: .15em;
	font-size: 32px;
}
#contactform {
	line-height: 1.6;
}
#contactform * {
	-webkit-appearance: none;
}

#contactform dd {
	position: relative;
	display: inline-block;
	margin-left: 0;
	margin-bottom: 1.5em;
}

#contactform dd *{
	vertical-align: middle;
}

#contactform input[type=text],
#contactform .select,
#contactform textarea {
	border: 0;
	outline: 0;
	background-color: #f9eef3;
	padding: 3px;
	border-radius: 0;
	box-sizing: border-box;
	max-width: 100% !important;
}

#contactform input[type=text]:focus,
#contactform select:focus,
#contactform textarea:focus {
	background-color: #f6dfe9;
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}


#contactform input[type=text] {
	width: 20em;
}

#contactform select {
	position: relative;
	z-index: 100;
	padding: 3px;
	border-radius: 0;
	text-indent: .01px;
	text-overflow: "";
	width: 20em;
	line-height: 26px;
	border: 0;
	outline: 0;
	background-color: transparent;
	margin: 0;
	background-repeat: no-repeat;
	background-position: right center;
	color: rgba(0,0,0,0);
	text-shadow: 0 0 0 #000;
}

#contactform .select {
	padding: 0;
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 0;
}

#contactform .select:before {
	content: "\f107";
	font-family: FontAwesome;
	font-weight: normal;
	position: absolute;
	right: 6px;
	top:50%;
	font-size: 21px;
	z-index: 99;
	color: #8f2653;
}

.msie #contactform .select:before {
	display: none;
}

#contactform textarea {
	width: 30em;
	height: 12em;
	resize: none;
	box-sizing: border-box;
}

#contactform label.error {
	display: block;
	color: #c06;
	font-size: smaller;
	margin-top: .25em;
}

#contactform label.error:before {
	content: "\f06a";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: .15em;
}


#contactform input[type=submit] {
	background-color: #8f2653;
	border: 0;
	font-size: 24px;
	padding: 5px 20px;
	color: #fff;
	border-radius: 4px;
}

#contactform input[type=submit]:hover {
	background-color: #72133c;
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

#captcha {
	width: 6em !important;
	height: 26px;
}

#refresh-captcha {
	cursor: pointer;
	padding-left: 30px;
	position: relative;
	display: inline-block;
	border: solid 1px #f9eef3;
	margin-right: 5px;
}

#refresh-captcha:before {
	content: "\f021";
	font-family: FontAwesome;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	font-weight: normal;
	position: absolute;
	top:0;
	left: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #8f2653;
	border-right: 1px solid #f9eef3;
}


.no-touch #refresh-captcha:hover:before {
	background-color: #8f2653;
	color: #fff;
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

#submit {
	margin: 0;
	display: inline-block;
	padding-right: 40px;
}
.send #submit {
	background: url(images/bx_loader.gif) no-repeat right center;
}

#main-content-s h3 {
	margin: 0 0 -.5em 0;
	font-size: 21px;
	color: #000;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
}

#main-content-s address {
	font-style: normal;
}

#main-content-s {
	font-size: 16px;
}

#main-content-s dt,
#main-content-s dd {
	display: block;
	float: left;
	margin: 0 0 .5em 0;
}

#main-content-s a {
	color: #000;
}

#main-content-s dt {
	clear: both;
	width: 24px;
	white-space: nowrap;
	overflow: hidden;
}

#main-content-s dt:before {	
	font-family: FontAwesome;
	display: inline-block;		
	width: 20px;
	height: 20px;
	margin-right: 22px;
	text-align: center;
	font-weight: normal;
	text-shadow: none;
}

#address-map:before {
	content: "\f041";	
}

#address-tel:before {
	content: "\f095";	
}

#address-email:before {
	content: "\f003";	
}

#address-hours:before {
	content: "\f017";	
}


/* legal
----------------------------------------------------- */

.legal .fancybox-overlay {
	background-image: none !important;
	background-color: rgba(22,6,11,.9) !important;
}

.no-rgba .legal .fancybox-overlay {
	background-color: #2d1e23 !important;
	filter: alpha(opacity=90);
}

.legal .fancybox-skin {
	box-shadow: none !important;
}


.legal .fancybox-close {
	background-image: none !important;
	text-align: center !important;
	text-decoration: none !important;
	right: 15px !important;
	top: 10px !important;
	opacity: .6;
}

.legal .fancybox-close:hover {
	opacity: 1;
}

.legal .fancybox-close:before {
	font-family: FontAwesome;
	font-size: 36px;
	line-height: 36px;
	color: #000;
	content: "×";
}

/* blog
----------------------------------------------------- */
#tumblr_controls {
	position: fixed !important;
	top:50px !important;
}

#bnav {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

#bnav li {
	margin-bottom: .5em;
}

#bnav a:before,
#bnav label:before {
	content: "";
	display: inline-block;
	width: 1em;
	margin-right: .25em;
	text-align: center;
	font-family: FontAwesome;
}

#bnav-rss a:before {	
	content: "\f09e";	
}

#bnav-archives a:before {	
	content: "\f00a";	
}

#bnav-search label:before {	
	content: "\f002";	
}

#bnav-search * {
	-webkit-appearance: none;
}

#search-text {
	padding: 0 2px;
	border: 0;
	margin: 0;
	outline: 0;
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

#bnav-search label {
	cursor: text;
}

#bnav-search label:hover #search-text {
	background-color: #f9eef3;
}

#search-text:focus {
	background-color: #f6dfe9;
}

#search-submit {
	display: none;
}


/* footer
----------------------------------------------------- */


#footer {
	display: block;
	white-space: nowrap;
	line-height: 1;
	text-align: left;
	color: #99b;
	min-height: 25px;
	font-size: 10px;
	background-color: rgba(20,4,57,0.9);
	z-index: 2;
}

.no-rgba #footer {
	background-color: #2a204c;
}

#footer-content {
	display: block;
	width: 960px;
	padding: 8px 10px;
	margin: 0 auto;
}

#footer ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer li {
	display: inline;
	padding: 0 .5em;
	border-left: solid 1px #334;
}

#footer li:first-child {
	padding-left: 0;
	border-left: 0;
}

#footer a {
	color: inherit;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#lidtailor {
	text-transform: uppercase;
}

#copyright {
	display: block;
	float: right;
	margin: 0 ;
}

#copyright small {
	font-size: inherit;
}


/* liScroll
----------------------------------------------------- */

.tickercontainer {
	position: relative;
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	overflow: hidden; 
}

.tickercontainer .mask {
	position: relative;
	width: 100%;
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background-color: transparent;
	white-space: nowrap !important;
	overflow: hidden;
}
ul.newsticker li {
	display: inline-block;
	font-weight: normal;
	font-size:12px;
	line-height: 13px;
	margin: 0 4em 0 0;
	padding: 0;
	white-space: nowrap !important;
	cursor: default;
	
}

ul.newsticker li a {
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.pc ul.newsticker li a:hover {
	text-decoration: underline;
}
