@charset "shift_jis";
#header_bg {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;	
	margin:0;
	padding:0;
	font-size:7.5pt;
	line-height:11pt;
}
#header_bg img {
	border:0;
}
#header_bg .head_catch {
	float:left;
	height:24px;
}
#header_bg h1 {
	float:right;
	height:24px;
	width:640px;
	text-align:right;
	clear:right;
	line-height:24px;
	font-size:7pt;
	color:#999;
	margin:0;
	font-weight: normal;
}
#header_bg .head_logo {
	float:left;
	clear:left;
	height:48px;
}
#header_bg ul, 
#header_bg li {
	 list-style: none;
	 padding: 0;
	 margin:0;
}
#header_bg ul.menu {
	 float:left;
	 margin-top:1px;
/*width:480px;*/
	 height:48px;
	 background-image:url(../img_common/menu_bt_bg.jpg);
	 background-repeat:repeat-x;
	 text-align:center;
}
#header_bg #box_logon_info {
	float:right;
	background-color: white;
	font-size: 7pt;
	width: 140px;
	height: 52px;
	margin-top:1px;
	padding-left:5px;
	padding-right:5px;
	clear:right;
	-webkit-border-radius:  0px 0px 5px 5px;
	-moz-border-radius:  0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 2px 10px #999;
 }
#header_bg .mypage_btn {
	width: 30px;
	height: 30px;
	float:right;
	vertical-align:middle;
	padding-top: 5px;
	cursor:pointer;
}
#header_bg #logon_info {
	width: 140px;
	height: 35px;
	color: #999;
	font-weight:bold;
	float:left;
	text-align:right;

	padding-right:5px;
	}

#header_bg #logon_info .bar_nm{
	color: #555;
	}
#header_bg #logon_info #sp1bar{
	width: 105px;
	float:left;
	padding-top: 5px;
}

#header_bg #logon_info .bar_ptC{
	color: #555;
	}
#header_bg #logon_info a{
	vertical-align:middle;
	float:right;
	}

#header_bg #logon_info .pnt_cmt{
	clear:both;
	text-align:center;
	}
#header_bg #logon_info .pnt_cmt a{
	float:none;
	cursor:pointer
	}

#header_bg #logon_info .pnt_cmt a:link,
#header_bg #logon_info .pnt_cmt a:visited,
#header_bg #logon_info .pnt_cmt a:active {
    color: #1111CC;
    text-decoration: none;
}

#header_bg #logoff_info { color: #999; font-weight:bold; line-height: 12px; text-align: center; width: 100%; float:left; padding-top: 0px; padding-right:5px; }	
#header_bg #logoff_info img {  border: none; margin: 4px 2px; }
#header_bg #logoff_info a:link  { color: #999; text-decoration: none; }	
#header_bg #logoff_info a:visited  { color: #999; text-decoration: none; }
	
#header_bg ul.menu li{
	 float:left;
	 height:48px;
	 width:68px;
	 line-height:48px;
	 padding-left:5px;
	 padding-right:5px;
	 text-align:center;
	 letter-spacing: 0px;
	 font-size: 7.5pt;
	 font-weight:bold;
	 color:#333;
 	 text-decoration:none;
	 border-left:dotted 1px #aaa;
	 position: relative;
	 z-index:1;
}

#header_bg ul.menu li:last-child{
	 border-right:dotted 1px #aaa;
}
 
#header_bg ul.menu a {
	 display:block;
	 height:48px;
	 line-height:48px;
	 text-align:center;
	 letter-spacing: 0px;
	 font-size: 7.5pt;
	 font-weight:bold;
	 color:#333;
	 text-decoration:none;
	 cursor:pointer;
}

#header_bg ul.menu li:hover > ul{
 display: block;
}

/* navaigation submenu */

#header_bg ul.menu .sub_menu a { 
	 height:48px;
	 line-height:48px;
	 text-align:center;
	 letter-spacing: 0px;
	 font-size: 7.5pt;
	 font-weight:bold;
	 color:#333;
	 text-decoration:none;
}

#header_bg ul.menu .sub_menu {
	 background-image:url(../img_common/menu_bt_down.png);
	 background-repeat:no-repeat;
	 background-position:center 90%;
}
	 
#header_bg ul.menu .sub_menu ul { 
 list-style: none;
 display: none;
 z-index: 99999;    
 position: absolute;
 top: 48px;
 left:-1px;
 width:165px;
 background: #000000;
 background: -moz-linear-gradient(#333333, #000000);
 background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #333333));
 background: -webkit-linear-gradient(#333333, #000000);    
 background: -o-linear-gradient(#333333, #000000);	
 background: -ms-linear-gradient(#333333, #000000);	
 background: linear-gradient(#333333, #000000);
}

#header_bg ul.menu .sub_menu ul li{
 float: none;
 display: block;
 border: none; 
 width:165px; 
 height:35px;
 line-height:35px;
 padding:0;
 margin-top:0px;
}

#header_bg ul.menu .sub_menu ul li a{    
 display: block;
 color:#FFF;
 white-space: nowrap;
 width:155px;
 height:35px;
 line-height:35px;
 text-align:left;
 letter-spacing: 0px;
 font-size: 7.5pt;
 padding-left:10px;
 }

#header_bg ul.menu .sub_menu ul li a:hover{
 background: #ff9933; 
}

#header_bg ul.menu .sub_menu .item { 
		text-indent:18px;
		font-size: 7.5pt;
		height:26px;
		line-height:26px;
}
#header_bg ul.menu .sub_menu .item a{ 
		font-size: 7.5pt;
		height:26px;
		line-height:26px;
}

.TOP_BNR{
 background-color: #f7f7f7; text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; 
}