@charset "utf-8";
/* CSS Document */
/*
Theme Name: shinkan
Author: bipod
Author URI: http://wordpress.org/
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { clear: both; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }
/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; }
/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; }
/* Shared Post Format styling */
article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; }
/* Form fields, general styles first */
button, input, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; }
button, input { line-height: normal; }
textarea { font-size: 100%; overflow: auto; vertical-align: top; }
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; }
/* Buttons */
.menu-toggle, input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }
.menu-toggle, button, input[type="button"], input[type="reset"] { cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
.menu-toggle:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); }
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; }
.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; }
/* Responsive images */
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video { max-width: 100%; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }
/* Images */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }
/* Navigation */
.site-content nav { clear: both; line-height: 2; overflow: hidden; }
#nav-above { padding: 24px 0; padding: 1.714285714rem 0; }
#nav-above { display: none; }
.paged #nav-above { display: block; }
.nav-previous, .previous-image { float: left; width: 50%; }
.nav-next, .next-image { float: right; text-align: right; width: 50%; }
.nav-single + .comments-area, #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; }
/* Author profiles */
.author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; }
.author-description p { color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; }
.author.archive .author-avatar { margin-top: 0; }
/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html { font-size: 87.5%; }
body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }
body.custom-font-enabled { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
a { outline: none; color: #21759b; }
a:hover { color: #0f3647; }
/* Assistive text */
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ }
/* Page structure */
.site { padding: 0 24px; padding: 0 1.714285714rem; background-color: #fff; }
.site-content { margin: 24px 0 0; margin: 1.714285714rem 0 0; }
.widget-area { margin: 24px 0 0; margin: 1.714285714rem 0 0; }
/* Header */
.site-header { padding: 24px 0; padding: 1.714285714rem 0; }
.site-header h1, .site-header h2 { text-align: center; }
.site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; }
.site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; }
.site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; }
.site-header h2 { font-weight: normal; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.header-image { margin-top: 24px; margin-top: 1.714285714rem; }
/* Navigation Menu */
.main-navigation { margin-top: 24px; margin-top: 1.714285714rem; text-align: center; }
.main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; }
.main-navigation a { color: #5e5e5e; }
.main-navigation a:hover { color: #21759b; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
.main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; }
/* Banner */
section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; }
/* Sidebar */
.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; }
.widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; }
.widget-area .widget a { color: #757575; }
.widget-area .widget a:hover { color: #21759b; }
.widget-area .widget a:visited { color: #9f9f9f; }
.widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ }
/* Footer */
footer[role="contentinfo"] { border-top: 1px solid #ededed; clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; max-width: 960px; max-width: 68.571428571rem; margin-top: 24px; margin-top: 1.714285714rem; margin-left: auto; margin-right: auto; padding: 24px 0; padding: 1.714285714rem 0; }
footer[role="contentinfo"] a { color: #686868; }
footer[role="contentinfo"] a:hover { color: #21759b; }
/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta { clear: both; }
.entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; font-weight: normal; }
.entry-header .entry-title a { text-decoration: none; }
.entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; }
.entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.comments-link a, .entry-meta a { color: #757575; }
.comments-link a:hover, .entry-meta a:hover { color: #21759b; }
article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; }
.entry-content, .entry-summary, .mu_register { line-height: 1.714285714; }
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; }
.entry-content h1, .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; }
.entry-content h2, .comment-content h2, .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; }
.entry-content h3, .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; }
.entry-content h4, .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; }
.entry-content h5, .comment-content h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; }
.entry-content p, .entry-summary p, .mu_register p { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; }
.entry-content a:visited, .comment-content a:visited { color: #9f9f9f; }
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; }
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; }
.entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; }
.entry-content ol, .comment-content ol { list-style: decimal outside; }
.entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; }
.entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; }
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; }
.entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; }
.entry-content pre code, .comment-content pre code { display: block; }
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; }
img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; }
img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; }
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; }
.entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; }
.entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; }
.entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
.site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; margin-bottom: 5.142857143rem; padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.page-links { clear: both; line-height: 1.714285714; }
footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.single-author .entry-meta .by-author { display: none; }
.mu_register h2 { color: #757575; font-weight: normal; }
/* =Archives
-------------------------------------------------------------- */

.archive-header, .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; }
.archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; }
/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment { overflow: hidden; }
.image-attachment div.attachment { text-align: center; }
.image-attachment div.attachment p { text-align: center; }
.image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; }
/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
article.format-aside h1 a { text-decoration: none; color: #4d525a; }
article.format-aside h1 a:hover { color: #2e3542; }
article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; }
article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; }
article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; }
/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; }
article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; }
article.format-image footer a h2 { font-weight: normal; }
/* Link posts */
article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; }
article.format-link .entry-content { max-width: 80%; float: left; }
article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; }
/* Quote posts */
article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; }
article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; }
/* Status posts */
.format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.format-status .entry-header header { display: inline-block; }
.format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; }
.format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; }
.format-status .entry-header header a { color: #757575; }
.format-status .entry-header header a:hover { color: #21759b; }
.format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; }
/* =Comments
-------------------------------------------------------------- */

.comments-title { display: none; }
.comments-area article { margin: 10px 0; padding: 10px; border: 1px #666 solid; }
.comments-area article header { margin: 0 0 48px; margin: 0 0 1rem; overflow: hidden; position: relative; }
.comments-area article header img { float: left; padding: 0; line-height: 0; }
.comments-area article header cite, .comments-area article header time { display: block; margin-left: 10px; }
.comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; }
.comments-area cite b { font-weight: normal; }
.comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b; }
.comments-area article header cite a { color: #444; }
.comments-area article header cite a:hover { text-decoration: underline; }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; }
.comments-area .bypostauthor cite b { font-weight: bold; }
a.comment-reply-link, a.comment-edit-link { color: #2898E8; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; text-align: right; font-weight: bold; }
a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; }
.commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: right; }
/* Comment form */
#respond { margin-top: 48px; margin-top: 3.428571429rem; }
#respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; border-left: 5px #C00 solid; border-bottom: #666 1px solid; padding-left: 10px; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; }
#respond form { margin: 24px 0; margin: 1.714285714rem 0; }
#respond form p { margin: 11px 0; margin: 0.785714286rem 0; }
#respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
#respond form label { display: block; line-height: 1.714285714; }
#respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; }
.required { color: red; }
/* =Front page template
-------------------------------------------------------------- */

.entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; }
.template-front-page .site-content article { border: 0; margin-bottom: 0; }
.template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; }
.template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; }
.template-front-page .widget-area .widget li a { color: #757575; }
.template-front-page .widget-area .widget li a:hover { color: #21759b; }
.template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; }
/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; }
.widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; }
.widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; }
#wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; }
#wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; }
.widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.widget_twitter li { list-style-type: none; }
.widget_twitter .timesince { display: block; text-align: right; }
/* =Plugins
----------------------------------------------- */

img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; }


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; }
.author-description { float: right; width: 80%; }
.site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; }
.site-content { float: left; width: 65.104166667%; }
body.template-front-page .site-content,  body.attachment .site-content,  body.full-width .site-content { width: 100%; }
.widget-area { float: right; width: 26.041666667%; }
.site-header h1,  .site-header h2 { text-align: left; }
.site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; }
.main-navigation ul.nav-menu,  .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; }
.main-navigation ul { margin: 0; text-indent: 0; }
.main-navigation li a,  .main-navigation li { display: inline-block; text-decoration: none; }
.main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; }
.main-navigation li a:hover { color: #000; }
.main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; }
.main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; }
.main-navigation li ul ul { top: 0; left: 100%; }
.main-navigation ul li:hover > ul { border-left: 0; display: block; }
.main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; }
.main-navigation li ul li a:hover { background: #e3e3e3; color: #444; }
.main-navigation .current-menu-item > a,  .main-navigation .current-menu-ancestor > a,  .main-navigation .current_page_item > a,  .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; }
.menu-toggle { display: none; }
.entry-header .entry-title { font-size: 22px; font-size: 1.571428571rem; }
#respond form input[type="text"] { width: 46.333333333%; }
#respond form textarea.blog-textarea { width: 79.666666667%; }
.template-front-page .site-content,  .template-front-page article { overflow: hidden; }
.template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; }
.entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; }
.template-front-page .widget-area .widget,  .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.template-front-page .widget-area .widget:nth-child(odd) { clear: right; }
.template-front-page .widget-area .widget:nth-child(even),  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.template-front-page.two-sidebars .widget,  .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; }
.commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; }
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
body { background-color: #e6e6e6; }
body .site { padding: 0 40px; padding: 0 2.857142857rem; margin-top: 48px; margin-top: 3.428571429rem; margin-bottom: 48px; margin-bottom: 3.428571429rem; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }
body.custom-background-empty { background-color: #fff; }
body.custom-background-empty .site,  body.custom-background-white .site { padding: 0; margin-top: 0; margin-bottom: 0; box-shadow: none; }
}

/* =Print
----------------------------------------------- */

@media print {
body {color: #000; font-size: 10pt; }
footer a[rel=bookmark]:link:after,  footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ }
a { text-decoration: none; }
.entry-content img,  .comment-content img,  .author-avatar img,  img.wp-post-image { border-radius: 0; box-shadow: none; }
.site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
.site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; }
.site-header h1 { font-size: 21pt; line-height: 1; text-align: left; }
.site-header h2 { color: #000; font-size: 10pt; text-align: left; }
.site-header h1 a,  .site-header h2 a { color: #000; }
.author-avatar,  #colophon,  #respond,  .commentlist .comment-edit-link,  .commentlist .reply,  .entry-header .comments-link,  .entry-meta .edit-link a,  .page-link,  .site-content nav,  .widget-area,  img.header-image,  .main-navigation { display: none; }
.wrapper { border-top: none; box-shadow: none; }
.site-content { margin: 0; width: auto; }
.singular .entry-header .entry-meta { position: static; }
.singular .site-content,  .singular .entry-header,  .singular .entry-content,  .singular footer.entry-meta,  .singular .comments-title { margin: 0; width: 100%; }
.entry-header .entry-title,  .entry-title,  .singular .entry-title { font-size: 21pt; }
footer.entry-meta,  footer.entry-meta a { color: #444; font-size: 10pt; }
.author-description { float: none; width: auto; }
/* Comments */
.commentlist > li.comment { background: none; position: relative; width: auto; }
.commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; }
.comments-area article header cite,  .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; }
}
/*custom*/
.reply { text-align: left; }
.comment-notes { display: none; }
/*.comment-form-email{ display:none;}*/
.comment-form-url { display: none; }
.form-allowed-tags { display: none; }
h3#comments { display: none; }
#respond h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; border-left: 5px #C00 solid; border-bottom: #666 1px solid; padding-left: 10px; }
.comment_count { padding: 5px 0px; margin-top: 20px; font-size: 1.142857143rem; line-height: 1.5; text-align: left; }
.comentwrite { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; border-left: 5px #C00 solid; border-bottom: #666 1px solid; padding-left: 10px; }
/*page-1*/
body { margin: 0px; padding: 0px; background: url(images/header_bg.jpg) top center no-repeat #000;}
p { margin: 0px; padding: 0px; font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 32px; color: #000; }
img { border: none; }
.clear { clear: both; }
#header { height: 560px; padding: 0px; text-align: center;}
.header_title{width:980px; margin: 0px auto; text-align: left; padding-top: 269px;}
#header a{color: #fff; text-decoration: none; padding-top: 7px; display: block;}
#header a:hover{color: #fff; text-decoration: underline;}
.timer {width: 100%; text-align: center; background: #0b3500; }
.timer iframe { overflow: hidden; border: none; height: 80px; width: 800px; margin: 0 auto; }
.cd{width: 371px; height:63px; padding:25px 0px 0px 600px;}
#wrapper { width: 980px; margin: 0px auto; background:#FFF; -moz-box-shadow:0px 2px 8px 3px #8f8f8f; -webkit-box-shadow:0px 2px 8px 3px #8f8f8f; box-shadow:0px 2px 8px 3px #8f8f8f;}
.wrapper2{background: url(images/yotei_box_bg.png);}
#main { width:666px; margin:36px 0px 36px 40px; float: left; }
#main p{padding:30px 0px 50px 0px;}
#sidebar { width: 220px; float:right; margin:36px 40px 36px 0px;}
#sidebar img{margin-bottom:20px;}
#sidebar form{width:220px; height: 184px; background: url(images/side_mail.jpg) no-repeat; padding-top: 70px; margin-bottom: 30px;}
#sidebar p{font-size: 14px; line-height: 21px; color: #000;}
#sidebar .side_line_box{width: 250px; height: 442px; text-align: center; background: url(images/side_line_bg.jpg); margin-bottom: 30px; padding-top: 150px;}
.movie { width: 629px; margin: 20px auto; text-align: center; }
ul#news{border:double #333; background:#F0FFFE; padding:10px; margin-bottom:30px;}
ul#news li a{font-size:14px; text-decoration:none; color:#333; margin:10px; display:block; font-weight:bold;}
ul#news li a:hover{text-decoration:underline;}


dlbtn { width: 640px; margin: 0px auto 20px auto; }
#dlbtn .btn { width: 320px; float: left; }
#link1 { float: right; }
.title { width: 700px; margin: 0px auto 20px; text-align: center; }
.ytu{width:608px; margin: 0px auto 50px auto; text-align: center;}
.ytu iframe{margin-bottom: 30px;}
.step{width:640px; height:141px; background: url(images/l1_txt06.png); padding-top: 365px; text-align: center; margin-bottom: 50px;}
.step_l2{width:640px; height:141px; background: url(images/l2_txt05.jpg); padding-top: 365px; text-align: center; margin-bottom: 50px;}
.onegai{width:610px; height:127px; background: url(images/onegai_bg.png) no-repeat; padding: 135px 0px 0px 30px; margin-bottom: 50px;}
.line_box{width: 626px; height:233px; background: url(images/line_box_bg.jpg); margin: 30px 0px; text-align: left; padding:830px 0px 0px 40px;}
.book_dl_box{width: 640px; height: 93px; background: url(images/book_box.jpg); margin: 0px 0px 50px 0px; text-align: center; padding-top:390px;}
.btn_box{width: 640px; margin: 20px auto 50px auto; text-align: center;}
.box { width: 666px; margin: 20px auto; text-align: center; }
.box1 { width: 666px; margin: 0px auto; text-align: left; }
.box1 p { padding: 20px !important; }
.box2 { width:100%; margin: 20px auto; text-align: left; }
.box2 .btn { float: left; margin-bottom: 10px; }
.box2 p { font-size: 14px; }
.box3 {margin: 20px 0px; text-align:left; background:#ecffe8; padding: 20px; }
.box3 p{padding: 0px !important;}
.box4 { width: 500px; margin: 20px auto; text-align: left; }
.box5 { width: 780px; margin: 20px auto; text-align: lefy; padding: 10px; border: 1px solid #009BFF; }
.box6 { margin: 0px auto; text-align: center; background: #000; }
.box7 { width: 700px; height: 860px; margin: 0px auto 20px auto; text-align: center; background: url(images/l1_txt15.png) no-repeat; }
.box7 img { margin-top: 750px; }
.bg_orange{background: #fff0de;}
.bg_pink{background: #ffdfdf;}
.bg_blue{background:#dffcff;}
.voice_wrap{background: rgba(231,231,231,1.00); -moz-box-shadow:0px 2px 8px 3px #8f8f8f; -webkit-box-shadow:0px 2px 8px 3px #8f8f8f; box-shadow:0px 2px 8px 3px #8f8f8f;}
.voice_wrap p{padding:10px !important;}
.profile { width: 770px; height: 421px; margin: 0px auto 20px auto; background: url(images/profile.jpg) no-repeat; padding: 1010px 0px 0px 130px; }
.red { color: #b80000; }
.under { text-decoration: underline; }
.italic { font-style: italic; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace"; }
.yellowline { padding: 3px; background: #FFF500; }
.blue { color: #011d88; }
.blk { color: #000; }
.pink{color: #ff2f56;}
.shadow{-moz-box-shadow:4px 4px 5px 1px #333; -webkit-box-shadow:4px 4px 5px 1px #333; box-shadow:4px 4px 5px 1px #333;}
.ft12 { font-size: 12px; line-height: 24px; }
.ft14 { font-size: 14px; line-height: 28px; }
.ft16 { font-size: 16px; line-height: 32px; }
.ft18 { font-size: 18px; line-height: 36px; }
.ft20 { font-size: 20px; line-height: 40px; }
.ft22 { font-size: 22px; line-height: 44px; }
.ft24 { font-size: 24px; line-height: 48px; }
.ft26 { font-size: 26px; line-height: 54px; }
.ft28 { font-size: 28px; line-height: 56px; }
.ft30 { font-size: 30px; line-height: 60px; }
.mgr20px{margin-right: 25px;}
.mgr43px{margin-right: 43px;}
.mgr50px{margin-right: 50px;}
.mgb30px{margin-right: 30px;}
.imgleft{float:right; padding:0px 0px 20px 20px;}
.flt_l{float: left;}
#footer { width: 980px; text-align: center; float: left; background:#000;}
#footer p { font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; line-height: 24px; color: #FFF; margin: 0px; padding: 20px 0px; }
#footer a { color: #FFF; }
#notice { width: 650px; margin: 20px auto 0px auto; }

/* mail */
.fm1{width:210px; padding: 5px; margin:0px auto;}
.fm2{width:980px; margin: 0px auto;}

.cell1{width:200px;}
.cell2{width:220px; text-align: right;}
.t3{width:546px; background:#FFF; text-indent:10px; height:50px; border:1px solid #666;}
.mailtxtfield{width:186px; height:20px; font-size:18px; margin-bottom: 35px; background: rgba(255,255,255,0.50);}
.mailtxtfield2{width:186px; height:20px; font-size:18px; margin-bottom: 15px; background: rgba(255,255,255,0.50);}
.mailtxtfield3{width:230px; height:34px; font-size:32px; margin-bottom: 15px; background: rgba(255,255,255,1); float: left;}
.mailform table{margin:0px auto;}
.mailform p{padding:20px 0px 0px 50px;}
.submitBtn {background:url(images/btn_submit.png) no-repeat; display:block; text-indent:-9999px; width: 93px; height: 34px; border: none; margin: 0; cursor: pointer;}
.submitBtn2 {background:url(images/btn_side_reg.png) no-repeat; display:block; text-indent:-9999px; width: 199px; height: 47px; border: none; margin: 0; cursor: pointer; float: left;}

/*count down*/
.countdown { width: 699px; height: 54px; background: url(images/cont06_cd_bg.jpg); margin: 0px auto; }
#container { margin: 100px auto; width: 700px; color: #555; }
#countdown_dashboard { height: 90px; }
#countdown_dashboard2 { height: 90px; }
#countdown_dashboard3 { height: 90px; }
.dash { width: 80px; height: 40px; float: left; margin: 8px 0px 0px 28px; }
.dash .digit { font-size: 40pt; font-weight: bold; float: left; width: 35px; text-align: center; font-family: Times; color: #000000; position: relative; }
.dash1 { width: 80px; height: 40px; float: left; margin: 8px 0px 0px 370px; }
.dash1 .digit { font-size: 40pt; font-weight: bold; float: left; width: 35px; text-align: center; font-family: Times; color: #000000; position: relative; }
.dash2 { width: 80px; height: 40px; float: left; margin: 8px 0px 0px 20px; }
.dash2 .digit { font-size: 40pt; font-weight: bold; float: left; width: 35px; text-align: center; font-family: Times; color: #000000; position: relative; }
.dash3 { width: 80px; height: 40px; float: left; margin: 8px 0px 0px 40px; }
.dash3 .digit { font-size: 40pt; font-weight: bold; float: left; width: 35px; text-align: center; font-family: Times; color: #000000; position: relative; }
.faded { color: #999; }
#loading { text-align: center; margin: 10px; display: none; position: absolute; width: 100%; top: 60px; }
.dropdown { display: block; position: relative; }
.dropdown dt { width: 223px; cursor: pointer; height: 83px; }
.dropdown .upperdd { border-bottom: none }
.dropdown dt:hover { background: url(images/header_over.gif) }
.dropdown dd { position: absolute; top: 0; overflow: hidden; display: none; background: url(images/menu_bg.png); }
.dropdown ul { width: 204px; border: 2px solid #ccc; list-style: none }
.dropdown li { display: inline }
.dropdown a, .dropdown a:active, .dropdown a:visited { display: block; color: #FFF; text-decoration: none; width: 194px }
.dropdown a:hover { background: #CCC; color: #000; }
.dropdown .underline { border-bottom: 1px solid #ccc; }
.dropdown2 { display: block; position: relative; }
.webinar_banner{width:700px; height:350px; text-align:left; margin:0px auto 20px auto;}
.comment-form-email{display:none;}
.comment-form-comment{padding: 0px !important;}
.comment-form-author{padding: 0px !important;}
.comment p{padding: 0px !important;}
.comment-content p{padding: 0px !important; line-height: 22px;}
p.form-submit{padding: 0px !important;}
.logged-in-as{padding: 0px !important;}
.avatar-default{display:none;}
.avatar{ margin-right:20px;}
.reply span{display: none;}
.thx_audio{padding: 20px; margin-bottom: 50px; border-bottom: 6px solid #996a08; background: #222;}
.le_gec_announce{width:470px; height:127px; background: url(images/l2_gec_accounce2.jpg); margin-bottom: 50px; padding: 1710px 0px 0px 170px}