@charset "UTF-8";


body{
	height:100%;
	margin:0 auto;
	padding:0;
	line-height:1.8em;
	font-size:0.75em;
	color:#48494c;
	background:url(common/image/head_bg.jpg) repeat-x;
	background-position: 0% 0%;
	font-family: "ＭＳ Ｐゴシック", Verdana, Osaka, sans-serif;
	background-color:#b6e3e6;
}

/*ヘッダー*/
#head{width:100%;}

#head .head_inner{
	margin:0 auto;
	padding:0;
	height:173px;
	width:960px;
	position: relative;
	text-align:left; 
}

/*コンテンツ(ie6以下に適応)*/
*html #contents{
	margin:-2px 0 0 0;
}


/*----------------------------------------------------------------------------
  グローバルナビ
----------------------------------------------------------------------------*/
#head .gnavi{
	margin:0;
	padding:89px 0 0 0;
	width: 960px;
	display: block;
}

#head .gnavi ul{
	margin:0; padding:0;
	width: 960px;
}

#head .gnavi ul li{
	margin:0; padding:0;
	list-style: none;
	float: left;
	display: inline;
	line-height: 1.5em;
}

#head .gnavi ul li a{
	margin:0; padding:0;
	height: 55px;
	overflow: hidden;
	text-indent:-9999px;
	display: block;
	background: url(common/image/g_navi.jpg) no-repeat;
}

/*グローバル*/
#head .gnavi ul li.navi01 a { width: 241px; background-position: 0px 0px; }
#head .gnavi ul li.navi02 a { width: 240px; background-position: -241px 0px; }
#head .gnavi ul li.navi03 a { width: 239px; background-position: -481px 0px; }
#head .gnavi ul li.navi04 a { width: 240px; background-position: -720px 0px; }

#head .gnavi ul li.navi01 a:hover { width: 241px; background-position: 0px -55px; }
#head .gnavi ul li.navi02 a:hover { width: 240px; background-position: -241px -55px; }
#head .gnavi ul li.navi03 a:hover { width: 239px; background-position: -481px -55px; }
#head .gnavi ul li.navi04 a:hover { width: 240px; background-position: -720px -55px; }


/*----------------------------------------------------------------------------
  プルダウンメニュー
----------------------------------------------------------------------------*/
/*見出し(画像部分)*/
#head .pull_navi a:link,
#head .pull_navi a:hover,
#head .pull_navii a:visited{
	text-decoration: none;
}

#head .pull_navi{
	width:960px;
	height:30px;
	margin:1px 0 0 0;
	padding:0;
	position:relative;
	z-index:100;
}

#head .pull_navi ul{
	margin:0; padding:0;
	list-style:none;
}

#head .pull_navi ul li{
	position:relative;
	float:left;
}

#head .pull_navi ul li a {
	margin:0; padding:0;
	height: 28px;
	overflow: hidden;
	text-indent:-9999px;
	display: block;
	background: url(common/image/g_subnavi.jpg) no-repeat;
}

#head .pull_navi ul li.navi01 a { width: 193px; background-position: 0px 0px; }
#head .pull_navi ul li.navi02 a { width: 192px; background-position: -193px 0px; }
#head .pull_navi ul li.navi03 a { width: 191px; background-position: -385px 0px; }
#head .pull_navi ul li.navi04 a { width: 192px; background-position: -577px 0px; }
#head .pull_navi ul li.navi05 a { width: 192px; background-position: -769px 0px; }

#head .pull_navi ul li.navi01 a:hover { width: 193px; background-position: 0px -28px; }
#head .pull_navi ul li.navi02 a:hover { width: 192px; background-position: -193px -28px; }
#head .pull_navi ul li.navi03 a:hover { width: 191px; background-position: -385px -28px; }
#head .pull_navi ul li.navi04 a:hover { width: 192px; background-position: -577px -28px; }
#head .pull_navi ul li.navi05 a:hover { width: 192px; background-position: -769px -28px; }


/*プルダウンするリスト(テキスト部分)*/
#head .pull_navi ul li ul{
	position:absolute;
	display:none;
}

#head .pull_navi ul li ul li{
	float:none;
	position:static;
}

#head .pull_navi ul li ul li a{
	display: block;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background:#efefef;
	padding:3px 0 8px 10px;
	height:16px;
	text-indent:0px;
	color:#333;
}

#head .pull_navi ul li.navi01 ul li a, #head .pull_navi ul li.navi01 ul li a:hover{ width: 181px;}
#head .pull_navi ul li.navi02 ul li a, #head .pull_navi ul li.navi02 ul li a:hover{ width: 180px;}
#head .pull_navi ul li.navi03 ul li a, #head .pull_navi ul li.navi03 ul li a:hover{ width: 179px;}
#head .pull_navi ul li.navi04 ul li a, #head .pull_navi ul li.navi04 ul li a:hover{ width: 180px;}
#head .pull_navi ul li.navi05 ul li a, #head .pull_navi ul li.navi05 ul li a:hover{ width: 180px;}

#head .pull_navi ul li ul li a:hover{
	background-color:#c7eff3;
	color:#205e69;
}