@charset "utf-8";

/* CSS Infomaition ===================================

File name: base.css
Description: Base / Reset style
Editors: Ishida Takayuki
Last Edit by: Ishida Takayuki
Date: 2010.1.14

=============================================== InfoEnd  */

/*Reset -----------------------------------------------  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Base ------------------------------------------------  */

body {
	font-size: 12px;
	color: #515151;
	line-height: 130%;
}

body dl dt {
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bold {
	font-weight: bold;
}

.red {
	color: #F00;
}
.arrow_red {
	background: url(../images/arrow_02.gif) no-repeat left top;
	padding-left: 1.5em;
}
.arrow_green {
	background: url(../images/arrow_03.gif) no-repeat left top;
	padding-left: 1.5em;
}
.align_center {
	text-align: center;
}

/*Body / Wrapper --------------------------------------  */

body {
	background: url(../images/body_bg_body_01.gif);
}
body #Wrapper {
	background: url(../images/body_bg_top_01.gif) repeat-x;
}
body #Wrapper #Container {
	background: #FFF;
	width: 968px;
	margin: 0 auto;
}

/*Header ----------------------------------------------  */

body #Wrapper #Container #Header {
	background: url(../images/body_bg_gradation_top.gif) repeat-y;
	width: 950px;
	padding: 0 20px;
}
body #Wrapper #Container #Header #Header_Body {
	background: url(../images/header_bg_body_01.gif) repeat-x top;
}
body #Wrapper #Container #Header #Header_Body h1#Header_Logo {
	margin: 0 0 7px 25px;
}
body #Wrapper #Container #Header #Header_Body ul#Header_Menu {
	background: url(../images/header_bg_body_right.gif) no-repeat right;
	padding: 10px 17px 0 0;
	list-style: url(../images/arrow_01.gif);
}
body #Wrapper #Container #Header #Header_Body ul#Header_Menu li {
	margin: 0 0 0 18px;
	color: #8f8f8f;
}
body #Wrapper #Container #Header #Header_Body ul#Header_Menu li a {
	text-decoration: none;
	color: #8f8f8f;
}
body #Wrapper #Container #Header #Header_Body ul#Header_Menu li a:hover {
	text-decoration: underline;
}

/*Gloval Nav ------------------------------------------  */

body #Wrapper #Container #Header #Gloval-Nav {
	background: url(../images/glovalnav_bg.gif) repeat-x;
	width: 871px;
	height: 46px;
	padding: 3px 39px 3px 40px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li a {
	display: block;
	float: left;
	background: url(../images/glovalnav.jpg) no-repeat;
	height: 46px;
	text-indent: -100000px;
	overflow: hidden;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Home a {
	background-position: 0px 0px;
	width: 103px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Event a {
	background-position: -103px 0px;
	width: 118px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Partner a {
	background-position: -221px 0px;
	width: 156px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Links a {
	background-position: -377px 0px;
	width: 138px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Ticket a {
	background-position: -515px 0px;
	width: 146px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Recruit a {
	background-position: -661px 0px;
	width: 113px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Blog a {
	background-position: -774px 0px;
	width: 97px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Home a:hover {
	background-position: 0px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Event a:hover {
	background-position: -103px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Partner a:hover {
	background-position: -221px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Links a:hover {
	background-position: -377px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Ticket a:hover {
	background-position: -515px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Recruit a:hover {
	background-position: -661px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Blog a:hover {
	background-position: -774px -92px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Home a.selected {
	background-position: 0px -46px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Event a.selected {
	background-position: -103px -46px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Partner a.selected {
	background-position: -221px -46px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Links a.selected {
	background-position: -377px -46px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Ticket a.selected {
	background-position: -515px -46px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Recruit a.selected {
	background-position: -661px -46px;
}
body #Wrapper #Container #Header #Gloval-Nav ul li#Nav_Blog a.selected {
	background-position: -774px -46px;
}

/*event-side_menu ---------------------------------------------  */

#left ul.side_menu li{
    margin-bottom:2px;
}

#left ul.side_menu a{
    display: block;
	float: left;
	height: 50px;
	width: 202px;
	text-indent: -100000px;
	overflow: hidden;
}

#left ul.side_menu li.concept{
    background:url(../../event/images/menu/concept.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.outline{
    background:url(../../event/images/menu/outline.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.access{
    background:url(../../event/images/menu/access.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.event{
    background:url(../../event/images/menu/event.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.ticket{
    background:url(../../event/images/menu/ticket.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.message{
    background:url(../../event/images/menu/message.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.exhibitor{
    background:url(../../event/images/menu/exhibitor.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

#left ul.side_menu li.media{
    background:url(../../event/images/menu/media.jpg) no-repeat;
	height: 50px;
	width: 202px;

}

/*Content ---------------------------------------------  */

body #Wrapper #Container #Content {
	background: url(../images/body_bg_gradation_body.gif) repeat-y;
	width: 950px;
	padding: 27px 20px 22px;
	_width:900px ;
}

/*Footer ----------------------------------------------  */

body #Wrapper #Container #Footer {
	background: url(../images/body_bg_gradation_body.gif) repeat-y;
	width: 950px;
	padding: 0 20px;
	
}
body #Wrapper #Container #Footer_Body {
	background: url(../images/footer_body_bg_01.gif) repeat-x;
	width: 950px;
	height: 33px;
	text-align: center;
	padding-top: 17px;
}
body #Wrapper #Container #Footer_Body p#Copyright {
	font-size: 11px;
	color: #838383;
}

/*ClearFix --------------------------------------------  */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}