/* CSS Document */

/* CSS Document */
body{
	background:#f0f0f0;
	width:100%;
	overflow: hidden;
	overflow-y: scroll;
}
#kanban{
	height:238px;
	background:#CCC;
	overflow: hidden;
	width:100%;
}
#container{
	background:url(../img/header_shade.gif) repeat-x top #FFF;
	padding-top:40px;
}
#contents,#whatsNew,#sns,#footer,#gaiyo{
	width:978px;
	margin:0 auto;
	background:#FFF;
}
#container h1{
	width:430px;
	height:100px;
	margin-left:7px;
	margin-top:40px;
	background:url(../img/h1.gif);
	text-indent:-2000px;
	float:left;
}
#groups_v{
	float:right;
	width:224px;
/*	height:211px;*/
	background:#fff;
}

#groups{
	float:right;
	height:150px;
	background:#fff;
	width:444px;
	padding-top: 40px;
}

#groups div ,#groups a ,#groups_v a{
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin-left:11px;
	margin-bottom:11px;
	/*background:#8eb329;*/
	border-radius:5px;
	text-indent:-3000px;
	overflow:hidden;
}
#whatsNew{
	padding-left:7px;
	margin-top:2px;
}
#whatsNew h2{
	font-size:15px;
	color:#333;
	margin-bottom:5px;
}
#whatsNew li{
	list-style:none;
	line-height:18px;
	margin-bottom:7px;
	color:#555;
}
#whatsNew li span:first-child{
	width:100px;
	/*background:#666;*/
	display:inline-block;
	color:#666;
	font-weight:bold;
}
#whatsNew ul{
	height:160px;
	overflow:auto;
	padding: 5px 5px 0 0;
}


#sns{
	height:25px;
	padding-top:41px;
	text-align:center;
}



#footer{
	height:77px;
	background:#f0f0f0;
	padding:10px 0 0 7px;
}
#footer a,#footer a:visited{
	color:#8eb329;
	text-decoration:none;
	font-weight:bold;
	margin-right:30px;
}
#footer a:hover{
	color:#609010;
}



/*-------------------　第２階層  -----------------------*/
#main_contents{
	width:715px;
	overflow:hidden;
	float:left;	
}

#main_contents h2{
	font-size:18px;
	color:#666;
	margin-bottom:30px;
}

#main_contents h2:before{
	content:"";
	display:inline-block;
	border-radius:5px;
	background:#666;
	width:28px;
	height:28px;
	vertical-align:-8px;
	margin-right:8px;
}
#main_contents h3{
	font-size:16px;
	color:#666;
	margin-top:30px;
	margin-bottom:20px;
}

#main_contents h3:before{
	content:"";
	display:inline-block;
	border-radius:3px;
	background:#666;
	width:18px;
	height:18px;
	vertical-align:-3px;
	margin-right:8px;
}

#main_contents h4{
	font-size:14px;
	color:#777;
	margin-top:10px;
	margin-bottom:8px;
}

#main_contents h4:before{
	content:"";
	display:inline-block;
	border-radius:4px;
	background:#777;
	width:13px;
	height:13px;
	vertical-align:-3px;
	margin-right:8px;
}


#main_contents p{
	margin:20px 0;
}
#main_contents hr{
	visibility:hidden;
	margin:30px 0;
}
/*---------------------　第２階層メニュー  -----------------------*/
#right_util{
	width:210px;
	float:right;
}
#menu_title{
	font-size:18px;
	text-align:center;
	font-family: "メイリオ", Meiryo;
	font-weight:bold;
	width:210px;
	color:#999;
	margin-bottom:8px;
}
#menu_top_page{
	background:#afafaf;
	display:block;
	width:210px;
	height:34px;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	margin-right:2px;
	padding-top:5px;
	border-radius:8px;
	box-sizing:border-box;
	cursor:pointer;
	float:right;
	text-decoration:none;
}