@charset "utf-8";
/*
Theme Name: OOIKE
Version: 1.0beta
Author: Tomofumi Aizawa
*/

/*
"Noto Sans JP" licensed under the SIL Open Font License
"Noto Serif JP" licensed under the SIL Open Font License
http://www.ooike.net/
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*-----------------------------------------------------
	base
------------------------------------------------------*/

body {
	color: #666;
	font-family: Helvetica, sans-serif;
	line-height: 1.5;
	text-align: center;
}
a {
	color: #3886cf;
	text-decoration: none;
}
a:hover {
	color: #00abeb;
	text-decoration: underline;
}

/*-----------------------------------------------------
	layout
------------------------------------------------------*/

/* wrapper */

#wrapper {
	background-color: #fff;
	background-image: url('images/bodybg.jpg'), url('images/headloop.jpg');
	background-repeat: no-repeat, repeat-x;
	background-position: 50% 595px, 0px 95px;
}

/* header */

header {
	width: 950px;
	height: 95px;
	margin: 0px auto;
	background: url('images/tel.jpg') no-repeat 100% 5px;
	text-align: left;
	padding-top: 15px;
}
header h1 {
	font-size: 11px;
	margin-top: -5px;
}
header a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
header #searchform {
	padding-top: 0.8125em;
	float: right
}
header #searchform label.screen-reader-text { display: none; }
header #searchform input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
header #searchform input[type="text"] {
	float: left;
	font-size: 16px;
	margin-right: 0.25em;
	padding: 0.1em;
	outline: none;
	background: #fff;
	border: 2px solid #06c;
	-webkit-transition: all .3s;
	transition: all .3s;
}
header #searchform input[type="text"]:focus {
	box-shadow: 0 0 7px #06c;
	-moz-box-shadow: 0 0 7px #06c;
	-webkit-box-shadow: 0 0 7px #06c;
	-o-box-shadow: 0 0 7px #06c;
	-ms-box-shadow: 0 0 7px #06c;
}
header #searchform input[type="submit"] {
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	padding: 0.1em 1em;
	background: #036;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.15);
}
header #searchform input[type="submit"]:hover { background: #06c; }

/* nav */

nav {
	width: 950px;
	height: 50px;
	margin: -35px auto 10px auto;
}
nav > ul {
	font-size: 0;
	position: relative;
}
nav > ul > li {
	display: block;
	float: left;
	width: 132px;
	height: 50px;
	margin-left: 3px;
}
nav > ul > li:first-child {
	margin-left: 0px;
}
nav > ul > li > div.navi {
	position: relative;
}
nav > ul > li > div.navi > div.sub {
	position: absolute;
	top: 40px;
	z-index: 1000;
}
nav > ul > li > div.navi > div.sub:after {
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: url('images/ddbottom01.png') no-repeat 50% 0;
}
nav > ul > li > div.navi > div.sub ul li {
	border: 3px solid #0093d2;
	border-bottom-width: 0px;
	display: block;
	clear: left;
	width: 148px;
	height: 28px;
}
nav > ul > li > div.navi > div.sub ul li:first-child {
	border-top-width: 5px;
}
#sns {
	width: 920px;
	margin: 0 auto 20px auto;
	text-align: right;
	background: url('images/socialtitle.jpg') no-repeat 660px 0;
}
#sns ul {
	font-size: 0;
}
#sns ul li {
	display: inline;
	margin-right: 10px;
}
#sns ul li:last-child {
	margin-right: 0;
}

/* column */

#middle {
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#middle article {
	width: 720px;
	float: right;
}
.contact #middle article, .home #middle article, .category-14 #middle article {
	width: auto;
	float: none;
}
#middle aside {
	width: 200px;
	float: left;
}

/* aside */

aside h2 {
	background: url('images/bg_12.gif') no-repeat 50% 100%;
	position: relative;
	color: #fff;
	z-index: 10;
	margin-bottom: 10px;
	padding: 0.5em 1em;
	font-size: 14px;
}
aside h2:before {
	content: url('images/icon_11.png');
	margin-right: 0.25em;
}
aside #acMenu h3 {
	display: block;
	cursor: pointer;
}
aside #acMenu ul {
	display: block;
}
aside #acMenu ul li ul {
	display: block;
}
aside .recruit {
	position: relative;
	background: #f9f9f9;
	line-height: 1.75;
	margin-bottom: 30px;
}
aside .recruit:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 26px;
	background: url('images/bg_05.png') no-repeat 50% 100%;
	top: -13px;
	left: 0;
}
aside .recruit:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_06.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
aside .recruit ul {
	padding: 0.25em 0.5em;
	position: relative;
	z-index: 10;
	font-size: 13px;
	margin-bottom: 10px;
}
aside .recruit ul li {
	padding: 0.5em 0;
	background: #f9f9f9 url('images/bg_05.gif') repeat-x 0 100%;
}
aside .recruit ul li:before {
	content: url('images/sCateFolder.jpg');
	margin-right: 0.5em;
}
aside .link {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	text-align: center;
	margin-bottom: 1.5em;
}
aside .link h2 {
	margin: -15px -15px 0 -15px;
	position: static;
	z-index: auto;
	margin-top: -15px;
	margin-right: -15px;
	margin-bottom: 15px;
	margin-left: -15px;
}
aside .link h2:before {
	content: none;
}
aside .link ul {
	font-size: 13px;
}
aside .link a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
aside .product {
	position: relative;
	background: #f9f9f9;
	line-height: 1.75;
}
aside .product:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 26px;
	background: url('images/bg_05.png') no-repeat 50% 100%;
	top: -13px;
	left: 0;
}
aside .product:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 29px;
	background: url('images/bg_06.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
aside .product h3 {
	background: #f9f9f9;
	color: #58595b;
	position: relative;
	z-index: 10;
	font-size: 13px;
	padding: 0.25em 0.5em;
}
aside .product h3:before {
	content: url('images/icon_09.png');
	margin-right: 0.5em;
}
aside .product ul {
	background: #f9f9f9 url('images/bg_05.gif') repeat-x 0 100%;
	position: relative;
	z-index: 10;
	font-size: 13px;
	padding: 0.25em 0.5em 0.25em 1.5em;
}
aside .product ul li:before {
	content: url('images/icon_04.gif');
	margin-right: 0.5em;
}
aside .product ul li ul {
	background: none;
	padding: 0.25em 0 0.25em 1em;
}
aside .product ul .current_page_item a, aside .product ul .current-cat a {
	font-weight: bold;
	color: #00abeb;
	text-decoration: underline;
}
aside .product ul .current_page_item ul li a, aside .product ul .current-cat ul li a {
	font-weight: normal;
	color: #3886cf;
	text-decoration: none;
}

/* footer */

footer {
	clear: both;
	background: url('images/bg_01.gif') repeat-x;
	box-shadow: 0 3px 5px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 3px 5px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 3px 5px 5px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 5px 5px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 3px 5px 5px rgba(0,0,0,0.15);
}
footer .inner {
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding-top: 25px;
}
footer .inner .top {
	margin-bottom: 10px;
}
footer .inner .top h2 {
	font-size: 14px;
	font-weight: bold;
}
footer .inner .top a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
footer .inner .top .right {
	float: right;
	background: #848484;
	width: 520px;
	padding: 10px 20px;
	color: #fff;
}
footer .inner .top .right h3 {
	font-size: 14px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	font-weight: bold;
}
footer .inner .top .right ul {
	font-size: 0;
}
footer .inner .top .right ul li {
	font-size: 12px;
	display: inline;
	margin-right: 0.5em;
}
footer .inner .top .right ul li a {
	color: #fff;
}
footer .inner .top .right ul li:after {
	content: ',';
}
footer .inner .top .right ul li:last-child:after {
	content: none;
}
footer .inner .middle {
	clear: both;
	text-align: right;
	margin-bottom: 30px;
}
footer .inner .middle ul {
	font-size: 0;
}
footer .inner .middle ul li {
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	border-left: 1px solid #999;
	padding: 0 0.5em;
}
footer .inner .middle ul li:last-child {
	border-right: 1px solid #999;
}
footer .inner .middle ul li a {
	color: #999;
}
footer .inner .middle ul li a:hover {
	color: #3886cf;
}
footer .inner .bottom {
	clear: both;
}
footer .inner .bottom .block {
	background: #999;
	color: #fff;
	float: left;
	position: relative;
	width: 160px;
	height: 180px;
	margin-right: 12px;
	padding: 10px;
}
footer .inner .bottom .block:last-child {
	margin-right: 0;
}
footer .inner .bottom .block img {
	float: left;
}
footer .inner .bottom .block h3 {
	font-size: 14px;
	text-align: right;
	margin-bottom: 20px;
}
footer .inner .bottom .block h4 {
	font-size: 13px;
	text-align: right;
}
footer .inner .bottom .block .fix {
	position: absolute;
	bottom: 5px;
	font-size: 12px;
}
footer .inner .bottom .block .fix ul li:before {
	content: url('images/footmap.gif');
	margin-right: 0.25em;
	float: left;
}
footer .inner .bottom .block .fix ul li a {
	color: #fff;
}
footer .inner .bottom .block .fix ul li a:hover {
	color: #c1f0ff;
}
footer .inner .copyright {
	clear: both;
	color: #999;
	font-size: 12px;
	line-height: 3.5;
	text-align: right;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 0 5px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 5px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,1);
	-o-box-shadow: 0 0 5px rgba(255,255,255,1);
	-ms-box-shadow: 0 0 5px rgba(255,255,255,1);
}
#page-top a {
	background: rgba(0,0,0,0.6);
	zoom:1;
	color: #fff;
	width: 100px;
	padding: 40px 0;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*-----------------------------------------------------
	module
------------------------------------------------------*/

/* archive_post */

.archive_post {
	border: 1px solid #e5e5e5;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 40px;
	background: #fff;
	position: relative;
	padding: 15px;
}
.archive_post:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
.archive_post .post, .archive_post .page {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin: -15px -15px 15px -15px;
}
.archive_post .post img, .archive_post .page img {
	float: left;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.archive_post .post a:hover img, .archive_post .page a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.archive_post .post h3, .archive_post .page h3 {
	margin-left: 170px;
	font-size: 21px;
	font-weight: bold;
}
.archive_post .post h4, .archive_post .page h4 {
	font-size: 14px;
	color: #999;
	margin-left: 170px;
	margin-bottom: 5px;
}
.archive_post .post ul, .archive_post .page ul {
	font-size: 0;
	margin-left: 170px;
	margin-bottom: 5px;
}
.archive_post .post ul li, .archive_post .page ul li {
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
}
.archive_post .post ul li a, .archive_post .page ul li a {
	box-shadow: 0 0 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.25);
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background: #00a5e5;
	color: #fff;
	display: block;
	padding: 0.2em 1em;
}
.archive_post .post ul li a:hover, .archive_post .page ul li a:hover {
	background: #3886cf;
	text-decoration: none;
}
.archive_post .post h5, .archive_post .page h5 {
	font-size: 13px;
	margin-left: 170px;
	margin-bottom: 5px;
}
.archive_post .post p, .archive_post .page p {
	margin-left: 170px;
	text-align: right;
	font-size: 16px;
}
.archive_post .post:nth-child(even), .archive_post .page:nth-child(even) {
	background: #f9f9f9;
}
.archive_post .post:last-child, .archive_post .page:last-child {
	position: relative;
}
.archive_post .post:last-child:after, .archive_post .page:last-child:after {
	position: absolute;
	width: 100%;
	content: '';
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}

/* single_post */

#single_post {
	border: 1px solid #e5e5e5;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 40px;
	background: #fff;
	position: relative;
	padding: 20px 30px;
}
#single_post:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
#single_post .date {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin: -20px -30px 30px -30px;
}
#single_post .date:after {
	position: absolute;
	width: 100%;
	content: '';
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
#single_post .date p {
	font-size: 12px;
	color: #999;
	text-align: right;
}
#single_post .transfer {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 40px;
}
#single_post .transfer a { font-size: 24px; }
#single_post .navi_single {
	clear: both;
	text-align: center;
	font-size: 16px;
	padding: 0.5em;
	margin-bottom: -20px;
}
#single_post .navi_single a { margin: 0 0.5em; }
#single_post .ability {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 -30px;
}
#single_post .ability:after {
	position: absolute;
	width: 100%;
	content: '';
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
#single_post .ability ul {
	font-size: 13px;
	color: #999;
}
#single_post .ability ul li {
	display: inline;
	margin-right: 1em;
}

/* title */

#title {
	background: url('images/bg_16.png') no-repeat 50% 50%;
	height: 130px;
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
#title h2 {
	display: table-cell;
	width: 100%;
	margin-bottom: 30px;
	vertical-align: middle;
	padding: 0 1em;
	font-size: 30px;
	font-weight: bold;
	color: #36648c;
	text-shadow: 0 0 5px rgba(0,0,0,0.15);
}

/* slide */

.headimage {
	background: url('images/headerbg.jpg') no-repeat 50% 0;
	height: 334px;
	margin: 0 0 45px 0;
}

.headimage #banner-slide {
	width: 950px;
	height: 334px;
}
.headimage #banner-slide img {
	display: block;
}
.bjqs a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* pickup */

#pickup {
	margin-bottom: 30px;
}
#pickup ul {
	font-size: 0;
}
#pickup ul li {
	float: left;
	width: 311px;
	font-size: 12px;
	margin-right: 8px;
}
#pickup ul li:last-child {
	margin-right: 0;
}

/* recent */

#recent {
	margin-bottom: 50px;
}
#recent h2 {
	font-size: 0;
	margin-bottom: 10px;
}
#recent .inner {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	position: relative;
	background: #fff url('images/infobox.jpg') no-repeat;
}
#recent .inner .button {
	position: absolute;
	left: 8px;
	bottom: 6px;
}
#recent .inner .recent {
	overflow-y: scroll;
	margin-left: 100px;
	height: 250px;
}
#recent .inner .recent ul {
	font-size: 12px;
	margin: 15px 30px;
}
#recent .inner .recent ul li {
	border-bottom: 1px dashed #ccc;
	padding: 0.75em 0.4em;
}
#recent .inner .recent ul li span {
	background: #00a5e5;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	width: 65px;
	text-align: center;
	line-height: 1;
	padding: 0.35em 0 0.15em 0;
	margin: 0 0.75em;
}
#recent .inner .recent ul li .example {
	background: #97be4c;
}

/* lineup */

#lineup {
	margin: 0 12px 50px 12px;
}
#lineup .block {
	width: 224px;
	height: 243px;
	position: relative;
	float: left;
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	font-size: 0;
	margin-right: 10px;
	margin-bottom: 15px;
}
#lineup .block:nth-child(4n) {
	margin-right: 0;
}
#lineup .block a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
#lineup .block .inner {
	position: absolute;
	width: auto;
	bottom: 0.5rem;
}
#lineup .block .inner h3 {
	text-align: center;
	font-weight: bold;
	padding: 0px 10px;
	margin-bottom: 5px;
	font-size: 14px;
	text-shadow: 0 0 3px rgba(255,255,255,1);
}
#lineup .block .inner h3 a {
	color: #4b64a6;
}
#lineup .block .inner p {
	padding: 0px 10px;
	font-size: 13px;
}

/* hgroup */

.hgroup {
	height: 400px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	display: table;
	padding-right: 60%;
}
.hgroup > * {
	display: table-cell;
	vertical-align: middle;
}
.hgroup .inner {
	width: 40%;
	text-align: center;
}
.hgroup .inner h2 {
	color: #000;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	margin: 0 -1em 10px 0;
}
.hgroup .inner p {
	font-size: 21px;
	margin-bottom: 20px;
}
.hgroup .inner .button {
	font-size: 0;
	margin-bottom: 20px;
}
.hgroup .inner .button li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.hgroup .inner .link {
	font-size: 0;
}
.hgroup .inner .link li {
	display: inline-block;
	font-size: 13px;
	margin-right: 1em;
}
.hgroup .inner .link li:before {
	content: url('images/product/listIconArr.gif');
	margin-right: 0.5em;
}

/* head_gallery */

.head_gallery {
	padding: 40px 0;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	min-height: 150px;
}
.category-8 .head_gallery { background-image: url('images/bg-cases08.jpg'); }
.category-12 .head_gallery { background-image: url('images/bg-cases06.jpg'); }
.category-9 .head_gallery { background-image: url('images/bg-cases01.jpg'); }
.category-45 .head_gallery { background-image: url('images/bg-cases04.jpg'); }
.category-75 .head_gallery { background-image: url('images/bg-cases02.jpg'); }
.category-52 .head_gallery { background-image: url('images/bg-cases03.jpg'); }
.category-19 .head_gallery { background-image: url('images/bg-cases05.jpg'); }
.category-59 .head_gallery { background-image: url('images/bg-cases07.jpg'); }
.category-26 .head_gallery { background-image: url('images/bg-cases09.jpg'); }
.category-57 .head_gallery { background-image: url('images/bg-cases10.jpg'); }
.category-74 .head_gallery { background-image: url('images/bg-cases11.jpg'); }
.category-7 .head_gallery { background-image: url('images/bg-cases12.jpg'); }
.category-66 .head_gallery { background-image: url('images/bg-cases00.png'); }
.category-49 .head_gallery { background-image: url('images/bg-cases16.jpg'); }
.category-43 .head_gallery { background-image: url('images/bg-cases13.jpg'); }
.category-31 .head_gallery { background-image: url('images/bg-cases14.jpg'); }
.category-23 .head_gallery { background-image: url('images/bg-cases15.jpg'); }
.category-63 .head_gallery { background-image: url('images/bg-cases17.jpg'); }
.category-46 .head_gallery { background-image: url('images/bg-cases18.jpg'); }
.category-67 .head_gallery { background-image: url('images/bg-cases19.jpg'); }
.category-64 .head_gallery { background-image: url('images/bg-cases20.jpg'); }
.category-34 .head_gallery { background-image: url('images/bg-cases21.jpg'); }
.category-21 .head_gallery { background-image: url('images/bg-cases22.jpg'); }
.category-76 .head_gallery { background-image: url('images/bg-cases23.jpg'); }
.category-68 .head_gallery { background-image: url('images/bg-cases24.jpg'); }
.category-11 .head_gallery { background-image: url('images/bg-cases25.jpg'); }
.category-28 .head_gallery { background-image: url('images/bg-cases26.jpg'); }
.category-62 .head_gallery { background-image: url('images/bg-cases27.jpg'); }
.category-29 .head_gallery { background-image: url('images/bg-cases28.jpg'); }
.head_gallery .inner {
	min-height: 72px;
	background: url('images/bg_07.png') no-repeat;
	padding-left: 210px;
}
.head_gallery .inner h2 {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.head_gallery .inner p {
	color: #666;
	font-size: 21px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.head_gallery .inner p:before { content: '＜'; }
.head_gallery .inner p:after { content: '＞'; }
.head_gallery .inner .button {
	font-size: 0;
	margin-bottom: 25px;
}
.head_gallery .inner .button li {
	display: inline;
	margin-right: 5px;
}

/* head_cad */

.head_cad {
	padding: 40px 0;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.category-10 .head_cad,
.category-16 .head_cad,
.category-69 .head_cad,
.category-70 .head_cad,
.category-71 .head_cad,
.category-77 .head_cad,
.category-78 .head_cad,
.category-79 .head_cad,
.category-80 .head_cad,
.category-81 .head_cad,
.category-82 .head_cad,
.category-84 .head_cad,
.category-85 .head_cad { background-image: url('images/bg_08.png'); }
.category-65 .head_cad { background-image: url('images/bg-cad13.png'); }
.category-18 .head_cad,
.category-48 .head_cad,
.category-51 .head_cad,
.category-54 .head_cad { background-image: url('images/bg-cad03.png'); }
.category-24 .head_cad,
.category-25 .head_cad { background-image: url('images/bg-cad12.png'); }
.category-33 .head_cad,
.category-35 .head_cad,
.category-36 .head_cad,
.category-37 .head_cad,
.category-38 .head_cad,
.category-39 .head_cad,
.category-40 .head_cad,
.category-41 .head_cad,
.category-42 .head_cad,
.category-55 .head_cad,
.category-56 .head_cad,
.category-72 .head_cad,
.category-89 .head_cad,
.category-90 .head_cad,
.category-91 .head_cad { background-image: url('images/bg-cad06.png'); }
.category-13 .head_cad,
.category-15 .head_cad,
.category-22 .head_cad,
.category-58 .head_cad,
.category-61 .head_cad,
.category-73 .head_cad,
.category-86 .head_cad { background-image: url('images/bg-cad07.png'); }
.category-53 .head_cad { background-image: url('images/bg-cad04.png'); }
.category-27 .head_cad { background-image: url('images/bg-cad10.png'); }
.category-44 .head_cad { background-image: url('images/bg-cad05.png'); }
.category-50 .head_cad { background-image: url('images/bg-cad11.png'); }
.category-20 .head_cad { background-image: url('images/bg-cad02.png'); }
.category-60 .head_cad,
.category-83 .head_cad,
.category-87 .head_cad,
.category-88 .head_cad { background-image: url('images/bg-cad08.png'); }
.category-32 .head_cad { background-image: url('images/bg-cad00.png'); }
.category-47 .head_cad { background-image: url('images/bg-cad01.png'); }
.category-17 .head_cad { background-image: url('images/bg-cad09.png'); }
.head_cad .inner {
	min-height: 72px;
	background: url('images/bg_09.png') no-repeat;
	padding-left: 210px;
}
.head_cad .inner h2 {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.head_cad .inner p {
	color: #666;
	font-size: 21px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.head_cad .inner p:before { content: '＜'; }
.head_cad .inner p:after { content: '＞'; }
.head_cad .inner .button {
	font-size: 0;
	margin-bottom: 25px;
}
.head_cad .inner .button li {
	display: inline;
	margin-right: 5px;
}

/* substitute */

.substitute {
	margin-bottom: 40px;
	position: relative;
}
.substitute h2 {
	position: relative;
	z-index: 10;
}
.substitute:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 26px;
	background: url('images/bg_00.png') no-repeat 50% 0;
	bottom: -13px;
}
.substitute h2 { font-size: 0; }
.substitute ul {
	font-size: 0;
	width: 100%;
	z-index: 100;
	position: absolute;
	bottom: -20px;
	left: 0;
	text-align: center;
}
.substitute ul li {
	display: inline;
	margin: 0 5px;
}
.substitute ul li img {
	display: inline;
	margin: 0 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* bread */

#bread {
	margin-bottom: 30px;
}
#bread ul {
	font-size: 0;
}
#bread ul li {
	font-size: 13px;
	display: inline;
	margin-right: 1em;
}
#bread ul li:after {
	content: url('images/icon_04.gif');
	margin-left: 1em;
}
#bread ul li:last-child:after {
	content: none;
	margin-left: 0;
}

/*-----------------------------------------------------
	archive
------------------------------------------------------*/

/* archives_gallery */

.archives_gallery {
	border: 1px solid #e5e5e5;
	margin-bottom: 40px;
	background: #fff;
	position: relative;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.archives_gallery:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
.archives_gallery .post {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 40px;
}
.archives_gallery .post:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
.archives_gallery .post:nth-child(odd) {
	z-index: 10;
}
.archives_gallery .post:nth-child(even) {
	background: #f9f9f9;
}
.archives_gallery .post:nth-last-child(2) {
	margin-bottom: 60px;
}
.archives_gallery .post img {
	width: 115px;
	height: auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	float: left;
}
.archives_gallery .post a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.archives_gallery .post h3 {
	font-size: 18px;
	font-weight: bold;
	margin-left: 140px;
	margin-bottom: 5px;
}
.archives_gallery .post h3 span {
	color: #fff;
	padding: 0.1em 1em;
	background: #36648c;
	font-size: 13px;
	font-weight: normal;
	display: block;
	float: left;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	margin-right: 1em;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.archives_gallery .post dl {
	border-top: 1px dotted #666;
	padding-top: 5px;
	font-size: 0;
	margin-left: 140px;
	margin-bottom: 5px;
}
.archives_gallery .post dl dt {
	font-size: 13px;
	display: inline-block;
}
.archives_gallery .post dl dd {
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	margin-right: 1em;
}
.archives_gallery .post dl dt:after {
	content: '：';
}
.archives_gallery .post ul {
	margin-left: 140px;
	background: #eee;
	padding: 0.5em;
	text-align: center;
	font-size: 14px;
}
.archives_gallery .post ul li {
	width: 200px;
	margin: 0 auto;
}
.archives_gallery .post ul li a {
	border: 1px solid #06c;
	color: #fff;
	padding: 0.2em 0;
	background: #39c;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.archives_gallery .post ul li a:hover {
	background: #366499;
	border: 1px solid #366499;
	text-decoration: none;
}
.archives_gallery .post ul li a:after {
	content: '\00bb';
	margin-left: 0.5em;
}
.archives_gallery .info {
	background: #f2f2f2;
	background: -moz-linear-gradient(left, #ffffff 25%, #f2f2f2 50%, #ffffff 75%);
	background: -webkit-gradient(linear, left top, right top, color-stop(25%,#ffffff), color-stop(50%,#f2f2f2), color-stop(75%,#ffffff));
	background: -webkit-linear-gradient(left, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	background: -o-linear-gradient(left, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	background: -ms-linear-gradient(left, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	background: linear-gradient(to right, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 );
	margin-bottom: 30px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.archives_gallery .info h3 {
	float: left;
	font-size: 16px;
	padding: 20px;
	text-align: right;
	color: #000;
	width: 120px;
}
.archives_gallery .info .right {
	border-left: 1px solid #e5e5e5;
	padding: 20px;
	margin-left: 160px;
}
.archives_gallery .info .right ul {
	margin-bottom: 10px;
	font-size: 0;
}
.archives_gallery .info .right ul li {
	display: inline;
	margin-right: 10px;
}

/* archives_cad */

.archives_cad {
	border: 1px solid #e5e5e5;
	margin-bottom: 40px;
	background: #fff;
	position: relative;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.archives_cad:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
.archives_cad .menu {
	margin: 30px 30px 0 30px;
}
.archives_cad .menu ul {
	font-size: 0;
}
.archives_cad .menu ul li {
	font-size: 13px;
	display: inline-block;
	margin-right: 1.5em;
}
.archives_cad .menu ul li:before {
	content: url('images/icon_06.gif');
	margin-right: 0.5em;
}
.archives_cad .menu ul li:last-child { margin-right: 0; }
.archives_cad .block {
	margin: 30px;
}
.archives_cad .block table {
	width: 100%;
}
.archives_cad .block table tr th {
	font-size: 12px;
	text-algin: left;
	background: #666;
	color: #fff;
	padding: 0.25em 0.5em;
}
.archives_cad .block table tr th:nth-child(2), .archives_cad .block table tr th:nth-child(3), .archives_cad .block table tr th:nth-child(4), .archives_cad .block table tr th:nth-child(5) {
	width: 17%;
	text-align: center;
}
.archives_cad .block table tr:nth-child(odd) {
	background: #f3f3f3;
}
.archives_cad .block table tr td {
	font-size: 13px;
	text-algin: left;
	padding: 0.25em 0.5em;
}
.archives_cad .block table tr td:first-child strong {
	font-size: 16px;
	font-weight: bold;
}
.archives_cad .block table tr td:nth-child(2), .archives_cad .block table tr td:nth-child(3), .archives_cad .block table tr td:nth-child(4), .archives_cad .block table tr td:nth-child(5) {
	text-align: center;
}
.archives_cad .block table tr td:nth-child(2) a:after {
	content: url('images/icon_10.png');
	margin-left: 0.25em;
}
.archives_cad .block table tr td:nth-child(3) a:after, .archives_cad .block table tr td:nth-child(4) a:after, .archives_cad .block table tr td:nth-child(5) a:after {
	content: url('images/icon_07.gif');
	margin-left: 0.25em;
}
.archives_cad .block table tr td a[title="SFC"]:after {
	content: url('images/icon_13.png');
	margin-left: 0.25em;
}
.archives_cad .block table tr td a[title="Excel"]:after {
	content: url('images/icon_08.gif');
	margin-left: 0.25em;
}
.archives_cad .info {
	background: #f2f2f2;
	background: -moz-linear-gradient(left, #ffffff 25%, #f2f2f2 50%, #ffffff 75%);
	background: -webkit-gradient(linear, left top, right top, color-stop(25%,#ffffff), color-stop(50%,#f2f2f2), color-stop(75%,#ffffff));
	background: -webkit-linear-gradient(left, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	background: -o-linear-gradient(left, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	background: -ms-linear-gradient(left, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	background: linear-gradient(to right, #ffffff 25%,#f2f2f2 50%,#ffffff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 );
	margin-bottom: 30px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.archives_cad .info h3 {
	float: left;
	font-size: 16px;
	padding: 20px;
	text-align: right;
	color: #000;
	width: 120px;
}
.archives_cad .info .right {
	border-left: 1px solid #e5e5e5;
	padding: 20px;
	margin-left: 160px;
}
.archives_cad .info .right ul {
	margin-bottom: 10px;
	font-size: 0;
}
.archives_cad .info .right ul li {
	display: inline;
	margin-right: 10px;
}

/* archives_catalog */

.archives_catalog {
	border: 1px solid #e5e5e5;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 40px;
	background: #fff;
	position: relative;
	padding: 40px 60px;
}
.archives_catalog:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: url('images/bg_01.png') no-repeat 50% 100%;
	bottom: -10px;
	left: 0;
}
.archives_catalog .post {
	width: 145px;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
.archives_catalog .post:nth-child(5n) {
	margin-right: 0;
}
.archives_catalog .post:nth-child(5n+1) {
	clear: left;
}
.archives_catalog .post img {
	width: 100%;
	height: auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.archives_catalog .post a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.archives_catalog .post p {
	font-size: 12px;
	color: #999;
}
.archives_catalog .post p.link:before, .archives_catalog .post p.photo:before {
	font-family: "dashicons";
	content: "\f139";
	vertical-align: middle;
}
.archives_catalog .post p.link a:after {
	font-family: "dashicons";
	content: "\f504";
}
.archives_catalog .post p.photo a:after {
	font-family: "dashicons";
	content: "\f129";
}
.archives_catalog .post .new {
	font-family: 'Trebuchet MS';
	color: #f00;
}
.archives_catalog .post h3 {
	font-size: 14px;
	font-weight: bold;
}
.archives_catalog .post h3:before {
	content: url('images/icon_06.gif');
	margin-right: 0.5em;
}
.archives_catalog .post h4 {
	font-size: 12px;
}
.archives_catalog .post h4:before { content: '['; }
.archives_catalog .post h4:after { content: ']'; }

/* navigation */

#navi_archive {
	clear: both;
	text-align: center;
	margin-bottom: 1rem;
}
#navi_archive .page-numbers {
	font-size: 18px;
	font-weight: bold;
	margin: 0 2px;
}
#navi_archive .current {
	font-size: 24px;
}
#navi_archive .next {
	font-size: 14px;
	padding-left: 1em;
	font-weight: normal;
	margin: 0;
}
#navi_archive .prev {
	font-size: 14px;
	padding-right: 1em;
	font-weight: normal;
	margin: 0;
}

/* page-numbers */

article > .page-numbers {
	text-align: center;
	margin-bottom: 1rem;
	font-size: 0;
}
article > .page-numbers li {
	display: inline-block;
	margin: 0 0.25em;
	font-size: 1.125rem;
}
article > .page-numbers .current {
	font-size: 1.5rem;
	font-weight: bold;
}
article > .page-numbers .next, article > .page-numbers .prev {
	font-size: 1rem;
	margin: 0 0.5em;
}

/*-----------------------------------------------------
	entry
------------------------------------------------------*/

.entry {
	font-size: 13px;
	line-height: 1.75;
	text-align: left;
}
.entry h3, .entry h4, .entry h5, .entry h6 {
	margin-bottom: 10px;
	font-weight: bold;
}
.entry h3 {
	font-size: 18px;
	color: #36648c;
}
.entry h3 .small {
	margin-left: 1em;
	color: #333;
	font-size: 0.875rem;
	font-weight: normal;
}
.entry h4 {
	font-size: 16px;
	color: #366499;
}
.entry h5 { font-size: 14px; }
.entry h6 { font-size: 13px; }
.entry p, .entry address, .entry dl, .entry table { margin-bottom: 20px; }
.entry pre { font-family: monospace; }
.entry ul { list-style: disc; }
.entry ol { list-style: decimal; }
.entry ul, .entry ol {
	margin-bottom: 20px;
	margin-left: 1.5em;
}
.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin-bottom: 0; }
.entry dl dt, .entry table caption, .entry table th, .entry strong { font-weight: bold; }
.entry table caption, .entry table th, .entry table td {
	text-align: left;
	border: 1px solid #000;
	padding: 0.25em 0.5em;
}
.entry em { font-style: italic; }
.entry sub {
	font-size: 50%;
	vertical-align: bottom;
}
.entry sup {
	font-size: 50%;
	vertical-align: top;
}
.entry a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.entry blockquote {
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: 3px solid #ccc;
	font-family: serif;
}
.entry blockquote p { margin-bottom: 0; }
.entry blockquote p:before {
	font-size: 400%;
	line-height: 1;
	height: 0.5em;
	color: #999;
	font-family: sans-serif;
	font-weight: bold;
	content: '“';
	display: block;
}

/*-----------------------------------------------------
	content
------------------------------------------------------*/

/* class */

.clear { clear: both; }
.hidden {
	font-size: 0;
	border: 0;
	visibility: hidden;
}
.clearfix:after {
	content: '.';
	height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	clear: both;
	visibility: hidden;
}

/*-----------------------------------------------------
	default
------------------------------------------------------*/

/* calendar */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar a {
	text-decoration: none;
	display: block;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar caption {
	text-decoration: none;
	text-align: center;
	width: 100%;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover {
	background: #fff;
}

/* image */

p img {
	max-width: 100%;
}
img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	margin-left: 1em;
	display: inline;
}
img.alignleft {
	margin-right: 1em;
	display: inline;
}

/* captions */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	text-align: center;
	margin: 5px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	text-align: left;
	font-size: 12px;
	color: #000;
	padding: 0 5px 5px 5px;
	margin: 0;
}

/*-----------------------------------------------------
	Google Fonts
------------------------------------------------------*/
/*
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100,300,400,500,700,900;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200,300,400,500,600,700,900;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 100,200,300,400,500,600,700,800,900;
*/