@charset "utf-8";
/* CSS Document */
@import "https://fonts.googleapis.com/css2?family=Raleway:wght@200;400&display=swap";
@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";

body {
	font-family: "UD Shin Go Conde90 L", "Meiryo UI", Meiryo, Arial, sans-serif;
	vertical-align: baseline;
	color: #202020;
	background: #FFF;
}
input, textarea, select {
	font-family: "Meiryo UI", Meiryo, Arial, sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #00A3D9;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul,ol {
	margin: 0;
	padding: 0;	
	list-style-type: none;
}
dl,dt,dd {
	margin: 0;
	padding: 0;	
}
/* Typography
-----------------------------------------------*/
body {
	font-size: 13px;
}
h1, h2, h3, h4, h5 ,h6 {
	font-weight: normal;
}
h1 {
	margin: 0;
}
h2 {
	font-family: 'Raleway', sans-serif;
	box-sizing: border-box;
	margin: 0 0 80px;
	text-align: center;
	font-size: 26px;
	line-height: 1;
	letter-spacing: 4px;
	font-weight: bold;
}
h2 big {
	display: block;
	font-size: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
h2 small {
	display: block;
	font-size: 12px;
	margin-top: 20px;
	font-weight: bold;
}
h3 {
	margin: 20px 0 20px;
	font-size: 28px;
	text-align: center;
}
h4 {
	margin: 0 0 10px;
	font-size: 22px;
}
h5 {
	margin: 0 0 20px;
	font-size: 15px;
}
p {
	margin: 0 0 1.5em;
	line-height: 1.5;
}
small {
	font-size: 95%;
}
big {
	font-size: 120%;
}
b {
	font-size: 150%;
	font-weight: bold;	
}
hr {
	width: 100%;
	height: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	border: none;
	border-bottom: 1px solid #DDDBD1;
}

/* Layout
-----------------------------------------------*/
.wrap {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-width: 1200px;
}
.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 20px;
	overflow: hidden;
}
.row-no-offset {
	margin-left: -10px;
	margin-right: -10px;
}
.row:last-child {
	margin-bottom: 0;
}
.row.last-child {
	margin-bottom: 0;
}
/*.row:last-child {
	margin-bottom: 0;
}*/
.row [class*=col-lg-] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	float: left;
}
.col-lg-1 {
	width: 8.3333333333%;
}
.col-lg-2 {
	width: 16.6666666667%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-4 {
	width: 33.3333333333%;
}
.col-lg-5 {
	width: 41.6666666667%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-7 {
	width: 58.3333333333%;
}
.col-lg-8 {
	width: 66.6666666667%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-10 {
	width: 83.3333333333%;
}
.col-lg-11 {
	width: 91.6666666667%;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-b20 {
	width: 20%;
}
.col-lg-b40 {
	width: 40%;
}
.col-lg-offset-1 {
	margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
	margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-4 {
	margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
	margin-left: 41.6666666667%;
}

.col-lg-1 *:last-child,
.col-lg-2 *:last-child,
.col-lg-3 *:last-child,
.col-lg-4 *:last-child,
.col-lg-5 *:last-child,
.col-lg-6 *:last-child,
.col-lg-7 *:last-child,
.col-lg-8 *:last-child,
.col-lg-9 *:last-child,
.col-lg-10 *:last-child,
.col-lg-11 *:last-child,
.col-lg-12 *:last-child {
	margin-bottom: 0;
}
.row-nopadding>[class*=col-] {
	padding: 0;
}
.row-nomargin,
.container>.row-nomargin,
.container>.row-nomargin:last-child {
	margin: 0;
}
/* mt mb pt pb
-----------------------------------------------*/
.mb-10 {
	margin-bottom: 10px;	
}
.mb-20 {
	margin-bottom: 20px;	
}
.mb-30 {
	margin-bottom: 30px;	
}
.mb-40 {
	margin-bottom: 40px;	
}
/* Align
-----------------------------------------------*/
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.center-middle {
	display: table;
	width: 100%;
	height: 100%;
}
.center-middle>.inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

/* Text
-----------------------------------------------*/
.text-color-white {
	color: #FFF;
}
.text-color-brown {
	color: #6F4020;	
}
.text-color-blue {
	color: #00303F;	
}
.text-color-yellow {
	color: #EEBD2B;	
}
.text-color-green {
	color: #769B20;	
}

/* Buttons
-------------------------------------------- */
.btn {
	font-family: 'Raleway', sans-serif;
	box-sizing: border-box;
	display: inline-block;
	max-width: 100%;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	border: none;
	max-width: 100%;
	text-align: center;
}
.btn-lg {
	width: 220px;
	padding: 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
}
.btn-md {
	width: 140px;
	padding: 15px;
	font-size: 12px;
	font-weight: bold;
}
.btn-sm {
	width: 70px;
	padding: 4px;
	font-size: 12px;
}
.btn-radius{
	border-radius: 25px;
}
.btn-gray {
	border: 1px solid #666;
	color: #666;	
}
.btn-gray:hover, .btn-gray.active {
	background-color: #666;
	color: #AAA;	
}
.btn-mdgray {
	border: 1px solid #DDD;
	color: #FFF;	
}
.btn-mdgray:hover, .btn-mdgray.active {
	background-color: #DDD;
	color: #212121;	
}
.btn-black {
	border: 1px solid #222;
	color: #222;	
}
.btn-black:hover, .btn-black.active {
	background-color: #222;
	color: #EEE;	
}
.btn-white {
	border: 1px solid #FFF;
	color: #FFF;	
}
.btn-white:hover, .btn-white.active {
	background-color: #FFF;
	color: #222;	
}

/*Visible
-----------------------------------------------*/
.visible-sm,
.visible-md {
	display: none !important;
}

/* Id
-----------------------------------------------*/
header {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 62px;
	margin: 70px auto 0;
}
header.on {
	position: fixed;
	z-index: 100;
	top: 0 !important;
	background: rgba(0,0,0,0.7);
	margin: 0;
}
header .logo {
	width: 60px;
	float: left;
}
header.on .logo {
	width: 40px;
	margin-top: 10px;
}
nav {
	float: right;
	height: 40px;
	margin: 10px 0;
	font-size: 15px;
}
nav li {
	font-family: 'Raleway', sans-serif;
	float: left;
	padding: 13px 15px;
	font-weight: bold;
	letter-spacing: 2px;
}

nav li a {
	color: #FFF;
}	
nav li a:hover {
	color: #CCC;
	text-decoration: none;
}
#temp-image {
	height:330px;
	position: relative;
	background: url(../images/template/temp_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#temp-image:before{
	background-color: rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	background-image: url(../images/index/before_bg.png);
	background-size: 4px 4px;
	background-repeat: repeat;
}
#temp-image .temp-image-title {
	font-family: 'Raleway', sans-serif;
	position: absolute;
	bottom: 100px;
	width: 100%;
	text-align: center;
	font-size: 40px;
	color: rgba(255,255,255,0.7);
	letter-spacing: 15px;
	font-weight: 800;
	text-shadow:1px 1px 0 black;
}
#pankuzu {
	font-family: 'Raleway', sans-serif;
	box-sizing: border-box;
	height: 50px;
	padding: 16px 0;
	background: #E0DDDB;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 13px;
}
#main {
	padding: 40px 0 0;
}
footer {
	font-size: 13px;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}
footer .footer-sign {
	width: 70%;
	float: left;	
}
footer .footer-sign img {
	height: 80px;	
}
footer .footer-nav {
	width: 30%;
	float: right;
	padding-top: 10px;
}
footer .footer-nav li {
	font-family: 'Raleway', sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 2px;
}
footer .footer-nav li a {
	color: #222;	
}
footer .footer-nav li.icon {
	padding-left: 30px;
	background: 0 0 no-repeat
}
footer .footer-nav li.icon.facebook {
	background-image: url(../images/template/icon_facebook.svg);
	background-size: auto 18px;
}
footer .footer-nav li.icon.instagram {
	background-image: url(../images/template/icon_instagram.svg);
	background-size: auto 18px;
}
footer .footer-nav li.icon.youtube {
	background-image: url(../images/template/icon_youtube.svg);
	background-size: auto 18px;
}
footer .footer-nav li.icon.base {
	background-image: url(../images/template/icon_base.svg);
	background-size: auto 18px;
}
#copyright {
	padding: 15px;
	font-size: 11px;
	color: #CCCCCC;
	background-color: #222;
	text-align: center;
}

/* Index
-----------------------------------------------*/
#top-movie {
	position: relative;
	height: 100vh;
	z-index: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	color: #FFF;
}
#top-movie .top-movie-block {
	width: 100%;
	height: 100vh;
}
#top-movie .top-movie-block:before {
	background-color: rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	background-image: url(../images/index/before_bg.png);
	background-size: 4px 4px;
	background-repeat: repeat;
}
#top-movie .top-moive-sign-block {
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform:translateX(-50%);
	height: inherit;
}
#top-movie .top-moive-sign {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	font-size: 100px;
	text-align: justify;
}
#top-movie .top-moive-sign span {
	font-family: 'Ryumin Medium KL', sans-serif;
	display: block;
	font-size: 100px;
	text-align: justify;
	text-align-last: justify;
}
#top-movie .top-moive-sign span.small {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 4px;
	font-weight: 600;
}
#top-movie .top-movie-txt {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
#top-movie .top-movie-txt span {
	font-family: 'Raleway', sans-serif;
	display: block;
	font-size: 42px;
	letter-spacing: 5px;
	text-align: justify;
	text-align-last: justify;
	font-weight: 600;
}
#top-movie .top-movie-txt span.small {
	font-family: 'Ryumin Medium KL', sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
}
#works {
	box-sizing: border-box;
	height: 560px;
	padding-top: 80px;
	background: url(../images/index/works_bg.jpg) 50% 50% no-repeat;
	background-size: cover;	
}
#works .works-list {
	width: 100%;
	margin: 0 auto 110px;
	overflow: hidden;
}
#works .works-list li {
	font-family: 'Shin Go Regular', sans-serif;
	box-sizing: border-box;
	position: relative;
	width: 230px;
	height: 230px;
	float: left;
	margin-right: 12px;
	text-align: center;
}
#works .works-list li:last-child {
	margin-right: 0;
}
#works .works-list li .works-list-img {
	width: 100%;
	height: 100%;
}
#works .works-list li .works-list-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 2px;
}
#works .works-list li .works-list-title small {
	font-family: 'Shin Go Regular', sans-serif;
	display: block;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0px;
}
#works .works-list li .works-list-explain {
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
}
#works .works-list li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#works .works-list li:before {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	background: rgba(228,228,228,0.8);
}
#works .works-list li:hover:before, #works .works-list li.active:before {
	background: rgba(34,34,34,0.8);
	border: 2px solid #EEE;
}
#works .works-list li:hover .works-list-title, .works-list li:hover .works-list-explain,
#works .works-list li.active .works-list-title, .works-list li.active .works-list-explain  {
	color: #FFF;
}
#biography {
}
#biography .biography-1 {
	box-sizing: border-box;
	height: 700px;
	padding-top: 80px;
}
#biography .btn-block {
	margin-bottom: 80px;
	text-align: center;
}
#biography .btn-block .btn {
	margin-right: 10px;	
}
#biography .btn-block .btn:last-child {
	margin-right: 0;	
}
#biography .biography-1 .biography-1-txt {
	text-align: center;
	font-size: 28px;
	line-height: 2.6em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}
#biography .biography-2 {
	box-sizing: border-box;
	height: 700px;
	background: url(../images/index/biography2_bg.jpg) 50% 50% no-repeat;
	background-size: cover;	
}
#biography .biography-3 {
	box-sizing: border-box;
	height: 920px;
	background: url(../images/index/biography3_bg.jpg) 50% 50% no-repeat;
	background-size: cover;	
}
#biography .biography-4 {
	float: right;
	box-sizing: border-box;
	height: 920px;
	padding-top: 80px;
	background: #222222;
	color: #FFF;
}
#biography .biography-4 .btn-block {
	margin-bottom: 60px;
}
#biography .biography-4 .artist {
	margin-bottom: 60px;
}
#biography .biography-4 .artist span {
	display: block;
	margin-bottom: 10px;
	text-align: center;
	font-size: 26px;
}
#biography .biography-4 .artist span:first-child {
	margin-bottom: 15px;
	font-size: 12px;
}
#biography .biography-4 .artist span:last-child {
	margin-bottom: 0;
	font-size: 10px;
}
#biography .biography-4 .biography-4-txt {
	width: 480px;
	margin: 0 auto 40px;
	font-size: 15px;
	line-height: 2em;
}
#biography .biography-4 .biography-english {
	font-size: 12px;
}
#client-works {
	box-sizing: border-box;
	height: 340px;
	padding-top: 80px;
	background: url(../images/index/clientworks_bg.jpg) 0 0 repeat;
}
#news {
	box-sizing: border-box;
	padding-top: 80px;
	background: #222222;
}
#news .news-list {
	width: 100%;
	margin-bottom: 80px;	
	border-top: 1px solid #444;
	color: #FFF;
}
#news .news-list li {
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #444;
	overflow: hidden;
}
#news .news-list li span {
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	font-size: 15px;
}
#news .news-list .news-date {
	width: 33.333333%;
	text-align: right;
}
#news .news-list .news-title {
	width: 66.666666%;
}
/* Normal
-----------------------------------------------*/
/*BIOGRAPHY*/
#introduction {
	box-sizing: border-box;
	background: #E0DDDB;
}
#introduction .intro-text {
	padding-top: 80px;
}
#introduction .intro-text .intro-title {
	margin-bottom: 100px;
}
#introduction .intro-text .intro-title span {
	display: block;
	margin-bottom: 15px;
	font-size: 40px;
	text-align: center;
}
#introduction .intro-text .intro-title span:first-child {
	margin-bottom: 20px;
	font-size: 16px;
}
#introduction .intro-text .intro-title span:last-child {
	margin-bottom: 0;
	font-size: 10px;
}
#introduction .intro-text .btn-block {
	margin-bottom: 110px;
	text-align: center;
}
#introduction .intro-text .intro-content {
	width: 480px;
	margin: 0 auto;
	line-height: 200%;
	font-size: 15px;
}
#introduction .intro-img {
	line-height: 0;
}
#introduction .intro-img img {
	max-width: 150%;
	width: 100%;
}
#yuuki {
	padding: 100px 0;
}
#yuuki h2 {
	margin-bottom: 100px;
}
#yuuki .intro-en {
	width: 80%;
	margin: 0 auto 80px;
	overflow: hidden;
}
#yuuki .intro-en p {
	line-height: 2;
	font-size: 16px;
}
#yuuki .intro-en2 {
	width: 80%;
	margin: 0 auto 80px;
	overflow: hidden;
}
#yuuki .intro-en2 p {
	font-size: 18px;
	line-height: 240%;
}
#history {
	box-sizing: border-box;
	background: #E0DDDB;
}
#history .history-txt {
	padding-top: 80px;
}
#history .history-txt .btn-block {
	margin-bottom: 80px;
	text-align: center;
}
#history .history-txt .history-list {
	width: 80%;
	margin: 0 auto 80px;
	font-size: 14px;
}
#history .history-txt .history-list li {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
#history .history-txt .history-list li span {
	box-sizing: border-box;
	float: left;
	line-height: 2;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0px;
}
#history .history-txt .history-list li span.date {
	width: 20%;
}
#history .history-txt .history-list li span.content {
	width: 80%;
}
#history .history-img {
	line-height: 0;
}
#history .history-img img {
	max-width: 150%;
	width: 100%;
	height: 100%;
	margin: 0;
}
#history-photo {
	margin: 0;
	background: #003040;
}
#history-bottom {
	height: 245px;
	background: url(../images/biography/history_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#media {
	padding: 80px;
	background: #003040;
	color: #FFF;
}
.media-list span {
	display: block;
	font-size: 14px;
	line-height: 1.8;
}
#bio-btn, .onlineroom, .orderflow {
	height: 250px;
}
.onlineroom {
	position: relative;
	background: url(../images/biography/onlineroom_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.onlineroom:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	background: rgba(0,0,0, 0.9);
}
.orderflow {
	position: relative;
	background: #DEE1D9;
}
.onlineroom .btn, .orderflow .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#online-bottom {
}
/*WORKS*/
#cat-description {
	background-color: #222;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: auto;
	color: #FFF;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#cat-description p {
	font-size: 15px;
	padding-top: 80px;
}
#cat-description .btn-block {
	margin-bottom: 110px;
	text-align: center;
}
#cat-description .cat-des-content {
	text-align: center;
	font-size: 30px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;
}
#cat-list {
	padding: 80px 0 20px;
	background-color: #222;
}
#cat-list .works-list {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#cat-list .works-list-item {
	box-sizing: border-box;
	width: 20%;	
	border: 1px solid #222;
	background-color: #FFF;
}
#cat-list .works-list-item > * {
/*	white-space: nowrap;
  text-overflow: ellipsis;*/
  overflow: hidden;
}
#cat-list .works-list-item .works-list-item-img {
	position: relative;
	line-height: 0;
}
#cat-list .works-list-item .works-list-item-img img {
	max-width: 150%;
	width: 100%;
}
#cat-list .works-list-item .works-list-item-tag {
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	line-height: 1;
}
#cat-list .works-list-item .works-list-item-tag span {
	display: block;
	float: left;
	margin-right: 10px;
	background-color: #222;
	text-align: center;
	color: #FFF;
}
#cat-list .works-list-item .works-list-item-tag span:last-child {
	margin-right: 0;
}
#cat-list .works-list-item .works-list-item-tag span a {
	display: block;
	padding: 10px;
	color: #FFF;
}
#cat-list .works-list-item .works-list-item-tit {
	padding: 20px;
}
#cat-list .works-list-item .works-list-item-tit a {
	color: #202020;
}
#work-detail {
	padding: 50px 0;
}
#work-detail .work-post {
	width: 800px;
	margin: 0 auto;
}
#work-detail .work-post .post-img {
	line-height: 0;
}
#work-detail .work-post h2 {
	text-align: left;
}
#work-detail .work-post h2.nomargin {
	margin: 0;
}
#work-detail .work-post .post-title {
	position: relative;
	padding: 80px 40px 40px;
	background: #EEE;
	margin-bottom: 40px;
}
#work-detail .work-post .post-title .post-cat {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 20px;
	background-color:#222;
	color: #FFF;
}
#work-detail .work-post p {
	margin-bottom: 40px;
	line-height: 2;
	font-size: 15px;
}
#work-detail .work-post .post-content > p:first-child > img:first-child {
	display: none;
}
#work-detail .work-post {
	padding-bottom: 60px;
}
#work-detail .work-post .post-content p {
	margin-bottom: 0px;
}

/* News List
-------------------------------------------- */
#news-list {
	box-sizing: border-box;
	padding-top: 80px;
	background: #E0DDDB;
}
#news-list .news-list {
	width: 100%;
	margin-bottom: 80px;	
	border-top: 1px solid #999;
}
#news-list .news-list li {
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #999;
	overflow: hidden;
}
#news-list .news-list li span {
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	font-size: 14px;
}
#news-list .news-list .news-date {
	width: 33.333333%;
	text-align: right;
}
#news-list .news-list .news-title {
	width: 66.666666%;
}

/* Page navi
-------------------------------------------- */
#pctrl {
	margin: 20px auto 0;
	width: max-content;
}
#pctrl li{
	display:inline-block;
	margin-right: 12px;
	cursor:pointer;
	background: #00698C;
	color: #FFF;
	font-size: 16px;
}
#pctrl li a, #pctrl li a:hover, #pctrl li span {
	padding: 15px 20px;
	display: block;
	color: #EEE;
	text-decoration: none;
}
#pctrl li.cur a, #pctrl li.cur a:hover, #pctrl li.cur span {
	color: #00698C;
	background-color:#EEE;
}
#pctrl .cur a {
}

/* Forms
-------------------------------------------- */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea,
select {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 14px;
	border: 1px solid #AAA;
	background: #FFF;
}
textarea {
	min-height: 90px;
	resize: vertical;
}
.input-group {
	display: table;
}
.input-group input,
.input-group textarea,
.input-group select,
.input-group-addon {
	display: table-cell;
}
.input-group-addon {
	padding: 0 0 0 10px;
	width: 1%;
}