@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
*/

@import url("/includes/reset.css");


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

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

body {
	background-color: #fff;/*
	background: url(images/bg.gif) bottom center fixed;*/
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
}

a, a:link, a:visited {
	color:#333;
	text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
}

a:hover, a:active {
	color: #f39;
	text-decoration: none;
}

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

#top,
#bottom,
.line {
	height: 0 !important;
	overflow: hidden !important;
	background-color: #fff !important;
	color: #fff !important;
	display: block !important;
	clear:both !important;
	margin: 0;
	padding: 0;
	line-height: 0;
}

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

.clear { clear: both !important;}

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

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

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

#frame {
	margin: 0 auto;
	padding: 0 10px;
	width: 980px;
	text-align: left;
	clear: both;
	display: block;
	line-height: 1.5;
}

#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 **************************/

#head-info,
#foot-info { line-height: 1; padding:0 0 0.1em 0;}

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

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

#head-info p { font-size: 1.2em; float: left; display:none;}

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

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

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

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

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

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

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

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

#info-2 p address {}
#info-2 p address a {}

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

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

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

#header #breadcrumb { clear:both; display:block; height:46px; overflow:hidden; padding:0; margin:0;}
#header #breadcrumb p { padding:0; font-size:1.2em; clear: both; display:block; float:left; line-height:47px;}

#header #breadcrumb ul { float:right; line-height:46px;}
#header #breadcrumb ul li { float:left; display:block;}

#header #breadcrumb ul li a { background-repeat:no-repeat; margin:11px 0 11px 10px; height:24px; width:24px; overflow:hidden;  display:block; text-indent:40px;}

#header #breadcrumb ul li#rss a { background-image:url(/images/icon/rss.png);}
#header #breadcrumb ul li#twitter a { background-image:url(/images/icon/twitter.png);}
#header #breadcrumb ul li#facebook a { background-image:url(/images/icon/facebook.png);}
#header #breadcrumb ul li#mixi a { background-image:url(/images/icon/mixi.png);}

/************************************************/
/* search ***************************************/

#search {
margin: 0;
padding: 0;
float: right;
width: 200px;
}

#search input {
margin: 0;/*
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 #333;
width: 190px;
font-size: 1.3em;
overflow: hidden;
color: #333;
}

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

#head-control,
#foot-control {
	background-color: #000;
	clear: both;
	height: 30px;
	overflow: hidden;
	line-height: 1;
	padding: 0;
	margin: 0;
border-radius: 5px; /* CSS3 */
-webkit-border-radius: 5px; /* Safari,Google Chrome */
-moz-border-radius: 5px; /* Firefox */    
}

#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 #999;
}

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

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

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

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

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

#footer #f-1, #footer #f-2, #footer #f-3 { margin: 0; padding: 0 0 0.1em 0; width: 320px;}

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

#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;}

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

.meta { color: #f39; display: block; }

#sidebar-left,
#sidebar-right,
.post,
#footer #f-1,
#footer #f-2,
#footer #f-3,
#info-2,
#respond {
padding-top: 15px; border-top: 1px solid #999;
}

#content,
#respond { padding: 0;}

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


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

#sidebar { float: right; width: 400px;}
#sidebar-left { float: left; width: 210px;}
#sidebar-right { float: right; width: 180px; overflow: hidden;}
#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 {
	padding: 0;
	margin: 0;
	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 #999;
	margin-bottom: 10px;
	font-size: 1.2em;
	padding: 2px;
	width: 99%;
}

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

#content {
	float: left;
	width: 570px;
	text-align:left;
}

#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:65px; 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 #999;
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 #333;
}

#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 #999;
}

#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.3em;}

#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 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 .post p span { font-size: 1.5em;}

h2, h3, h4, h5 {
	font-weight: lighter;
	padding: 0;
	color:#000;
}

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

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

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

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

#content p {
	margin: 0 0 30px 0;
	padding: 0;
}

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

#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 #999;
	padding: 15px 15px 0.1em 15px;
}

#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.3em;
}

code{margin:0; padding:0;}

#content hr {margin:30px 0;}

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

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

#content .post ul li {
	margin: 0;
	padding: 0;
	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.3em;
}

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

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

#trackback { display: none;}

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

#content .field { padding:0; 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 { width:400px; border: 1px solid #999; padding: 5px;}

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

#content .field input.submit {
	background-color:#000;
	color: #fff;
	margin: 0;
	padding: 5px;
	width: 350px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
}

#content .field input.submit:hover {background-color:#f39;}

#content .click { padding:0; line-height:1; color:#fff; clear:both; display:block;}
#content .click a { background-color:#000;
color:#fff !important;
font-size:1.3em;
	padding: 10px;
	margin-bottom: 30px;
	text-align:center;
display:block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;}
#content .click a:hover { background-color:#f39;}

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

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

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

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

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

.wp-pagenavi span.current {
	padding: 5px 15px;
	margin: 2px;
	background-color: #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;
}

#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 ******************************************/
/************************************************/
/************************************************/