@charset 'utf-8';

/* ------------------------------
 * core.css
 * May 15, 2013
 * ---------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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%;font:inherit;vertical-align:baseline}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:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ------------------------------
 * Helper classes
 * ---------------------------- */

/* Box
 * ---------------------------- */
/* clearfix */
.clearfix{*zoom:1}
.clearfix:before, .clearfix:after{display:table;content:' '}
.clearfix:after{clear:both}
/* float */
.prepend,.append{*display:inline}
.prepend{float:left}
.append{float:right}
/* inline-block */
.boxes{display:table;table-layout:fixed;width:100%;word-spacing:-1em;display:block\9;*display:block}
.box{display:inline-block;vertical-align:top;word-spacing:normal;*display:inline;*zoom:1}
/* table */
.row{display:inline-table;*display:inline;*zoom:1}
.cell{display:table-cell;*display:inline;*zoom:1}

/* Spacing
 * OOCSS (https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css)
 * ---------------------------- */
.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prl,.phl,.pal{padding-right:20px !important}
.pbn,.pvn,.pan{padding-bottom:0px !important}  
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.pll,.phl,.pal{padding-left:20px !important}
.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mbn,.mvn,.man{margin-bottom:0px !important}  
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mll,.mhl,.mal{margin-left:20px !important}
.mra,.mha{margin-right:auto !important}
.mla,.mha{margin-left:auto !important}

/* Alignment
 * ---------------------------- */
.top{vertical-align:top}
.mid{vertical-align:middle}
.btm{vertical-align:bottom}
.rtl{text-align:right}
.ctr{text-align:center}
.ltr{text-align:left}
.bctr{margin-right:auto;margin-left:auto;}

/* Text
 * ---------------------------- */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active, a:hover{outline:0}
strong, b{font-weight:bold}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
.attention{color:#c00}
.small{font-size:83.333%}
.note, .note li{text-indent:-1em;}
ul.note, ol.note{list-style:none;padding:0;text-indent:inherit;}



/* ------------------------------
 * Layout
 * ---------------------------- */
html {
	background-color: #1b1b1b;
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','Meiryo','MS PGothic',sans-serif;
	font-size: 75%;
}

.document {
	color: #000;
	background-color: #fff;
}

/* Header
 * ---------------------------- */
.header {
	width: 948px;
	margin: 0 auto;
	padding: 16px 6px;
	*zoom: 1;
	}
	.header:before,
	.header:after {
		display: table;
		content: ' ';
	}
	.header:after {
		clear: both;
	}
.header h1 {
	float: left;
	width: 300px;
	*display: inline;
}

.header .kokki01 {
	float: left;
	width: 21px;
	height: 14px;
	margin:25px 0 0 10px;
	*display: inline;
}
.header .kokki02 {
	float: left;
	width: 44px;
	height: 14px;
	margin:25px 0 0 20px;
	*display: inline;
}
.header .face {
	float: left;
	width: 30px;
	height: 30px;
	margin:10px 0 0 20px;
	*display: inline;
}
.header .contact {
	float: right;
	width: 300px;
	text-align: right;
	*display: inline;
}
.header .mailto {
	display: block;
}


/* Navigation
 * ---------------------------- */
.nav {
	position: relative;
	z-index: 2000;
	width: 968px;
	height: 64px;
	margin: 0 auto;
	overflow: hidden;
	background: url(/common/img/a-nav-bg.png) no-repeat 0 0;
}
.nav ul {
	width: 968px;
	height: 45px;
	margin: 0 auto;
	padding: 6px 11px 0;
}
.nav li,
.nav a,
.nav img {
	display: block;
}
.nav li {
	float: left;
	*display: inline;
}

/* Body
 * ---------------------------- */
.body {
	width: 921px;
	min-height: 490px;
	margin: 10px auto 0;
	padding: 0 39px 0 38px;
	background: url(/common/img/a-body-bg.png) no-repeat 0 0;
	line-height: 1.5;
}
.body h1 img,
.body h2 img {
	display: block;
}
.body a {
	color: #ff9600;
	}
	.body a:focus,
	.body a:hover,
	.body a:active {
		text-decoration: none;
	}
.body p,
.body ul,
.body ol,
.body dl {
	margin-top: 1.5em;
}
.body h3 + p {
	margin-top: 0;
}
.body ul,
.body ol {
	padding-left: 1.5em;
}
.body ul {
	list-style: disc;
}
.body ol {
	list-style: decimal;
}
.body .pagetop {
	margin-top: 40px;
	*zoom: 1;
	}
	.body .pagetop:before,
	.body .pagetop:after {
		display: table;
		content: ' ';
	}
	.body .pagetop:after {
		clear: both;
	}
.body .pagetop a {
	float: right;
}
.body .pagetop img {
	display: block;
}
/* page */
.page-title {
	padding: 38px 0 28px;
}
.page-body {
	padding: 10px 29px 0;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
.page-body .section {
	padding-bottom: 30px;
	*zoom: 1;
	}
	.page-body .section:before,
	.page-body .section:after {
		display: table;
		content: ' ';
	}
	.page-body .section:after {
		clear: both;
	}
.page-body .section-header {
	width: 858px;
	position: relative;
}
.page-body .section-header .pagetop {
	position: absolute;
	right: 0;
	bottom: 4px;
	margin-top: 0;
}
.page-body h2 {
	padding-top: 10px;
	color: #1c8e00;
	background: url(/common/img/bdr-h2.png) no-repeat 0 100%;
	font-size: 150%;
}
.page-body h3 {
	margin-top: 1.5em;
	font-weight: bold;
	font-size: 116.666%;
	line-height: 1.428
}
.page-body .summary {
	overflow: hidden;
}

/* Footer
 * ---------------------------- */
.footer {
	padding: 30px 0 60px;
	color: #fff;
	background-color: #1b1b1b;
	font-size: 83.333%;
}
.footer .sitemap,
.footer .contact,
.footer .copyright {
	width: 940px;
	margin: auto;
}
.footer .sitemap {
	padding-top: 4px;
}
.footer .sitemap li {
	display: inline;
	padding-right: 1em;
}
.footer .sitemap a {
	padding-left: 14px;
	color: #f8f8f8;
	background: url(/common/img/arw-circle-black.png) no-repeat 0 48%;
	text-decoration: none;
}
.footer .sitemap a:hover,
.footer .sitemap a:active {
	color: #fff;
	text-decoration: underline;
}
.footer .contact {
	padding-top: 25px;
	line-height: 1.8;
	font-style: normal;
}
.footer .copyright {
	padding-top: 10px;
}

/* ------------------------------
 * Module
 * ---------------------------- */
/* meida */
.media {
	display: table;
	table-layout: fixed;
	width: 876px;
	word-spacing: -1em;
	display: block\9;
	*display: block;
}
.media .figure {
	display: inline-block;
	width: 272px;
	margin-top: 20px;
	margin-right: 20px;
	vertical-align: top;
	word-spacing: normal;
	*display: inline;
	*zoom: 1;
}
.figure-list {
	width: 270px;
	margin-top: 1em;
	padding-left: 25px;
}
.figure-list.prepend {
	padding-right: 25px;
	padding-left: 0;
}
.figure-list .figure {
	margin-top: 0.5em;
}
.figcaption,
.figcaption .ruby {
	font-size: 83.333%;
	line-height: 1.8;
}
.figcaption h3 {
	margin-top: 0.5em;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.5;
}
.figcaption p {
	margin-top: 0.5em;
}
.thumbnail-cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: url(/common/img/bkanj.png) repeat 0 0;
}
/* product */
.product {
	margin: 30px 0;
	*zoom: 1;
	}
	.product:before,
	.product:after {
		display: table;
		content: ' ';
	}
	.product:after {
		clear: both;
	}
.product .figure {
	width: 425px;
	padding-right: 24px;
}
.product .figure.append {
	padding-right: 0;
	padding-left: 24px;
}
.product-header {
	padding: 18px 0;
	border-top: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}
.product-header h2 {
	margin: 0;
	padding: 0;
	color: #000;
	background-image: none;
	font-weight: bold;
	font-size: 116.666%;
	line-height: 1.571;
}
.product-header h3 {
	margin: 0;
	color: #000;
	font-weight: normal;
	font-size: 116.666%;
	line-height: 1.571;
}
.product-summary .button {
	margin-top: 2em;
}
/* button */
.primary-buttons {
	margin-top: 10px;
	padding: 20px 20px 15px;
	border-top: 1px solid #8fc31f;
	border-bottom: 1px solid #8fc31f;
	text-align: center;
}
.pagenation {
	display: table;
	width: 100%;
	text-align: center;
	display: block\9;
	*display: block;
}
.pagenation a,
.pagenation b {
	display: inline-block;
	width: 32px;
	margin: 5px;
	padding-top: 2px;
	color: #fff;
	font-size: 14px;
	line-height: 2.142;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
.pagenation a {
	background-color: #8fc31f;
	}
	.pagenation a:hover,
	.pagenation a:focus,
	.pagenation a:active {
		background-color: #1c8e00;
		text-decoration: underline;
	}
.pagenation b {
	background-color: #1c8e00;
}
.pagenation .prev,
.pagenation .next {
	width: auto;
	color: #ff9600;
	background-color: transparent;
	text-decoration: underline;
	line-height: 1;
	}
	.pagenation .prev:hover,
	.pagenation .next:hover,
	.pagenation .prev:focus,
	.pagenation .next:focus,
	.pagenation .prev:active,
	.pagenation .next:active {
		background-color: transparent;
		text-decoration: none;
	}
.pagenation .prev {
	padding-right: 15px;
}
.pagenation .next {
	padding-left: 15px;
}

/* News
 * ---------------------------- */
.body .news {
	list-style: none;
	min-height: 340px;
	margin: -10px 0 0;
	padding: 0;
}
.body .news li {
	display: table;
	margin-top: -1px;
	padding: 14px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	font-size: 91.666%;
	*display: block;
}
.news span,
.news a {
	display: table-cell;
	*display: inline;
	*zoom: 1;
}
.news .date {
	width: 7.8em;
	padding-right: 14px;
	white-space: nowrap;
	}
	.news .date:before {
		content: '■ ';
	}
.news .title {
	width: 72em;
}

/* Home
 * ---------------------------- */
.billboard {
	position: relative;
	width: 1060px;
	height: 391px;
	margin: -36px auto 0;
}
.toc {
	position: relative;
	z-index: 1000;
	margin-top: -31px;
}
.toc .index {
	*zoom: 1;
	}
	.toc .index:before,
	.toc .index:after {
		display: table;
		content: ' ';
	}
	.toc .index:after {
		clear: both;
	}
.index .region {
	list-style: none;
	float: right;
	width: 368px;
	margin: 0;
	padding: 12px 0 0;
	*display: inline;
}
.index .region li {
	float: left;
	width: 174px;
	padding: 10px 0 0 10px;
	*display: inline;
}
.index .region li img {
	display: block;
}
.index .feature {
	float: left;
	width: 544px;
	*display: inline;
}
.index .information {
	padding-top: 21px;
}
.index .info-header {
	position: relative;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
.index .info-header h2 {
	margin: 13px 13px 11px;
}
.index .info-header .more {
	position: absolute;
	top: 8px;
	right: 10px;
	margin: 0;
}
.index .information .news {
	min-height: 0;
	margin-top: 0;
}
.index .information .news li {
	padding: 15px 14px;
}
.toc .ad {
	margin-top: 12px;
	padding-top: 15px;
	border-top: 1px solid #d2d2d2;
}

/* ------------------------------
 * Print
 * ---------------------------- */
@media print {
	* {
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	.page-body a[href]:after {
		content: ' (' attr(href) ') ';
	}
	.page-body abbr[title]:after {
		content: ' (' attr(title) ') ';
	}
	.page-body a[href^="javascript:"]:after,
	.page-body a[href^="#"]:after,
	.page-body a[href="/"]:after {
		content: '';
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	.pagetop {
		display: none;
	}
	.billboard {
		margin-top: 0;
	}
	.billboard img {
		display: block !important;
	}
	.toc {
		margin-top: 0;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	.entry-body h2, .entry-body h3 {
		page-break-after: avoid;
	}
}

.opa img:hover{
	opacity: 0.7;
}