@charset "Shift_JIS"; 
 
/* CSS for Top page */ 
 

/*
 * ==================================================
 * 特集 
 * ==================================================
 */
	 
#feature 
{
	margin-bottom: 3px;
	width: 740px;
	background-image: url(../images/cms/index/bg_feature_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#feature .body 
{
	padding-bottom: 11px;
	width: 740px;
	background-image: url(../images/cms/index/bg_feature_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#feature h2 
{
	margin-bottom: 7px;
}
  
/*
 * 記事リスト 
 * ==================================================
 */
	 
#feature .articles 
{
	float: right;
	width: 420px;
}
	 
#feature .articles li 
{
	padding-right: 10px;
	padding-bottom: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	border-bottom: 1px solid #d7d7d7;
}
	 
#feature .articles li h3 
{
	margin-bottom: 8px;
}
	 
#feature .articles li h3 img 
{
	margin-right: 8px;
	vertical-align: middle;
}
  
#feature .articles li .image 
{
	float: left;
	width: 50px;
}
 
#feature .articles li .text 
{
	float: right;
	width: 320px;
}
  
#feature .articles .more 
{
	margin-right: 10px;
}
   
/*
 * 写真 
 * ==================================================
 */
	 
#feature .photos 
{
	position: relative;
	float: left;
	width: 310px;
}
	 
#feature .photos .secondary 
{
	display: none;
}
 
#feature .photos ul 
{
}
	
#feature .photos ul li 
{
	padding: 6px 6px 28px;
	margin-left: 10px;
	border: 1px solid #e6e6e6;
}
	
#feature .photos ul li img 
{
	vertical-align: top;
}
  
#feature .photos ul a.imageLink 
{
	position: absolute;
	top: 17px;
	left: 17px;
	padding: 9px;
	display: block;
	border: 1px solid #666;
	background-image: url(../images/cms/index/bg_feature_image.png);
	color: #FFF;
	text-decoration: none;
}
	
#feature .photos ul a.imageLink span 
{
	padding-right: 13px;
	background-image: url(../images/cms/index/ico_feature.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
 
#feature .photos ul a.imageLink img 
{
	margin-left: 3px;
	vertical-align: middle;
}
  
#feature .photos ul a.textLink 
{
	position: absolute;
	top: auto;
	right: 6px;
	bottom: 6px;
	left: auto;
	font-size: 85%;
}
  
#feature .photos .navFeature 
{
	position: absolute;
	top: 221px;
	left: 17px;
	z-index: 300;
}
	
#feature .photos .navFeature a 
{
	float: left;
	display: block;
	margin-right: 5px;
	width: 15px;
	height: 19px;
	text-indent: -100em;
	overflow: hidden;
	backgorund-position: 0 0;
	background-repeat: no-repeat;
}
	
#feature .photos .navFeature a:hover, 
#feature .photos .navFeature a.activeSlide
{
	background-position: 0 -18px;
}
  
#feature .photos .navFeature a.navFeature1 
{
	background-image: url(../images/cms/index/bg_feature_1.gif);
}
 
#feature .photos .navFeature a.navFeature2 
{
	background-image: url(../images/cms/index/bg_feature_2.gif);
}
 
#feature .photos .navFeature a.navFeature3 
{
	background-image: url(../images/cms/index/bg_feature_3.gif);
}
    
/*
 * 
 * ==================================================
 */
  
/*
 * ==================================================
 * 政府の取り組み 
 * ==================================================
 */
	
#goverment 
{
	float: left;
	width: 360px;
	background-image: url(../images/cms/index/bg_goverment_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#goverment .more 
{
	background-image: url(../images/cms/index/bg_goverment_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#goverment .thumbnailList li, 
#company .thumbnailList li
{
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px solid #d7d7d7;
}
	 
#goverment .thumbnailList .text, 
#company .thumbnailList .text
{
	float: right;
	width: 260px;
}
 
#goverment .thumbnailList .image, 
#company .thumbnailList .image
{
	float: left;
	width: 70px;
}
  
#goverment .more, 
#company .more
{
	padding: 10px;
}
  
/*
 * 
 * ==================================================
 */
  
/*
 * ==================================================
 * 企業紹介 
 * ==================================================
 */
	
#company 
{
	float: right;
	width: 360px;
	background-image: url(../images/cms/index/bg_company_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#company .more 
{
	background-image: url(../images/cms/index/bg_company_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
  
/*
 * 
 * ==================================================
 */
  
/*
 * ==================================================
 * 先輩ブログ 
 * ==================================================
 */
	
#blog 
{
	margin-top: 3px;
	margin-bottom: 5px;
	background-image: url(../images/cms/index/bg_blog_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#blog h2 
{
	margin-bottom: 5px;
}
 
#blog h3 
{
	margin-bottom: 10px;
}
 
#blog .body 
{
	padding: 0 10px 10px;
	background-image: url(../images/cms/index/bg_blog_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#blog #latestArticles 
{
	float: left;
	position: relative;
	width: 350px;
}
	 
#blog #latestArticles .icon 
{
	position: absolute;
	top: 2px;
	right: 2px;
	left: auto;
}
 
#blog #latestArticles .articleList 
{
	margin-bottom: 5px;
	height: 170px;
	overflow-y: scroll;
	border: 1px solid #d7d7d7;
}
	 
#blog #latestArticles .articleList .title 
{
	margin-bottom: 4px;
	font-size: 100%;
	font-weight: normal;
	background-image: url(../images/cms/arrow_pink.gif);
}
 
#blog #latestArticles .articleList p 
{
	font-size: 83.3%;
}
   
#blog #keywords 
{
	float: right;
	width: 350px;
}
	 
#blog #keywords .tagCloud 
{
	padding: 5px;
	border: 1px solid #d7d7d7;
}
   
/*
 * 
 * ==================================================
 */
  
/*
 * ==================================================
 * 大学について調べる 
 * ==================================================
 */
	
#university 
{
	margin-bottom: 3px;
	background-image: url(../images/cms/index/bg_university_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#university h3 
{
	margin-bottom: 10px;
}
 
#university .body 
{
	padding: 10px;
	background-image: url(../images/cms/index/bg_university_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#university #area 
{
	float: left;
	width: 350px;
}
 
#university #genre 
{
	float: right;
	width: 350px;
}
  
/*
 * 
 * ==================================================
 */
  
/*
 * ==================================================
 * 大学新着情報 
 * ==================================================
 */
	
#universityNews 
{
	margin-bottom: 10px;
	background-image: url(../images/cms/index/bg_news_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#universityNews li 
{
	background-image: url(../images/cms/arrow_green.gif);
}
 
#universityNews .more 
{
	padding: 10px;
	background-image: url(../images/cms/index/bg_news_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
  
/*
 * 
 * ==================================================
 */
  
/*
 * ==================================================
 * ハピテク on twitter
 * ==================================================
 */
	
#twitter 
{
	border: 1px solid #d7d7d7;
	border-style:none solid solid solid;
}
 
#twitter li 
{
	background-image: url(../images/cms/arrow_gray.gif);
	background-position:left 9px;
}
 
#twitter .more 
{
	padding: 5px 10px;
}
/*
 * ==================================================
 * ハピテクからのお知らせ 
 * ==================================================
 */
	
#news 
{
	border: 1px solid #d7d7d7;
	margin:10px;
}
	 
#news h2 
{
	padding-bottom: 5px;
	padding-left: 120px;
	margin: 8px;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/cms/news/bg_news_title.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
 
#news li 
{

	background-image: url(../images/cms/arrow_gray.gif);
}
 
#news .more 
{
	padding: 5px 10px;
}
  
/*
 * 
 * ==================================================
 */
  
/*
 * ボックス 
 * ==================================================
 */
	
#subContents .qa 
{
	padding-bottom: 0;
	background-image: url(../images/cms/index/bg_aside_mid.gif);
	background-position: left bottom;
	backgorund-repeat: no-repeat;
}
	 
#subContents .qa h3 
{
	margin-bottom: 8px;
}
 
#subContents .qa dl, 
#subContents .qa ul,
#subContents .qa p
{
	margin: 0 7px;
}
 
#subContents .qa .list dd, 
#subContents .qa .list li
{
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #d7d7d7;
}
 
#subContents .qa .list dt, 
#subContents .qa .list li
{
	padding-left: 8px;
	background-position: 0 .2em;
	background-repeat: no-repeat;
}
	 
#subContents .qa .list dt a, 
#subContents .qa .list li a
{
	padding-left: 8px;
	background-image: url(../images/cms/arrow_pink.gif);
	background-position: 0 .2em;
	background-repeat: no-repeat;
}
  
#subContents .box p.more 
{
	margin: 0;
	padding: 0 7px 7px;
	text-align: right;
	background-image: url(../images/cms/index/bg_aside_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
   
/**
 * ==================================================
 * CLEAR FIX 
 * ==================================================
 */
	 
#feature .body:after,
#feature .articles li:after,
#feature .photos .navFeature:after,
#blog .body:after,
#university .body:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
#feature .body,
#feature .articles li,
#feature .photos .navFeature,
#blog .body,
#university .body
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
#feature .body,
#feature .articles li,
#feature .photos .navFeature,
#blog .body,
#university .body
{
	display:block;
}
/* End hide from IE Mac */
   
/*
 * ==================================================
 * 
 * ==================================================
 */
	 
/*
 * 
 * ==================================================
 */