@charset "utf-8";

/* -------------------------------------

   top.css 

------------------------------------- */ 


/*	メインビジュアル
----------------------------------------------------------*/

#main_visual {
	padding: 15px 0;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}

div#branding {
	width: 1000px;
	margin: 0 auto;
}

div#branding #pic {
	margin-top: 15px;
	margin-bottom: 15px;
}

#main_visual_thumbnail {
	width: 1000px;
	height: 80px;
	margin-right: -10px;
	overflow: hidden;
	zoom: 1;
}

#main_visual_thumbnail li{
	width: 240px;
	height: 80px;
	float: left;
	margin-right: 10px;
}

#main_visual_thumbnail li a {
	width: 242px;
	height: 80px;
	display: block;
	padding: 8px 1px 2px 3px;
	background: url(/images/top/branding_thum_off.png);
}
/*
div#branding ul#main_visual_thumbnail li a:hover{
	padding: 8px 1px 2px 3px;
	background: url(/img/top/branding_thum_on.png);
}

div#branding ul#main_visual_thumbnail li a.active{
	background: url(/img/top/branding_thum_active.png);
}
*/


div#branding div#pic{
	width: 985px;
	height: 394px;
	overflow: hidden;
}

/*	サムネイル
----------------------------------------------------------*/

#thumbnail{
	width: 1000px;
	margin: 0 auto;
}
#thumbnail_container{
	width: 1000px;
	height: 180px;
	margin-right: -10px;
	overflow: hidden;
	zoom: 1;
}
#thumbnail_container li{
	width: 240px;
	height: 80px;
	float: left;
	margin-right: 10px;
}

#thumbnail_container li a {
	width: 242px;
	height: 80px;
	display: block;
	padding: 8px 1px 2px 3px;
}


/*	TOPICS
----------------------------------------------------------*/

#news_area{
	width: 740px;
	margin: 0 auto;
	margin-bottom: 25px;
}

#news_box-L {
	float: left;
	width: 360px;
	height: 500px;
	background-color: #fff;
}

#news_box-R {
	float: right;
	width: 360px;
	height: 500px;
	background-color: #fff;
}

.news_title{
	width: 360px;
	border-bottom: 5px solid #dbd5c6;
}



#news_border {
	padding: 25px 10px;
	border-top: none;
	display: block;
}

#news_area dl dt {
	color: #2d140a;
	margin-bottom: 15px;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid #e8e8e8;
}
	
#news_area dl dd {
	width: 320px;
	margin-bottom: 5px;
}

#news_area dl dd a {
	text-decoration: underline;
	padding-left: 18px;
	background: url(/img/common/arrow_01.png) left center no-repeat;
}
#news_area dl dd a:hover {
	text-decoration: none;
	cursor: pointer;
}


#top_b_box {
	width: 660px;
	margin-right: 32px;
	margin-left: 8px;
	margin-bottom: 15px;
}
.topics_img{
	margin: 0 auto;
	text-align: center;
	margin: 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e8e8e8;
}

/*	就職について　企業とのつながり
----------------------------------------------------------*/
#contents_box {
	width: 766px;
	height: 200px;
	margin: 0 0 20px 0;
}
#contents_box-L{
	float: left;
	width: 360px;
	height: 200px;
}

#contents_box-R{
	float: right;
	width: 360px;
	height: 200px;
	margin-right: 30px;
}



/*	BAG CRAFT MASTER SCHOOLでしか体験できないことがあります
----------------------------------------------------------*/
.top-ttl{
	width: 766px;
	margin: 0 0 20px -5px;
}

#top_box {
	width: 750px;
	margin-left: 5px;
	margin-bottom: 20px;
}


#top_box_L {
	float: left;
	width: 235px;
	padding: 15px 10px;
	margin-right:-5px;
	margin-bottom: 20px;
	background: url(/img/top/bag_01.png) 0 0 repeat-y;
}
#top_box_M {
	float: left;
	width: 235px;
	padding: 15px 10px;
	margin-right:-5px;
	margin-bottom: 20px;
	background: url(/img/top/bag_02.png) 0 0 repeat-y;
}
#top_box_R {
	float: left;
	width: 235px;
	padding: 15px 10px;
	margin-right:-5px;
	margin-bottom: 20px;
	background: url(/img/top/bag_03.png) 0 0 repeat-y;
}


#top_box_L_movie {
	float: left;
	width: 360px;
	padding: 15px 10px;
	margin-right:-5px;
	margin-bottom: 20px;
}
#top_box_R_movie {
	float: right;
	width: 350px;
	padding: 15px 10px;
	margin-right:-5px;
	margin-bottom: 20px;
}

.txt-movie {
	width: 320px;
	padding: 10px 5px;
	margin: 10px 0 15px 0;
	font-size: 1em;
	line-height: 1.7em;
}


h4{
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 5px 0 5px;
}
.top-img{
	padding: 15px 0 15px 3px;
}
.txt-01 {
	width: 212px;
	margin-bottom: 15px;
	font-size: 1em;
	line-height: 1.7em;
}
.btn-01 {
	width: 212px;
	text-align: center;
	margin-bottom: 15px;
}


.txt_b{
	color: #00843a;
	font-weight: bold;
}

#top_b_box_banner {
	width: 680px;
	margin-bottom: 25px;
}

#top_box_L_02 {
	width: 330px;
	margin-left: 7px;
	margin-right: 10px;
	float: left;
}
#top_box_R_02 {
	float: right;
	width: 330px;
}




/*	Ameblo RSS読み込み
----------------------------------------------------------*/

#ameblo {
	clear:both;
	margin: 0;
	padding: 0;
	width: 310px;
	overflow:hidden;
}

.rssBody ul {
	margin: 0px;
	padding: 0px;
}

.rssBody ul li{
	margin: 5px 0 12px 0;
	padding: 0;
	border-bottom: 1px solid #e8e8e8;
	list-style:none;
	width: 310px;
	overflow:hidden;
}

.rssRow a {
	color: black;
	padding-left: 18px;
	background: url(/img/common/arrow_01.png) left center no-repeat;
}

.rssRow { 
	padding: 0 0 10px 0;
}
.rssRow div Concept


#Amebro div.rssBody ul li.rssRow.odd span {
	float: right;
	width: 252px;
	text-align: left;
	height: 20px;
	overflow: hidden;
}

#NewsFrame{
	width: 310px;
	height: 400px;
	text-align: left;
	padding: 10px;
	line-height: 22px;
}



/*	Slider
----------------------------------------------------------*/


/*-- ex9 --*/
#ex9 span{display: none;}
#ex9 .bx-pager{width:100%; height:10px;}
#ex9 .pager-link{
  background: url(/img/top/slide_pointer.png) left bottom;
  height:10px; width:10px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
#ex9 .pager-active{
  background: url(/img/top/slide_pointer.png) left top;
}