body {
	margin: 0;
	padding: 0;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 100%;
	line-height:180%;
	color: #444;
	max-width:100%;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd , ol , ol li {
	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ページのP要素の隙間対策 */
}
a:link { color:#444; text-decoration:none; }
a:hover { color: #808080; text-decoration:underline;}
a:active { color:#444; text-decoration:underline;}
a:visited { color: #663D66; text-decoration:none;}

#wrapper {}
#base {}

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

/*====================================================================================================
  JS OFF
====================================================================================================*/

.jsoff-message{ padding: 20px 0; text-align: center;}

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

#header { clear:both; width:100%; background: #FFF; z-index: 99;}
#header::after { /*float_clear*/ display:block; clear:both; content:"";}

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

#header .head_main{ margin: auto; padding: 0 60px; max-width: 1480px; overflow-y: hidden;}

#header h1,
#header h1 a { /*display: block; width:950px; height:50px;*/ }
#header h1 { float: left; padding:25px 0; width: 330px; text-decoration: none;}
#header h1 a {
    display: block;
    height: 55px;
	color: #222;
	text-indent: -9999px;
	background: url(../image/logo.svg) no-repeat;
}
#header .head_sb{ /*float: right;*/ padding-top: 25px; width: 560px; overflow-y: hidden; margin-left: auto; margin-right: auto; margin-bottom: 1em;}
#header .head_sb a{ color: #333; text-decoration: none;}
#header .head_sb div{ float: left; margin-right: 15px;}
#header .head_sb div.contact{ margin-right: 0px;}
#header .head_sb .search{ float: right; margin: 0; width: 45%; border: 1px solid #999;}
#header .head_sb .search input { border: none; margin-left: 5px;}
#header .head_sb .search .box{ width: 75%;}
#header .head_sb .search .btn{ width: 15%; background: url("../image/search.png") no-repeat;}

/*** NAVIGATION ************************************************************/
#Nav { margin: auto; max-width: 100%; background: #005FCC; border-bottom: 4px solid #004A9E;}
#Nav ul { margin: auto; padding: 0 60px; max-width: 1600px;}
#Nav ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#Nav ul li { float: left; min-width:13%;}
#Nav ul li a { display: block; text-decoration: none;}
#Nav ul li p {}
#Nav ul li p a {
	display: block;
	padding:15px;
	height: 50px;
	color: #FFF;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
}

#Nav ul li ul { position: absolute; top:50px; left:0; height:0; overflow: hidden; }
#Nav ul li a { color:#FFF; background:#005FCC;}
#Nav ul li p a:hover{ background:#004A9E;}


#Nav ul li#nav6,
#Nav ul li#nav7 { display:none; }

#Nav ul.nav_sb{ display: none;}


/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { clear:both; width:100%; }


/*====================================================================================================
  FOOTER
====================================================================================================*/

#footer { clear:both; font-size: 90%; padding: 30px 0 0; width:100%; color: #FFF; background:#005BAC; box-sizing: border-box;}
#footer::after { display:block; clear:both; content:"";}
#footer a{ color: #FFF; text-decoration: none;}
#footer a:hover{ opacity: 0.7;}

/** footer block-01 *********************************/

#footer .f_navi_all{ margin: 0 auto; padding: 0 60px; max-width: 1600px; overflow-y: hidden;}
#footer .f_navi_all .f_nav{ margin-bottom: 40px; width: 100%; overflow-y: hidden;}
#footer .f_navi_all .f_nav ul.fnav{ float: left; width: 14%; margin-right: 1%; font-size: 12px; }
#footer .f_navi_all .f_nav ul.login { float: right; width: 150px;}
#footer .f_navi_all .f_nav ul.login li a{ display: block;}
#footer .f_navi_all .f_nav ul.login li:nth-child(1) a { border: 1px solid #FFF; background: url("../image/link_win.png") no-repeat 90% center; text-align: center;}
#footer .f_navi_all .f_nav ul.login li:nth-child(1) a:hover {background: #00326B url("../image/link_win.png") no-repeat 90% center;}
#footer .f_navi_all .f_nav ul.login li:nth-child(2) { padding-left: 20px; }
#footer .f_navi_all .f_nav ul.login li:nth-child(2) a { margin-top: 5px; background: url("../image/youtube.png") no-repeat right center;}
#footer .f_navi_all .f_nav ul li.title{ margin-bottom: 10px; font-weight: bold;}
#footer .f_navi_all .f_nav ul li.ma10{ margin-top: 10px;}
#footer .f_navi_all .f_nav ul li img{ vertical-align: -1px;}

/** footer block-02 *********************************/

#footer .f_navi_all .ac_read{
    padding: 10px 230px;
    color: rgba(255,255,255,0.70);
    border-top: 1px solid rgba(255,255,255,0.25);
    border-bottom: 1px solid rgba(255,255,255,0.25);
    overflow-y: hidden;
}
#footer .f_navi_all .ac_read img{ margin: 5px 15px 0 0; float: left;}
#footer .f_navi_all .ac_read p{ overflow-y: hidden;}


/** footer block-03 *********************************/

#footer .f_navi_all .copy { min-height: 90px; font-size: 120%; font-weight: bold; overflow-y: hidden;}
#footer .f_navi_all .copy p{ float: left; margin: 35px 20px 30px 0;}
#footer .f_navi_all .copy p:last-child{
    float: right;
    margin: 25px 0 0 0;
    padding: 10px 45px 0 0;
    height: 40px;
    font-weight:normal;
    background: url("../image/logo_mark.svg") no-repeat right center;
}


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

#page,
#page a { display:block; width:40px; height:40px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a {
    z-index: 99;
	text-indent: -9999px;
	background:#444 url(../image/pagetop.png) no-repeat;
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.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;}


span.new {
    color: #F00;
    margin: 0 8px;
    font-weight: normal;
}

.blink {
	animation: blink 1s linear 0s infinite normal;
}
@keyframes blink {
	0% { opacity: 0; }
	29.9% { opacity: 0; }
	30% { opacity: 1; }
	100% { opacity: 1; }
}