@charset "UTF-8";
/* CSS Document */

/*********************************************
* TOP CONTENTS
*********************************************/
.inner20 {
	padding: 20px;
}
.mr_8 {
	margin-right: 8px;
}
#contWrap {
	background: url(../images/common/bg_contents.jpg) right repeat-y;
	margin-bottom: 11px;
	font-size: 93%;
	color: #787670;
}

#leftBox {
	width: 620px;
	float: left;
	
}
#rightBox {
	width: 282px;
	float: right;
	display: inline;
	margin-right: 20px;
}
/** left column style **/
#leftBox_col1 {
	width: 351px;
	float: left;
	margin-right: 68px;
}
#leftBox_col2 {
	width: 148px;
	float: left;
}
.addBox {
	margin-top: 40px;
}
h2.maintitle {
	font-size: 18px;
	margin-bottom: 10px;
}



h2#webbook {
	text-indent: -9999px;
	background: url(../images/whatsnew/h2_webbook.jpg) no-repeat;
	height: 18px;
	margin-bottom: 10px;
}
#webbookimg {
	position: relative;
	height: 125px;
}
#webbook_pdf {
	position: absolute;
	width: 33px;
	height: 21px;
	right: 0;
	bottom: 5px;
}
#webbook_pdf a{
	display: block;
	width: 33px;
	height: 21px;
	background: url(../images/whatsnew/btn_pdf.jpg) left top no-repeat;
	text-indent: -9999px;
}
#webbook_pdf a:hover{
	background: url(../images/whatsnew/btn_pdf.jpg) left -21px no-repeat;
}
.btn_video a, .btn_runway a {
	width: 133px;
	height: 21px;
	text-indent: -9999px;
}
.btn_video a{
	display: block;
	background: url(../images/whatsnew/btn_video.jpg) left top no-repeat;
}
.btn_video a:hover{
	background: url(../images/whatsnew/btn_video.jpg) left -21px no-repeat;
}
.btn_back a{
	width: 56px;
	height: 21px;
	text-indent: -9999px;
	display: block;
	background: url(../images/whatsnew/btn_back.jpg) left top no-repeat;
}
.btn_back a:hover{
	background: url(../images/whatsnew/btn_back.jpg) left -21px no-repeat;
}
.btn_space {
	margin-bottom: 18px;
	margin-left: 7px;
}
.btn_runway a{
	display: block;
	background: url(../images/whatsnew/btn_runway.jpg) left top no-repeat;
	margin-bottom: 15px;
	margin-left: 7px;
}
.btn_runway a:hover{
	background: url(../images/whatsnew/btn_runway.jpg) left -21px no-repeat;
}
.switch_active{
	display: block;
}

.btn_videoWrap a.switch_inactive, div.switch_inactive{
	display: none;
} 

#seasonal_video {
	background: #000000;
	padding: 15px 0 0 0;
}
#seasonal_video p {
	font-size: 93%;
	margin: 0;
}
h2.videotitle {
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 54px 5px 54px;
}
.promo_1_content {
	margin-bottom: 15px;
}
.videoTxt {
	padding: 10px 44px 20px 54px;
}


/** right column style **/

h1.pankuzu_new {
	font-size: 18px;
	margin-bottom: 20px;	
}
h1.pankuzu_new_small {
	font-size: 16px;
	margin-bottom: 20px;	
}
h1.pankuzu_new_smaller {
	font-size: 18px;
	margin-bottom: 20px;	
}
.sTxt {
	width: 142px;
	height: 44px;
	font-size: 138.5%;
	color: #000000;
	float: left;
	
}

.space {
	height: 11px;
	margin: 0 20px;
}
#rightBox h3 {
	font-size: 10px;
	margin: 3px 0 5px 0;
	line-height: 1.2;
}
#rightBox h3 a{
	color: #78787D; /* season color　*/
}
#rightBox h3 a:hover{
	color: #000000;
}

.listBoxtop {
	height: 21px;
}

.news_listBox li {
	border-bottom: 1px solid #E1DCD6;
	padding: 0 0 41px 0;
	margin-bottom: 41px;
	position: relative;
}
h2.news {
	font-size: 10px;
	color: #000000;
	margin-bottom: 5px;
	position: absolute;
	top: -21px;
	width: 200px;
}
h2.archive {
	font-size: 10px;
	color: #000000;
	margin-bottom: 5px;
	width: 200px;
}
.news_listBox li.last {
	border: none;
	margin-bottom: 20px;
	
}
.news_listBox dl {
	
}

.news_listBox dt {
	float: left;
	width: 100px;
}
.news_listBox dd {
	float: left;
	width: 182px;
	font-size: 85%;
}
* html.news_listBox dd {
	font-size: 77%;
}
.news_listBox p {
	margin: 0;
}

.btn_more {
	width: 100px;
	height: 21px;
	text-indent: -9999px;
}
.btn_more a{
	display: block;
	width: 100px;
	height: 21px;
	background: url(../images/whatsnew/btn_backnumber.jpg) left top no-repeat;
}
.btn_more a:hover{
	background: url(../images/whatsnew/btn_backnumber.jpg) left -21px no-repeat;
}

/*********************************************
* ABOUT BR
*********************************************/
h2#timeline {
	font-size: 18px;
	color: #000000;
	margin-bottom: 20px;
}
#timelineBox dt {
	width: 50px;
	float: left;
	color: #000000;
	vertical-align: text-top;
	padding-top: 2px;
}
#timelineBox dd {
	width: 530px;
	float: left;
	margin-bottom: 10px;
	line-height: 1.6;
	vertical-align: text-top;
}
#timelineBox li {
	clear: left;
}

/*********************************************
* RUNWAY
*********************************************/

#runwayBox {
	text-align: right;
}

/*********************************************
* TOPICS
*********************************************/
#topicsBox li {
	border-bottom: 1px solid #E1DCD6;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#topicsBox li.last {
	border: none;
}
#topicsBox .topic_rightBox {
	float: left;
	width: 400px;
	
}
#topicsBox h2.title_topics {
	font-size: 18px;
	margin-bottom: 10px;
	width: 400px;
}

#topicsBox li img {
	float: left;
	margin-right: 20px;
}
.topics_date {
	display: block;
	height: 18px;
	color: #78787D; /* season color　*/
}

#moreBtnBox {
	padding: 10px 0;
}

#moreBtn {
	width: 100px;
	height: 21px;
}
#moreBtn a {
	display: block;
	width: 100px;
	height: 21px;
	text-indent: -9999px;
	margin-left: 520px;
	background: url(../images/whatsnew/btn_backnumber.jpg) no-repeat;
}

#moreBtn a:hover {
	width: 100px;
	height: 21px;
	background: url(../images/whatsnew/btn_backnumber.jpg) left -21px no-repeat;
}

/*********************************************
* ARCHIVES
*********************************************/
#archivesWrap {
	margin-bottom: 11px;
	font-size: 93%;
	color: #787670;
	margin: 0 20px;
}
.archive_box {
	margin-bottom: 10px;
	margin-right: 0;
}

.archive_box ul{
	margin-top: 20px;
	margin-bottom: 0;
}
.archive_box li{
	width: 120px;
	float: left;
	text-align: center;
	margin: 0 10px 0 10px;
	height: 160px;
}
.archive_box li img{
	margin-bottom: 10px;
}
#archivesWrap h3 {
	font-size: 10px;
	margin: 2px 0 5px 0;
	line-height: 1.2;
}
#archivesWrap h3 a{
	color: #78787D; /* season color　*/
}
#archivesWrap h3 a:hover{
	color: #000000;
}
.underlineAr {
	border-bottom: 1px solid #E1DCD6;
	margin-bottom: 15px;
}





