@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}

.topBox01{
	width:713px;
	padding:13px 0px 0px 9px;
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	border-left:solid 1px #DADADA;
	font-size:10px;
	letter-spacing:normal;
}

.topBox02{
	width:485px;
	float:left;
}

.topBox03{
	width:192px;
	float:right;
	margin-right:14px;
}

.topBox04{
	width:717px;
	padding:0px 0px 0px 5px;
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	border-left:solid 1px #DADADA;
	font-size:10px;
	letter-spacing:normal;
}

.topBox05{
	width:707px;
	padding-top:11px;
}

.topBox06{
	width:348px;
	float:left;
}

.topBox07{
	width:367px;
	float:right;
}

.topBox08{
	width:336px;
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	border-left:solid 1px #DADADA;
	padding:15px 0px 9px 10px;
}

.topBox09{
	width:342px;
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	border-left:solid 1px #DADADA;
	background-color:#FCFFF1;
	padding:10px 0px 10px 4px;
	font-size:10px;
	letter-spacing:normal;
}

.topBox10{
	width:355px;
	height:218px;
	/*height:232px;*/
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	border-left:solid 1px #DADADA;
	padding:15px 0px 18px 10px;
	background-image:url(../../images/top_map.jpg);
	background-repeat:no-repeat;
	background-position:63px 18px;
	position:relative;
}

.topBox11{
	width:722px;
	border:solid 1px #DADADA;
	margin-top:18px;
	padding-bottom:28px;
}

.topBox12{
	width:720px;
	background-color:#EFEFEF;
	margin:1px;
}

.topBox13{
	/*margin:25px 0px 0px 63px;*/
	margin:25px 0px 0px 17px;
}

.topBox14{
	width:340px;
	float:left;
}

.topBox15{
	width:320px;
	float:left;
}

.topBox16{
	width:77px;
	background-color:#97C668;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:3px;
	margin-right:5px;
	/*margin-left:20px;*/
	float:left;
}

.topBox17{
	background-color:#F084A1;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	margin-right:5px;
	float:left;
	font-size:10px;
}


.topBox18{
	/*margin:25px 0px 0px 63px;*/
	margin:25px 0px 0px 60px;
}

.topMapBox01{
	width:102px;
	position:absolute;
	left:41px;
}

.topMapBox02{
	width:110px;
	position:absolute;
	left:10px;
	top:98px;
}

.topMapBox03{
	width:102px;
	position:absolute;
	left:224px;
	top:65px;
}

.topMapBox03{
	width:102px;
	position:absolute;
	left:244px;
	top:65px;
}

.topMapBox04{
	width:102px;
	position:absolute;
	left:225px;
	top:88px;
}

.topMapBox05{
	width:70px;
	position:absolute;
	left:205px;
	top:185px;
}

.topMapBox06{
	width:70px;
	position:absolute;
	left:287px;
	top:185px;
}

.topMapImg01{
	float:left;
	margin-left:5px;
}

.topMapImg02{
	float:left;
	margin-left:2px;
}

.topMapImg03{
	position:absolute;
	left:22px;
	top:181px;
}

.topMainBnBox01{
	width:239px;
	margin-left:4px;
	float:right;
}
	

.color01{
	color: #f50000;
}

.color01 a:link {
	color: #f50000;
	text-decoration: none;
}

.color01 a:active {
	color: #f50000;
	text-decoration: underline;
}

.color01 a:visited {
	color: #f50000;
	text-decoration: none;
}

.color01 a:hover {
	color: #f50000;
	text-decoration: underline;
}

.color02{
	color: #f60169;
}

.color02 a:link {
	color: #f60169;
	text-decoration: none;
}

.color02 a:active {
	color: #f60169;
	text-decoration: underline;
}

.color02 a:visited {
	color: #f60169;
	text-decoration: none;
}

.color02 a:hover {
	color: #f60169;
	text-decoration: underline;
}


.color03{
	color: #ffb001;
}

.color03 a:link {
	color: #ffb001;
	text-decoration: none;
}

.color03 a:active {
	color: #ffb001;
	text-decoration: underline;
}

.color03 a:visited {
	color: #ffb001;
	text-decoration: none;
}

.color03 a:hover {
	color: #ffb001;
	text-decoration: underline;
}

.color04{
	color: #e4d900;
}

.color04 a:link {
	color: #e4d900;
	text-decoration: none;
}

.color04 a:active {
	color: #e4d900;
	text-decoration: underline;
}

.color04 a:visited {
	color: #e4d900;
	text-decoration: none;
}

.color04 a:hover {
	color: #e4d900;
	text-decoration: underline;
}

.color05{
	color: #daed21;
}

.color05 a:link {
	color: #daed21;
	text-decoration: none;
}

.color05 a:active {
	color: #daed21;
	text-decoration: underline;
}

.color05 a:visited {
	color: #daed21;
	text-decoration: none;
}

.color05 a:hover {
	color: #daed21;
	text-decoration: underline;
}

.color06{
	color: #2d69af;
}

.color06 a:link {
	color: #2d69af;
	text-decoration: none;
}

.color06 a:active {
	color: #2d69af;
	text-decoration: underline;
}

.color06 a:visited {
	color: #2d69af;
	text-decoration: none;
}

.color06 a:hover {
	color: #2d69af;
	text-decoration: underline;
}

.color07{
	color: #0f94c1;
}

.color07 a:link {
	color: #0f94c1;
	text-decoration: none;
}

.color07 a:active {
	color: #0f94c1;
	text-decoration: underline;
}

.color07 a:visited {
	color: #0f94c1;
	text-decoration: none;
}

.color07 a:hover {
	color: #0f94c1;
	text-decoration: underline;
}

.color08{
	color: #af0d84;
}

.color08 a:link {
	color: #af0d84;
	text-decoration: none;
}

.color08 a:active {
	color: #af0d84;
	text-decoration: underline;
}

.color08 a:visited {
	color: #af0d84;
	text-decoration: none;
}

.color08 a:hover {
	color: #af0d84;
	text-decoration: underline;
}

.color09{
	color: #303d99;
}

.color09 a:link {
	color: #303d99;
	text-decoration: none;
}

.color09 a:active {
	color: #303d99;
	text-decoration: underline;
}

.color09 a:visited {
	color: #303d99;
	text-decoration: none;
}

.color09 a:hover {
	color: #303d99;
	text-decoration: underline;
}

.topBt01{
	float:left;
	margin-left:15px;
}


div.VoiceFrame{
  overflow:hidden;
  position:relative;
}

* html .VoiceFrame{
 height: 1%;
}

.voicePhoto{
	float:left;
	width:176px;
}



div.Box{
  overflow:hidden;
  position:relative;
}

* html .Box{
 height: 1%;
}

/*ヘッダー
=======================================*/
#Header{
	height:65px;
	/*margin-bottom:10px;*/
	border-bottom:4px solid #96C56A;
}

#HeaderLogo{
	float:left;
	width:282px;
	padding-top:12px;
	/*padding-bottom:18px;*/
}

#HeaderMenu{
	float:right;
	width:550px;
}


/*ヒューマングループボタン*/
#HeaderBt{
	margin-bottom:25px;
	text-align:right;
}


/*ヒューマンナビゲーション*/
#HeaderNavi{
	width:550px;
}

/*Colledge Movie*/
.MovieLeft{
	float:left;
	width:150px;
	text-align:center;
	font-size:10px;
}

.MovieRight{
	float:right;
	width:150px;
	text-align:center;
	font-size:10px;
}


/* 2011.04.27 bnr */

ul#bnrs{

}

ul#bnrs li{
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

ul#bnrs li.left{
	float: left;
}

ul#bnrs li.right{
	float: right;
}

/* 2011.05.17 フラッシュ代替 */
div.FlashaltBox{
	background-color:#313131;
	padding:10px;
	}
	
div.FlashleftBox{
	float:left;
	width:206px;
	}
	
div.FlashrightBox{
	float:right;
	width:184px;
	margin-left:10px;
	}

div.FlashcenterBox{
	width:520px;
	float:left;
	margin-left:10px;
	}

div.FlashcenterbtnBox{
    margin-top:10px;
	}
	
.marginB11{
	margin-bottom:11px;
	}