@charset "utf-8";

/*
Theme Name: shinob 2015
Theme URI: http://shinob.com
Author: ONZE
Author URI: http://on-ze.com
Version: 1.0
Text Domain: shinob
*/


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

* {
margin:0;
padding:0;
border:none;
list-style:none;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

body {
background-color:#070606;
background:#070606 url("images/bg-main-flip.jpg") no-repeat center top fixed;
color:#fff;
font-family:"Helvetica", Sans-Serif;
font-size:62.5%;
line-height:1;
text-align:center;
	-webkit-text-size-adjust:100%;
}

/*
body.home {
	background: #070606 url("images/bg-main.jpg") no-repeat fixed center top;}
*/

body.home {
background-image: url("images/bg-main-flip.jpg");}

body.solid {
background-image: url('images/bg-main-nofade.jpg');}

a {
color:#fff;
text-decoration:none;
	transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
}

a:hover {color:#f60;}

a img:hover {
opacity:0.5;
	transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}

/******************/
/* layout *********/

#TO,
#BO {
clear:both;
height:0;
margin:0;
padding:0;
overflow:hidden;
visibility:hidden;
}

#wrap {
width:880px;
padding:0 10px;
margin:0 auto;
text-align:left;
}

#head {
padding:10px 0;
margin-bottom:20px;
border-bottom:1px solid #444;
}

#foot {
clear:both;
border-top:1px solid #444;
padding-top:20px;
}

#home {
clear:both;
border-bottom:1px solid #444;
margin-bottom:20px;
}

#side {
float:left;
width:260px;
margin-bottom:20px;
}

#main {
float:right;
width:580px;
line-height:1.5;
margin-bottom:20px;
}

#page,
#post {
line-height:1.5;
}


#gallery img.g {
background-image:url(images/bg-130.png);
	background-size:130px 130px;
	-moz-background-size:130px 130px;
	-webkit-background-size:130px 130px;
padding:5px;
}

#foot img.g {
background-image:url(images/bg-70.png);
	background-size:70px 70px;
	-moz-background-size:70px 70px;
	-webkit-background-size:70px 70px;
padding:5px;
}

#works img.g {
background-image:url(images/bg-160.png);
	background-size:160px 160px;
	-moz-background-size:160px 160px;
	-webkit-background-size:160px 160px;
padding:5px;
}

#foot img.g:hover {background-image:url(images/bg-s-on.png);
	background-size:70px 70px;
	-moz-background-size:70px 70px;
	-webkit-background-size:70px 70px;}
#gallery img.g:hover {background-image:url(images/bg-m-on.png);
	background-size:130px 130px;
	-moz-background-size:130px 130px;
	-webkit-background-size:130px 130px;}
#works img.g:hover {background-image:url(images/bg-l-on.png);
	background-size:160px 160px;
	-moz-background-size:160px 160px;
	-webkit-background-size:160px 160px;}

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

#head:after,
#home:after,
#news:after,
#f-info:after,
#f-navi:after,
#f-copy:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}

/******************/
/* head ***********/

#logo {float:left; width:180px;}

#navi {float:right; text-align:right;}

#logo h1 {
width:180px;
height:90px;
overflow:hidden;
}

#logo h1 a {
display:block;
background-image:url("images/logo.png");
	background-size:180px 180px;
	-moz-background-size:180px 180px;
	-webkit-background-size:180px 180px;
background-repeat:no-repeat;
background-position:0 0;
padding-top:100px;
width:180px;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
}

#logo h1 a:hover {background-position:0 -90px;}

#logo p {display:none;}

#navi ul {float:right;}

#navi ul li {
color:#fff;
float:left;
margin-left:10px;
width:70px;
height:90px;
overflow:hidden;
}


#navi ul li a {
float:left;
width:70px;
padding-top:130px;
background-image:url("images/navi.png");
	background-size:310px 180px;
	-moz-background-size:310px 180px;
	-webkit-background-size:310px 180px;
background-repeat:no-repeat;
background-position:0 0;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
}


#navi ul li:nth-child(1) a {background-position:0 0;}
#navi ul li:nth-child(2) a {background-position:-80px 0;}
#navi ul li:nth-child(3) a {background-position:-160px 0;}
#navi ul li:nth-child(4) a {background-position:-240px 0;}

#navi ul li:nth-child(1) a:hover {background-position:0 -100px;}
#navi ul li:nth-child(2) a:hover {background-position:-80px -100px;}
#navi ul li:nth-child(3) a:hover {background-position:-160px -100px;}
#navi ul li:nth-child(4) a:hover {background-position:-240px -100px;}

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

#f-info {padding-bottom:20px; line-height:1.5;}
#f-navi {clear:both; border-top:1px solid #444; padding:5px 0;}
#f-copy {clear:both; border-top:1px solid #444; padding:10px 0;}

#f-info h2 {margin-bottom:10px; font-size:1.8em;}
#f-info p {margin-bottom:10px;}

#f-1 {float:left; width:270px; margin-right:30px;}
#f-2 {float:left; width:230px;}
#f-3 {float:right; width:310px;}

#f-1 .left {float:left; width:100px;}
#f-1 .right {float:right; width:160px;}


#f-2 select {width:99%; display:block; margin-bottom:10px; background-color:#222; color:#fff;}
#f-2 .sns {padding-top:20px;}
#f-2 ul li {margin-bottom:5px; font-size:1.25em;}
#f-2 ul li a {
background-image:url(images/arrow-white.png);
background-position:left center;
background-repeat:no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;
padding-left:20px;
}

#f-2 ul li a:hover {background-image:url(images/arrow-orange.png);}

#f-3 ul {line-height:1;}
#f-3 ul li {
float:left;
margin-right:10px;
margin-bottom:10px;
}

#f-3 ul li:nth-child(4) {margin-right:0;}
#f-3 ul li:nth-child(8) {margin-right:0;}
#f-3 ul li:nth-child(12) {margin-right:0;}

#f-navi ul li {float:left; width:100px; height:30px; margin-right:10px; overflow:hidden;}
#f-navi ul li:last-child {margin-right:0;}

#f-navi ul li a {
display:block;
width:100px;
background-repeat:no-repeat;
	background-size:90px 30px;
	-moz-background-size:90px 30px;
	-webkit-background-size:90px 30px;
padding-top:40px;
}

#f-navi ul li:nth-child(1) a {background-image:url(images/fn-01.png);}
#f-navi ul li:nth-child(2) a {background-image:url(images/fn-02.png);}
#f-navi ul li:nth-child(3) a {background-image:url(images/fn-03.png);}
#f-navi ul li:nth-child(4) a {background-image:url(images/fn-04.png);}
#f-navi ul li:nth-child(5) a {background-image:url(images/fn-05.png);}
#f-navi ul li:nth-child(6) a {background-image:url(images/fn-06.png);}
#f-navi ul li:nth-child(7) a {background-image:url(images/fn-07.png);}
#f-navi ul li:nth-child(8) a {background-image:url(images/fn-08.png);}

#f-copy h2 {float:left; width:260px; height:40px; overflow:hidden;}

#f-copy h2 a {
display:block;
background-image:url(images/f-logo.png);
	background-size:260px 80px;
	-moz-background-size:260px 80px;
	-webkit-background-size:260px 80px;
background-repeat:no-repeat;
background-position:left top;
padding-top:50px;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
}

#f-copy h2 a:hover {background-position:0 -40px;}

#f-copy ul {float:right;}
#f-copy ul li {display:inline; margin-left:10px;}
#f-copy ul li a img {opacity:0.3;}
#f-copy ul li a img:hover {opacity:1.0;}

/******************/
/* side ***********/

#s-navi ul {margin-bottom:20px;}

#s-navi ul li {
border-left:1px solid #f40;
height:60px;
margin-bottom:10px;
}

#s-navi ul li a {background-color:#222; color:#fff; display:block; padding:10px; height:40px; line-height:20px; font-size:1.5em;}
#s-navi ul li a span {color:#f40; display:block; font-size:0.8em;}

#s-navi ul li a:hover {background-color:#f40; color:#000;}
#s-navi ul li a:hover * {color:#000;}

.module ul li {margin-bottom:10px;}

/******************/
/* home ***********/

#home {}
#home h2 {float:left;}
#home h3 {float:right;}


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

#news {
margin-bottom:20px;
}

#news h2 {
float:left;
width:130px;
height:90px;
}

#news ul {float:right; width:430px;}

#news ul li {line-height:20px; font-size:1.2em; margin-bottom:5px;}

#news ul li a {
background:url(images/arrow-white.png) no-repeat left center;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;
padding-left:20px;
}

#news ul li a:hover {
background:url(images/arrow-orange.png) no-repeat left center;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;
padding-left:30px;
}

#gallery {
border-top:1px solid #444;
clear:both;
padding-top:20px;
}

#gallery ul {clear:both;}

#gallery ul li {
width:130px;
height:130px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

#gallery ul li:nth-child(4) {margin-right:0;}
#gallery ul li:nth-child(8) {margin-right:0;}

#gallery ul li a {display:block;
width:130px;
height:130px;
}

/******************/
/* page ***********/

.meta {color:#f40;}
#main .meta {font-size:1.1em;}

#main h2 {margin-bottom:20px; font-size:1.8em;}

#works {}
#works h2 {margin-bottom:20px; font-size:1.8em;}

#works ul li {float:left; margin-right:20px; margin-bottom:20px;}

#works ul li:nth-child(4) {margin-right:0;}
#works ul li:nth-child(5) {margin-right:0; float:right;}
#works ul li:nth-child(6) {clear:both;}
#works ul li:nth-child(9) {margin-right:0;}
#works ul li:nth-child(10) {margin-right:0; float:right;}
#works ul li:nth-child(11) {clear:both;}
#works ul li:nth-child(14) {margin-right:0;}
#works ul li:nth-child(15) {margin-right:0; float:right;}


#page {
    width:560px;
    padding: 20px 0;
    margin-bottom: 40px;
    margin-left: 200px;
}

#page h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    color:#fff;
    font-size: 3.0em;
    margin-bottom: 15px;
}

h3,
#page p,
#page ul {
	font-size:1.3em;/*
	font-style: italic;
	line-height: 22px;
	color:#747474;*/
	margin-bottom: 15px;
}
    
h3 {
color: #fff;
font-size: 1.8em;
}


.page p,
.post p {font-size:1.35em; margin-bottom:20px;}

.post img {max-width:100%; height:auto;}
p em,
p em a {
color: #f60;
font-size: 1.5em;
font-weight: bold;
}


/******************/
/* single *********/


#single {
padding: 0 0 40px;}


#single img {max-width:100%; height:auto;}

#single .image {
float: left;
width: 500px;
}

#single .entry {
float: right;
width: 400px;}

#single h2 {
font-size: 3.0em;
font-weight: bold;
font-style: normal;
margin-bottom: 30px;
}

#single span {}

#single ul.post-meta {
margin-bottom: 120px;
font-size: 1.3em;
}


/******************/
/******************/
/* contact ********/


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

table {
border:0;
border-collapse:collapse;
border-spacing:0;
border-top:1px solid #444;
border-left:1px solid #444;
font-size:1.25em;
margin:0;
width:100%;
}

table th {
padding:10px;
background-color:#f40;
border-right:1px solid #444;
border-bottom:1px solid #444;
color:#000;
white-space:nowrap;
}

.profile table td,
.message table td,
.recruit table td,
.information table td {
background-color:#222;
padding:5px;
text-align:left;
border-right:1px solid #444;
border-bottom:1px solid #444;
}

/******************/
/******************/
/* plugin *********/

/* ContactForm7 ***/

.wpcf7{}

.wpcf7 table {
margin-bottom:20px;
border-left:1px solid #444;
border-top:1px solid #444;
}

.wpcf7 table th {
padding:10px;
background-color:#f40;
border-right:1px solid #444;
border-bottom:1px solid #444;
color:#000;
white-space:nowrap;
}

.wpcf7 table td {
background-color:#222;
padding:5px;
text-align:left;
border-right:1px solid #444;
border-bottom:1px solid #444;
line-height:1;
}

.wpcf7 table em {font-size:0.8em; color:#f40;}

.wpcf7 table span {color:#f40;}

.wpcf7-mail-sent-ok {
border:1px solid #444;
color:#fff;
display:block;
font-size:1.35em;
padding:10px;
margin-bottom:40px;
}

.wpcf7-validation-errors {
border:1px solid #f40;
color:#f40;
text-align:center;
font-size:1.5em;
padding:5px;
margin-bottom:20px;
}

span.use_label_element {margin-bottom:20px; display:block;}
span.wpcf7-list-item-label {color:#fff !important;}

.wpcf7 p span {color:#333;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}
.wpcf7 td span.wpcf7-not-valid-tip-no-ajax {color:#f40; display:block; padding-top:5px;}

input[type=address],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {
background:#444;
border:none;
color:#fff;
padding:3px;
line-height:25px;
font-size:1.0em;
}

input:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
background:#444;
}

input:-moz-placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}

:-moz-placeholder {color:#999;}
::-webkit-input-placeholder {color:#999;}

textarea {
padding-left:3px;
width:98%;
height:180px;
margin:0;
}


.wpcf7 input[type=submit] {
background-color:#0aa;
background:url('images/inquiry-submit.png');
	background-size:580px 90px;
	-moz-background-size:580px 90px;
	-webkit-background-size:580px 90px;
background-position:0 0;
color:#fff;
width:580px;
height:40px;
cursor:pointer;
display:block;
margin-bottom:40px;
}

.wpcf7 input[type=submit]:hover {
background-color:#fff;
background-position:0 -50px;
color:#f40;
}

.wpcf7 .sent .form-inner {
display:none;
}


/* end ************/
/******************/
/******************/