/*ヘッダ***************************************************************************/
#headContainer{
	width:100%;
	height:112px;
	z-index:999 !important;
}
@media screen and (max-width: 768px) {
#headContainer{
	width:100%;
	height:70px;
	z-index:999 !important;
}}
	
#hdBlock{
	width:100%;
	border-bottom:1px solid #CCC;
background: #efffff; /* Old browsers */
background: -moz-linear-gradient(left,  #7CBCEB 49%, #0369CF 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #7CBCEB 49%,#0369CF 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #7CBCEB 49%,#0369CF 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CBCEB', endColorstr='#0369CF',GradientType=1 ); /* IE6-9 */
}

@media screen and (min-width:769px) and (max-width:1280px){
#hdBlock{
	width:100%;
	border-bottom:1px solid #CCC;}
}

#hd{
	width:100%;
	width:1280px;
	height:60px;
	margin:0 auto;
	background:url(../images/head/hd_bg.png) left no-repeat;
	}
	
	
@media screen and (min-width:769px) and (max-width:1280px){
	
#hd{
	width:1250px;
	}
	
}



@media screen and (max-width: 768px) {
#hd{
	width:100%;
	display:none;
}
}

#hd h1{
	width:97px;
	height:60px;
	padding:0;
	font-size:0;
	float:left;
	text-indent:-9999px;
	background:url(../images/head_logo.png) no-repeat;
	background-size: 100%;
	}
#hd h1 a{
	display:block}

#hd .BtnContainer{
	float:right;
	text-align:left;
	margin:4px 4px 2px 4px;
	padding:0;}

#hd .BtnBox {
	width:80px;
	float:left;
	margin:0 5px 0 0;}
	

#hd .JoinBtnBox {
	width:110px;
	float:left;
	margin:0 0 0 0;}
	
/*グローバルナビ***************************************************************************/
#gnvContainer{
	width:100%;
	height:51px;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
	margin:0 auto;}
@media screen and (min-width:769px) and (max-width:1280px){
#gnvContainer{
	width:1260px;
	}
	
}
@media screen and (max-width: 768px) {
#gnvContainer{
	display:none;}
}
	
#gnv{width:100%;
	max-width:1280px;
	min-width:1250px;
	margin:0 auto;}
	
@media screen and (min-width:769px) and (max-width:1280px){
#gnv{width:1250px;}
	}

#gnv .BtnContainer{
	float:left;}

#gnv .BtnContainer2{
	width:360px;
	float:right;}
	
#gnv .BtnContainer ul#gnvBtn{
	margin:0;
	padding:0;}

#gnv .BtnContainer ul#gnvBtn li{
	text-indent:-9999px;
	float:left;
	margin:0;
	overflow:hidden;
	list-style:none;
	}


#gnv .BtnContainer ul#gnvBtn li a{
	display: block;
	width:120px;
	height:50px;
	}

/*通常の状態（offマウス時）*/
/*通常の状態の背景画像の開始位置を指定する。
ここでは、左方向からの開始位置をすべて0に、上方向からの開始位置はそれぞれ変更する。*/

li#navi00 a{
background: url(../images/gnv_bc.png) 0 0 no-repeat ;
}

li#navi01 a{
	background: url(../images/gnv_bc.png) -120px 0 no-repeat;
}

li#navi02 a{
	background: url(../images/gnv_bc.png) -240px 0 no-repeat;
}

li#navi04 a{
	background: url(../images/gnv_bc.png) -360px 0 no-repeat;
}

li#navi05 a{
	background: url(../images/gnv_bc.png) -480px 0 no-repeat;
}


li#navitw a{
	background: url(../images/gnv_bc.png) -600px 0 no-repeat;
}

li#navicntct a{
	background: url(../images/gnv_bc.png) -720px 0 no-repeat;
}


/*オンマウス時　オフマウス時の開始位置をベースに上方向からの開始位置を-50pxに変更する*/

li#navi00 a:hover{
background: url(../images/gnv_bc.png) 0 -50px no-repeat;
}

li#navi01 a:hover{
	background: url(../images/gnv_bc.png) -120px -50px no-repeat;
}

li#navi02 a:hover{
	background: url(../images/gnv_bc.png) -240px -50px no-repeat;
}

li#navi04 a:hover{
	background: url(../images/gnv_bc.png) -360px -50px no-repeat;
}

li#navi05 a:hover{
	background: url(../images/gnv_bc.png) -480px -50px no-repeat;
}

li#navitw a:hover{
	background: url(../images/gnv_bc.png) -600px -50px no-repeat;
}

li#navicntct a:hover{
	background: url(../images/gnv_bc.png) -720px -50px no-repeat;
}



/*現在ページ*/

li#navi00on a{
	background: url(../images/gnv_bc.png) 0 -50px no-repeat;
}

li#navi01on a{
	background: url(../images/gnv_bc.png) -120px -50px no-repeat;
}

li#navi02on a{
	background: url(../images/gnv_bc.png) -240px -50px no-repeat;
}

li#navi04on a{
	background: url(../images/gnv_bc.png) -360px -50px no-repeat;
}

li#navi05on a{
	background: url(../images/gnv_bc.png) -480px -50px no-repeat;
}

li#navitwon a{
	background: url(../images/gnv_bc.png) -600px -50px no-repeat;
}

li#navicntcton a{
	background: url(../images/gnv_bc.png) -720px -50px no-repeat;
}



/*アイコンあり***************************************************************************/
/*通常の状態（offマウス時）*/


li#navi01-attention a{
	background: url(../images/gnv_bc.png) -120px -100px no-repeat;
}

li#navi02-attention a{
	background: url(../images/gnv_bc.png) -240px -100px no-repeat;
}

li#navi04-attention a{
	background: url(../images/gnv_bc.png) -360px -100px no-repeat;
}

li#navi05-attention a{
	background: url(../images/gnv_bc.png) -480px -100px no-repeat;
}



/*オンマウス時　オフマウス時の開始位置をベースに上方向からの開始位置を-50pxに変更する*/

li#navi01-attention a:hover{
	background: url(../images/gnv_bc.png) -120px -150px no-repeat;
}

li#navi02-attention a:hover{
	background: url(../images/gnv_bc.png) -240px -150px no-repeat;
}

li#navi04-attention a:hover{
	background: url(../images/gnv_bc.png) -360px -150px no-repeat;
}

li#navi05-attention a:hover{
	background: url(../images/gnv_bc.png) -480px -150px no-repeat;
}


/*現在ページアイコン付き*/

li#navi01on-attention{
	background: url(../images/gnv_bc.png) -120px -150px no-repeat;
}

li#navi02on-attention{
	background: url(../images/gnv_bc.png) -240px -150px no-repeat;
}

li#navi04on-attention{
	background: url(../images/gnv_bc.png) -360px -150px no-repeat;
}

li#navi05on-attention{
	background: url(../images/gnv_bc.png) -480px -150px no-repeat;
}

/*オンマウス時　アイコン付き*/
li#navi01on-attention a:hover{
	background: url(../images/gnv_bc.png) -120px -150px no-repeat;
}

li#navi02on-attention a:hover{
	background: url(../images/gnv_bc.png) -240px -150px no-repeat;
}

li#navi04on-attention a:hover{
	background: url(../images/gnv_bc.png) -360px -150px no-repeat;
}

li#navi05on-attention a:hover{
	background: url(../images/gnv_bc.png) -480px -150px no-repeat;
}



/*検索***************************************************************************/

#gnv .SrchContainer{
	width:300px;
	margin:0 5px 0 0 }

#gnv .SrchContainer form{
	position: relative;	
	margin:9px 5px 0 0;
	padding:0;
	float:left;
	font-size:0.8em;}	

#searchform {
	width: 300px;
}

select#srchselect {
   background: transparent;
	width: 108px;
	height: 30px;
   padding: 1px;
   font-size: 0.9em;
   border: 1px solid #DFDFDF;
   border-radius: 0;
   -webkit-appearance: none;
   overflow: hidden;
   background: url(../images/select_arrow.png) no-repeat right #fff !important;
   position:absolute;
   left:0;
   outline: 0;
   }


#keywords	{
	width: 143px;
	height: 30px;
	background: #FFF;
	border: 1px solid #DFDFDF;
	padding: 4px;
	color: #000;
	display:inline-block;
	position:absolute;
	left:104px;
	outline: 0;
}
#searchBtn	{
	position: absolute;
	top: 0;
	left:246px;
}
*:first-child + html #searchBtn{
	top: 1px;
}

#gnv .LnkBtnBox {
	width:40px;
	margin:0 ;
	text-align:center;
	float:right;}
	
#gnv .LnkBtnBox img{
	width:30px;
	height:auto;}
	
	
	
	
	
.spmenu .sideSrchContainer{
	width:100%;
	height:30px;
	margin:1px 0 10px 8px }

.spmenu .sideSrchContainer form{
	position:relative;
	margin:0 0 0 0;
	padding:0;
	font-size:0.8em;}	

.spmenu #sideform {
	width: 100%;
	height:40px;
	padding:5px 0;
}


.spmenu #sidekeywords	{
	width: 65%;
	height: 30px;
	background: #FFF;
	border: 1px solid #DFDFDF;
	padding: 2px;
	color: #000;
	float:left;
	outline: 0;
	margin:0;
}
.spmenu #sidesearchBtn	{
	display:inline-block;
	margin:0 0 0 0.3em;
	bottom:0;
	right:0;
}

.sideSrchContainer ul, .sideSrchContainer li {
	line-height:150% !important;}
	
/*パンクズナビ***************************************************************************/
#bcContainer{
	width:100%;
	padding: 0;
	height:24px;
	background-color:#F6F6F6;
	margin-bottom:2px;}
	

@media screen and (min-width:769px) and (max-width:1280px){
#bcContainer{
	width:1290px;
	margin:0 auto 2px auto;}
}
@media screen and (max-width: 768px) {
#bcContainer{
	display:none;}
	}
	
#bclist{
	font-size:0.8em;
	width:1280px;
	height:24px;
	margin:0 auto;}
	
#bclist ul{
	margin:0;
	padding:0;
}
	
#bclist li{
	float:left;
	margin:0 0 0 0;
	list-style:none;
	padding:2px 15px 2px 3px;
	background:url(../images/head/bclist_arrow.png) no-repeat right;}
#bclist li:last-child {
	float:left;
	margin:0 0 0 0;
	list-style:none;
	padding:2px 0 2px 3px;
	background:none;}
	
	
#bclist li a:link{
	color:#B5B5B5;
	text-decoration:none;}
#bclist li a:visited{
	color:#B5B5B5;
	text-decoration:none;}
#bclist li a:hover{
	color:#2693FF;
	text-decoration:none;}