@charset "utf-8";
/* style.css */
/*************************************************************
	default
*************************************************************/
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	background: url("../images/background.png") center center;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

img { border: 0; }

a { color: #00F; }
a:hover { color: #F00; }

strong { font-weight: normal; }

p { max-height: 999999px; }

/*************************************************************
	@media print
*************************************************************/
@media print {}

/*************************************************************
	main
*************************************************************/
#headerWrap h1 a,
footer #copyright a { color: #fff; text-decoration: none; }
#headerWrap h1 a:hover,
footer #copyright a:hover { color: #Ff0; text-decoration: underline; }
main .menuArea #snsArea > p { margin: 1em 0 0; line-height: 0; text-align: center; }
main .menuArea ul { zoom: 1; overflow: hidden; }
main .menuArea ul:after { content: ""; display: block; clear: both; }
main .menuArea ul { margin: 0 auto; width: 75%; }
main .menuArea ul li { float: left; width: 25%; font-size: 2rem; text-align: center; }
main h2 { font-size: 1.1em; font-weight: bold; }
main #mainArea #news_topics dl dd { margin: 0 0 8px; padding: 0 0 8px; line-height: 1.3; border-bottom: 1px dotted #ccc; }
main #mainArea #news_topics dl i { color: #c1272d; }
main #mainArea #contents h3 { margin: 10px 0 20px; padding: 10px 1em; color: #fff; text-align: center; background: #006; }
main #mainArea #contents ul { margin: 0 0 10px -2%; }
main #mainArea #contents ul { zoom: 1; overflow: hidden; }
main #mainArea #contents ul:after { content: ""; display: block; clear: both; }
main #mainArea #contents ul li { float: left; margin: 0 0 0 2%; width: 48%; }
@media only screen and (max-width: 768px)	{
	.inner { padding: 0 10px; }
	#mainWrap { padding-bottom: 95px; }
	main h2 { text-align: center; }
	main h2 img { display: block; margin: 0 auto 5px; }
	#floatingNavi { padding: 20px 30px; background: #006; }
	#floatingNavi { zoom: 1; overflow: hidden; }
	#floatingNavi:after { content: ""; display: block; clear: both; }
	#floatingNavi #logo { float: left; width: 50%; line-height: 0; }
	#floatingNavi #snsArea { float: right; width: 50%; line-height: 1.3; }
	#floatingNavi #snsArea img { width: auto; max-height: 20px; }
	main .menuArea #snsArea ul li a i { color: #fff; }
}
@media print, screen and (min-width: 769px)	{
	header { margin: 0 0 20px; padding: 20px 0; color: #fff; background: #006; }
	.pageWrap 	{ margin: 0 auto; max-width: 1320px; }
	#headerWrap { position: relative; z-index: 0; }
	#mainWrap	{ position: relative; z-index: 10; margin-top: -50px; padding: 0 10px; }
	main #floatingNavi #logo { margin: 0 0 20px; padding: 20px; text-align: center; background: #006; border: 3px solid #fff; border-radius: 20px; box-sizing: border-box; }
	main #mainArea { float: right; margin-top: 50px; width: 70%; }
	main .menuArea { float: left; margin: 0 0 0; width: 27.7%; }
	main .menuArea #snsArea { margin-bottom: 1em; border: 1px solid #4d4d4d; }
	main .menuArea #snsArea ul { margin: 0 auto; width: 75%; }
	main .menuArea #snsArea ul li { float: left; width: 16%; font-size: 2.5rem; text-align: center; }
	main .menuArea #snsArea ul li a i { color: #4d4d4d; }
	main .menuArea .requestArea a { display: block; padding: 20px 1em; line-height: 0; text-align: center; background: #179cf0; border-radius: 5px; }
}

/*	footer
------------------------------------------------------------*/
footer { margin: 0; padding: 0; width: 100%; color: #fff; text-align: center; }
footer #copyright { background: #006; }
@media only screen and (max-width: 768px){
	footer { position: fixed; bottom: 0; width: 100%; }
	footer .requestArea a { display: block; padding: 10px 1em; line-height: 0; background: #179cf0; border-top: 5px solid #fff; }
	footer .requestArea a img { width: auto; height: 30px !important; }
	footer #copyright { display: table; width: 100%; height: 40px; background: #006; }
	footer #copyright p { display: table-cell; vertical-align: middle; }
	footer #copyright p span { display: none; }
}
@media print, screen and (min-width: 769px)	{
	footer #copyright { padding: 10px 1em; }
}

/*************************************************************
	reuse
*************************************************************/

/*	display: none
------------------------------------------------------------*/
@media only screen and (max-width: 768px)	{ .pcOnly { display: none !important; } }
@media print, screen and (min-width: 769px)	{ .spOnly { display: none !important; } }

/*	img
------------------------------------------------------------*/
img.imageFull { width: 100% !important; height: auto !important; }
img.imageMax { max-width: 100% !important; height: auto !important; }

/*	clearfix
------------------------------------------------------------*/
/* clearfix */
.clearfix { zoom: 1; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; }

/*	text-align
------------------------------------------------------------*/
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
/* !important for SmartPhone */
@media only screen and (max-width: 768px){
	.spLeft { text-align: left !important; }
	.spCenter { text-align: center !important; }
	.spRight { text-align: right !important; }
}
/* !important for PC */
@media print, screen and (min-width: 769px){
	.pcLeft { text-align: left !important; }
	.pcCenter { text-align: center !important; }
	.pcRight { text-align: right !important; }
}

/*	margin
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.margin00{margin:0px!important;}.margin10{margin:10px!important;}.margin20{margin:20px!important;}.margin30{margin:30px!important;}.margin40{margin:40px!important;}.margin50{margin:50px!important;}
/* top 0px～50px（5px刻み）*/
.mt00{margin-top:0px!important;}.mt05{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}.mt25{margin-top:25px!important;}.mt30{margin-top:30px!important;}.mt35{margin-top:35px!important;}.mt40{margin-top:40px!important;}.mt45{margin-top:45px!important;}.mt50{margin-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.mr00{margin-right:0px!important;}.mr05{margin-right:5px!important;}.mr10{margin-right:10px!important;}.mr15{margin-right:15px!important;}.mr20{margin-right:20px!important;}.mr25{margin-right:25px!important;}.mr30{margin-right:30px!important;}.mr35{margin-right:35px!important;}.mr40{margin-right:40px!important;}.mr45{margin-right:45px!important;}.mr50{margin-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.mb00{margin-bottom:0px!important;}.mb05{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}.mb20{margin-bottom:20px!important;}.mb25{margin-bottom:25px!important;}.mb30{margin-bottom:30px!important;}.mb35{margin-bottom:35px!important;}.mb40{margin-bottom:40px!important;}.mb45{margin-bottom:45px!important;}.mb50{margin-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.ml00{margin-left:0px!important;}.ml05{margin-left:5px!important;}.ml10{margin-left:10px!important;}.ml15{margin-left:15px!important;}.ml20{margin-left:20px!important;}.ml25{margin-left:25px!important;}.ml30{margin-left:30px!important;}.ml35{margin-left:35px!important;}.ml40{margin-left:40px!important;}.ml45{margin-left:45px!important;}.ml50{margin-left:50px!important;}

/*	padding
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.padding00{padding:0px!important;}.padding10{padding:10px!important;}.padding20{padding:20px!important;}.padding30{padding:30px!important;}.padding40{padding:40px!important;}.padding50{padding:50px!important;}
/* top 0px～50px（5px刻み）*/
.pt00{padding-top:0px!important;}.pt05{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt15{padding-top:15px!important;}.pt20{padding-top:20px!important;}.pt25{padding-top:25px!important;}.pt30{padding-top:30px!important;}.pt35{padding-top:35px!important;}.pt40{padding-top:40px!important;}.pt45{padding-top:45px!important;}.pt50{padding-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.pr00{padding-right:0px!important;}.pr05{padding-right:5px!important;}.pr10{padding-right:10px!important;}.pr15{padding-right:15px!important;}.pr20{padding-right:20px!important;}.pr25{padding-right:25px!important;}.pr30{padding-right:30px!important;}.pr35{padding-right:35px!important;}.pr40{padding-right:40px!important;}.pr45{padding-right:45px!important;}.pr50{padding-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.pb00{padding-bottom:0px!important;}.pb05{padding-bottom:5px!important;}.pb10{padding-bottom:10px!important;}.pb15{padding-bottom:15px!important;}.pb20{padding-bottom:20px!important;}.pb25{padding-bottom:25px!important;}.pb30{padding-bottom:30px!important;}.pb35{padding-bottom:35px!important;}.pb40{padding-bottom:40px!important;}.pb45{padding-bottom:45px!important;}.pb50{padding-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.pl00{padding-left:0px!important;}.pl05{padding-left:5px!important;}.pl10{padding-left:10px!important;}.pl15{padding-left:15px!important;}.pl20{padding-left:20px!important;}.pl25{padding-left:25px!important;}.pl30{padding-left:30px!important;}.pl35{padding-left:35px!important;}.pl40{padding-left:40px!important;}.pl45{padding-left:45px!important;}.pl50{padding-left:50px!important;}
