@charset "utf-8";
/* 
00 common
01 layout
02 header
03 footer
*/

/* 00 common
-------------------------------------------------------*/
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input,textarea,table { font-size:100%; }
dt,dd,form,textarea,input,select,option,address,em {
	font-weight:normal;
	font-style: normal;
}
td,th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}
img{border:none;vertical-align: bottom;}
table { border:none; }
a {border:none;text-decoration:none;}
ul,ol,li{ list-style-type:none; }
hr {display:none;visibility:hidden;}

.clear { clear:both; }
.txt-right { text-align:right; }
.txt-left { text-align:left; }
.txt-center { text-align:center; }
.floatL { float:left; }
.floatR { float:right; }

a:link{text-decoration: underline; color: #ffffff; }
a:visited{text-decoration: underline; color: #ffffff;}
a:hover{text-decoration: underline; color: #fff600;}
a:active{text-decoration: underline; color: #ffffff;}

.indent {padding-left:1em;text-indent:-1em;}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* margin 各種マージン
-------------------------------------------------------*/
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb8 {margin-bottom:8px;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mr7 {margin-right:7px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

/* padding
-------------------------------------------------------*/
.pAll5 {padding:5px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

.pl24 {padding-left:24px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}


/* 01 layout
-------------------------------------------------------*/
/*-----------------------------------------------------
各pxに対応する、IEハックで指定するパーセント
12px 	75%
13px 	82%
14px 	88%
15px 	94%
16px 	100%

基本サイズ12px	基本サイズ13px	基本サイズ14px
10px 	 84%			10px 	 77%			10px 	 72%
11px 	 92%			11px 	 85%			11px 	 79%
12px 	100%			12px 	 93%			12px 	 86%
13px 	109%			13px 	100%			13px 	 93%
14px 	117%			14px 	108%			14px 	100%
15px 	125%			15px 	116%			15px 	108%
16px 	134%			16px 	124%			16px 	115%
17px 	142%			17px 	131%			17px 	122%
18px 	150%			18px 	139%			18px 	129%
19px 	159%			19px 	147%			19px 	136%
20px 	167%			20px 	154%			20px 	143%
21px 	175%			21px 	162%			21px 	150%
22px 	184%			22px 	170%			22px 	158%
23px 	192%			23px 	177%			23px 	165%
24px 	200%			24px 	185%			24px 	172%
25px 	209%			25px 	193%			25px 	179%
26px 	217%			26px 	200%			26px 	186%
-------------------------------------------------------*/
body {
	font-family:'メイリオ',Meiryo,'MS UI Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:16px;
	line-height:1.8;
	color:#333333;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#ffffff;
}
/* for IE6 */
* html body {font-size: 75%;}
/* for IE7 */
*:first-child+html body {font-size: 75%;}
/* for IE8 */
head~/* */body {font-size: 75%;}
html:not(:target) body {font-size:12px;}

/* header */
#fc{
	min-width:1100px;
	font-size:1.0rem;
}
#fcWrapper{
	padding-top: 129px;
	min-width:950px;
}
header{
	background:#fff;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.7));
	padding-bottom: 5px;
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 100%;
	height: 124px;
}
#hdInner {
	width: 950px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 10px 10px 20px;
}
#hdInfo{
	display:flex;
	flex-flow:row nowrap;
	width:360px;
	justify-content: space-between;
	padding-top: 10px;
}
#hdInfo a{
	color:#fff;
	text-decoration:none;
}
.hdLeft p:first-child{margin-bottom:5px;}
.hdRight{
	color:#fff;
	background:#fe5a00;
	border-radius:6px;
	width:146px;
	height:42px;
	font-size:1.0rem;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
.hdRight:hover{opacity:0.75;}
.hdRight span{
	display: block;
	padding: 7px 9px 7px 35px;
	background: url(../img/common/hd_inq.png) 25px 50%/24px 26px no-repeat;
}
#fcWrapper nav{background:#fff;}
#topNav {
	width: 945px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#topNav li {
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#topNav li a {
	width: 157px;
	height: 34px;
	background-image: url(../img/common/nav2.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#topNav li#nvTOP a {background-position: 0 0;}
#topNav li#nvOWN a {background-position: -157px 0;}
#topNav li#nvFLW a {background-position: -314px 0;}
#topNav li#nvARE a {background-position: -471px 0;}
#topNav li#nvMRT a {background-position: -628px 0;}
#topNav li#nvSPT a {background-position: -785px 0;}
#topNav li#nvTOP a:hover, #topNav li#nvTOP a.ac {background-position: 0 100%;}
#topNav li#nvOWN a:hover, #topNav li#nvOWN a.ac {background-position: -157px 100%;}
#topNav li#nvFLW a:hover, #topNav li#nvFLW a.ac {background-position: -314px 100%;}
#topNav li#nvARE a:hover, #topNav li#nvARE a.ac {background-position: -471px 100%;}
#topNav li#nvMRT a:hover, #topNav li#nvMRT a.ac {background-position: -628px 100%;}
#topNav li#nvSPT a:hover, #topNav li#nvSPT a.ac {background-position: -785px 100%;}

/* footer */
footer{
	padding:20px 0;
	background:#424247;
	color:#fff;
}
footer a, #footer a:hover{color:#fff;}

#ftInfo{padding:20px 0 40px;}
#ftInfo dl {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
#ftInfo dl dt{margin-right:20px;}
#ftInfo dl dd p:first-child{margin-bottom:5px;}