@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------
   reset
-----------------------------------------------------*/
* { margin: 0; padding: 0; border: none; font-size: 100%; list-style: none; }

body { line-height:1; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

img { vertical-align: bottom; }

:root * { filter: none \0/IE9; } 


/*-----------------------------------------------------
   common
-----------------------------------------------------*/
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333333; }

.cf:before,
header:before,header ul:before,section:before,footer ul:before,
#Contents:before,
.cf:after,
header:after,header ul:after,
section:after,footer ul:after,
#Contents:after { content:""; display:table; }
 
.cf:after,
header:after,header ul:after,
section:after,footer ul:after,
#Contents:after { clear:both; }

#Container { width: 100%; min-width: 1280px; }

header { width: 1280px; margin: 30px auto 0 auto; }
header > h1 { float: left; margin-top: 10px; }
header #hNav { float: right; overflow: hidden; }
header #hNav ul li { float: left; margin-left: 40px; font-size: 0.9em; font-size: 14px; } 
header #hNav ul > *:first-child + * + * { margin-left: 30px;}
header #hNav ul li:before { height: 20px; display: inline-block; margin-right: 5px; vertical-align: -0.2em; }
header #hNav ul > *:first-child:before { content: url(../images/ic_link.gif); }
header #hNav ul > *:first-child + *:before { content: url(../images/ic_mail.gif); }
header #hNav ul > *:first-child + * + *:before { content: url(../images/ic_access.gif); }
header #hNav ul li a { color: #5d5d5d; text-decoration: none; }
header #hNav ul li a:hover { color: #959595; }
header #hNav p { margin-top: 15px; text-align: right; }
header #hNav p span { background: #efefef; border-radius: 3px; display: inline-block; padding: 4px 13px 4px 10px; font-size: 0.9em; font-size: 14px; margin-right: 10px; } 
header #hNav p span:before { content: url(../images/ic_tel.gif); height: 20px; display: inline-block; margin-right: 5px; vertical-align: -0.35em; }
header #hNav p strong { font-size: 1.25em; font-size: 20px; }

header nav { clear: both; padding-top: 1px; }
header nav ul { margin-top: 20px; border-radius: 5px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjOWJkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjg2ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(12,155,220,1) 0%, rgba(6,134,210,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(12,155,220,1) 0%,rgba(6,134,210,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(12,155,220,1) 0%,rgba(6,134,210,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(12,155,220,1) 0%,rgba(6,134,210,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9bdc', endColorstr='#0686d2',GradientType=0 );
}

header nav ul li { float: left; padding: 9px; }
header nav ul li:first-child { padding-left: 8px; }
header nav ul li a { display: block; width: 165px; padding: 43px 0 0 0; height: 0; background: no-repeat center; overflow: hidden; color: #0788d3; }
header nav ul > li:first-child a { background-image: url(../images/navi_01.png); }
header nav ul > *:first-child + * a { background-image: url(../images/navi_02.png); }
header nav ul > *:first-child + * + * a { background-image: url(../images/navi_03.png); }
header nav ul > *:first-child + * + * + * a { background-image: url(../images/navi_04.png); }
header nav ul > *:first-child + * + * + * + * a { background-image: url(../images/navi_05.png); }
header nav ul > *:first-child + * + * + * + * + * a { background-image: url(../images/navi_06.png); }
header nav ul > *:first-child + * + * + * + * + * + * a { background-image: url(../images/navi_07.png); }
header nav ul li a:hover { background-color: #43b8f4; color: #43b8f4; }


#Contents { width: 1280px; margin: 25px auto 0 auto; }
article { float: left; width: 935px; }
aside { float: right; width: 310px; }
aside nav h1 { background: #0a97da; color: #fff; padding: 20px 15px; }
aside nav ul li { border-bottom: 1px solid #d8d8d8; }
aside nav ul li a { display: block; padding: 20px 30px 15px 20px; color: #333333; text-decoration: none; background:url(../images/ic_arrow_navi.png) no-repeat 95% center; }
aside nav ul li a:hover { background-color: #d8f3ff; }
aside section { width: 274px; background: #f5f5f5; padding: 18px; }
aside section ul { margin: 15px 0 0 0; background: #FFF; padding: 15px; }
aside section ul li { text-align: center; margin-top: 10px; }
aside section ul li:first-child { margin-top: 0; }
aside section p + ul { margin-top: 15px; }
aside section ul li a:hover,aside p.m-top15 a:hover { opacity: 0.7; }

aside nav + section { margin-top: 30px; }
aside h1 + p { background: #FFF; box-shadow: 1px 1px 3px #e9e9e9; } 
aside p + h1 { margin-top: 15px; }
aside #Pr { text-align: center; padding: 0; }
aside #Pr a { display: block; padding: 15px 12px; color: #333; font-size: 0.8em; line-height: 1.5em; text-decoration: none; }
aside #Pr a img { margin-bottom: 5px; }
aside #Pr a:hover { border: 2px solid #31b7c7; border-top: none; padding: 15px 10px 13px 10px; }

aside #seminar { padding: 15px; font-size: 0.8em; line-height: 1.5em; }
aside #seminar img { float: right; margin-left: 20px; }
aside #seminar a { clear: both; display: block; background: #929292; width: 50%; box-shadow: 0 3px #5d5d5d; border-radius: 3px; margin: 15px auto 0 auto; padding: 10px 15px; color: #FFF; text-decoration: none; text-align: center; }
aside #seminar a:after { content: url(../images/ic_blank_white.png); display: inline-block; margin-left: 5px; }
aside #seminar a:hover { background: #a9a9a9; box-shadow: 0 3px #222222; }


footer { background: #ecf7fd; width: 100%; margin-top: 80px; padding-bottom: 30px; }
footer ul li { float: left; }
footer ul li a { display: inline-block; padding: 20px; font-size: 0.9em; color: #333333; text-decoration: none; }
footer ul li a:hover { color: #959595; }
footer ul li:first-child { margin-left: 15px; }
footer ul li:first-child:before { content: "|"; color: #7d8184; }
footer ul li:after { content: "|"; color: #7d8184; }

footer nav { background: #0892d8; }
footer nav ul { width: 970px; margin: 0 auto; position: relative; padding-right: 310px; }
footer nav ul li a { color: #FFF; } 
footer nav ul li:first-child:before { color: #5ab6e5; }
footer nav ul li:after { color: #5ab6e5; }
footer nav ul li a:hover { color: #d1efff; }

footer nav ul li#Pagetop { float: right; width: 310px; position: absolute; top: 0; right: 0; }
footer nav ul li#Pagetop a { display: block; background: #02679a; text-align: center; }
footer nav ul li#Pagetop a:before { content: url(../images/ic_top.png); display: inline-block; margin-right: 5px; }
footer nav ul li#Pagetop:after { content:""; }
footer nav ul li#Pagetop a:hover { background: #4abdf7; }

footer > ul,footer > section { width: 1280px; margin: 0 auto; }

footer > hr { width:100%; background: #aac4d2; border: none; height: 1px; margin: 0; }

footer > section { margin-top: 30px; }
footer address { font-style: normal; display: table-cell; width: 620px; padding-left: 20px; font-size: 0.85em; line-height: 1.3em; }
footer address strong { font-size: 1.2em; display: inline-block; margin-bottom: 10px; }
footer p { display: table-cell; vertical-align: bottom; width: 640px; text-align: right; font-size: 0.85em; }


/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


@media print {
body {zoom: 84%;}
}