@charset "utf-8";
/* ===================================================================
 style info : サイト内共通のモジュール設定
=================================================================== */

body {	height:100%;	background:#F7F7F7;	-webkit-text-size-adjust: none;/*webkitフォントサイズ対策*/}


/* ------------------------------------------------------ *
	header & footer
 * ------------------------------------------------------ */
#header,
#footer{display:block;	margin:0;	background:#FFF; z-index:+1;}
#header{	margin-bottom:35px;}
#header_inner,
#footer_inner{	display:block;	width:920px;	padding:12px 10px;	margin:0 auto;	position:relative;}
#header h1,
#footer h1{	display:block;	float:left;}
ul.info{float:right;}
#footer ul.info,
/*
#header ul.info{font-size: 85%;}
	ul.info li{	list-style:none;	display:block;	float:left;	padding:16px 0;	}
		ul.info li a{	background:url(../img/common.png) no-repeat; color:#666666;	padding-left:41px;	margin-left:10px;}
		ul.info li.n01 a{	background-position: -331px 5px;}
		ul.info li.n02 a{	background-position: -331px -12px;}
		ul.info li.n03 a{	background-position: -331px -29px;}
		ul.info li.n04 {	padding: 0;	}
		ul.info li.n04 a{	display:block;	background-position: -860px 0;	margin-top:4px;	width:80px;	padding-left:0;	margin-left:20px;	height:40px;	text-indent:100%;	white-space:nowrap;	overflow:hidden;-webkit-transition:background-position 0s linear;	-moz-transition:background-position 0s linear;	transition:background-position 0s linear;}
		ul.info li.n05 a{	background-position: -554px 5px;}
		ul.info li.n01 a:hover{	background-position: -326px 5px;}
		ul.info li.n02 a:hover{	background-position: -326px -12px;}
		ul.info li.n03 a:hover{	background-position: -326px -29px;}
		ul.info li.n04 a:hover{	background-position: -770px 1px;}
		ul.info li.n05 a:hover{	background-position: -549px 5px;}
*/

#header ul.info{font-size: 131%;
	display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: auto; 
  grid-auto-rows: auto; 
  grid-template-columns: auto auto auto; 
  grid-template-rows: auto auto; 
  gap: 3px 40px; 
	align-items: center;
  grid-template-areas: 
    "a b btn"
    "c d btn"; 
}
	ul.info li{	list-style:none;	display:block;	float:left;	}
		ul.info li a{	background:url(../img/common.png) no-repeat; color:#666666;	padding-left:41px;	margin-left:10px;}
		ul.info li.n01 a{	background-position: -331px 5px;}
		ul.info li.n02 a{	background-position: -331px -12px;}
		ul.info li.n03 a{	background-position: -331px -29px;}
		ul.info li.n01 {	 grid-area: b;}
		ul.info li.n02 { grid-area: c;}
		ul.info li.n03 {	 grid-area: d;}
		ul.info li.n04 {	padding: 0;	 grid-area: btn;}
		ul.info li.n05{		 grid-area: a;}
		ul.info li.n04 a{	display:block;	background-position: -860px 0;	margin-top:4px;	width:80px;	padding-left:0;	margin-left:20px;	height:40px;	text-indent:100%;	white-space:nowrap;	overflow:hidden;-webkit-transition:background-position 0s linear;	-moz-transition:background-position 0s linear;	transition:background-position 0s linear;}
		ul.info li.n05 a{	background-position: -554px 5px;}
		ul.info li.n01 a:hover{	background-position: -326px 5px;}
		ul.info li.n02 a:hover{	background-position: -326px -12px;}
		ul.info li.n03 a:hover{	background-position: -326px -29px;}
		ul.info li.n04 a:hover{	background-position: -770px 1px;}
		ul.info li.n05 a:hover{	background-position: -549px 5px;}

/* ------------------------------------------------------ *
	nav
 * ------------------------------------------------------ */
.global-nav{	display: block;	height:40px;	float: none;	clear: both;	background:url(../img/bg_nav.png) 0 0 repeat-x;	zoom: 1;}
ul.nav{	display:block;	width:940px; height:40px;	margin:0 auto;	background:url(../img/common.png) 0 -50px no-repeat;}
ul.nav li{	display:block; float:left;	height:40px; margin:0 0 0 10px;}
ul.nav li:first-child{	margin:0;}
ul.nav li a{	display:block; height:40px; text-indent:100%; white-space:nowrap; overflow:hidden;	-webkit-transition:opacity .2s linear;	-moz-transition:opacity .2s linear;	transition:opacity .2s linear;zoom:1;	background:url(../img/common.png) no-repeat;}
ul.nav li.n01 a{			background-position: 0 -90px;	width:124px;}
ul.nav li.n02 a{			background-position: -134px -90px;	width:192px;}
ul.nav li.n03 a{			background-position: -336px -90px;	width:112px;}
ul.nav li.n04 a{			background-position: -458px -90px;	width:174px;}
ul.nav li.n05 a{			background-position: -642px -90px;	width:129px;}
ul.nav li.n06 a{			background-position: -781px -90px;	width:159px;}
.root ul.nav li.n01 a,
.voice ul.nav li.n01 a,
.community ul.nav li.n02 a,
.strategy ul.nav li.n03 a,
.network ul.nav li.n04 a,
.request ul.nav li.n05 a,
.talent ul.nav li.n06 a,
ul.nav li a:hover{	opacity:0;	-moz-opacity:0;	-webkit-opacity:0;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}

/* ------------------------------------------------------ *
	side
 * ------------------------------------------------------ */
#aside{	display:block;	width:940px;	clear:both;	margin:0 auto;	padding:30px 0px 50px;	position:relative;	background:#F7F7F7;}
#ulBnr{	list-style:none;}
#ulBnr li{	display:block;	margin-bottom:7px;}
#ulBnr li ul{	list-style:none;}
#ulBnr li ul li{padding:0px!important;background:none!important;}


/* ------------------------------------------------------ *
	pager
 * ------------------------------------------------------ */
ul#topicPath{
	width:940px;
	padding:30px 0px 20px;
	margin:0 auto;
	display:block;
	font-size:93%;
	color:#644135;
}
ul#topicPath li{ display:inline;	margin-right:5px;	vertical-align:middle;}
ul#topicPath li + li{		background:url(../img/common.png) -256px -81px no-repeat;	padding-left:15px;}
ul#topicPath li a:hover{	text-decoration:underline;}

#totop{	display:block;	margin:0 auto;	clear:both;}
	#totop a{	display:block;	margin:0 auto;	width:99px;	height:100px;	background:url(../img/common.png) right -20px no-repeat; zoom:1;	text-indent:100%;	white-space:nowrap;	overflow:hidden;}
	#totop a:hover{ background-position: right -30px;}
/* ------------------------------------------------------ *
	footer
 * ------------------------------------------------------ */
#copyright{	display:block;	width:940px;	margin:0 auto;	font-size:93%;	padding:140px 0 3px;	text-align:right;	color:#595757;}