body {
	margin: 0;
	padding: 0;
	font-family: "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;
	font-size:110%;
	line-height:180%;
	color:#222;
	min-width:1200px;
	-webkit-text-size-adjust: 100% ;/* iPhoneƒtƒHƒ“ƒgƒTƒCƒYŠg‘ε‘΍τ */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* Androidƒy[ƒW‚ΜP—v‘f‚ΜŒ„ŠΤ‘΍τ */
}
a:link {color:#000; outline:none; }
a:visited {color:#000;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#wrapper {}
#base {}

.pc {display:block;}
.sm {display:none;}

.minc{ font-family: "Ÿΰ–Ύ’©‘Μ", "Yu Mincho", YuMincho, "ƒqƒ‰ƒMƒm–Ύ’© Pro", "Hiragino Mincho Pro", "MS P–Ύ’©", "MS PMincho", serif;}

/*====================================================================================================
  HEADER
====================================================================================================*/
#header { clear:both; width:100%;}

#header .h_box { padding:5px 0; font-size:90%; background: #00569d;}
#header .h_box p { margin: auto; max-width: 1050px; color: #fff; text-align: right;}
#header .h_box p a { color: #fff; text-decoration: none;}

#header .Navigation { margin: auto; padding: 20px; max-width: 1050px; height: 110px;}
#header .Navigation::after { /*float_clear*/ display:block; clear:both; content:"";}

/* LOGO */
#header h1,
#header h1 a { display: block; width:230px; height:68px;}
#header h1 { float:left;}
#header h1 a { text-indent: -9999px; background: url(../image/logo.svg) no-repeat left center; background-size: 88%;}

/* NAV */
#header #Nav ul { float: right; padding: 22px 0 0; width:760px; }
#header #Nav ul:after { /*float_clear*/ display:block; clear:both; content:"";}
#header #Nav ul li {  position: relative; float:left; width:15%; border-left:1px solid #00376d;}
#header #Nav ul li#nav1 { width: 14%;}
#header #Nav ul li#nav2 { width: 18%;}
#header #Nav ul li#nav5 { border-left:none; width: 12%; }
#header #Nav ul li#nav3 { width: 13%;}
#header #Nav ul li#nav4,
#header #Nav ul li#nav6 { width: 12%;}
#header #Nav ul li#nav7,
#header #Nav ul li#nav8 { display: none;}
#header #Nav ul li#nav9 { width: 19%;}


#header #Nav ul li p a {
	display: block;
	padding:0 15px;
	font-size:80%;
	color: #00376d;
	text-decoration: none;
	box-sizing: border-box;
}
#header #Nav ul li#nav9 p a {
	padding: 0 0 0 50px;
	background: url(../image/mail.png) no-repeat 15px center;
}

#header #Nav ul li ul { padding: 0; height:0; overflow: hidden; opacity: 0; transition: all 0.3s;}
#header #Nav ul li:hover ul { display: block; padding:20px 0; height: auto; opacity: 10;}
#header #Nav ul li ul { position: absolute; top:48px; left:-6px; width: auto; width: 115px; z-index: 999;}
#header #Nav ul li ul li { float: left; width: 100%; border-left:none;}
#header #Nav ul li ul li+li { border-top:1px solid #fff;}
#header #Nav ul li ul li a { text-align: center; font-size: 80%; display: block; padding:5px 5px; color: #fff; text-decoration: none; background: #00569d;}
#header #Nav ul li ul li a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; width:100%;}


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { clear:both; width:100%; background:#e3eff6;}

/* NAV */
#footer .f_nav { margin: auto; padding:55px 0 20px; max-width:1000px;}
#footer .f_nav ul{ margin-bottom:25px; width:100%;}
#footer .f_nav ul::after { display:block; clear:both; content:"";}
#footer .f_nav ul li { float: left;}
#footer .f_nav ul li+li { padding-left:40px;}
#footer .f_nav ul li p a {
	color: #596da5;
	font-size:120%;
	text-decoration: none;
}
#footer .f_nav ul li b { display: block; position: relative; color: #596da5;}
#footer .f_nav ul li b::after {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top:3px;
	left:90px;
	width: 20px;
	height: 20px;
}

#footer .f_nav ul li ul { float: left; font-size:75%;}
#footer .f_nav ul li ul::after { display:block; clear:both; content:"";}
#footer .f_nav ul li ul li { float: none; width:auto;}
#footer .f_nav ul li ul li+li { padding-left:0;}
#footer .f_nav ul li ul li:nth-child(2n+1) { padding-left:0;}
#footer .f_nav ul li ul a { color: #000; font-size: 90%; }
#footer .f_nav ul li ul a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
#footer .f_nav ul li.fnav1 { width:32%;}
#footer .f_nav ul li.fnav2 { width:20%;}
#footer .f_nav ul li.fnav3 { width:38%;}
#footer .f_nav ul li.fnav1 ul { width:auto;}
#footer .f_nav ul li.fnav1 ul+ul { margin-left:10%;}
#footer .f_nav ul li.fnav2 ul { float: none; width: 100%;}
#footer .f_nav ul li.fnav3 ul { width:auto;}
#footer .f_nav ul li.fnav3 ul { width:55%;}
#footer .f_nav ul li.fnav3 ul+ul { width:45%;}

#footer .f_nav div { clear: both; margin: auto; max-width: 1000px; font-size:75%; line-height: 100%;}
#footer .f_nav div::after { display:block; clear:both; content:"";}
#footer .f_nav div a { color:#596da5; text-decoration: none;}
#footer .f_nav div a:hover { text-decoration:underline;}
#footer .f_nav div p { float: left; padding-right: 20px;}
#footer .f_nav div p+p { padding-left: 20px; border-left: 1px solid #31789f;}
#footer .f_nav div p:last-child { position:relative; padding-left:30px; border: none;}
#footer .f_nav div p:last-child::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top:0;
	left: 0;
	width: 19px;
	height: 12px;
	text-indent: -9999px;
	background: url(../image/mail.png) no-repeat;
	background-size: 100% auto;
}

/* ADDRESS */
#footer .address { padding: 25px 0 60px; color: #FFF; font-size:70%; line-height:165%; background:#31789f;}
#footer .address ul,
#footer .address p.copy { margin: auto; max-width: 1000px;}
#footer .address ul::after { display:block; clear:both; content:"";}
#footer .address ul li { float:left;}
#footer .address ul li+li { margin-left:10px;}


/*====================================================================================================
  PAGE
====================================================================================================*/
#page,
#page a { display:block; width:30px; height:47px;}
#page { position: fixed; bottom:230px; right:50px; z-index: 9999;}
#page a { text-indent: -9999px; background:url(../image/page_top.png) no-repeat;}


/*====================================================================================================
  COLOR etc
====================================================================================================*/
.light-blue { color: #3da5b1;}
.blue { color: #006eb5;}
.dark-blue { color: #31789f;}
.purple { color: #7373AC;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.emerald { color: #38ACB5;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}