@charset "utf-8";

/* ######################################################################

     JA TOP-PAGE

###################################################################### */


/* content
==================================================================== */
div#content {
	overflow:hidden;
}

div#content #mainTop {
	margin-left:-20px;
}




/* interBEEblock
----------------------------------------------------------- */

/* 1Panel	w220	h291 */

div#content #mainTop div.interBEEblock {
	height:291px;
	margin-bottom:20px;
	margin-left:20px;
}


/* infoImage
----------------------------- */
div#content #mainTop div.interBEEblock div.infoImage {
	float:left;
	display:inline;
	width:220px;
	height:291px;
}

/* infoImage
----------------------------- */
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ja,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_en,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_cs,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ct,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_kr {
	float:left;
	display:inline;
	position:relative;
	width:220px;
	height:291px;
	overflow:hidden;
}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ja{ background:url(../img/img_top_info_2017_ja.jpg) left top no-repeat;}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_en{ background:url(../../en/img/img_top_info_2017_en.jpg) left top no-repeat;}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_cs{ background:url(../../cs/img/img_top_info_2016_cs.jpg) left top no-repeat;}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ct{ background:url(../../ct/img/img_top_info_2016_ct.jpg) left top no-repeat;}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_kr{ background:url(../../kr/img/img_top_info_2016_kr.jpg) left top no-repeat;}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ja a,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_en a,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_cs a,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ct a,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_kr a{
	display:block;
	position:absolute;
	left:0;
	width:200px;
	height:25px;
	border:none;
	padding:none;
    right: 0;
	margin:auto;
	text-indent:100%;
	white-space: nowrap;
	overflow:hidden;
}
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ja a:hover,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_en a:hover,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_cs a:hover,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_ct a:hover,
div#content #mainTop div.interBEEblock div.infoImage_type_bt_kr a:hover{
	background:#fff;
	opacity:0.2;
	filter: alpha(opacity=20);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=20)";  /* ie 8 */
	-moz-opacity:0.2;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.2;              /* Safari 1.x */
}



/* infoMain
----------------------------- */
div#content #mainTop div.interBEEblock div.infoMain {
	overflow:hidden;
	float:left;
	display:inline;
	width:460px;
	height:285px;
	margin-left:20px;
	text-align:center;
	border-top:6px solid #000;
}

div#content #mainTop div.interBEEblock div.infoMain ul.menu {
	/*margin:19px 0 0;*/
	margin:0 0 0;
	padding:0;
	list-style-type:none;
	list-style-position:inside;
}

div#content #mainTop div.interBEEblock div.infoMain ul.menu:after {
    clear: both;
    content: '';
    display: block;
}

div#content #mainTop div.interBEEblock div.infoMain ul.menu li {
	float:left;
	display:block;
	width:210px;
	margin:3px;
	/*padding:6px;*/
	padding: 0 6px;
	text-align:left;
	font-size:93%; /* fs12 */
	border:1px solid #CCC;
	height:34px;
	line-height:1.0;
}

div#content #mainTop div.interBEEblock div.infoMain ul.menu li:hover {
	cursor: pointer;
	background: #f4f4f4;
}

div#content #mainTop div.interBEEblock div.infoMain ul.menu li a {
	display:block;
	text-decoration:none;
	padding:11px 06px;
}







/* infoNews
----------------------------- */
div#content #mainTop div.interBEEblock div.infoNews01,
div#content #mainTop div.interBEEblock div.infoNews02 {
	overflow:hidden;
	float:left;
	display:inline;
	width:212px;
	height:130px;
	margin-left:20px;
	padding:4px;
	border-top:3px solid #000;
}
div#content #mainTop div.interBEEblock div.infoNews01 {
	margin-bottom:10px;
}

div#content #mainTop div.interBEEblock div.infoNews01 h2,
div#content #mainTop div.interBEEblock div.infoNews02 h2 {
	float:left;
	display:inline;
	font-size:100%; /* fs13 */
	font-weight:normal;
	margin:0;
}

div#content #mainTop div.interBEEblock div.infoNews01 a.all,
div#content #mainTop div.interBEEblock div.infoNews02 a.all {
	float:right;
	display:inline;
	font-size:85%; /* fs11 */
}

div#content #mainTop div.interBEEblock div.infoNews01 dl,
div#content #mainTop div.interBEEblock div.infoNews02 dl {
	clear:both;
	margin:0;
	padding:0;
}

div#content #mainTop div.interBEEblock div.infoNews01 dt,
div#content #mainTop div.interBEEblock div.infoNews02 dt {
	font-size:77%; /* fs10 */
	margin:0;
	padding:8px 0 0;
}

div#content #mainTop div.interBEEblock div.infoNews01 dd,
div#content #mainTop div.interBEEblock div.infoNews02 dd {
	overflow:hidden;
	height:2.8em;
	margin:0;
	font-size:85%; /* fs11 */
}



div#content #mainTop div.interBEEblock div.infoNews02 a#exhibition_phese_bnr{
	display:block;
	margin:0;
	padding:0;
	width:220px;
	height:71px;
	margin-top:58px;
}


/* Magazine
----------------------------------------------------------- */
div#content #mainTop ul.magazineBlock {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position: inside;
}

div#content #mainTop ul.magazineBlock li {
	overflow:hidden;
	float:left;
	display:inline;
	width:212px;
	height:280px;
	padding:4px;
	margin-left:20px;
	margin-bottom:20px;
}


div#content #mainTop ul.magazineBlock li a {
	text-decoration:none;
}

div#content #mainTop ul.magazineBlock li:hover{
	cursor: pointer;
	background: #f4f4f4;
}

div#content #mainTop ul.magazineBlock li img {
	width:212px;
}
div#content #mainTop ul.magazineBlock li span.image {
	position:relative;
	float:left;
	display:inline;
	width:212px;
	height:141px;
	margin-bottom:8px;
	overflow:hidden;
}

div#content #mainTop ul.magazineBlock li img.play {
	position:absolute;
	top:49px;
	left:76px;
	width:60px;
	height:43px;
}

div#content #mainTop ul.magazineBlock li div.entryTitle {
	padding-bottom:2px;
}

div#content #mainTop ul.magazineBlock li span.category {
	float:left;
	display:inline;
	padding-top:1px;
	font-size:77%; /* fs11 */
}

div#content #mainTop ul.magazineBlock li span.date {
	float:right;
	display:inline;
	padding-top:1px;
	font-size:77%; /* fs10 */
}

div#content #mainTop ul.magazineBlock li h3 {
	margin:0;
	font-size:108%; /* fs14 */
	font-weight:normal;
}


/* Magazine col2
----------------------------------------------------------- */
div#content #mainTop ul.magazineBlock li.col2 {
	width:452px;
}

div#content #mainTop ul.magazineBlock li.col2 div.entryTitle {
	padding-bottom:5px;
}

div#content #mainTop ul.magazineBlock li.col2 span.category {
	font-size:123.1%; /* fs16 */
}

div#content #mainTop ul.magazineBlock li.col2 span.date {
	padding-top:2px;
	font-size:100%; /* fs13 */
}

div#content #mainTop ul.magazineBlock li.col2 h3 {
	float:right;
	display:inline;
	width:230px;
	margin:0;
	font-weight:bold;
	font-size:123.1%; /* fs16 */
}

div#content #mainTop ul.magazineBlock li.col2 p {
	clear:both;
	margin-top:0;
	color:#242424;
	line-height:1.6;
	font-size:93%; /* fs12 */
}


/* Creation */
div#content #mainTop ul.magazineBlock li.cat01 { border-top:3px solid #0079c2;}
div#content #mainTop ul.magazineBlock li.cat01 span.category { color:#0079c2; font-weight:bold;}

/* Management */
div#content #mainTop ul.magazineBlock li.cat02 { border-top:3px solid #006400;}
div#content #mainTop ul.magazineBlock li.cat02 span.category { color:#006400; font-weight:bold;}

/* Delivery */
div#content #mainTop ul.magazineBlock li.cat03 { border-top:3px solid #f8b500;}
div#content #mainTop ul.magazineBlock li.cat03 span.category { color:#f8b500; font-weight:bold;}

/* Special */
div#content #mainTop ul.magazineBlock li.cat04 { border-top:3px solid #841a75;}
div#content #mainTop ul.magazineBlock li.cat04 span.category { color:#841a75; font-weight:bold;}





/* mainBnrBlock
----------------------------------------------------------- */


div#content #mainTop div.mainBnrBlock {
	height:47px;
	margin-bottom:22px;
	margin-left:18px;
}

div#content #mainTop div.mainBnrBlock ul.bnrList {
/*    background: #fff url('../img/bnr/bg_bnr.gif') 0 0 repeat-x;*/
    font-size: 0;
	margin:0;
	padding:0;
    text-align: center;
	list-style-type:none;
	list-style-position:inside;
}
z
div#content #mainTop div.mainBnrBlock ul.bnrList:after {
    clear: both;
    content: '';
    display: block;
}

div#content #mainTop div.mainBnrBlock ul.bnrList li {
    background-color: #fff;
    display: inline-block;
	width:188px;
	margin:0;
	padding:0;
	border:none;
	height:47px;
	line-height:1.0;
}

div#content #mainTop div.mainBnrBlock ul.bnrList li:hover {
	background: #f4f4f4;
}

div#content #mainTop div.mainBnrBlock ul.bnrList li a {
	display:block;
	text-decoration:none;
}


div#content #mainTop div.mainBnrBlock ul.bnrList li.none {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor:default;
}




/* bnrBlock
----------------------------------------------------------- */
div#content #mainTop div#bnrBlock {
	overflow:hidden;
	float:right;
	display:inline;
	width:220px;
	height:602px;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

div#content #mainTop div#bnrBlock span {
	float:left;
	display:inline;
	padding:8px 0 3px;
	color:#aaa;
	font-size:85%; /* fs11 */
}

div#content #mainTop div#bnrBlock a.all {
	float:right;
	display:inline;
	padding:8px 0 3px;
	font-size:85%; /* fs11 */
}

div#content #mainTop div#bnrBlock ul {
	clear:both;
	display:block;
	width:220px;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#content #mainTop div#bnrBlock ul li {
	display:block;
	width:220px;
	margin:0;
	padding:0 0 3px 0;
	/*padding:0 0 8px 0;*/
	line-height:0;
}
div#content #mainTop div#bnrBlock ul li img {
	vertical-align:top;
}

div#content #mainTop div#bnrBlock div.bnr,
div#content #mainTop div#bnrBlock div.bnrNoRandom {
	width:220px;
	margin:0;
	padding:0;
	padding-bottom:2px;
}