@charset "UTF-8";

/* header */

header {
	width: 100%;
position: fixed !important;
position: absolute;  
top: 0;  
}

.hbox {
	margin: 0 auto 15px auto;
	padding: 3px 0;
	background: #0f0f87;
-moz-box-shadow: 0 1px 3px #A7A7A7;
-webkit-box-shadow: 0 1px 3px #A7A7A7;
/* 	background:-moz-linear-gradient(rgba(27,35,149,0.7),rgba(27,35,149,1));
	background:-webkit-gradient(linear,100% 0%, 100% 100%, 
	fr	om(rgba(27,35,149,0.7)), to(rgba(27,35,149,1)));
	 box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px 		rgba(255,255,255,0.2) inset; */
}

.hbox:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

h1.logo {
	margin-top:5px;
	padding: 0 0 3px 3px;
	float: left;
}

div.logo {
	padding: 6px 0 3px 3px;
	float: left;
}

.h_navi_pc {
	margin: 5px 3px 0 0;
	float: right;
text-shadow: 1px 1px 1px #ffffff;
	width: 60px;
	border: 1px solid #B4B4B4;
background: -moz-linear-gradient(bottom, #DEDEFB, #EDEDFF);
background: -webkit-gradient(linear, center bottom, center top, from(#DEDEFB), to(#EDEDFF));
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
	overflow: hidden;
}

.h_navi_pc a {
color:#3838A3 !important;
    font-size:11px !important;
	text-align: center !important;
	padding: 5px 0 5px 23px!important;
display: block !important;
}

.h_navi_ss,
.h_navi_my {
	margin: 5px 3px 0 0;
	float: right;
text-shadow: 1px 1px 1px #ffffff;
	width: 60px;
	border: 1px solid #ffffff;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
	overflow: hidden;
}

.h_navi_ss a,
.h_navi_my a {
color:#3838A3 !important;
    font-size:11px !important;
	text-align: center !important;
	padding: 5px 0 !important;
display: block !important;
}

.h_navi_ss a {
background: url(../images/h_icon_ss.png) no-repeat bottom;
}

.h_navi_my a {
background: url(../images/h_icon_my.png) no-repeat bottom;
}

.h_navi_pc a {
background: url(../images/h_icon_pc2.png) no-repeat 11% center;
background-size:30% auto;
}


/* contents */

body {
	margin:0 !important;
	padding:55px 0 0 0 !important;
}




/* sub_sbox */

#ssbox:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

#ssbox {
  display: none;
  position: fixed;
	width: 100%;
  top: 42px;
background: #ffffff;
}

#ssbox ul li {
float: left;
	margin:3px;
}

#ssbox ul li.yado {
	width: 31%;
}

#ssbox ul li.jr {
	width: 32%;
}

#ssbox ul li.world {
	width: 31%;
}
#ssbox ul li a {
color:#ffffff;
text-align:left;
    font-size:12px;
display: block;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
	text-align: center;
}
#ssbox ul li.yado a {
 	padding: 3px 0;
	border: 1px solid #E64A71;
background: -moz-linear-gradient(bottom, #FA7C9B, #FCA4BA);
background: -webkit-gradient(linear, center bottom, center top, from(#FA7C9B), to(#FCA4BA));
}
#ssbox ul li.jr a {
 	padding: 3px 0;
	border: 1px solid #119642;
background: -moz-linear-gradient(bottom, #3CC17D, #7AD5A6);
background: -webkit-gradient(linear, center bottom, center top, from(#3CC17D), to(#7AD5A6));
}
#ssbox ul li.world a {
 	padding: 3px 0;
	border: 1px solid #3688DF;
background: -moz-linear-gradient(bottom, #70B8EE, #96CBF3);
background: -webkit-gradient(linear, center bottom, center top, from(#70B8EE), to(#96CBF3));
}