/**
 * Theme Name: React Magazine
 * Theme URI: http://www.reactzine.com
 * Description: Theme for React Magazine
 * Version: 0.1
 * Author: Tomoko Yamazaki
 * Author URI: http://www.reactzine.com
 * Tags: Magazine
 * Template: hybrid
 */

/* Get Reset */
@import url("css/reset.css");

/* Get drop-downs CSS */
@import url('css/drop-downs.css');

/* Plugin : hybrid tab css from hybrid news */
@import url("css/tabs.css");

/* Plugin : Fancibox */
@import url("css/plugin_fancibox_fix.css");

/* Plugin : sidebarTabs */
@import url("css/plugin_sidebarTabs.css");

/* Plugin : featured-content-showcase */
@import url("css/plugin_galleryview.css");

/* Plugin : yet another related post plugin */
@import url("css/plugin_yarpp.css");

/* Plugin : Discus */
@import url("css/plugin_discus.css");

/* Plugin : Twitter Friends Widget */
@import url("css/plugin_twitter_friends_widget.css");
/*
------------------------------------
react theme

Color:
Yellow: #ffe400
Yellow 2: #ad9d14 / 756c23
BG Gray: #222222
Box BG Gray: #393939

------------------------------------
*/




/* tempolary file to develop */
/* delete after finished!!!! */
/*@import url("css/dev_temp.css");*/


/*
----------------------------------------
hybrid default plugin css
----------------------------------------
*/

.wp-pagenavi .pages {
	margin:2px 3px 2px 0;
	font-style:italic
}
.wp-pagenavi .current {
	margin:2px;
	padding:1px 6px;
	font-weight:bold
}
.wp-pagenavi .extend {
	margin:2px
}
.wp-pagenavi a {
	margin:0 2px;
	padding:1px 6px;
	font-style:italic;
	border:1px solid #ccc
}
.WP-EmailIcon {
	padding:0;
	margin:0;
	border:none
}
.comment_license {
	font-style:italic
}
img#wpstats {
	overflow:hidden !important;
	width:0 !important;
	height:0 !important;
	padding:0 !important;
	margin:0 !important
}
.contact-form {
	margin-bottom:21px
}
.contact-form legend {
	display:none
}
.contact-form .form-input input {
	display:block;
	margin-bottom:6px;
	padding:3px 6px;
	width:300px
}
.contact-form label {
	font-size:.9em
}
.contact-form textarea {
	width:97%;
	margin-bottom:6px;
	padding:6px
}
.contact-form .form-option {
	margin-bottom:6px
}
.contact-form .button {
	width:100px;
	margin-right:9px;
	padding:6px 9px
}
.contact-form .button:hover {
	cursor:pointer
}
/*
------------------------------------
clearfix
------------------------------------
*/
.gallery-row:after, #translation_bar:after, .widget-tabs:after, .avatar-box:after, .post:after, .social-list:after, #header:after, .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.gallery-row, #translation_bar, .widget-tabs, .avatar-box, .post, .social-list, #header, .clearfix {
	display: inline-block;
}
html[xmlns] .gallery-row, html[xmlns] #translation_bar, html[xmlns] .widget-tabs, html[xmlns] .avatar-box, html[xmlns] .post, html[xmlns] .social-list, html[xmlns] #header, html[xmlns] .clearfix {
	display: block;
}
* html .gallery-row, * html #translation_bar, * html .widget-tabs, * html .avatar-box, * html .post, * html .social-list, * html #header, * html .clearfix {
	height: 1%;
}
/**
------------------------------------
 * Screen Stylesheet
 * Default style for the Hybrid theme
 *
 * @since 0.3
 * @package Hybrid
 * @subpackage CSS
------------------------------------
*/

/* Body */
body {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-family: メイリオ, Meiryo, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Body container */
#body-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* Links */
.content .widget a, a {
	color: #ffe400;
}
.content .widget a:visited, a:visited {
	color: #ad9d14;
}
.content .widget a:hover, .content .widget a:active, a:hover, a:active {
	text-decoration: underline;
	color: #ffe400;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 19px;
}
h4 {
	font-size: 17px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 13px;
}
/* Lists */
ul {
	list-style: square;
}
/* Blockquotes */
/*blockquote {
	font-style: italic;
	color: #555;
}
blockquote blockquote {
	color: #777;
}
blockquote em {
	font-style: normal;
}*/
/* Code */
pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}
code {
	padding: 0 3px;
	background: #eee;
}
pre code {
	background: transparent;
}
/* Tables */
table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
}
td, th {
	padding: 3px 6px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
th {
	background: #eee;
}
/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino, "Book Antiqua", Georgia, serif;
	color: #333;
}
/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
}
/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
}
/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
}
/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
}
/* Breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	font-size: 1.2em;
	color: #666;
}
.breadcrumb a {
	color: #999;
}
.breadcrumb a:hover {
	color: #FFE400;
}
/* Images */
.post img {
	max-width: 568px;
	padding: 0px;
	border: 1px solid #ccc;
}
.thumbnail {
	float: right;
	width: 138px;
	height: 138px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.archive .thumbnail, .search .thumbnail, .paged .thumbnail {
/*margin-bottom: 20px;*/
}
/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	/* margin-top: 6px; */
	padding: 6px 1px 0 1px;
	/* border: 1px solid #ccc; */
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
}
/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
}
/* Avatars */
.avatar {
	float: right;
	width: 100px;
	height: 100px;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E8E8E8;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #E8E8E8;
}
/* Header */
#header {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* Blog title */
#site-title {
	height: 90px;
	width: 190px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
}
#site-title a {
	margin: 0;
	font-size: 35px;
	font-weight: bold;
	background-image: url(images/all_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
	width: 190px;
	display: block;
	overflow: hidden;
	padding: 0px;
	text-indent: -9999px;
}
/* Blog description */
#site-description {
	margin: 0;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	display: none;
}
/* Navigation */
#navigation {
	font-size: 1.4em;
	overflow: visible;
	height: 40px;
	z-index: 100;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
	background-color: #ffe400;
	width: 940px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#navigation a:hover {
	text-decoration: none;
}
#navigation .page-nav ul {
	line-height: 39px;
	font-weight: bold;
	border-top: solid 1px #000;
	text-transform: uppercase;
}
#navigation .page-nav li {
	margin-right: 15px;
	margin-top: -1px;
}
#navigation .page-nav li li {
	margin-right: 0;
}
#navigation .page-nav li a {
	color: #111;
	padding: 0px;
	border-top: solid 1px #000;
}
#navigation .page-nav li a:hover, .home #navigation .hometab a, #navigation .page-nav .current_page_item a {
	background-image: url(images/page_nav_hover_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#navigation .page-nav .current_item_parent {
	background-image: url(images/page_nav_hover_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px;
}
/* Drop-downs style */
#navigation .page-nav li:hover ul, li.sfHover ul {
	top: 40px;
	line-height: 30px;
	background: #ffe400;
}
#navigation .page-nav li li a {
	margin-right: 0;
	padding-right: 15px;
	padding-left: 15px;
}
#navigation .page-nav li ul {
}
#navigation .page-nav li li:hover ul, li li.sfHover ul, #navigation .page-nav li li li:hover ul, li li li.sfHover ul {
	top: -1px;
}
#navigation .page-nav li li li {
	margin-left: -1px;
}
/* Container (wraps content, primary, and secondary) */
#container {
	margin-bottom: 20px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
/* Main content */
.content {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
	float: left;
	width: 620px;
	font-size: 1em;
}
.no-widgets .content, .page-template-no-widgets .content, .no-default-widgets .content {
	width: 960px;
}
/* Posts */
.post {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
.single .post, .attachment .post, .page .post {
	margin: 0;
}
.archive .post, .search .post, .widget-posts .post, .paged .post {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	clear: both;
	margin: 0px;
}
/* Archive information */
.author-info, .search-info {
	overflow: hidden;
	margin: 0 0 40px 0;
}
/* Entry title */
.entry-title {
	font-size: 24px;
	margin: 0 0 12px 0;
	font-weight: bold;
}
.archive .entry-title, .search .entry-title, .content .widget .entry-title, .paged .entry-title {
	font-size: 1.7em;
	background-image: none;
}
.archive .entry-title, .search .entry-title, .widget-posts .entry-title, .paged .entry-title {
	margin-bottom: 0;
}
.single-title, .page-title, .attachment-title, .archive-title {
	font-size: 3em;
	line-height: 1em;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
}
.archive-title {
	border:none;
	background-image: url(images/title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.entry-title a {
	color: #FFF;
}
.archive .entry-title a, .search .entry-title a, .content .widget .entry-title a, .paged .entry-title a {
	color: #ffe400;
}
.archive .entry-title a:visited, .search .entry-title a:visited, .content .widget .entry-title a:visited, .paged .entry-title a:visited {
	color: #ad9d14;
}
/* Byline */
.byline {
	color: #666;
	background-color: #393939;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-right: 5px;
	padding-left: 5px;
}
.archive .byline, .search .byline, .widget-posts .byline, .paged .byline {
	background-color: transparent;
	padding: 0px;
}
.content .new-index .byline a, .byline a, .widget .byline a {
	color: #999;
}
.content .new-index .byline a:hover, .byline a:hover, .widget .byline a:hover {
	color: #ffe400;
}
.archive .byline, .search .byline, .widget-posts .byline, .paged .byline {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.byline .byline-prep {
	text-transform: lowercase;
}
/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	font-size: 1.3em;
}
/* Entry Summary */
.entry-summary {
	font-size: 1.2em;
	line-height: 1.4em;
}
/* Entry metadata */
.entry-meta {
	clear: both;
	/*font-style: italic;*/
	color: #666;
}
.entry-meta a {
	color: #999;
}
.archive .entry-meta, .widget-posts .entry-meta, .paged .entry-meta {
	display: none;
}
/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
}
/* Navigation links */
.navigation-links {
	margin-bottom: 20px;/*font-style: italic;*/
	font-size: 1.2em;
}
.navigation-links .previous {
	float: left;
	max-width: 50%;
}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
}
.navigation-attachment {
	overflow: hidden;
}
/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 20px;
	clear: both;
}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
}
/* Widgets */
.widget {
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	background-color: #393939;
}
.widget a {
	color: #CCC;
}
.widget a:hover {
	color: #ffe400;
}
/* Widget titles */
.widget-title {
	font-weight: bold;
	color: #999;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #222222;
	line-height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1.3em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
/* Comments template */
#comments-template {
	clear: both;
}
/* Comment headers */
.comments-header {
	font-size: 1.4em;
	color: #999;
}
/* Comments are closed */
.comments-closed {
	font-style: italic;
}
/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 20px 0;
}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	border: 1px solid #666;
	background-color: #393939;
}
#comments li li, #comments li li li li {
	background-color: #999;
}
/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 2px;
	margin-left: 0px;
}
/* Comment metadata */
.comment-meta {
	color: #666;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
.comment-author {
	font-size: 15px;
	color: #FFF;
}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
}
/* Comment text */
.comment-text {
	clear: left;
	color: #CCC;
	font-size: 1.2em;
}
.comment-text p {
	margin-bottom: 15px;
}
/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
}
#comments-template label {
	font-size: .9em;
}
/* Respond textarea */
textarea {
	width: 98%;
}
/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #ffe400;
	border: none;
}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #ad9d14;
}
/* Footer container */
#footer-container {
	clear: both;
	overflow: hidden;
	margin: 0;
}
/* Subsidiary */
#subsidiary {
	margin: 0 0 20px 0;
}
/* Footer */
#footer {
	/*font-style: italic;*/
	color: #444;
}
#footer .copyright {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*
---------------------------------------------
20px.css
---------------------------------------------
*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	vertical-align:baseline;
	outline:none;
	font-size:100%;
	background:transparent;
	border:none;
	text-decoration:none;
}
b, i, hr, u, center, menu, layer, s, strike, font, xmp {
	margin:0;
	padding:0;
	vertical-align:baseline;
	outline:none;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	background:transparent;
	border:none;
	text-decoration:none;
}
font {
/*color:#333*/
}
center {
	text-align:left;
}
body {
	line-height:20px;
	color:#999;
	font-size: 62.5%;
	background-color: #222222;
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	color: #FFF;
}
h1 {
	font-size:1.8em
}
h2 {
	font-size:1.7em
}
h3 {
	font-size:1.55em;
}
h4 {
	font-size:1.4em
}
h5 {
	font-size:1.25em
}
h6 {
	font-size:1.1em
}
p {
	margin:0 0 20px 0;
}
ol, ul {
	list-style:none
}
ul {
	list-style:disc;
	margin:0 0 20px 2.5em
}
ol {
	list-style-type:decimal;
	margin:0 0 20px 3em
}
ol ol {
	list-style:upper-roman
}
ol ol ol {
	list-style:lower-roman
}
ol ol ol ol {
	list-style:upper-alpha
}
ol ol ol ol ol {
	list-style:lower-alpha
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0
}
dl {
	margin:0 0 20px 5px
}
dl dt {
	font-weight:bold;
	margin:10px 0 0 0
}
dl dd {
	margin:5px 0 0 1.5em
}
strong {
	font-weight:bold;
	color: #CCC;
}
strong strong {
	font-weight:normal
}
em, cite {
	font-style:italic
}
em em, cite cite {
	font-style:normal
}
abbr {
	cursor:help
}
acronym {
	text-transform:uppercase;
	border-bottom:1px dashed #666;
	cursor:help
}
big {
	font-size:120%
}
small, sup, sub {
	font-size:80%
}
sup {
	vertical-align:baseline;
	position:relative;
	bottom:0.3em
}
sub {
	vertical-align:baseline;
	position:relative;
	top:0.3em
}
address {
	font-style:italic;
	margin:0 0 20px 0
}
li address, dd address {
	margin:0
}
blockquote {
	padding-left: 50px;
	background-image: url(images/blockquote_bg.gif);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-color: #333;
	padding-top: 20px;
	padding-right: 20px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	padding-bottom: 1px;
	font-style: italic;
}
blockquote em, blockquote cite {
	font-style:italic;
	font-weight: bold;
	color: #FFF;
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
a {
	cursor:pointer
}
a img {
	border:none
}
pre {
	overflow:auto;
	font:.9em Monaco, monospace, Courier, "Courier New";
	line-height:20px;
	margin-bottom:20px;
	padding:10px
}
code {
	font:.9em Monaco, monospace, Courier, "Courier New"
}
pre code {
	font-size:1em
}
ins, dfn {
	font-style:italic;
	text-decoration:none;
	border-bottom:1px solid #666
}
del {
	text-decoration:line-through
}
object {
	margin-bottom:20px
}
input, textarea {
	font-size:1em;
	padding:4px
}
:focus {
	outline:none
}
form label {
	cursor:pointer
}
option {
	padding:1px 2px
}
.entry-content table {
	border-collapse: collapse;
	border-spacing:0px;
	margin-bottom:20px;
	font-size: 0.9em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;
}
.entry-content td {
	text-align:left;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}
.entry-content th {
	background-color: #333;
	padding: 5px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222;
}
hr {
	margin-bottom:20px
}
img.wp-smiley {
	max-height:12px;
	margin:0;
	padding:0;
	border:none
}
.gallery {
	display:block;
	text-align:center;
	margin-bottom:20px !important
}
.alignleft, .left {
	float:left;
	margin-right:15px
}
.alignright, .right {
	float:right;
	margin-left:15px
}
.aligncenter, .center {
	display:block;
	margin:0 auto 20px auto
}
.alignnone, .block {
	clear:both;
	margin:0 0 20px 0
}
.clear {
	clear:both
}
img.alignleft, img.alignright {
	display:inline
}
blockquote.alignleft, blockquote .alignright {
/* width:33% */
}
/*
------------------------------------
page structure
------------------------------------
*/
/* header */
#header-container {
	background-color: #ffe400;
	margin: 0px;
	padding: 0px;
}
#utility-header {
	float: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 90px;
}
#utility-after-header {
	width: 960px;
	margin: auto;
}
#utility-after-header .widget {
	background-color: transparent;
}
#utility-header .widget, #utility-header .widget-inside, #utility-header .execphpwidget {
	margin: 0px;
	padding: 0px;
	height: 90px;
	background-color: transparent;
}
#primary {
	overflow: hidden;
	float: right;
	width: 300px;
	margin-right: 10px;
}
#secondary {
	overflow: hidden;
	float: right;
	clear: right;
	margin-right: 10px;
	width: 300px;
}
#subsidiary {
	overflow: hidden;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #393939;
}
#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 140px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#utility-after-container {
	clear:both;
}
#utility-after-container .widget {
	background-color: transparent;
}
#footer {
	clear: both;
	background-color: #ffe400;
	padding: 5px;
}
#footer a {
	color:#000;
	font-weight: bold;
}
/*
------------------------------------
header menu search-form
------------------------------------
*/
.page-nav .search-form {
	text-align: right;
}
.page-nav .search-form input {
	margin-top: 9px;
	font-size: 12px;
	padding: 0px;
}
/*
------------------------------------
common
------------------------------------
*/
.back-to-top, .see-all {
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	font-size: 12px;
	padding-right: 20px;
	clear: both;
	line-height: 30px;
}
.see-all {
	background-image: url(images/see_all.png);
}
.back-to-top {
	background-image: url(images/back_to_top.png);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin: 0px;
}
.content .see-all {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
}
#primary .see-all {
	margin-bottom: 0px;
}
/*
------------------------------------
content widget
------------------------------------
*/
.content .widget {
	background-color: transparent;
}
.content .widget-title {
	border: none;
	background-image: url(images/title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	line-height: 40px;
	font-size: 1.8em;
}
/*
------------------------------------
primary widget
------------------------------------
*/
/* widget_views */
.widget_views ul {
	padding: 0px;
	list-style-position: inside;
	margin: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
}
.widget_views li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
/*
------------------------------------
utility-after-content
------------------------------------
*/
.home #utility-after-content .widget {
	width: 300px;
	float: left;
}
/*
------------------------------------
subsidiary widget
------------------------------------
*/
#subsidiary .widget-title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#subsidiary .widget ul {
	list-style-type: none;
	padding: 0px;
	margin: 5px;
}
#subsidiary .widget li {
	background-image: url(images/li_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	background-color: #393939;
}
#subsidiary #widget_twitter_blogroll {
	width: 460px;
}
.widget-inside #widget_twitter_blogroll {
	margin: 0;
}
/*
------------------------------------
new post index (main)
widget home
------------------------------------
*/
#execphp-6 { /* 新着記事 home */
	margin: 0;
}
.new-index {
}
.new-index .thumbnail {
	margin-bottom: 0;
	margin-left: 10px;
}
.new-index .odd {
	float: left;
}
.new-index .even {
	float: right;
}
.singular .new-index .post {
	padding: 0px;
	border: none;
	margin-bottom: 20px;
}
.new-index .post-box {
	width: 270px;
	height: auto;
	padding: 15px;
	background-color: #444;
	margin: 0px;
	height: 220px;
	overflow: hidden;
}
.new-index .entry-title {
/*font-size: 1.6em;
	font-weight: bold;*/
}
.new-index .post-box .thumbnail {
	width: 80px;
	padding: 0px;
	height: 80px;
}
.new-index .post-box p {
	color: #CCC;
}
.new-index .post-box a {
	color: #ffe400;
}
.new-index .post-box a:visited {
	color: #ad9d14;
}
.new-index .post-box .post-cat {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 1.2em;
}
.new-index .post-box .post-cat a {
	color: #fff;
}
.new-index .post-box .post-cat a:visited {
	color: #999;
}
.new-index .byline {
	line-height: 30px;
	background-color: #333;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}
/*
------------------------------------
.photo-index
widget home
category photo index

.cat-movie-index
category movie index
------------------------------------
*/
.photo-index, .cat-movie-index {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
.cat-movie-index .post, .photo-index .post {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	padding: 0;
	width: 50%;
	min-height: 240px;
}
.cat-movie-index .post, .category-photo .photo-index .post {
	clear: none;
	border: none;
}
.cat-movie-index .post {
	min-height: 270px;
}
.photo-index .post img.thumbnail {
	width: 80%;
	height: auto;
	padding: 4px;
	margin: 0 auto;
	float: none;
	background-color: #FFF;
}
.cat-movie-index .cat-mov-thumb-box {
	width: 80%;
	height: 186px;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-color: #000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.cat-movie-index .cat-mov-thumb-box a {
	display: table-cell;
	vertical-align: middle;
	height: 186px;
	position: relative;
	width: 248px;
}
.cat-movie-index .cat-mov-thumb-box a.cat-mov-thumb-play {
	display: block;
	height: 48px;
	width: 48px;
	position: absolute;
	top: 69px;
	text-align: center;
	left: 100px;
}
.cat-movie-index .post img.cat-mov-thumb, .cat-movie-index .post img.thumbnail {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	float: inherit;
	border: none;
}
.photo-index .title-box {
	width: 80%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.cat-movie-index .entry-title, .category-photo .photo-index .entry-title {
	width: 80%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	line-height: 1.4em;
}
.cat-movie-index .byline {
	width: 80%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.category-photo .photo-index .byline {
	display: none;
}
.content .widget .photo-index .entry-title {
	font-size: 1.2em;
}
.cat-movie-index .play-btn {
	border: none;/*position: relative;
	top: -125px;*/
}
/*
------------------------------------
.movie-index
widget primary
------------------------------------
*/
.movie-index {
	background-color: #222;
}
.movie-index h3 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	padding-top: 5px;
	margin: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.movie-index img {
	margin: 0px;
	padding: 0px;
	border: none;
}
.movie-index .latest-movie {
	margin-top: 5px;
}
.movie-index .latest-movie, .movie-index .latest-movie a {
	width: 298px;
	height: 224px;
	position: relative;
}
.movie-index .latest-movie img.mov-thumb-img {
	width: 298px;
	border: 1px solid #333;
}
.movie-index .mov-thumbs {
	width: 78px;
	height: 60px;
	position: relative;
	float: left;
	margin-right: 10px;
}
.movie-index .mov-thumbs img.mov-thumb-img {
	width: 78px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	height: 59px;
}
.movie-index .latest-movie a, .movie-index .mov-thumbs a {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
.movie-index .play-btn {
	position: absolute;
}
.movie-index .latest-movie span {
	left: 50%;
	position: absolute;
	height: 48px;
	width: 48px;
	display: block;
	top: 50%;
}
.movie-index .latest-movie span img {
	left: -24px;
	top: -24px;
}
.movie-index .mov-thumbs span {
	left: 50%;
	position: absolute;
	height: 24px;
	width: 24px;
	display: block;
	top: 50%;
}
.movie-index .mov-thumbs span img {
	left: -12px;
	top: -12px;
}
.movie-index .mov-thumbs {
	float: left;
	margin-right: 10px;
}
.movie-index .byline {
	background-color: transparent;
	clear: none;
	margin: 0px;
}
.movie-index .post {
	margin: 0;
	clear: both;
	padding: 0px;
	border-top: none;
}
.movie-index .mov-thumb-box {
	margin-top: 1px;
}
.movie-index .mov-thumb-box .post {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	height: 59px;
	overflow: hidden;
}
/*
------------------------------------
.video-index
------------------------------------
*/
.video-index {
}
.video-index .post {
	overflow: hidden;
	float: left;
	text-align: center;
	list-style: none;
	padding: 0;
	width: 20%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.video-index .post .thumb-box {
	width: 106px;
	height: 79px;
	padding: 0;
	margin: 0 auto;
	border: solid 1px #CCC;
	background-color: #000;
	display: block;
}
.video-index .post a {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	margin: 0px;
	padding: 0px;
	height: 79px;
	width: 106px;
}
.video-index .post img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border: none;
}
/*
------------------------------------
typography
------------------------------------
*/


/*
------------------------------------
primary
------------------------------------
*/

/* plugin transrator */
#translation_bar {
	padding: 0px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#transl_sign {
	display: none;
}
/* subscribe */
.subscribe-box {
	font-size: 1.2em;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.subscribe-box form {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.subscribe-box h4 {
	padding: 0;
	height: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.subscribe-box p {
	margin: 0;
}
.subscribe-box input {
	font-size: 12px;
	padding: 0px;
}
.subscribe-box input[type="text"] {
	width: 200px;
}
.subscribe-box input[type="submit"] {
	background-color: #ffe400;
	border: 2px solid #ffe400;
	width: 60px;
}
.subscribe-box ul.social-list {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.subscribe-box .social-list li {
	display: block;
	float: left;
	width: 50%;
	line-height: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.subscribe-box .social-list a {
	display: block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
.subscribe-box .twitter a {
	background-image: url(images/twitter.png);
}
.subscribe-box .youtube a {
	background-image: url(images/youtube.png);
}
.subscribe-box .mixi a {
	background-image: url(images/mixi.png);
}
.subscribe-box .podcast a {
	background-image: url(images/podcast.png);
}
.subscribe-box .feedburner-text {
	font-size: 0.8em;
	text-align: right;
}
/*
------------------------------------
post
------------------------------------
*/

/*
------------------------------------
post
------------------------------------
*/
.singular .post {
	margin: 0;
}
/* entry-meta */
.singular .entry-meta {
	background-color: #393939;
	padding: 5px;
	color: #CCC;
	font-size: 1.2em;
}
.singular .entry-meta a {
	color: #ffe400;
}
.singular .entry-meta a:visited {
	color: #ad9d14;
}
/* entry content */
.entry-content dl.reactlist {
	margin:0 0 20px 2.5em;
}
.entry-content dl.reactlist dt {
	clear:left;
	color:#ddd;
	display:list-item;
	float:left;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin:0 1em 0 0;
}
.entry-content dl.reactlist dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
/* avatar box */
.singular .content .avatar-box {
	background-color: #ffe400;
	font-size: 1.2em;
	color: #666;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.singular .content .avatar-box h3 {
	color: #333;
}
.singular .content .avatar-box h3 span {
	color: #666;
}
.singular .content .avatar-box a {
	color: #000;
	font-weight: bold;
}
.singular .content .avatar-box dl {
	margin-right: 0px;
	margin-left: 0px;
}
.autor-meta-list dt {
	clear: left;
	float: left;
	margin: 0px;
	font-weight: normal;
	padding-right: 0.5em;
}
.autor-meta-list dd {
	margin: 0;
}
/*
------------------------------------
ads
------------------------------------
*/
#execphp-13, /* ski special ad */
#execphp-12, /* ski special ad */
#execphp-6 /* primary square button 125*125 */ {
	background-color: transparent;
}
#execphp-13 .widget-title, 
#execphp-12 .widget-title, 
#execphp-6 .widget-title {
	font-size: 1em;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
	background-image: none;
	line-height: 25px;
	color: #666;
}
/* content ads
#execphp-12, 
#execphp-19 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
} */
.medium-rectangle {
}
.square-button {
	width: 300px;
}
.square-button br {
	padding: 0px;
	clear: both;
	margin: 0px;
}
.square-button a {
	text-align: center;
	display: block;
	width: 50%;
	float: left;
	padding-bottom: 10px;
}
.square-button img {
	width: 125px;
	height: 125px;
	border: 1px solid #666;
	margin: 0px;
}
.footer-banner, .full-banner {
	text-align: center;
}
/* 
------------------------
plugin powerpress
------------------------
*/
.powerpress_links {
	clear: both;
}
/* 
------------------------
plugin yarpp
------------------------
*/
.yarpp-box {
	clear: both;
}