@charset "utf-8";

/*
===== CONTENTS =====

	Title:theme.css
	Last-updated: 2010/04/13
	Auther:colletomo
	Outline:サイト独自デザイン
====================
*/


/* ----------------------------------------------------
 共通
----------------------------------------------------*/
#index #content{
	background:url(../imgs/shared/bg_footer.gif) no-repeat bottom center;
}

#index #footer{
	margin-top:0;
}

#flashArea{
	background:url(../imgs/index2012/bg.gif) top left;
}

#kvAreaWrap {
	position: relative;
	padding: 5px 0;
	overflow-x: hidden;
}

#kvAreaWrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100px;
	height: 100%;
	background-image: url(../imgs/index2012/bg_kvarea_01.png);
	background-position: left top;
	background-repeat: repeat-y;
}

#kvAreaWrap:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	width: 100px;
	height: 100%;
	background-image: url(../imgs/index2012/bg_kvarea_02.png);
	background-position: left top;
	background-repeat: repeat-y;
}

#kvArea {
	position: relative;
	width: 660px;
	margin: 10px auto 15px;
}

#kvArea ul {
	width: 100%;
	list-style-type: none;
}

#kvArea ul li {
	width: 600px;
	padding: 0 25px;
}

#kvArea ul li a img {
	display: block;
	border: 5px solid #FFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	transition: all 0.5s ease;
}

#kvArea ul li a:hover img {
	border: 5px solid #FF0000;
}

#kvArea .bx-window {
	height: 306px;
	overflow: visible !important;
}

#kvArea .bx-pager {
	margin-top: 15px;
}

#kvArea .bx-pager a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	text-indent: -9999px;
	border-radius: 10px;
	background: #CCC;
	transition: all 0.5s ease;
}

#kvArea .bx-pager a:hover,
#kvArea .bx-pager a.pager-active {
	background: #FF0000;
}

#kvArea .bx-wrapper .bx-prev {
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -30px;
}

#kvArea .bx-wrapper .bx-next {
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -30px;
}

#index #g-NavWrap{
	width:100%;
	background:url(../imgs/index2012/gnav_wrap.gif) repeat-x top left;
	text-align:center
}

#index #g-Nav{
	margin:0 auto 0;
	background:url(../imgs/index2012/g_nav.gif) no-repeat top left;
}

/* ----------------------------------------------------
 サイド
----------------------------------------------------*/
#index #subArea h3{
	margin-bottom:6px;
}

#index .banerTop{
	display:block;
	margin-bottom:20px;
}

#index .banerTop img{
	display:block;
	margin-bottom:10px;
}

#index .banerTop img.last{
	display:block;
	margin-bottom:0;
}

#index .banerTop a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*ブログ*/
#index #ndgBlog{
	margin-bottom:14px;
	position:relative;
}

#index #ndgBlog .Blogicn{
	position:absolute;
	right:-20px;
	top:-20px;
	z-index:1;
}

#index #ndgBlog ul,
#index #ndgBlog ul li{
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.3;
}

#index #ndgBlog ul li{
	margin-bottom:6px;
	padding-bottom:6px;
	background:url(../imgs/index2012/blog_line.gif) repeat-x bottom left;
}

#index #ndgBlog ul li a{
	color:#000;
	background:url(../imgs/index2012/icn_blog.gif) no-repeat top left;
	text-indent:18px;
	display:block;
}

#index #ndgBlog ul li strong{
	display:block;
}


/*おすすめ*/
#index #recomendArea{
	margin-bottom:20px;
}

#index #recomendArea .iner{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#index #recomendArea .iner p{
	border-bottom:1px solid #ccc;
	padding:5px 5px 5px 15px;
	background:url(../imgs/index2012/recomend_bg.jpg) no-repeat center left;
}

#index #recomendArea .iner p a{
	color:#000;
	font-weight:bold;
}

/* ----------------------------------------------------
 中央
----------------------------------------------------*/
body#index #mainBannerArea{
	margin-bottom:20px;
}

body#index #mainBannerArea ul{
	margin-left:-25px;
	list-style-type:none;
}

body#index #mainBannerArea ul li{
	margin-left:25px;
	float:left;
}

body#index #mainBannerArea ul li a:hover{
	opacity:0.7;
}

body#index #targetArea{
	margin-bottom: 20px;
	padding: 10px;
	background: #F90000;
	font-size: 11px;
}

body#index #targetArea ul{
	margin-left:-12px;
	list-style-type:none;
}

body#index #targetArea ul li{
	width:122px;
	margin-left:12px;
	float:left;
}

body#index #targetArea ul li a{
	display:block;
	color:#333;
	font-weight:bold;
	line-height:40px;
	border:1px solid #EEE;
	background:rgba(255, 255, 255, 0.9);
}

body#index #targetArea ul li a:hover{
	text-decoration:none;
	background:#FFF;
}

#index #index-contents{
	margin-bottom:15px;
}

#index .short-module{
	width:349px;
	height:359px;
	background:url(../imgs/index2012/s_module_bg.jpg) no-repeat top left;
	position:relative;
}

#index .long-module{
	height:396px;
	background:url(../imgs/index2012/l_module_bg.jpg) no-repeat top left;
	position:relative;
}

#index .module{
	position: relative;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	background-color: #FFF;
	background-image: url(../imgs/index2012/module_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#index .module .title,
#index .short-module .title,
#index .long-module .title{
	position:absolute;
	/*top:3px;
	left:0px;*/
	left:-11px;
}

#index .module h3{
	margin-bottom:20px;
}

#index .course-desc{
	margin:15px 0;
	font-size:1em;
}


#index #eventtab .title{
	position:absolute;
	top:8px;
	left:20px;
	background-color:#fff;
}


/* ----------------------------------------------------
 日程更新
----------------------------------------------------*/
body#index #day{
	width:465px;
	height:490px;
	float:left;
	text-align: left;
}

body#index #day h2,
body#index #day h3{
	font-size:12px;
	margin-bottom:0;
}

body#index #day .day{
	font-weight:bold;
	color:#F60000;
	font-size:1.4em;
}

/* ----------------------------------------------------
 新着情報
----------------------------------------------------*/
body#index #update{
	width:465px;
	height:490px;
	float:right;
	text-align: left;
}

body#index #update ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body#index #update ul li {
	position: relative;
	min-height: 70px;
	margin-bottom: 10px;
	padding: 0 0 10px 80px;
	border-bottom: 1px dotted #999;
}

body#index #update ul li span {
	position: static;
	display: block;
}

body#index #update ul li span.photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	overflow: hidden;
}

/*body#index #update dl{
	padding:0px;
}

body#index #update dl dd{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #999;
}*/

/* ----------------------------------------------------
 PickUp
----------------------------------------------------*/
#pickupArea{
	margin-bottom:30px;
}

#pickupArea .pickupItem{

}

#pickupArea .pubDate{
	color:#333;
	text-align:right;
	margin-bottom:6px;
}

#pickupArea h3{
	text-align:left;
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	margin-bottom:6px;
}

#pickupArea h3 img{ 
  float:left;
  clear:left;
  margin: 0 10px 10px 0;
  padding: 0;
}


#pickupArea .pickup-thumb{
	float:left;
	margin:0 8px 8px 0;
}


ul#slider1,
ul#slider1 li{
	list-style:none;
}


/*スライドボタン*/
.bx-prev{
	position:absolute;
	left:2px;
	top:165px;
}


.bx-next{
	position:absolute;
	right:2px;
	top:165px;
}


/* ----------------------------------------------------
 学科紹介
----------------------------------------------------*/
#index #courseArea {
	padding: 10px;
}

#index #courseArea ul{
	list-style-type:none;
}

#index #courseArea ul li{
	float:left;
	background:#EFEFEF;
}

#index #courseArea a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* ----------------------------------------------------
 日デだからできること
----------------------------------------------------*/
#index #charmArea{
	padding: 10px;
}

#index #charmArea ul{
	margin-left:-10px;
	list-style-type:none;
}

#index #charmArea ul li{
	margin-left:10px;
	float:left;
}

/* ----------------------------------------------------
 就職&デビューサポート
----------------------------------------------------*/
#index #employmentArea{
	padding: 10px;
}

#index #employmentArea ul{
	margin-left:-10px;
	list-style-type:none;
}

#index #employmentArea ul li{
	margin-left:10px;
	float:left;
}

/* ----------------------------------------------------
 入試情報・学費
----------------------------------------------------*/
#index #invitationArea{
	padding: 10px;
}

#index #invitationArea ul{
	margin-left:-10px;
	list-style-type:none;
}

#index #invitationArea ul li{
	margin-left:10px;
	float:left;
}

/* ----------------------------------------------------
 SNS
----------------------------------------------------*/
#index #facebookArea {
	height:470px;
	padding:10px;
}

#index #twitterArea {
	height:460px;
}