@charset "UTF-8";

/* ==================================================================================

Bunka Fashion College
Version: May 2011

================================================================================== */

#wrapper {
	padding-top: 30px;
	padding-bottom: 50px;
}

#header {
	clear: both;
	border-bottom: none;
}

#main-area {
	width: 1040px;
	margin: 0 auto 0 auto;
	position: relative;
	height: 319px;
}

#main-area #slider {
	padding: 0 40px 0 40px;
}

h2 {
	padding-bottom: 40px;
}



/*-----------------------------------------------
	#index-leftbox
-----------------------------------------------*/

#index-leftbox {
	float: left;
	width: 656px;
}

#index-leftbox ul#c-area {
	margin-bottom: 50px;
}

#index-leftbox ul#c-area li {
	margin-bottom: 6px;
}

#index-leftbox ul#c-area li.last {
	margin-bottom: 0;
}

#index-leftbox ul#pickup {
	margin-top: 8px;
}

#index-leftbox ul#pickup li {
	font-size: 93%;
	border: 1px dotted #000;
	overflow: hidden;
	padding: 15px 10px;
	margin-bottom: 7px;
}

#index-leftbox ul#pickup li span {
	display: block;
	float: left;
	line-height: 1.6;
}

*html #index-leftbox ul#pickup li span {
	padding: 9px 0 0 0;
}
	

#index-leftbox ul#pickup li span.date {
	width: 70px;
	font-size: 93%;
	line-height: 1.8 !important;
}

#index-leftbox ul#pickup li span.text {
	float: right;
	width: 409px;
	line-height: 1.4;
	color: #EBACC0;
}

#index-leftbox ul#pickup li span.text a {
	line-height: 1.6 !important;
}


#index-leftbox ul#news {
	margin-bottom: 8px;
	border-bottom: 1px solid #3c3c3c;
}

#index-leftbox ul#news li {
	font-size: 93%;
	padding: 11px 40px 11px 0;
	border-top: 1px dotted #000;
}


#index-leftbox ul#c-navi {
	padding: 6px 5px 5px 6px;
	background: url(../img/img_bg_check-grey.gif) repeat top left;
}

#index-leftbox ul#c-navi li {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	background: #fff;
}

#index-leftbox .h2-wrap h2 {
	float: left;
}

#index-leftbox .h2-wrap p {
	float: right;
	font-size: 93%;
	padding-top: 6px;
}

#index-leftbox .h2-wrap p a {
	text-decoration: underline;
}

#index-leftbox .h2-wrap p a:hover {
	text-decoration: none;
}

#index-leftbox h2#news-title {
	padding: 23px 0 9px 0;
}

#index-leftbox h2#news-melt-title {
	margin-top: 50px;
	width: 640px;
}


#index-leftbox iframe#melt-news {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#index-leftbox .h2-wrap {
	width: 640px;
}

/*-----------------------------------------------
	#index-rightbox
-----------------------------------------------*/

#index-rightbox {
	float: right;
	width: 256px;
}


#index-rightbox ul#t-navi {
	position: relative;
	margin-bottom: 36px;
}

#index-rightbox ul#t-navi {
	border: 1px solid #3C3C3C;
	padding: 2px;
}

#index-rightbox ul#t-navi li {
	border: 1px solid #3C3C3C;
	border-bottom: none;
}

#index-rightbox ul#t-navi li.last {
	border: 1px solid #3C3C3C;
}


#index-rightbox ul#t-navi ul {
	display: none;
	position: absolute;
	top: 51px;
	left: -22px;
	width: 220px;
	height: 28px;
	padding-top: 9px;
	padding-left: 12px;
	background: url(../img/img_t-navi_bg.png) no-repeat top left;
}

#index-rightbox ul#t-navi ul li {
	float: left;
	margin-right: 6px;
	border: none;
}

#index-rightbox #banner {
	background: url(../img/img_banner_top.gif) no-repeat 0 top;
	padding-top: 6px;
}

#index-rightbox #banner ul {
	background: url(../img/img_bg_banner.gif) repeat-y 0 0;
	padding: 7px 12px 7px 12px;
}

#index-rightbox #banner ul li {
	margin-bottom: 5px;
}

#index-rightbox #banner ul li img {
	background-color: #e9e9e9;
}

#index-rightbox #banner ul li.big {
	margin-bottom: 14px;
}

#index-rightbox #banner ul li.line {
	padding-bottom: 14px;
	border-bottom: #CDCDCD 1px solid;
	margin-bottom: 13px;
}

#index-rightbox #banner ul li.last {
	margin-bottom: 0;
}

#index-rightbox #banner ul li.last ul {
	background: none;
	padding: 0;
}

#index-rightbox #banner ul li.last ul li {
	margin-right: 5px;
	margin-bottom: 0;
	float: left;
}

#index-rightbox div.twit-box {
	margin-top: 25px;
}

#index-rightbox div.twit-box a {
	display: inline !important;
}

#index-rightbox #gansyo {
	margin-bottom: 34px;
}


/*-----------------------------------------------
	#index-sp-banner
-----------------------------------------------*/

#index-sp-banner {
	margin-top: 90px;
}

#index-sp-banner ul {
	clear: both;
	margin-bottom: 40px;
}

#index-sp-banner ul li {
	float: left;
	margin-right: 20px;
	width: 225px;
}

#index-sp-banner ul li img {
	margin-bottom: 18px;
}

#index-sp-banner ul li.right {
	margin-right: 0px;
}

#index-sp-banner ul h3 {
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 12px;
	letter-spacing: 0.08em;
}

#index-sp-banner ul p {
	font-size: 85%;
	line-height: 1.6;
}

#index-sp-banner #other-banner-box ul.last {
	margin-bottom: 0;
}

#more {
	margin-top: 40px;
	display: block;
	height: 81px;
	width: 960px;
	background: url(../img/img_bg_index_more.gif) no-repeat 0 0;
	text-decoration: underline;
	font-size: 108%;
	text-align: center;
	display: table-cell;
    vertical-align: middle;
}

#more:hover {
	text-decoration: none;
}

/* IE 6 */
* html #more {
	padding-top: 30px;
}

/* IE 7 */
*:first-child+html #more {
	padding-top: 30px;
}