/*
Theme Name: 株式会社ノボル電機製作所
Theme URI: http://
Author: the 株式会社ノボル電機製作所
Author URI: 
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

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


/* 初期化
////////////////////////////////////////////////////*/




/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}


blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
ol {
	list-style: decimal;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
	content: "\0020\007c\0020";
}

h3.entry-title {
	clear:both;
}

/*Q&Aページ用*/
.container h3.question-title {
	border:none;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}

.qa-list {
	border-bottom: 1px solid #999;
	margin-bottom:40px;
	padding-bottom:15px;
}

.quesiton-title-list {
	margin: 5px 8px 8px 30px;
}

.quesiton-title-list li{
	background:url(/images/qa/li-ico.gif) no-repeat left center;
    margin-top: 5px;
    padding-left: 17px;
}

.container h4.qa-cat-title {
	font-size: 120%;
	color:#333;
	border-left: 5px solid #0000CC;
    font-weight: bold;
	margin-top:30px;
    margin-bottom: 15px;
    margin-left: 20px;
    padding: 2px 0 2px 10px;
}

.container h5.q-title {
background-color: #efefff;
    border-left: 2px solid #3939bf;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 28px;
    padding: 2px 0 2px 8px;
}
.answer {
    margin-left: 20px;
	margin-bottom:15px;
}

.mb-10 {
	margin-bottom:10px;
}
.qa_button {
	width:200px;
	margin:0 auto;
}

.qa_button a{
	font-size: 14px;
	color: #ffffff;
	padding: 10px 13px;
	background: -moz-linear-gradient(
		top,
		#0000cc 0%,
		#0000cc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#0000cc),
		to(#0000cc));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display:block;
	width:200px;
	text-align:center;
}
.qa_button a:hover{
	font-size: 14px;
	color: #ffffff;
	padding: 10px 13px;
	background: -moz-linear-gradient(
		top,
		#135BD0 0%,
		#135BD0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#135BD0),
		to(#135BD0));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display:block;
	width:200px;
	text-align:center;
}

.qa_box {
	margin-top:20px;
	margin-bottom:20px;
}

/*single page*/
.news {
	margin-left:10px;
}

/*pager*/
.page_befor {
	margin-top:20px;
	width:200px;
	float:left;
}

.page_next {
	margin-top:20px;
	width:200px;
	float:right;
        text-align: right;
}

/*category*/
.pager {
	margin-top:20px;
	margin-left:20px;
}