@charset "utf-8";

/*  
Theme Name: Neo=Classic Remix
Theme URI: http://issei-hara.com
Description: Design by <a href="http://issei-hara.com" title="Issei Hara">Issei Hara</a>.
Version: 1.0
Author: Issei Hara
Author URI: http:/issei-hara.com
Tags: html5, css3, black, pink, rose
*/

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

* {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
}

/************************************************/
/* html5 format *********************************/

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section {display:block;}

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

body {
	background-color:#fff;
	color:#333;
	font-family:"Hiragino Kaku Gothic Pro", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size:62.5%;
	line-height:1;
	text-align:center;
}

a,
a:link,
a:visited {color:#333;}

a:hover,
a:active {color:#f39;}


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

.line,
#top,
#bottom,
#wp-footer {
	clear:both !important;
	display:block !important;
	height:0 !important;
	overflow:hidden !important;
}

hr {
	border:none;
	border-top:1px dashed #ccc;
	height:0;
	clear:both;
}

/************************************************/
/* clearfix *************************************/

#header:after,
#footer:after,
#sidebar:after,
#breadcrumb:after,
#head-info:after,
#foot-info:after,
#head-control:after,
#foot-control:after,
#main:after,
#main-body:after,
#content .post:after,
#content .entry:after,
#content ul.results li:after,
#content ol.commentlist li:after,
#info-1:after,
dl:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

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

#frame {
	margin:0 auto;
	padding:0;
	width:900px;
	text-align:left;
	clear:both;
	display:block;
}

#header,
#footer,
#header-body,
#footer-body,
#head-control,
#foot-control,
#head-info,
#foot-info,
#main {clear:both; display:block; margin:0; padding:0;}

/************************************************/
/* head-info foot-info **************************/

#breadcrumb,
#head-info,
#foot-info {padding:0 0 0.1em 0;}

#head-info { border-top: 8px solid #000;}
#foot-info { border-bottom: 8px solid #000;}

#head-info { padding: 60px 0 15px 0; /*border-bottom: 1px solid #999;*/}
#foot-info { padding: 15px 0;}

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

/*
#info-2 a { color:#f39;}
#info-2 a:hover { color:#333;}
*/
#breadcrumb,
#info-1,
#info-2 {clear:both; display:block;}

#breadcrumb { padding:15px 0;}
#info-1 { padding-bottom:15px;}
#info-2 { padding-top:0px;}

#breadcrumb ul {display:block; float:right;}
#info-1 ul {display:block; float:right;}
#info-2 ul {display:block; float:left;}

#breadcrumb p,
#info-1 p,
#info-2 p {font-size:1.1em; padding:0; margin:0; display:block;}

#breadcrumb p {float:left;}
#info-1 p {float:left;}
#info-2 p {float:right; text-align:right;}

#breadcrumb ul li,
#info-1 ul li,
#info-2 ul li {font-size:1.1em; display:block; float:left; margin:0; padding:0;}

#breadcrumb ul li {padding-left:20px;}
#info-1 ul li {padding-left:20px;}
#info-2 ul li {margin-right:20px;}

#info-2 p address {}
/*
a.twitter:link {color: #3689be; text-decoration: none;}
a.twitter:visited {color: #3689be; text-decoration: none;}
a.twitter:hover {color: #59beff;}

a.facebook:link {color: #5f7cb6; text-decoration: none;}
a.facebook:visited {color: #5f7cb6; text-decoration: none;}
a.facebook:hover {color: #8db3ff;}

a.rss:link { color:#f60}
a.rss:visited {color:#f60;}
a.rss:hover {color:#f96;}*/

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

#header #logo {clear:both; display:block;}
#header h1 {float:left; font-size:3.0em; text-transform:uppercase; display:block; padding:0; margin: 0;}
#header h1 a {width:180px; height:30px; overflow:hidden; background: url(/images/logo.gif) no-repeat top left; text-indent:-240px; display:block; margin-right:30px;}

#header p#info {padding:0 0 0 30px; border-left:1px solid #666; font-size:1.2em; line-height:15px; display:block; float:left; color:#333;}


#header p#info {font-size:3.0em; text-transform:uppercase; display:block; margin: 0;}
#header p#info a {width:120px; height:30px; overflow:hidden; background: url(/images/description.gif) no-repeat top left; text-indent:-240px; display:block;}
/************************************************/
/* search ***************************************/

#search {
margin:0;
padding:0;
float:right;
}

#search input {
margin:0;
padding:3px 10px;/*
padding: 7px 15px 7px 35px;
font-weight: lighter;
background: url(images/search.gif) top left no-repeat;
height: 16px;*/
vertical-align:middle;
border:1px solid #ccc;
width:200px;
font-size:1.2em;
overflow:hidden;
color:#333;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
}

#search input:focus {border:1px solid #666;}

/************************************************/
/* control **************************************/

#head-control,
#foot-control {
background:#000;
/*background:-moz-linear-gradient(top, #333, #000);
background:-webkit-gradient(linear, center top, center bottom, from(#333), to(#000));*/
	clear:both;
	height:30px;
	overflow:hidden;
	padding:0;
	margin:0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#head-control .control,
#foot-control .control {float:right;}

#head-control ul li,
#foot-control ul li {float:left;}

#head-control li a,
#foot-control li a {
	color:#fff;
	display:block;
	height:30px;
	line-height:31px;
	width:100px;
	text-align:center;
	font-size:11px;
	overflow:hidden;
	border-right:1px solid #ccc;
}

#head-control li a:hover,
#foot-control li a:hover {background:#f39;}

#head-control .control ul li a,
#foot-control .control ul li a {border:0; border-left:1px solid #ccc;}

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

#footer #f-1,
#footer #f-2,
#footer #f-3,
#footer #f-4 {line-height:1.5; margin:0; padding:0 0 0.1em 0; width:210px; display:none;}

#footer #f-1 {float:left; margin-right:20px;}
#footer #f-2 {float:left; margin-right:20px;}
#footer #f-3 {float:left;}
#footer #f-4 {float:right;}

#footer #f-1 ul,
#footer #f-2 ul,
#footer #f-3 ul,
#footer #f-4 ul {margin:0; padding:0; margin-bottom:15px;}

#footer #f-1 ul li,
#footer #f-2 ul li,
#footer #f-3 ul li,
#footer #f-4 ul li {font-size:1.2em;}


#footer #f-1 ul li a,
#footer #f-2 ul li a,
#footer #f-3 ul li a {display: block;}

#footer #f-1 ul,
#footer #f-2 ul,
#footer #f-3 ul {padding-left:20px;}

#footer #f-1 ul li,
#footer #f-2 ul li,
#footer #f-3 ul li {list-style-image:url(images/bullet.gif); list-style-position:outside;}

#footer #f-3 img {
	margin-bottom:10px;
	width:96px;
	height:96px;
	padding:1px;
	border:1px solid #ccc;
	margin-right:10px;
	float:left;
}

#footer #f-3 img:hover {border:1px solid #f39;}

#footer #f-3 img.sb-2,
#footer #f-3 img.sb-5 {margin-right:0;}
#footer #f-3 img.sb-3,
#footer #f-3 img.sb-6 {float:right; margin:0 0 10px 0;}
#footer #f-3 img.sb-7,
#footer #f-3 img.sb-8,
#footer #f-3 img.sb-9,
#footer #f-3 img.sb-10 {display:none;}

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

.meta {color:#f39; display:block; line-height:1.5;}

#sidebar .module,
.post,
#footer #f-1,
#footer #f-2,
#footer #f-3,
#footer #f-4,
#info-2,
#respond {
padding-top:15px; border-top:1px solid #666;
}

#content,
#respond {padding:0;}

#footer h2,
#sidebar h2 {
	font-size:1.6em;
	padding:0;
	margin-bottom:10px;
	font-weight:lighter;
}


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

#sidebar {float:right; width:280px; padding-bottom:30px; line-height:1.5;}
#sidebar-left {/*float:left; width: 210px;*/}
#sidebar-right {float:right; width: 180px; overflow: hidden; display:none;}
#sidebar-bottom {clear:both;}
#sidebar .module {margin-bottom: 30px; display: block; clear: both;}

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

#sidebar p {
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}

#sidebar ul {
	clear: both;
	padding-left: 20px;
}

#sidebar ul li {
	list-style-image: url(images/arrow-right.gif);
	list-style-position:outside;
	font-size: 1.2em;
}

#sidebar ul li a {
	display:block;
}

#sidebar select {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 1.2em;
	padding: 2px;
	width: 99%;
}

#sidebar-bottom ul#social-media {padding:0;}
#sidebar-bottom ul#social-media li {list-style:none; display:block; margin-bottom:10px;}
#sidebar-bottom ul#social-media li a {padding:0 0 0 70px; line-height:30px; height:60px; display:block;}
#sidebar-bottom ul#social-media li a#facebook {background:url(/images/icon/facebook.gif) left top no-repeat;}
#sidebar-bottom ul#social-media li a#twitter  {background:url(/images/icon/twitter.gif) left top no-repeat;}
#sidebar-bottom ul#social-media li a#linkedin {background:url(/images/icon/linkedin.gif) left top no-repeat;}
#sidebar-bottom ul#social-media li a#rss      {background:url(/images/icon/rss.gif) left top no-repeat;}

#sidebar-bottom img {
	margin-bottom:5px;
	width:126px;
	height:126px;
	padding:1px;
	border:1px solid #ccc;
	margin-right:5px;
	float:left;
}

#sidebar-bottom img:hover {border:1px solid #f39;}

#sidebar-bottom img.sb-2,
#sidebar-bottom img.sb-5 { margin-right:0;}
#sidebar-bottom img.sb-3,
#sidebar-bottom img.sb-6 {float:right; margin:0 0 5px 0;}
#sidebar-bottom img.sb-7,
#sidebar-bottom img.sb-8,
#sidebar-bottom img.sb-9,
#sidebar-bottom img.sb-10 {display:none;}

/************************************************/
/* content **************************************/

#content {
	float:left;
	width:600px;
	text-align:left;
	line-height:1.5;
}

#content .post {
	margin:0;
	padding:0 0 0.1em 0;
	display:block;
	clear:both;
}

#content .entry-image,
#content .result-image,
#content .comment-image {clear:both; float:left; width:80px; padding: 0; padding-bottom: 30px;}

#content .entry-image {padding-top: 15px; position: relative;}

#content .entry {padding-top: 15px;}

#content .entry-image span {display:block;}

#content .entry-image img,
#content .result-image img,
#content .comment-image img {
border:1px solid #ccc;
padding:1px;
margin:0 0 10px 0;
}

#content .entry-image img:hover,
#content .result-image img:hover,
#content .comment-image img:hover {
border:1px solid #f39;
}

#content .post img {max-width:500px;}

/************************************************/
/* results & comments ***************************/

#content ul.results,
#content ol.commentlist,
#content ol.pingslist {padding:0; margin:0; clear: both;}

#content ul.results li,
#content ol.commentlist li,
#content ol.pingslist li {
	margin:0;
	padding:15px 0 0 0;
	clear:both;
	display:block;
	text-decoration:none;
	border-top:1px solid #666;
}

#content .entry,
#content .result-entry,
#content .comment-entry {float:right; width:500px;}

#content ul.results li span.result-title,
#content ol.commentlist li span.comment-title,
#content ol.pingslist li a span.comment-author {
	padding:0;
	margin:0 0 15px 0;
	display:block;
	font-size:1.8em;
	font-weight:lighter;
}

#content ul.results li span.result-title a,
#content ol.commentlist li span.comment-title a {color:#000;}

#content ul.results li span.result-text a {color:#333; display:block;}

#content ul.results li span.result-title a:hover,
#content ul.results li span.result-text a:hover,
#content ol.commentlist li span.comment-title a:hover {color:#f39;}

#content ul.results li span.result-text {display:block;margin-bottom:15px;}

#content ol.commentlist li span.comment-text,
#content ol.pingslist li span.comment-text {display:block; margin-bottom: 30px;}

#content ul.results li span.result-text {font-size:1.35em;}

#content ol.commentlist li span.comment-text p,
#content ol.pingslist li a span.comment-text p {margin:0;}


#content ul.results li a,
#content ol.commentlist li a {color:#f39;}

#content ul.results li a:hover,
#content ol.commentlist li a:hover,
#content ol.pingslist li a:hover {color:#333;}
/*
#content .detail { clear: both; display:block; padding: 0 0 0 10px; margin: 0 0 30px 0; border-left: 3px solid #ccc;}
#content .detail span { display:block;}
*/
#content dl.detail,
#content .post dl.detail {clear:both; display:block; padding:0; margin:0 0 30px 0;}

#content dl.detail dt,
#content .post dl.detail dt {border-top:1px solid #ccc; padding:5px 0; font-size:1em; clear:both; float:left; width:90px; padding-right:10px; display:block;}

#content dl.detail dd,
#content .post dl.detail dd {border-top:1px solid #ccc; padding:5px 0; font-size:1em; margin-left:100px;}

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

#content ol.commentlist li ul.children {margin:0 0 0 70px;}
#content ol.commentlist li ul.children li .comment-entry {width:430px;}

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

#content a {color:#f39;}

#content a:hover {color:#666;}

#content hr {
margin-bottom:50px;
}

#content .post p span {font-size:1.5em;}

h2, h3, h4, h5 {
	font-weight:lighter;
	clear:both;
}

#content h2 {
	font-size:1.8em;
	margin: 0 0 50px 0;
}

#content .post h3 {font-size:1.5em; color:#f39;}

h3, h4, h5 {font-size:1.5em; margin: 0 0 50px 0;}

#content p,
#content .post ul li,
#content .post ol li/*,
#content .post dl dd*/ {font-size:1.35em;}

#content p {
	margin:0 0 50px 0;
	padding:0;
	clear:both;
}

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

#content p.breadcrumb {
	padding: 10px;
	border: 1px solid #999;
	line-height: 1;
	margin-bottom: 20px;
	color: #999;
}

blockquote {
	margin: 0 15px 30px 15px;
	border: 1px solid #ccc;
	padding: 15px 15px 0.1em 15px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#content blockquote p {margin:0 0 15px 0; padding:0;}

pre {
	margin-bottom:20px;
	padding: 10px;
	border: 1px solid #999;
	display:block;
	overflow:scroll;
	font-size:1.35em;
}

code{}

#content hr {margin-bottom:50px;}

/************************************************/
/* post *****************************************/

#content .post ul,
#content .post ol {
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
}

#content .post ul li {
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}

#content .post ol li {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
	list-style-position: outside;
}
/*
#content .post dl { font-size: 1.3em;}
#content .post dt {
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}

#content .post dd { margin: 0 0 30px 0; padding: 0 0 0 20px;}
*/
table {
	margin-bottom:30px;
	width:100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

table th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	font-size:1.5em;
	color:#f39;
}

table td {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
	font-size:1.35em;
}

/************************************************/
/* .form ****************************************/

#respond,
#trackback {
	clear: both;
	margin: 0 0 30px 0;
}

#trackback {display: none;}

#content .form {clear:both; display:block;}

#content .field {margin:0 0 30px 0; display:block; clear:both; font-size: 1.3em;}
	
#content .field p {margin:0; padding:0; font-size:1.0em;}

#content .field p label em {color:#f39;}

#content .field input.text,
#content .field select.text,
#content .field textarea.text {
	border:1px solid #999;
	padding:5px;
	width:488px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content .field textarea.text {height:120px; overflow:auto;}

#content .field input.submit {
	background:#000;
	border:none;
	color:#fff;
	display:block;
	margin: 0;
	padding: 8px;
	width:99%;
	line-height:1;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


#content .field input.submit:hover {background:#f39; cursor:pointer;}

#content .click { padding:0; line-height:1; color:#fff; clear:both; display:block;}

#content .click a {
color:#fff !important;
background:#000;
font-size:1.3em;
	padding: 8px;
	margin-bottom: 30px;
	text-align:center;
display:block;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content .click a:hover {background:#f39;}

/************************************************/
/* wp-pagenavi **********************************/

.wp-pagenavi {
	text-align:center;
	margin-bottom: 30px;
	clear: both;
	display:block;
	font-size: 1.3em;
	line-height: 1;
	color: #fff;
	padding:0;
}

.wp-pagenavi a {
	background:#000;
	padding:5px 15px; 
	margin:2px;
	color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


.wp-pagenavi a:active {
background:#f39;
}

.wp-pagenavi a:hover {
background:#f39;
}

.wp-pagenavi span.pages {display:none;}

.wp-pagenavi span.current {
	padding:5px 15px;
	margin:2px;
	background:#f39;
	color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.wp-pagenavi span.extend {display:none;}

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

#content .related-posts {
	background-color:#000;
	padding:15px 15px 0.1em;
	clear:both;
	display:block;
	margin-bottom:30px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display:none;
}

#content .related-posts h2 {color:#fff; margin-bottom:15px;}
#content ul.related_post {margin-bottom:15px;}
#content ul.related_post li a {color:#fff;}
#content ul.related_post li a:hover {color:#f39;}

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