/*
Theme Name: ondo design
Theme URI: http://ondo-c.jp/
Description: Smart Idea. Bright future.
Version: 1.0
Author: Takuro Hishikawa (@HissyNC)
Template: ncwhite
*/


@import "../ncwhite/style.css";


/*
----------------------------------------------------------------------
カラーリング定義

通常時/クレジット等表記＝薄いグレー
：R175 G175 B175（afafaf）

本文等表記＝濃いグレー
：R52 G52 B52（343434）

タイトル/見出し等表記＝黒に違いグレー
：R52 G52 B52（343434）

オンマウス/リンク等表記＝ブルー
：R30 G170 B210（1eaad2）
----------------------------------------------------------------------
*/


/* basic style
---------------------------------------------------------------------- */

body {
background: url(images/haikei-beta.gif) repeat 0 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
color: #3e3e3e;
font-size: 11px;
line-height: 1.5;
text-align: center;
}

a:link,
a:visited {
color: #442d06;
text-decoration: none;
}

a:hover,
a:active {
color: #442d06;
text-decoration: underline;
}

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}



/* layout
---------------------------------------------------------------------- */

#page:before {
display: block;
content: url(images/header.png);
margin: 0 auto;
}

#page:after {
display: block;
content: url(images/footer.png);
margin: 0 auto;
}

#page {
width: 960px;
margin: 5px auto;
}

#header {
margin: -14px 30px 0;
padding: 40px 40px 20px;
background: #ffffff;
text-align: left;
}

#main {
margin: 0px 30px -14px;
padding: 0 45px 20px;
background: #ffffff;
text-align: left;
}

#footer {
padding-top: 40px;
}



/* header
---------------------------------------------------------------------- */

#site-title a {
float: left;
}

#site-description {
float: left;
font-size: 9px;
line-height: 1.0;
padding: 5px 0 0 10px;
color: #a0a0a0;
}

#main-nav li {
list-style: none;
float: right;
}

#main-nav a {
font-weight: normal;
text-transform: uppercase;
font-family: 'Signika Negative', 'Helvetica', sans-serif;
font-size: 13px;
margin-left: 28px;
}

#main-nav a:link,
#main-nav a:visited {
color: #afafaf;
text-decoration: none;
}

#main-nav a:hover,
#main-nav a:active {
color: #1eaad2;
text-decoration: none;
}



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

#footer {
font-size: xx-small;
margin-left: 400px;
color: #c8c8c8;
}

#footer li {
list-style: none;
}

address {
	font-style: normal;
}



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

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-size: 11pt;
	font-family:'Anonymous Pro', sans-serif;
	margin: 0 0 0 0;
}

.entry-content p {
margin: 1em 0;
}

#content .col-main {
float: left;
width: 470px;
}

#content .col-sub {
float: right;
width: 314px;
}

.entry-title {
	font-size: 110%;
}

.category-news .post {
	margin: 0;
	padding: 20px;
	border-bottom: 1px dotted #c8c8c8;
	cursor: pointer;
}

.category-news .opend {
	cursor: default;
}

.category-news .post:hover {
	background: url(images/pattern.gif) repeat 0 0;
}

.category-news .entry-content,
.single .entry-content {
	padding: 20px 0;
}

.category-news .entry-footer,
.single .entry-footer {
	color: #3e3e3e;
	font-family: 'Anonymous Pro', sans-serif;
	font-size: 40px;
	margin-top: -20px;
	text-align: right;
	letter-spacing: -0.05em;
}

.category-news .entry-footer a {
	color: #3e3e3e;
}

#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 40%;
  bottom: 40px;
  width: 20%;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

table.form {
	margin-top: 20px;
	width: 100%;
}

table.form th {
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
}

table.form td {
	padding: 10px 0;
	vertical-align: top;
}

table.form .con,
table.form .mess {
	border: 1px dotted #ccc;
	padding: 10px;
}

table.form .mess {
	height: 12em;
}


/* works
---------------------------------------------------------------------- */

.single-works .entry-header,
.category-works .entry-header {
	margin-left: 488px;
	padding: 30px;
	background: url(images/corner-left.png) no-repeat 0 0;
}

.single-works .gallery-wrapper,
.category-works .gallery-wrapper {
	float: left;
	width: 480px;
	overflow: hidden;
}

.single-works .gallery,
.category-works .gallery {
	text-align: center;
}

.single-works .gallery-nav span,
.category-works .gallery-nav span {
	float: left;
	display: block;
	width: 32px;
	height: 12px;
	background: #ccc;
	margin-right: 4px;
	cursor: pointer;
}

.single-works .gallery-nav span.active,
.category-works .gallery-nav span.active {
	background: #333;
}

.single-works .entry-content,
.category-works .entry-content {
	margin-left: 488px;
	padding: 0 30px;
}

.single-works .entry-footer,
.category-works .entry-footer {
	margin-left: 488px;
	padding: 30px;
	background: url(images/corner-right.png) no-repeat right bottom;
	text-align: right;
	font-size: 9px;
}

.category-works {
	margin-bottom: 20px;
}

.wp-pagenavi {
	margin: 10px;
}

.wp-pagenavi .nav-next a,
.wp-pagenavi .nav-previous a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	width: 40px;
	height: 12px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
}

.wp-pagenavi .nav-next a {
	background-image: url(images/next_off.png);
}

.wp-pagenavi .nav-next a:hover {
	background-image: url(images/next_on.png);
}

.wp-pagenavi .nav-previous a {
	background-image: url(images/prev_off.png);
}

.wp-pagenavi .nav-previous a:hover {
	background-image: url(images/prev_on.png);
}



/* page
---------------------------------------------------------------------- */

.page .entry-title {
	margin-bottom: 20px;
}



/* front page
---------------------------------------------------------------------- */

.home #header {
	position: relative;
	height: 580px;
}

.home #site-title a {
	float: none;
	position: absolute;
	left: 254px;
	top: 148px;
}

.home #sub-title {
	position: absolute;
	left: 410px;
	top: 188px;
}

.home #site-description {
	position: absolute;
	left: 400px;
	top: 206px;
}

.home #main-nav {
	position: absolute;
	left: 0;
	top: 260px;
	width: 380px;
	text-align: right;
}

.home #main-nav li {
	float: none;
	margin-bottom: 10px;
}

.home #postcount {
	position: absolute;
	left: 410px;
	top: 360px;
	font-size: 170px;
	font-family: 'Anonymous Pro', sans-serif;
	letter-spacing: -0.02em;
	background: url(images/tenmetsu.gif) no-repeat right center;
	padding-right: 10px;
	line-height: 1.2;
}

.home #postcount a:link,
.home #postcount a:visited {
	text-decoration: none;
	color: #333333;
}

.home #postcount a:hover,
.home #postcount a:active {
	text-decoration: none;
	color: #1eaad2;
}