/* //////////////////////////////////////////////////////////////////////
//  global
//////////////////////////////////////////////////////////////////////*/

input[type="text"],
textarea {
	border: 1px solid #ddd;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fafafa url(../../img/indy_v14/field_bkg.png) 0 0 repeat-x;
	color: #6a6a6a;
}

input[type="text"]:focus,
textarea:focus {
	background-color: #f7f7f7;
	outline: none;
}

.inside {
	padding: 20px 10px;
}

.only_pc,
.only_sp {
	display: none;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/* //////////////////////////////////////////////////////////////////////
//  header
//////////////////////////////////////////////////////////////////////*/

#header .inside {
	position: relative;
}

#mainNav{
	height: 50px;
	position: absolute;
	top: 20px;
	right: 10px;
	line-height: 50px;
	text-align: right;
}
#mainNav li{
	margin: 0 0 0 1.5em;
	padding: 0;
	display: inline;
}
#mainNav .current a {
	color: #e31d76;
}

/* //////////////////////////////////////////////////////////////////////
//  main
//////////////////////////////////////////////////////////////////////*/

#pageHead {
	margin: 0 0 20px;
	padding: 10px 0 20px;
	border-bottom: 1px solid #b9b9b9;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFF;
	letter-spacing: -1px;
	line-height: 1.2;
}

#content {
	width: 508px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	float: left;
	background: #fff;
}
#content.full {
	width: 100% !important;
	float: none;
}

.headline02 {
	border-bottom: 1px solid #000;
	padding: 20px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

#content .post {
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px;
}
#content .last {
	margin: 20px 0;
	border-bottom: none;
	padding: 0;
}
#content .post .image {
	width: 160px;
	height: 120px;
	float: left;
	overflow: hidden;
}
#content .post .image img {
	width: 100%;
	height: auto;
}
#content .post .text {
	margin: 0 0 0 185px;
}
#content .post .meta {
	margin: 0 0 10px;
	color: #808080;
	font-size: 10px;
	line-height: 2;
}
#content .post .articleTitle {
	margin: 0 0 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
#content .post p {
	font-size: 12px;
	line-height: 2;
}

#content .article_services .number {
	float: left;
	font-size: 36px;
	line-height: 1.2;
}
#content .article_services .text {
	margin: 0 0 0 75px;
}
#content .article_services .words {
	margin: 1em 0;
	font-size: 12px;
	line-height: 2;
}
#content .article_services li {
	display: inline;
}
#content .article_services li a {
	display: inline-block;
	padding: 0 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #444;
	color: #fff !important;
	font-size: 10px;
	line-height: 2;
}

#content .pagination {
	margin: 0 20px;
}
#content .pagination-next {
	float: left;
}
#content .pagination-prev {
	float: right;
}

#content .aboutus_list dt {
	width: 165px;
	padding: 15px 0 15px 25px;
	float: left;
}
#content .aboutus_list dd {
	padding: 15px 25px 15px 0;
}
#content .aboutus_list dd div {
	margin: 0 0 0 190px;
}
#content .aboutus_list .even {
	background: #f2f2f2;
}
#content .soshikizu {
	text-align: center;
}

#content .article_news .meta {
	margin-bottom: 1.5em;
	font-size: 12px;
	line-height: 1.5;
	text-align: right;
}
#content .article_news p {
	margin-bottom: 1.5em;
}
#content .article_news p img {
	max-width: 100%;
	height: auto;
}
#content .article_news .wp_social_bookmarking_light {
	border-top: 1px solid #ccc !important;
	padding: 10px 0 0  !important;
}

#content .article_recruit .articleTitle {
	margin: 0 0 40px;
	font-size: 22px;
	font-weight: normal;
}
#content .article_recruit .lead {
	margin: 0 0 25px;
}
#content .article_recruit .section {
	margin: 0 0 15px;
}
#content .article_recruit img {
	max-width: 220px;
	height: auto;
}

/* //////////////////////////////////////////////////////////////////////
//  sidebar
//////////////////////////////////////////////////////////////////////*/

#sidebar {
	width: 220px;
	margin: 0 0 20px;
	float: right;
}

#sidebar .widgetBox:after {
	content: "";
	display: block;
	clear: both;
}

#sidebar .sidebarBox {
	margin: 0 0 30px;
}
#sidebar .headlineS {
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	color: #404040;
	font-weight: bold;
}

#s {
	width: 198px;
	padding: 7px 10px;
	color: #9a9a9a;
}

#sidebar .widget_tag_cloud a{
	display: block;
	margin: 0 5px 5px 0;
	padding: 5px 7px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f3f3f3;
	font-size: 10px !important;
}

#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	color: #404040;
	font-weight: bold;
}
#wp-calendar th,
#wp-calendar td {
	text-align: left;
}
#wp-calendar th {
	color: #555;
}
#wp-calendar td {
	color: #b0b0ad;
	padding-top: 10px;
}
#wp-calendar td a{
	font-weight: bold;
}
#wp-calendar tfoot {
	color: #555;
}

#sidebar .widget_archive .headlineS {
	width: 100px;
	margin: 0 20px 0 0;
	float: left;
}

#sidebar .feed-btns {
	padding: 0 0 0 24px;
	background: url("../../img/indy_v14/feed-icon-16x16.png") 0 bottom no-repeat;
}
#sidebar .feed-btns a {
	display: inline-block;
	padding: 0 6px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fcb22b;
	color: #fff !important;
	font-size: 10px;
	font-family: Verdana;
	line-height: 20px;
}
#sidebar .feed-btns a:hover {
	color: #fff !important;
	background: #ff9500;
}

#sidebar .link_services {
	margin: 0 0 20px;
}
#sidebar .link_services dt {
	margin: 0 0 10px;
	border-bottom: 1px solid #b9b9b9;
	padding: 0 0 5px;
	font-weight: bold;
}
#sidebar .link_services li,
#sidebar .link_services dd {
	margin: 0 0 5px;
}
#sidebar .link_services a {
	display: block;
	padding: 10px 20px;
	background: #e7e7e7;
	font-size: 14px;
	line-height: 30px;
}
#sidebar .link_services span {
	float: right;
}

#sidebar .link_recruit .update {
	margin: 0 0 5px;
	text-align: right;
}
#sidebar .link_recruit .headgroup h2 {
	margin: 0 0 20px;
	padding: 10px 12px;
	background: #ef5b88;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
#sidebar .link_recruit .section {
	margin: 0 0 30px;
}
#sidebar .link_recruit .section ul {
	padding-left: 1.5em;
}
#sidebar .link_recruit .section li {
	list-style: disc;
}
#sidebar .btRecruit {
	display: block;
	width: 131px;
	height: 32px;
	background: url(../../img/indy_v14/bt-recruit.png);
	text-indent: -9999px;
}

/* //////////////////////////////////////////////////////////////////////
//  top
//////////////////////////////////////////////////////////////////////*/

.headline01 {
	margin: 0 0 5px;
	border-bottom: 1px solid #e4e4e4;
	padding: 5px 5px 5px 0;
	font-size: 10px;
}
.headline01 a {
	display: inline-block !important;
	padding: 0 6px !important;
	background: #ddd;
	color: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 20px;
}

#homeMessage {
	width: 100%;
	margin: 0 0 15px;
	position: relative;
	background: #fff;
}
#homeMessage li img {
	width: 100%;
	height: auto;
}
#homeMessage .flex-caption {
	padding: 10px;
	background: #fff;
	text-align: left;
}
#homeMessage .flex-direction-nav li a {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	background: #fff;
	position: absolute;
	top: auto;
	bottom: 9px;
	font-size: 16px;
	line-height: 20px;
	text-indent: 0;
	text-align: center;
	cursor: pointer;
}
#homeMessage .flex-direction-nav li a.prev {
	left: auto;
	right: 30px;
}
#homeMessage .flex-direction-nav li a.next {
	left: auto;
	right: 10px;
}

#eventBanner {
	margin: 0 0 10px;
}
#eventBanner li{
	width: 33.33%;
	float: left;
}
#eventBanner a,
#eventBanner span {
	display: block;
	padding: 0 7px;
}
#eventBanner .first a,
#eventBanner .first span {
	padding-right: 14px;
	padding-left: 0;
}
#eventBanner .last a,
#eventBanner .last span {
	padding-right: 0;
	padding-left: 14px;
}
#eventBanner img {
	width: 100%;
	height: auto;
}

#backstage {
	margin: 0 0 10px;
}
#backstage li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33%;
	padding: 10px 7px;
	float: left;
	font-size: 16px;
}
#backstage li:first-of-type {
	padding-right: 14px;
	padding-left: 0;
}
#backstage li:last-of-type {
	padding-right: 0;
	padding-left: 14px;
}
#backstage a {
	display: block;
}
#backstage span {
	display: block;
	color: #000;
	font-family: Helvetica;
	font-size: 40px;
	line-height: 120%;
	letter-spacing: -1px;
}

#projects .thumbs .project {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33%;
	padding: 0 7px 20px;
	float: left;
	position: relative;
	overflow: hidden;
	line-height: 1px;
}

#projects .thumbs .project span.new {
	width:36px;
	height:36px;
	position:absolute;
	top:0;
	z-index:5;
	right:7px;
	display:block;
}

#projects .thumbs .project span.new img {
	background:none !important;
	opacity:1 !important;
}

#projects .thumbs .project:first-of-type {
	/* padding-right: 14px;
	padding-left: 0; */
}
#projects .thumbs .project:last-of-type {
	/* padding-right: 0;
	padding-left: 14px; */
}
#projects .thumbs .project img {
	width: 100%;
	height: auto;
	background: #000;
}

#projects .thumbs .project .title {
	display: none;
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	font-size: 0.917em;
	width: 100%;
	font-size: 11px;
	line-height: 1.1em;
	background: rgba(0,0,0,.5);
}

#projects .thumbs .selected .title{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	display: block;
	visibility: visible;
}

#projects .thumbs .title span{
	padding: 12px 17px 12px 17px;
	display: block;
}

#projectBox {
	height: auto;
	margin-bottom: 30px;
	position: relative;
	background: #e2e2e2;
	overflow: hidden;
}
#projectHolder {
	display: none;
	height: auto;
	margin: 0 3% 0 3%;
}

/*Project Filter Navigation------------------*/

#filterNav{
	padding: 0!important;
	margin: 0 0 20px 0!important;
}

#filterNav li{
	padding: 1px 0 0 0;
	background: none;
	margin: 0 5px 5px 0;
	display: block;
	float: left;
	font-family:'WadaLabMaruGo2004P4','メイリオ',Meiryo,'HiraKakuProN-W6','HiraKakuProN-W3','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue', Helvetica, Arial, sans-serif;
	}

#filterNav li a{
	font-size: 11px;
	background: #f0f0f0;
	display: inline-block;
	color: #7d7d7b!important;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	padding: 0 6px 0 !important;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 20px;
}

#filterNav li a:hover {
	background: #6a6a6a;
	color: #fff !important;
}

#filterNav .selected {
	background: #6a6a6a;
	color: #fff !important;
}
/*Projects------------------*/

#content.project {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 3% 0;
	background: #e2e2e2;
}

.page-template-portfolio-php #pageHead {
	border-bottom: none;
	margin-bottom: 0;
}

.page-template-portfolio-php #pageHead.withBorder {
	border-bottom: 1px solid #e4e4e4;
}

#ajaxLoading {
	width: 16px; height: 16px;
	margin: -8px 0 0 -8px;
	background: transparent url(../../img/indy_v14/ajax_loading.gif) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	display: none;
}

.projectHeader {
	margin-bottom: 20px;
	padding: 0 0 0 0;
	position: relative;
}

.projectHeader h1{
	margin: 0;
	font-size: 12pt;
	font-weight: bolder;
	display: block;
	width: 75%;
}

.projectNav {
	padding-top: 0;
	position: absolute;
	right: -10px;
	top: 0px;
}

.projectNav a{
	display: block !important;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

.projectNav div {
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.projectNav .closeBtn{
	background: transparent url(../../img/indy_v14/close_btn.png) no-repeat;
	background-position: 0 -20px;
}

.projectNav .closeBtn:hover{
	background-position: 0 0;
}

.project.ajax {
	padding-top: 30px;
}

.project .visuals {
	float: left;
	width: 74.468085%;
	padding: 0;
	margin-bottom: 30px;
}

.project .visuals .flexslider {
	margin-bottom: 0;
}

.project .details {
	float: right;
	width: 22%;
	padding: 0px 0 0 0;
}

.project .left h1{
	font-size: 20px;
	margin-bottom: 15px;
}

.single-projects #content {
	width: 70%;
}

#projectBox p {
	margin-bottom: 20px;
	overflow: hidden;
}

.midashiT {
	padding: 0; margin: 0; font-size: 10px; font-weight: bold;
}

/*////////////////////////////////////////////////////////////////////
//  06 - Slideshow
////////////////////////////////////////////////////////////////////*/

/* FlexSlider Necessary Styles ------------------*/

.flexslider {float: left; margin: 0 30px 30px 0; padding: 0; text-align: center;}
.flexslider .slides li {display: none;}
.flexslider .slides img {max-width: 100%; display: block;}


/* FlexSlider Default Theme------------------*/

.flexslider {position: relative; text-align: center;}
.flexslider .slides  li {position: relative;}

.flexslider .slides  li img{margin: 0 auto;}
.flexslider-container {position: relative;}


/* Direction Nav ------------------*/
.flex-direction-nav li a {height: 52px; margin: -13px 0 0; display: block; background: url(../../img/indy_v14/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
/* Control Nav ------------------*/
.flex-control-nav {margin-bottom: 0; margin-left: 0; padding-top: 10px; display: inline-block;}
.flex-control-nav li {margin: 0 6px 0 0; float: left;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../../img/indy_v14/slideshow_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.flexslider img {
	height: auto !important;
}

.flexslider .slides {
	margin: 0;
}

.flexslider li, .flexslider ol {
	list-style: none !important;
	list-style-type: none !important;
}

/*////////////////////////////////////////////////////////////////////
//  footer
////////////////////////////////////////////////////////////////////*/

#footer a {
	color: #797979;
}

#footer .office {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33%;
	margin: 0 0 20px;
	padding: 0 7px;
	float: left;
	font-family: 'WadaLabMaruGo2004P4', HiraKakuProN-W3, sans-serif;
	line-height: 140%;
}
#footer .office .project:first-of-type {
	padding-right: 14px;
	padding-left: 0;
}
#footer .office .project:last-of-type {
	padding-right: 0;
	padding-left: 14px;
}
#footer .office strong {
	display: block;
	margin: 0 0 5px;
	border-bottom: solid 1px #777;
	padding: 0 0 5px;
	font-weight: bold;
}

#privacy {
	margin: 0 0 20px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 10px 0;
	font-family: 'WadaLabMaruGo2004P4', HiraKakuProN-W3, sans-serif;
	line-height: 140%;
}
#privacy li {
	display: inline;
}

#footerLinks {
	margin: 0 0 20px;
	float: right;
}
#footerLinks li {
	float: left;
	text-indent: -9999px;
}
#ftL01 {
	width: 154px;
	margin: 0 30px 0 0;
}
#ftL02 {
	width: 108px;
	margin: 0 30px 0 0;
}
#ftL03 {
	width: 111px;
}
#footerLinks a {
	display: block;
	height: 75px;
	background: 0 0 no-repeat;
	text-decoration: none;
}
#ftL01 a { background-image: url(http://indy-net.co.jp/img/ittocan.png); }
#ftL02 a { background-image: url(http://indy-net.co.jp/img/cocokara.png); }
#ftL03 a { background-image: url(http://indy-net.co.jp/img/nerichagi.png); }

.copyright {
	color: #333;
	font-family: 'WadaLabMaruGo2004P4', Verdana, sans-serif;
	font-size: 10px;
}

/**** 2014/01/17 ****/

#main .box_skitter {
	width: 100% !important;
}

#main .box_skitter img {
	width:100% ;
	max-width: none;
	height: auto !important;
}

/**** 2014/01/22 ****/

#main .box_skitter .label_skitter {
	color: #333;
	opacity: 1;
	background: #fff;
}
#main .box_skitter .label_skitter p {
	padding: 10px;
	font-size:  12px;
	line-height:  18px;
	letter-spacing: 0;
}
#main .box_skitter .prev_button,
#main .box_skitter .next_button,
#main .box_skitter .prev_button:hover,
#main .box_skitter .next_button:hover {
	opacity: 1 !important;
}

#main .skitter-square .next_button {
	background-position: -20px -75px;
	width: 16px;
	height: 16px;
	top: auto;
	left: auto;
	bottom: 11px;
	right: 12px;
}
#main .skitter-square .prev_button {
	background-position: -20px -130px;
	width: 16px;
	height: 16px;
	top: auto;
	left: auto;
	bottom: 11px;
	right: 28px;
}

/**** 2014/07/01 ****/

#main .box_skitter img {
	width: 100% !important;
	max-width: 100% !important;
}

.wpcf7-form input[type="submit"] {
	margin-top: 20px;
}

.post-768,
.post-769,
.post-7299 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 20px 0;
}
.post-7299+.nocomments {
	padding: 0 20px;
}