@charset "UTF-8";
/* CSS Document */
ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#content_0 {
	position: fixed !important;  
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:60px;
	margin:0em auto 0.5em auto;
	background-color:#000066;
	z-index:9999;
}

li{
	list-style-type: none;
}
#social_button {
	width: 105px;
	height: 50px;
    float:right;
    margin-top:7px;
    margin-right:30px;
    text-align:right;
}
#social_button ul {
	overflow: hidden;
	_zoom: 1;
	margin: 0;
}
#social_button li {
	width: 30px;
	float: left;
    margin-top:20px;
	margin-left: 5px;
	position: relative;
	height: 30px;
}
/*
#social_button li:first-child {
	margin-left: 0;
}
*/
#social_button li a {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
}

#social_button li a img{
	width: 22px;
	height: 22px;
    padding:2px 0px;
}

#message_1 {
	width:100px;
	height:60px;
	margin:0.3em 1em 0em 0em;
	float:right;
}

#message_1 h5{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:8pt;
	text-align:right;
	color:#f5f5f5;
	/*text-shadow:#000000 1px 1px 1px;*/
}

#message_1 a{
	color:#f5f5f5;
	/*text-shadow:#000000 1px 1px 1px;*/
}

#logo {
	width:300px;
	height:60px;
	margin:0.5em 1em 0em 1em;
	float:left;
	text-align:left;
}

#logo h1{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:15pt;
	text-align:left;
	color:#f5f5f5;
	margin:0.5em 0em 0em 0em;
	/*text-shadow:#000000 1px 1px 1px;*/
}

#logo a{
	color:#f5f5f5;
	text-decoration:none;
}

#logo a:hover{
	color:#ff0000;
	text-decoration:none;
}

#logo img{
	/*width:30px;*/
	/*height:30px;*/
	height:30px;
	margin:0em 0.5em 0em 0em;
	float:left;
	text-align:left;
}

#logo2 {
	width:130px;
	height:60px;
	margin:1.4em 1em 0em 1em;
	float:right;
	text-align:left;
}

#logo2 h1{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:12pt;
	text-align:left;
	color:#f5f5f5;
	margin:0.5em 0em 0em 0em;
	/*text-shadow:#000000 1px 1px 1px;*/
}

#logo2 a{
	color:#f5f5f5;
	text-decoration:none;
}

#logo2 a:hover{
	color:#ff0000;
	text-decoration:none;
}

#logo2 img{
	/*width:30px;*/
	/*height:30px;*/
	height:22px;
	margin:0em 0.5em 0em 0em;
	float:left;
	text-align:left;
}

/*---------------*/
/*menu bar*/
/*---------------*/
div#menu_body { 
	height:27px;
	width:27px;
	margin:1em 1em 0em 0em;
	float:right;  
}

div#menu_body img{ 
	height:27px;
	width:27px;
	margin:7px 0 0 0; 
}

#menu li {
  position:relative;
  float: left;
  margin: 1em 0em 0em 0em;
  padding: 5px;
  width: 27px;
  height: 27px;
  /*border: solid 1px #ccc;*/
  font-size: 8pt;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  font-weight:bold;
  list-style-type:none;
  cursor:pointer;
  color:#ffffff;
}

#menu li img{
  width:27px;
  height:27px;
  /*margin:-0.5em 0em 0em 2.7em;*/
  margin:-0.5em 0em 0em 0em;
}

#menu li a {
	color:#ffffff;
}

#menu li ul {
  display: none;
  position:absolute;
/*  position:relative;*/
  top: 35px;
  left: -70px;
  padding: 5px;
  padding-top:15px;
  width: 100px;
  background: #eee;
  background-color: rgba(245,245,245,1);
  border: solid 1px #ccc;   
  z-index:999999;
}
#menu li ul li {
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
  width: 100px;
  border: none;
  font-size: 8pt;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  text-align:center;
  color:#333333;
}
#menu li ul li a {
  display: inline-block;
  text-decoration:none;
  width: 100px;
  /*height: 10px;*/
  color:#333333;
}
#menu li ul li a:hover {
  background:#999;
  color: #fff;
}


/* アカウント管理 */
div#menu_body_a { 
	height:30px;
	width:30px;
	margin:1em 1em 0em 0em;
	float:right;  
}

div#menu_body_a img{ 
	height:30px;
	width:30px;
	margin:7px 0 0 0; 
}

#account li {
  position:relative;
  float: left;
  margin: 1em 0em 0em 0em;
  padding: 5px;
  width: 30px;
  height: 30px;
  /*border: solid 1px #ccc;*/
  font-size: 8pt;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  font-weight:bold;
  list-style-type:none;
  cursor:pointer;
  color:#ffffff;
}

#account li img{
  width:29px;
  height:29px;
  /*margin:-0.5em 0em 0em 2.7em;*/
  margin:-0.5em 0em 0em 0em;
}

#account li a {
	color:#ffffff;
}

#account li ul {
  display: none;
  position:absolute;
/*  position:relative;*/
  top: 35px;
  left: -70px;
  padding: 5px;
  padding-top:15px;
  width: 100px;
  background: #eee;
  background-color: rgba(245,245,245,1);
  border: solid 1px #ccc;   
  z-index:999999;
}
#account li ul li {
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
  width: 100px;
  border: none;
  font-size: 8pt;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  text-align:center;
  color:#333333;
}
#account li ul li a {
  display: inline-block;
  text-decoration:none;
  width: 100px;
 /* height: 10px;*/
  color:#333333;
}
#account li ul li a:hover {
  background:#999;
  color: #fff;
}

/*---------------*/
/*menu bar for sp*/
/*---------------*/
#menu_sp li {
	display:none;
  position:relative;
  float: left;
  margin: 0.5em 0em 0em 0em;
  padding: 5px;
  width: 230px;
  height: 25px;
  border: solid 1px #ccc;
  font-size: 11pt;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  font-weight:bold;
  list-style-type:none;
  cursor:pointer;
}

#menu_sp li a {
	display:none;
	color:#333333;
}

#menu_sp li ul {
  display: none;
  position:absolute;
  top: 30px;
  left: -1px;
  padding: 5px;
  width: 230px;
  background: #eee;
  border: solid 1px #ccc;
}
#menu_sp li ul li {
	display:none;
  margin: 0em 0em 0em 0em;
  padding: 1em 0em 0em 0em;
  width: 230px;
  border: none;
  font-size: 10pt;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  text-align:center;
}
#menu_sp li ul li a {
	display:none;
  /*display: inline-block;*/
  width: 140px;
  height: 20px;
}
#menu_sp li ul li a:hover {
	display:none;
  background:#999;
  color: #fff;
}