@charset "UTF-8";


/*
	ヒューマンアカデミー株式会社 StyleSeet # Revision: 1.00

	(c) 2011 Human Academy Co., Ltd. All Rights Reserved.

	Author Date:
	2011.06.20 New Document;

	Contents:


*/



/* indexNavi
----------------------------------------------- */

#indexNavi{
}


/* college
----------------------------------------------- */

#collegesMenu{
	clear:both;
	background:url(../img/collegeBg.gif) 15px 9px no-repeat;
	height:165px;
}

ul.colleges {
	position: relative;
	padding:0 0 8px 4px;
	margin-left:12px;
	_margin-left:4px;
	width:786px;
	float:left;
}

ul.colleges li{
	/* these are required, but the values are up to you (must be pixel) */
	width:151px;
	_width:150px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
ul.colleges.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */
	float: left;
}

ul.colleges li h2{
}

ul.colleges li ul li{
	line-height:170%;
	font-size:10px;
	display:block !important;
	*font-family:"ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

ul.colleges li ul li a{
	text-decoration:none;
	display:block;
	width:131px;
	height:17px;
	padding-left:19px;
	margin-left:1px;
}

/* Link - rollover */
ul.colleges li ul li a:hover{
	color:#ffffff;
	text-decoration:none;
}
ul.colleges li#college_2 ul li a:hover{
	background-color:#f16fa6;
}
ul.colleges li#college_1 ul li a:hover{
	background-color:#f27130;
}
ul.colleges li#college_3 ul li a:hover{
	background-color:#35b74d;
}
ul.colleges li#college_4 ul li a:hover{
	background-color:#49a2ed;
}
ul.colleges li#college_5 ul li a:hover{
	background-color:#8373c3;
}

/* デザイン・ビューティ */
ul.colleges li#college_2 {
	height:159px;
	background-image: url(../img/college1stBg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

ul.colleges li#college_2 ul li{
	background:url(../img/college1stArrow.png) 1px top no-repeat;
	width:239px;
}

ul.colleges li#college_2 ul li.even{
	background:url(../img/college1stArrowEven.png) 1px top no-repeat;
}

/* エンターテイメント */
ul.colleges li#college_1 {
	margin:0 4px !important;
	height:159px;
	background-image: url(../img/college2ndBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.colleges li#college_1 ul li{
	background:url(../img/college2ndArrow.png) 1px top no-repeat;
	width:239px;
}

ul.colleges li#college_1 ul li.even{
	background:url(../img/college2ndArrowEven.png) 1px top no-repeat;
}

/* プロスポーツ */
ul.colleges li#college_3 {
	height:159px;
	background-image: url(../img/college3rdBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.colleges li#college_3 ul li{
	background:url(../img/college3rdArrow.png) 1px top no-repeat;
	width:239px;
}

ul.colleges li#college_3 ul li.even{
	background:url(../img/college3rdArrowEven.png) 1px top no-repeat;
}

/* ビジネス・IT */
ul.colleges li#college_4 {
	height:159px;
	background-image: url(../img/college4thBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.colleges li#college_4 ul li{
	background:url(../img/college4thArrow.png) 1px top no-repeat;
	width:239px;
}

ul.colleges li#college_4 ul li.even{
	background:url(../img/college4thArrowEven.png) 1px top no-repeat;
}

/* 夜間 */
ul.colleges li#college_5 {
	height:159px;
	background-image: url(../img/college5thBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.colleges li#college_5 ul li{
	background:url(../img/college5thArrow.png) 1px top no-repeat;
	width:239px;
}

ul.colleges li#college_5 ul li.even{
	background:url(../img/college5thArrowEven.png) 1px top no-repeat;
}


ul.colleges.horizontal #college_5 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}


/* 学校一覧 */
#collegeList{
	float:right;
	width:160px;
	margin-left:-20px !important;
	height: 159px;
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../img/college6thBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#collegeList ul{
	margin:3px 0 0 10px;
	_margin:3px 0 0 15px;
}

#collegeList ul li{
	float:left;
	margin-right:15px;
	*margin-right:12px;
	_margin-right:10px;
	background:url(../img/college6thArrow.gif) left 4px no-repeat;
	padding-left:10px;
	line-height:170%;
	font-size:10px;
	*font-family:"ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

#collegeList ul li.lastchild{
	*margin-right:25px;
	_margin-right:20px;
}

#collegeList ul li a{
	text-decoration:none;
}

#collegeList ul li a:hover{
	color:#ffffff;
	background-color:#656565;
}


/* indexEvent
----------------------------------------------- */
#indexEvent{
	margin:10px 0 0 15px;
	padding-bottom:10px;
	width:680px;
}
#indexEvent_top{
  padding: 8px 0 0 0;
  background: url(../img/eventBg_top.gif) center top no-repeat;
}
#indexEvent_middle{
  background: url(../img/eventBg_middle.gif) center top repeat-y;
}
#indexEvent_bottom{
  padding: 0 0 9px 0;
  background: url(../img/eventBg_bottom.gif) center bottom no-repeat;
}


#indexEvent ul.event{
	padding:5px 0 10px 1px;
}


#indexEvent ul.event li{
	width:221px;
	margin:3px 0 0 2px;
	float:left;
cursor:pointer;
}

#indexEvent ul.event li a {
display: block;
text-decoration: none;
cursor:pointer;
}

#indexEvent ul.event h2 {
padding-left:2px;
}



#indexEvent ul.event li.eventEntertainment a:hover div.eventRapper {
	background:url(../img/eventEntertainment_borderBottom.gif) 7px bottom no-repeat;
}
#indexEvent ul.event li.eventEntertainment a:hover {
	background:url(../img/eventEntertainment_borderTop.gif) 7px 5px no-repeat;
}

#indexEvent ul.event li.eventDesign a:hover div.eventRapper {
	background:url(../img/eventDesign_borderBottom.gif) 7px bottom no-repeat;
}
#indexEvent ul.event li.eventDesign a:hover {
	background:url(../img/eventDesign_borderTop.gif) 7px 5px no-repeat;
}

#indexEvent ul.event li.eventSports a:hover div.eventRapper {
	background:url(../img/eventSports_borderBottom.gif) 7px bottom no-repeat;
}
#indexEvent ul.event li.eventSports a:hover {
	background:url(../img/eventSports_borderTop.gif) 7px 5px no-repeat;
}

#indexEvent ul.event li.eventBusiness a:hover div.eventRapper {
	background:url(../img/eventBusiness_borderBottom.gif) 7px bottom no-repeat;
}
#indexEvent ul.event li.eventBusiness a:hover {
	background:url(../img/eventBusiness_borderTop.gif) 7px 5px no-repeat;
}



#indexEvent ul.event li.eventDesign{
	background:url(../img/eventDesignBg.gif) 9px bottom no-repeat;
}

#indexEvent ul.event li.eventEntertainment{
	background:url(../img/eventEntertainmentBg.gif) 9px bottom no-repeat;
}

/*
#indexEvent ul.event a:hover li.eventEntertainment{
	background:url(../img/eventEntertainmentBg_over.png) right bottom no-repeat;
	_background-position:7px bottom;
}
*/

#indexEvent ul.event li.eventSports{
	background:url(../img/eventSportsBg.gif) 9px bottom no-repeat;
}

#indexEvent ul.event li.eventBusiness{
	background:url(../img/eventBusinessBg.gif) 9px bottom no-repeat;
}

#indexEvent ul.event li.eventNight{
	background:url(../img/eventNightBg.gif) right bottom no-repeat;
	_background-position:7px bottom;
}

#indexEvent ul.event li.eventCommon{
	background:url(../img/eventCommonBg.gif) right bottom no-repeat;
	_background-position:7px bottom;
}



#indexEvent ul.event h3{
	font-weight:bold;
	margin:10px 10px 0 18px;
	padding-bottom:5px;
	width:190px;
	border-bottom:1px solid #CCC;
}

#indexEvent ul.event li.eventDesign h3{
	color:#e50582;
}

#indexEvent ul.event li.eventEntertainment h3{
	color:#ea5004;
}

#indexEvent ul.event li.eventSports h3{
	color:#009b1d;
}

#indexEvent ul.event li.eventBusiness h3{
	color:#0071d0;
}

#indexEvent ul.event li.eventBusiness h3{
	color:#5542a0;
}



#indexEvent ul.event h3 a{
	text-decoration:none;
}

#indexEvent ul.event dl{
	margin:5px 10px 0 18px;
	width:190px;
	line-height:110%;
}

#indexEvent ul.event dl dt{
	float:left;
	width:35px;
	margin-top:5px;
}

#indexEvent ul.event dl dd{
	float:left;
	width:145px;
	margin-top:5px;
}

#indexEvent ul.event img.eventEntry{
	margin:5px 0 11px 18px;
}


/* EventMore */

#indexEvent #eventMore{
	width:530px;
}

#indexEvent #eventMore ul li{
	width:540px;
	margin:10px 0 0 13px;
	display:block;
	text-indent:-120px;
	padding-left:120px;
	font-size:90%;
	line-height:150%;
}

#indexEvent #eventMore ul li img{
	margin-right:10px;
}

#eventMoreBtn{
	margin-left:15px;
}


/* indexAge
----------------------------------------------- */

#indexAge{
	margin-left:7px;
}

#indexAge ul.age{
	background:url(../img/ageBg.gif) 8px bottom no-repeat;
	width:680px;
	height:96px;
	padding-left:18px;
}

#indexAge ul.age li{
	float:left;
	margin:-5px 10px 0 0px;
	position:relative;
}


/* indexTypeMap
----------------------------------------------- */

#indexTypeMap{
	clear:both;
	padding:10px 0;
	margin-left:7px;
}

/* Type */
#indexType{
	float:left;
	width:273px;
}

#indexType ul.type{
	background:url(../img/indexTypeBg.gif) 8px bottom no-repeat;
	width:273px;
	_width:263px;
	padding:0 0 11px 18px;
}

#indexType ul.type li.firstchild{
	margin-top:-6px;
}

/* Map */
#indexMap{
	float:right;
	width:395px;
	margin-left:12px;
	_margin-left:0px;
}

#indexMap p{
	background:url(../img/indexMapBg.gif) 8px bottom no-repeat;
	position:relative;
}

#indexMap p img#JapanMap{
	padding-left:11px;
	padding-bottom:4px;
	margin-top:-3px;
	position:relative;
}

/* Link */

#indexMap p span{
	padding:0 !important;
	margin:0 !important;
	line-height:1px;
	font-size:1px !important;
}

span#hiroshima_map{
	position:absolute;
	left:15px;
	top:18px;
}
span#hiroshima_blog{
	position:absolute;
	left:52px;
	top:18px;
}

span#kitakyusyu_map{
	position:absolute;
	left:15px;
	top:54px;
}
span#kitakyusyu_blog{
	position:absolute;
	left:52px;
	top:54px;
}

span#fukuoka_map{
	position:absolute;
	left:15px;
	top:90px;
}
span#fukuoka_blog{
	position:absolute;
	left:52px;
	top:90px;
}

span#naha_map{
	position:absolute;
	left:44px;
	top:196px;
}
span#naha_blog{
	position:absolute;
	left:81px;
	top:196px;
}

span#kyoto_map{
	position:absolute;
	left:138px;
	top:1px;
}
span#kyoto_blog{
	position:absolute;
	left:175px;
	top:1px;
}

span#osaka_map{
	position:absolute;
	left:138px;
	top:22px;
}
span#osaka_blog{
	position:absolute;
	left:175px;
	top:22px;
}

span#kobe_map{
	position:absolute;
	left:138px;
	top:43px;
}
span#kobe_blog{
	position:absolute;
	left:175px;
	top:43px;
}

span#shizuoka_map{
	position:absolute;
	left:197px;
	top:154px;
}
span#shizuoka_blog{
	position:absolute;
	left:234px;
	top:154px;
}
span#fuji_map{
	position:absolute;
	left:197px;
	top:176px;
}
span#fuji_blog{
	position:absolute;
	left:234px;
	top:176px;
}

span#nagoya_map{
	position:absolute;
	left:197px;
	top:197px;
}
span#nagoya_blog{
	position:absolute;
	left:234px;
	top:197px;
}

span#sapporo_map{
	position:absolute;
	left:314px;
	top:1px;
}
span#sapporo_blog{
	position:absolute;
	left:351px;
	top:1px;
}

span#sendai_map{
	position:absolute;
	left:314px;
	top:21px;
}
span#sendai_blog{
	position:absolute;
	left:351px;
	top:21px;
}

span#kashiwa_map{
	position:absolute;
	left:314px;
	top:92px;
}
span#kashiwa_blog {
	position:absolute;
	left:351px;
	top:92px;
}

span#omiya_map{
	position:absolute;
	left:314px;
	top:113px;
}
span#omiya_blog{
	position:absolute;
	left:351px;
	top:113px;
}

span#tokyo_map{
	position:absolute;
	left:314px;
	top:133px;
}
span#tokyo_blog{
	position:absolute;
	left:351px;
	top:133px;
}

span#shibuya_map{
	position:absolute;
	left:314px;
	top:155px;
}
span#shibuya_blog{
	position:absolute;
	left:351px;
	top:155px;
}

span#harajuku_map{
	position:absolute;
	left:314px;
	top:176px;
}
span#harajuku_blog{
	position:absolute;
	left:351px;
	top:176px;
}

span#yokohama_map{
	position:absolute;
	left:314px;
	top:197px;
}
span#yokohama_blog{
	position:absolute;
	left:351px;
	top:197px;
}


/* indexPhilosophy
----------------------------------------------- */
#indexPhilosophy{
	clear:both;
	background:url(../img/indexPhilosophyBg.gif) left top no-repeat;
	text-align:left;
	padding:25px 30px 0;
	height:286px;
	margin-left:15px;
}

#indexPhilosophy h2{
	margin-bottom:10px;
}

#indexPhilosophy p{
	margin-top:5px;
	line-height:150%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
}

#indexPhilosophy ul.inquiry{
	margin-top:15px;
}

#indexPhilosophy ul.inquiry li{
	float:left;
}

#indexPhilosophy ul.inquiry li.lastchild{
	margin:10px 0 0 25px;
}

#indexPhilosophy ul.submit{
	clear:both;
	padding-top:20px;
	*padding-top:0px;
}

#indexPhilosophy ul.submit li{
	float:left;
	margin-right:11px;
}

#indexPhilosophy ul.submit li.lastchild{
	margin-right:0;
}
#indexPmarc .floatL{
	float:left;
	width:85px;
}

#indexPmarc p {
	padding-top:10px;
	width:155px;
	float: right;
	font-size: 11px;
}