body {
	margin: 0;
	padding: 0;
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #222;
	min-width:1000px;
	-webkit-text-size-adjust: 100%;
}
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(../img/spacer.gif);
}
a:link {color:#1D2087; outline:none; }
a:visited {color:#1D2087;}
a:hover {color: #038FE5;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#wrapper {}
#base {}

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

/*====================================================================================================
  HEADER
====================================================================================================*/

#header { clear:both; width:100%; background: #fff;}
#header .h_box { margin: auto; max-width: 1000px;}
#header .h_box::after { /*float_clear*/ display:block; clear:both; content:"";}

/*** LOGO ******************************************************************/

#header h1,
#header h1 a { display: block; width:305px; height:135px;}
#header h1 { float: left;}
#header h1 a {
	text-indent: -9999px;
	background: url(../img/logo.svg) no-repeat center center;
}

/*** NAVIGATION ************************************************************/
#Nav { 
	float: right;
	width: 685px;
}
#Nav ul { padding-top:55px;}
#Nav ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#Nav ul li { position: relative; float:left; font-weight: bold;}
#Nav ul li#nav6 { display: none;}
#Nav ul li p { border-left:1px solid #1D2087;}
#Nav ul li p a {
	display: block;
/*	padding:8px 10px;	*/
	padding:8px 5px;
	height: 45px;
/*	font-size: 110%;	*/
/*	font-size: 100%;	*/
	font-size: 95%;
	text-decoration:none;
	box-sizing: border-box;
}
#Nav ul li:hover p a { color: #fff; background: #1D2087;}
#Nav ul li ul { width:200px; padding: 0; background: #E8E8F3;}
#Nav ul li ul li { float: none;}
#Nav ul li ul li a { display: block; padding: 10px 15px; color: #1D2087; text-decoration:none;}
#Nav ul li ul li a:hover { background: #fff;}
#Nav ul li ul li+li a { border-top:1px solid #FFF;}

/* OPEN-CLOSE */
#Nav ul li ul { position: absolute; top:45px; left:-50%; right:-50%; margin: auto; padding: 0; height:0; overflow: hidden; opacity: 0; transition: all 0.3s; z-index: 9999;}
#Nav ul li:hover ul { display: block; padding:10px; height: auto; opacity: 10; }


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


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { clear:both; margin: auto; max-width:1000px; border-top: 1px solid #1D2087;}
#footer::after { /*float_clear*/ display:block; clear:both; content:"";}

/* LOGO */
#footer .logo,
#footer .logo a { display: block; width:305px; height:135px;}
#footer .logo { float: left;}
#footer .logo a {
	text-indent: -9999px;
	background: url(../img/logo.svg) no-repeat center center;
}

/* NAVIGATION */
#footer ul { 
	float: right; 
	padding-top:45px;
	width: 685px;
}
#footer ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#footer ul li { position: relative; float:left; font-weight: bold; border-left:1px solid #1D2087;}
#footer ul li a {
	display: block;
/*	padding:8px 10px;	*/
	padding:8px 5px;
	height: 45px;
/*	font-size: 110%;	*/
/*	font-size: 100%;	*/
	font-size: 95%;
	text-decoration:none;
	box-sizing: border-box;
}
#footer ul li a:hover { color: #fff; background: #1D2087;}

#footer .address { clear: both; margin: 15px auto; text-align: center; }
#footer .address strong { font-size: 120%; }
#footer .address p { font-size: 90%; }

/* COPYRIGHT */
#footer .copy { clear: both;padding: 5px 0; text-align: center; background: #f6f6f6;}


/*====================================================================================================
  DEVICE
====================================================================================================*/

#device {display:none; background:#FFF; padding:20px; text-align:center;}
#device:after {}
#device p {}
#device p a {
	display:block;
	padding:10px;
	color:#555;
	text-decoration:none;
	background:#EEE;
	border:1px solid #DDD;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}


/*====================================================================================================
  PAGE
====================================================================================================*/

#page,
#page a {	display:block; width:50px; height:50px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a {
	text-indent: -9999px;
	background:#1D2087 url(../img/page_top.png) no-repeat;
}


/*====================================================================================================
  COLOR eto..
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.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;}