@charset "utf-8";


/*
		1  default
		2  base style  
		3  text-align
		4  margin-bottom
		5  font-size
		6  icon font
		7  header
		8  banner
		9  footer
*/



/*=====================  1.default =====================*/


/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */

/*
 * Normalization
 */

audio:not([controls]) {
	display: none; /* Chrome 44-, iOS 8+, Safari 9+ */
}

button {
	-webkit-appearance: button; /* iOS 8+ */
	overflow: visible; /* Internet Explorer 11- */
}

details {
	display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */
	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%; /* iOS 8+ */
}

input {
	-webkit-border-radius: 0 /* iOS 8+ */
}

input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	-webkit-appearance: button;/* iOS 8+ */
}

input[type="number"] {
	width: auto;/* Firefox 36+ */
}

input[type="search"] {
	-webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */
}

input[type="search"]::-webkit-search-cancel-button,
		input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;/* Chrome 45+, Safari 9+ */
}

main {
	display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
	overflow: auto; /* Internet Explorer 11- */
}

progress {
	display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */
}

small {
	font-size: 75%; /* All browsers */
}

summary {
	display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

svg:not(:root) {
	overflow: hidden; /* Internet Explorer 11- */
}

template {
	display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
	overflow: auto; /* Edge 12+, Internet Explorer 11- */
}

[hidden] {
	display: none; /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */

*,
:before,
:after {
	box-sizing: inherit;
}

* {
	font-size: inherit;
	line-height: inherit;
}

:before,
:after {
	text-decoration: inherit;
	vertical-align: inherit;
}



/*
 * Opinionated defaults
 */

/* specify the border style and width of all elements */

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
:before,
:after {
	border-style: solid;
	border-width: 0;
}

/* specify the core styles of all elements */

* {
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/* specify the root styles of the document */

:root {
	background-color: #ffffff;
	box-sizing: border-box;
	color: #000000;
	cursor: default;
	font: 100%/1.5 sans-serif;
}

/* specify the text decoration of anchors */

a {
	text-decoration: none;
}

/* specify the alignment of media elements */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/* specify the background color of form elements */

button,
input,
select,
textarea {
	background-color:transparent;
}

/* specify the inherited color and font of form elements */

button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* specify the minimum height of form elements */

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
	min-height: 1.5em;
}

/* specify the font family of code elements */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
}

/* specify the list style of nav lists */

nav ol,
nav ul {
	list-style: none;
}

/* specify the standard appearance of selects */

select {
	-moz-appearance: none;    /* Firefox 40+ */
	-webkit-appearance: none /* Chrome 45+ */
}

select::-ms-expand {
	display: none;/* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
	color: currentColor;/* Edge 12+, Internet Explorer 11- */
}

/* specify the border styling of tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* specify the resizability of textareas */

textarea {
	resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */

::-moz-selection {
	background-color: #b3d4fc; /* required when declaring ::selection */
	color: #ffffff;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* required when declaring ::selection */
	color: #ffffff;
	text-shadow: none;
}

/* specify the progress cursor of updating elements */

[aria-busy="true"] {
	cursor: progress;
}

/* specify the pointer cursor of trigger elements */

[aria-controls] {
	cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
	cursor: default;
}

/* specify the style of visually hidden yet accessible elements */

[hidden][aria-hidden="false"] {
	clip: rect(0 0 0 0);
	display: inherit;
	position: absolute
}

[hidden][aria-hidden="false"]:focus {
	clip: auto;
}

/* remove delay from tapping on clickable elements */

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
}

/*# sourceMappingURL=sanitize.css.map */




/*# added */

li {list-style:none;}

address { font-style:normal; }

a:hover { text-decoration:underline; }

h1, h2, h3, h4, h5 { font-weight:normal; }







/*=====================  2.base style =====================*/

#wrapper {
	max-width:960px;
	margin:0 auto;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
}

html { font-size:16px; vertical-align:baseline;}

body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	background:#fff;
}

p { margin-bottom:10px; } 

#contentsArea {
	width:960px;
	max-width:960px;
	margin:0 auto;
	margin-top:33px !important; 
/*	margin-top:63px !important; */
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

a,
a:link,
a:hover,
a:visited {
	color:#333399;
}


/*=====================   3.text-align  =====================*/
.taC {
	text-align:center;
}

.taR {
	text-align:right;
}

.taL {
	text-align:left;
}


/*=====================   4.margin-bottom  =====================*/
.mb-10 { margin-bottom:-10px !important; }
.mb00 { margin-bottom:0px !important; }
.mb04 { margin-bottom:4px !important; }
.mb05 { margin-bottom:5px !important; }
.mb06 { margin-bottom:6px !important; }
.mb07 { margin-bottom:7px !important; }
.mb08 { margin-bottom:8px !important; }
.mb09 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb18 { margin-bottom:18px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb63 { margin-bottom:63px !important; }
.mb100 { margin-bottom:100px !important; }


/*=====================   5.font-size  =====================*/

.fs12 {font-size:12px !important;}   
.fs14 {font-size:14px !important;}   
.fs15 {font-size:15px !important;}    
.fs16 {font-size:16px !important;} 
.fs17 {font-size:17px !important;} 
.fs18 {font-size:18px !important;}         
.fs20 {font-size:20px !important;}        
.fs22 {font-size:22px !important;}         
.fs24 {font-size:24px !important;}         



/*=====================   6.icon font  =====================*/

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?83375386');
  src: url('../font/fontello.eot?83375386#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?83375386') format('woff'),
       url('../font/fontello.ttf?83375386') format('truetype'),
       url('../font/fontello.svg?83375386#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?83375386#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-angle-double-right:before { content: '\61'; } /* 'a' */
.icon-play:before { content: '\62'; } /* 'b' */
.icon-play-circled:before { content: '\63'; } /* 'c' */
.icon-videocam:before { content: '\64'; } /* 'd' */
.icon-camera:before { content: '\65'; } /* 'e' */
.icon-mail:before { content: '\66'; } /* 'f' */
.icon-camera-alt:before { content: '\67'; } /* 'g' */
.icon-doc:before { content: '\68'; } /* 'h' */
.icon-doc-text:before { content: '\69'; } /* 'i' */
.icon-rss:before { content: '\6a'; } /* 'j' */
.icon-rss-squared:before { content: '\6b'; } /* 'k' */
.icon-phone:before { content: '\6c'; } /* 'l' */
.icon-phone-squared:before { content: '\6d'; } /* 'm' */
.icon-calendar:before { content: '\6e'; } /* 'n' */
.icon-volume-up:before { content: '\6f'; } /* 'o' */
.icon-right-dir:before { content: '\70'; } /* 'p' */
.icon-left-dir:before { content: '\71'; } /* 'q' */
.icon-right-open:before { content: '\72'; } /* 'r' */
.icon-left-open:before { content: '\73'; } /* 's' */




/*=====================   7.header  =====================*/
#headerArea {
/*	top:45px; */
	top:15px;
	position:relative;
	width:960px;
	margin:0 auto;
}

#logo {
	position:relative;
	top:0;
	left:0;
	display:block;
}

 a#logo:hover img {
	 opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha( opacity=100)";
}

#headerArea #gloMenu{
	width:960px;
}

#headerArea #gloMenu ul {
  height:30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;	
	justify-content:space-between;
}

#headerArea #gloMenu ul li {
	width:118px;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	align-items:stretch; 　
	padding:33px 0px 0px ;　
	-ms-border-radius:4px;
	border-radius:4px;
	background-color:#fff; 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#headerArea #gloMenu ul li:not(:target) {
	position:static\9;
	float:left\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #headerArea #gloMenu ul li:not(:target) {
	position:static\9; /* IE10（\9なしでIE11にも適用） */
	float:none\9;
  }
}

#headerArea #gloMenu ul li a{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	color:#000;
}



#headerArea #gloMenu ul li#menu05 a,
#headerArea #gloMenu ul li#menu07 a {
	padding-left:4px;
}

#headerArea #gloMenu ul li#menu01{
	border:1px solid #666;
	background-image: url(../images/bg_menu_black.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu02{
	border:1px solid #ffcc00;
	background-image: url(../images/bg_menu_yellow.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu03{
	border:1px solid #00a0de;
	background-image: url(../images/bg_menu_light-blue.png);
	
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu04{
	border:1px solid #ff6666;
	background-image: url(../images/bg_menu_red.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu05{
	border:1px solid #990000;
	background-image: url(../images/bg_menu_dark-red.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu06{
	border:1px solid #00cc33;
	background-image: url(../images/bg_menu_green.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu07{
	border:1px solid #0066cc;
	background-image: url(../images/bg_menu_blue.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li#menu08{
	border:1px solid #999;
	background-image: url(../images/bg_menu_gray.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#headerArea #gloMenu ul li a:hover {
	text-decoration:none;
	color:#000;
}

#headerArea #gloMenu ul li#menu02 a:hover,
#headerArea #gloMenu ul li#menu02 a:active {
background:rgba( 255, 204, 0, 0.2 );
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#22ffcc00); /* IE8以下*/
color:#000;
}

#headerArea #gloMenu ul li#menu03 a:hover,
#headerArea #gloMenu ul li#menu03 a:active {
background:rgba( 0, 160, 222, 0.2 );	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#2200a0de); /* IE8以下*/
color:#000;
}

#headerArea #gloMenu ul li#menu04 a:hover,
#headerArea #gloMenu ul li#menu04 a:active {
background:rgba( 255, 102, 102, 0.2 );	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#22ff6666); /* IE8以下*/
color:#000;
}

#headerArea #gloMenu ul li#menu05 a:hover,
#headerArea #gloMenu ul li#menu05 a:active {
background:rgba( 153, 0, 0, 0.1 );	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#22990000); /* IE8以下*/
color:#000;
}

#headerArea #gloMenu ul li#menu06 a:hover,
#headerArea #gloMenu ul li#menu06 a:active {
background:rgba( 0, 204, 51, 0.2 );	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#2200cc33); /* IE8以下*/
color:#000;
}

#headerArea #gloMenu ul li#menu07 a:hover,
#headerArea #gloMenu ul li#menu07 a:active {
background:rgba( 0, 102, 204, 0.2 );	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#220066cc); /* IE8以下*/
color:#000;
}

#headerArea #gloMenu ul li#menu08 a:hover,
#headerArea #gloMenu ul li#menu08 a:active {
background:rgba( 153, 153, 153, 0.2 );	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#22999999); /* IE8以下*/
color:#000;
}

#unvBtn {
	position:absolute;
	top:5px;
	right:0;
}

#search {
	  position:absolute;
    width: 280px;
		height:32px;
    right: 0;
    top: 43px;
    padding: 5px 3px 3px 10px;
    background-color: #0071c5;
	-ms-border-radius:5px;
	border-radius:5px;
}

#serchTxt {
    float: left;
    width: 200px;
    padding-left: 3px;
    padding-right: 0px;
    background-color: rgb(255, 255, 255);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border:1px solid #999;
	}

#search form {
    margin-top: 0px;
    overflow: hidden;}

#searchBtn {
	float:right;
	margin:0 5px 6px 8px
}





/*=====================   9  footer  =====================*/
#footer {
	padding:20px 5px 0 10px;
	background-image:url(../images/footer-image.png);
	color:#fff;
}

#footer #contact {
	width:945px;
	margin:0 auto;
}

#footer a {
	color:#fff;
}

#ftMenu ul li a, #footer p{
	color:#000;
}

#flexArea {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;	justify-content: space-between;
	-webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
	line-height: 1.24em;
  width: 945px;
}

#flexArea:not(:target) {
	position:static\9;
	width: 945px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #flexArea:not(:target) {
	position:static\9; /* IE10（\9なしでIE11にも適用） */
    width: 945px;
  }
}


#flexItem01 {
	width:450px;
}

#flexItem02 {
	width:275px;
	height:40px;
}

#flexItem02:not(:target) {
	float:right\9;
	margin-top:-40px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #flexItem02:not(:target) {
	float:none\9;
	margin-top:0\9;
  }
}


#ftMenu {
    padding-top: 0px;
}

#ftMenu ul {
    margin: 0 auto 3px;
}

#ftMenu li {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #000;
    line-height: 15px;
}

#ftMenu li:first-child {
    border-left: 0;
}

#flexItem02 p {
    margin-bottom: 0;
    color: #fff;
    text-align: right;
}