@charset "UTF-8";

/* ****************************************************
Title: top.css
Created: 2010/08/13
Last Modified: 2010/08/13
Editor(s): iwahara
Last Editor: iwahara
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#02 header
#03 visual
#04 pageBody
#05 content

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


/* #01 General Elements
---------------------------------------------------------------------------- */



/* #02 header
---------------------------------------------------------------------------- */

p#hukidashi {
	height: 101px;
	margin-bottom: 0;
	position: absolute;
	right: -62px;
	top: 29px;
	text-indent: -9999px;
	width: 140px;
}

p#hukidashi strong {
	background: url(../images/img_hukidashi2009.gif) no-repeat left top;
	display: block;
	height: 101px;
	width: 140px;
}


/*  gNavi
---------------------------------------------------------------------------- */
div#gNavi ul li#gNaviHome,
div#gNavi ul li#gNaviHome a {
	background: url(../common/images/gnavi_home_o.gif) no-repeat left top;
}

/* #03 visual
---------------------------------------------------------------------------- */
div#header {
	height: 249px;
	background: url(../common/images/bg_header.jpg) no-repeat 0 0;
}

div#header #logo {
	position: absolute;
	top: 118px;
	left: 25px;
	text-indent: -9999px;
	width: 293px;
	height: 108px;
	margin-bottom: 0;
}


/* #04 pageBody
---------------------------------------------------------------------------- */

/* #05 content
---------------------------------------------------------------------------- */

div#content {
	width: 570px;
}


div#content div#newsArea {
	margin-bottom: 15px;
}


div#content .marginTop25px {
	margin-top: 25px;
}

div#content div#newsArea.section dl {
	margin: 0 10px;
}

div#content div#newsArea.section dl dt {
	width: 95px;
	padding-left: 10px;
	color: #267141;
	font-weight: bold;
	background: url(../common/images/ico_arrow.gif) no-repeat 0 5px;
}

div#content div.section ul#eventPhoto {
	margin-left: 25px;
}

div#content div.section ul#eventPhoto li {
	display: inline;
	list-style: none;
	margin: 0;
	padding-right: 15px;
}

div#content div.section ul#eventPhoto li img {
	padding-bottom: 20px;
}

div#content div#newsArea.section dl dd {
	border-bottom: 1px dotted #b2b2b2;
	margin-bottom: 4px;
	padding: 0 0 3px 104px;
	margin-top: -22px;
}

table.outlineTable {
	width: 100%;
	margin-bottom: 15px;
}

table.outlineTable th {
	background: #66ab7f;
	border: solid 1px #ffffff;
	color: #000000;
	padding: 5px 10px;
	width: 20%;
}

table.outlineTable tr.odd th {
	background: #99c7a9;
}

table.outlineTable th.thHead {
	background: #2F6291;
	color: #ffffff;
}

table.outlineTable td {
	background: #DEE2E5;
	border: solid 1px #ffffff;
	padding: 5px 10px;
}

table.outlineTable tr.odd td {
	background: #e8ebed;
}

div#content div.section h3 {
	margin: 24px 0 20px 12px;
}


div#content div.section div.problem {
	margin: 0 10px;
	width: 640px;
	background: url(../images/bg_problembox.gif) no-repeat 0 100%;
}

div#content div.section div.problemHead {
	padding: 12px 12px 0 12px;
	background: url(../images/bg_problembox_head.gif) no-repeat 0 0;
}

div#content div.section div.problem div.mailProblem,
div#content div.section div.problem div.actionProblem {
	clear: both;
	height: 1%;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}

div#content div.section div.problem div.mailProblem ul {
	margin: 0;
	padding: 0;
	width: 392px;
	height: 262px;
	background: url(../images/txt_problem.gif) no-repeat 0 0;
	text-indent: -9999px;
}

div#content div.section div.problem div.mailProblem ul li {
	width: 310px;
	height: 25px;
}

div#content div.section div.problem div.mailProblem p#hope1 {
	position: absolute;
	right: -10px;
	top: 10px;
	padding: 0;
	width: 165px;
	height: 85px;
	background: url(../images/txt_hope01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

div#content div.section div.problem div.mailProblem p#hope2 {
	position: absolute;
	right: -10px;
	top: 130px;
	padding: 0;
	width: 165px;
	height: 108px;
	background: url(../images/txt_hope02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

div#content div.section div.problem div.actionProblem ul {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 344px;
	height: 130px;
	background: url(../images/txt_action.gif) no-repeat 0 0;
	text-indent: -9999px;
}

div#content div.section div.problem div.actionProblem ul li {
	width: 310px;
	height: 25px;
}

div#content div.section div.problem div.actionProblem p {
	float: right;
	margin: 12px 0 0 0;
	padding: 0;
	width: 165px;
	height: 108px;
	background: url(../images/txt_hope02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

div#content div.section p.nowEntry {
	margin: 15px 0 0 10px;
	padding-top: 30px;
	background: url(../images/bg_arrow_under.gif) no-repeat 50% 0;
}


div#content div.section ol#exhibitNumber {
	margin-top: 15px;
}

div#content div.section ol#exhibitNumber li {
	width: 550px;
}

div#content div.section ol#exhibitNumber li#numberOne {
	background: url(../images/img_number01.gif) no-repeat 0 0;
}

div#content div.section ol#exhibitNumber li#numberTwo {
	background: url(../images/img_number02.gif) no-repeat 0 0;
}

div#content div.section ol#exhibitNumber li#numberThree {
	background: url(../images/img_number03.gif) no-repeat 0 0;
}

div#content div.section ol#exhibitNumber li dl {
	margin: 0 0 17px 81px;
}

div#content div.section ol#exhibitNumber li dl dt {
	color: #074570;
	font-size: 14px;
	font-weight: bold;
}

div#content div.section ol#exhibitNumber li dl dd {
	margin-bottom: 20px;
}

div#content div.section ol#exhibitNumber li dl dd img {
	padding-left: 10px;
	padding-right: 15px;
}

div#content p.bnrRegistSpace {
	position: absolute;
	top: 0;
	right: 7px;
	width: 170px;
	height: 1%;
	background: #434343;
	display: block;
}

* html div#content p.bnrRegistSpace {
	position: static;
	float: right;
	width: 170px;
}

*:first-child+html div#content p.bnrRegistSpace {
	position: static;
	float: right;
	width: 170px;
}


div#content p.bnrRegistSpace img {
}


/* #06 clearfix
---------------------------------------------------------------------------- */



div#content div.section ol#exhibitNumber li dl dd:after,
div#content div#newsArea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content div.section ol#exhibitNumber li dl dd,
div#content div#newsArea {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div#content div.section ol#exhibitNumber li dl dd,
* html div#content div#newsArea {
	height: 1%;
}
div#content div.section ol#exhibitNumber li dl dd,
div#content div#newsArea {
	display: block;
}
/* End hide from IE-mac */



div#sideBar ul li.smallText {
	margin-bottom: 2px;
}
