/*-------------------------------
>>> CONTENTS（すべての共通CSS）
---------------------------------
# Normalize
# Elements
# Links
# Forms
# Typography
# Layout
# Header
# Navigation
# MainVisual
# Secondary
# Footer
# Module
# FrontPage
-------------------------------*/


/*-------------------------------
# Normalize
-------------------------------*/
*{margin:0px;padding:0px;}
*,*:before,*:after {box-sizing: inherit;}
html, body {height: 100%;width: 100%;}
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, caption,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;vertical-align: baseline;letter-spacing:normal;list-style:none;}
html {font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;}
body {
	color: #000000;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
/*	line-height: 1.75; */
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	overflow-x: hidden;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
button{overflow: visible;outline:none;}
a {background-color: transparent;padding: 0;}
a:active,a:hover {outline: 0;}
b,strong {font-weight: bold;}
mark {background: #ff0;color: #000;}
small {font-size: 13px; font-size:1.3rem;}
sub,sup {font-size:12px; font-size:1.2rem;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;vertical-align:bottom;}
svg:not(:root) {overflow: hidden;}
hr {clear: both; box-sizing: content-box;height: 0;}
pre {overflow: auto;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);	position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.clear:before,.clear:after,#site-header:before,#site-header:after,#site-footer:before,#site-footer:after {	content: "";	display: table;	table-layout: fixed;}
.clear:after,#site-header:after,#site-footer:after {clear: both;}

/*-------------------------------
# Elements
-------------------------------*/
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,ol {margin: 0 0 30px 24px; font-size: 100%;}
ol{margin-left:24px;}
article ul li{list-style: disc; }
article ol li{list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 0 1em;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 30px;
	width: 100%;
	border:1px solid #D8DBDB;
	}
table td,
table th{
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #D8DBDB;
}
table tr,
table td,
table th{
	vertical-align: top;
	height: auto !important;
}
table th{
	text-align: left;
	font-weight: normal;
	background-color:#EDEEEE;
}
caption, th, td {padding: 10px 8px;}
th ul:last-child,td ul:last-child{margin-bottom: 0;}
table tr th p, table tr td p {
	margin: 0 0;
	line-height: 1.5;
}

/*線なしの表*/
table.table-no-border, table.table-no-border th, table.table-no-border td {	border: none;}

#searchBox table, #searchBox table th, #searchBox table td,
#headparts table, #headparts table th, #headparts table td{	border: none !important;}

/*-------------------------------
# Links
-------------------------------*/
a {color: #006AFF;}
a:visited {color:#003E6B;}
a:hover,
a:focus,
a:active {color:#003E6B;}
a:hover,
a:active {outline: 0;}

/*-------------------------------
# Typography
-------------------------------*/
blockquote{
	font-size: 87.5%;
	background: #efefef;
	padding: 20px;
	margin: 40px 0 1em;}
blockquote p:last-child{margin-bottom:0;}
pre {
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

#content p{margin-bottom:16px;}
section p:last-child{margin-bottom:0;}

#primary article + h1:first-child,
article + h1:first-child{margin-top: 0 !important;}

/*-------------------------------
# Layout
-------------------------------*/
/* Layout box */
.row{
	width: 100%;
	-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}

/*-------------------------------
# Navigation
-------------------------------*/
.fixed {
	position: fixed !important;
	z-index: 9999;
	top: 0px;
	left: 0;
	width: 100%;
}
#bt_gmenu,#tMenu {display: none;}
#nav-container {display: block; clear: both;}
#main-navigation ul {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size: 100%;
}

#main-navigation ul a {background-color: transparent;transition:.5s; padding: 0;}
#main-navigation ul a:active,#main-navigation ul a:hover {outline: 0;transition:.5s;}

/*-------------------------------
# Secondary
-------------------------------*/
#secondary nav{
	margin: 0 0 20px;
	border: 1px solid #A5B239;
}
#secondary ul{	margin: 0 15px; font-size: 100%;}
#secondary ul li{	position: relative; list-style: none;}
#secondary ul li:before{
 content: "";
	width: 100%;
 height: 1px;
 display: block;
	border-top: 1px dotted #DCDDDD;
 position: absolute;
 top: 0;
}
#secondary ul li li:before,
#secondary ul li:first-child:before{content: none;}
#secondary ul li a{
	color: #000;
	display: block;
	padding: 15px 0 15px 26px;
	margin-bottom:0;
	text-decoration: none;
	position:relative;
}
#secondary ul li a:before{
 content: ">";
	color: #FFF;
	line-height: 20px;
	text-align: center;
	width: 20px;
 height:20px;
 display: block;
 position: absolute;
	background: #A1B426;
 top: 18px;
	left:0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius: 10px;
}
#secondary ul li ul{margin-right: 0;}
#secondary ul li li a{padding:12px 0 12px 20px;}
#secondary ul li li a:before{
 content: ">";
 top: 14px;
	color: #A1B426;
	background:none;
}
#secondary ul li a:hover{background: #EDEEEE;}


/*-------------------------------
# Footer
-------------------------------*/
#copy p{margin-bottom: 0;font-family:"Verdana","Droid Sans",'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}

/*-------------------------------
# Module
-------------------------------*/
/* # Alignments */
.imgRight {
	display: inline;
	float: right;
	margin-left: 10px;
}
.imgLeft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.imgCenter {
	clear: both;
	margin: 0 auto;
	display: block;
}
/*バナー表示用枠*/
.fullbanner {
	font-size: 90%;
	clear: both;
}

.txtRight {text-align: right;}
.txtLeft {text-align:left;}
.txtCenter {text-align:center;}

.clear { clear: both;}
.hide  { display: none;}
.pcbr{display:block;}
.spbr{display: inline-block;}
.pc_del{display:none !important;}
.sp_del{display:inline-block;}

/*.alert-day {color: #aaa;margin-top:5px;margin-bottom: 0px; text-align:right; font-size:90%}*/
.alert-day {	display: none;}

/*= font style*/
.xsmall {	font-size: 73.3%;}/*11px*/
.small {	font-size: 86.7%;}/*13px*/
.large {	font-size: 120%;}/*18px*/
.xlarge {	font-size: 133.3%;}/*20px*/

/*文字色（WW編集KITで入力）*/
.text_black {	color: #333;}
.text_blue {	color: #0ae;}
.text_green {	color: #090;}
.text_red {	color: #c00;}
.text_pink {	color: #e0e;}
.text_orange {	color: #e60;}
.text_brown {	color: #734418;}
.text_marker {	background-color: #ff9;}

p {	margin: 0 0 20px 0;}
p + p {	margin-top: 0;}
p.pNarrow {
	margin: 5px 0 5px 0;
	line-height: 1.1;
	font-size: 96%;
}
p.waku-blue {
	border: 1px solid #69c;
	padding: 0.5em;
}
p.waku-red {
	border: 1px solid #c33;
	padding: 0.5em;
	background-color: #fee;
}
.mt00 {	margin-top: 0 !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}
.mb00 {	margin-bottom: 0 !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb30 {	margin-bottom: 30px !important;}


/*ビューアーソフトの枠*/
p.viewer-info {
	border: 1px dotted #c66;
	padding: 1em;
}
/*アドビリーダーダウンロードの枠*/
.wcv-floatbox-left {
	border: 1px dotted #c66;
	margin: 30px 0;
	padding:15px;
	font-size:80%;
	display: inline-block;
	width: 100%;
}

/*CMSKITリンクアイコン*/
img.wcv_ww_newwindowicon,
img.wcv_ww_fileicon{
	vertical-align: baseline;
}

/*リンクリスト*/
.linklist {
	margin: 0 0px 20px 0px;
}
.linklist li {
	margin-left: 6px;
	margin-right: 20px;
	list-style-type: none !important;
	text-indent: 0 !important;
}
.linklist li a {
	background: url(../images/ico_nav_li.png) no-repeat 2px 4px;
	padding-left: 16px;
	text-decoration: none;
}

/* 新着情報リスト */
.whatsnewList{
	margin: 0 0 20px 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
	background: #EEF8F6;
 border: 1px solid #C9C9C9;
}
.whatsnewList li{
	-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;
	display: flex;
	list-style: none;
	background: #FFF;
	padding: 10px;
	position: relative;
}
.whatsnewList li::after{
	content: "";
	position: absolute;
	left: 0;right:0;bottom:0; margin:auto;
	border-bottom: 1px dashed #ccc;
	width: 96%;
	height: 1px;
}
.whatsnewList li span{
	min-width: 120px;
	margin-left: 15px;
	margin-right: 15px;
	color: #569244;
}
.whatsnewList li img{
	height: 14px;
	vertical-align: top;
}

.whatsnewList li.catelist a{
	display: block;
	padding-left: 10px;
}

@media screen and (max-width:480px) {.whatsnewList li,.whatsnewList li span{display:block;margin: 0;}}

/* 画像バナーリスト 
・縦型　class="ul-img"
・横型　class="ul-img row"
　（横型は挿入する箇所によって4列・3列・2列に変化）
-------------------------------------------------*/
/*共通*/
.ul-img {
	margin : 0 0 10px 0;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.ul-img li{
	width: 23.4375%;
	list-style: none;
	text-align: center;
	margin-bottom : 10px;
	margin-right: 1.953125%;
}
.ul-img li:nth-child(4n){margin-right: 0;}
.ul-img li a {display : block;}
.ul-img li a:hover {	background : #fff;}
.ul-img li img{ max-width: 100%;height: auto;}
/*横型：4列*/
.ul-img.row{margin-bottom: 0;}
.ul-img.row li{margin-bottom: 20px;}
/*サイドメニューあり(#primary内）：3列*/
#primary .ul-img.row li{	width:31.168831168%;margin-right:3.246753246%;}
#primary .ul-img.row li,
#primary .ul-img.row li:nth-child(4n){margin-right:3.246753246%;}
#primary .ul-img.row li:nth-child(3n){margin-right: 0;}
/*サイドメニューなし+.col6内：2列*/
.col6 .ul-img.row li{width:48%;}
.col6 .ul-img.row li,
.col6 .ul-img.row li:nth-child(4n){margin-right:4%;}
.col6 .ul-img.row li:nth-child(2n){margin-right: 0;}
@media screen and (max-width:480px) {
	.ul-img li{	width: 48%;	margin-right:4%;}	.ul-img li:nth-child(2n){margin-right: 0;}
	#primary .ul-img li,#primary .ul-img li:nth-child(3n){	width: 48%;margin-right:3.246753246%;}	#primary .ul-img li:nth-child(2n){margin-right: 0;}
}