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

	1. Style setting

		1. Style setting
		1-1. FontColor styles
		1-2. Headline styles
		1-3. Error styles
		1-4. Table styles
		1-5. Button styles
		1-6. Pager styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Title styles
		2-5. Breadcrumbs styles
		2-6. Main styles
		2-7. Footer styles

	3. Module setting
		3-1. ImgIcon styles
		3-2. NewIcon styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#1d1825; }
a:link, a:visited { color:#8766d2; }
a:hover, a:active {
	text-decoration:none;
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline {
/* 	position:relative;
margin-bottom:10px;
padding:8px;
background:#7e8cc0;
color:#FFF;
font-weight:bold;
line-height:1; */
}
.headline2 {
  margin-bottom: 24px;
  padding: 12px 30px;
	color: #fff;
	background: #9979db;
  font-size: 150%;
  font-weight: bold;
}
body.categoryAbout .headline2 { background: #4b75b9; }
body.categorySeminar .headline2 { background: #1daf9e; }
body.categoryExhibition .headline2 { background: #b2cf3e; }
body.categoryShownet .headline2 { background: #f0ba32; }
body.categoryCampaign .headline2 { background: #e06a3b; }
body.categoryAccess .headline2 { background: #b43c88; }

.headline3 {
	margin-bottom: 24px;
	padding: 12px 18px;
	background: #f0f0f0;
	font-weight: bold;
}
.headline4 {
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

/* ------------------------------------------------------------------
	1-3. Error styles
-------------------------------------------------------------------*/
.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color:#FFD3C3;
}
.error li {
	padding-left:25px;
	background:#FFD3C3 url(../img/common/icon_error.gif) no-repeat 10px .35em;
	*background-position:10px .2em;
	color:#F00;
}
.error input,
.error textarea,
.error select { background-color: #FFD3C3; }


/* ------------------------------------------------------------------
	1-4. Table styles
-------------------------------------------------------------------*/

/* Sheet styles
-------------------------------------------------------------------*/
.sheet {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	empty-cells:show;
}
.sheet caption {
	background-color: #efefef;
	margin-bottom: 10px;
	padding:8px 5px;
	border-bottom:none;
	font-weight:bold;
	text-align:center;
}
.sheet thead th {
	width:auto;
	padding:8px;
	background-color: #e9e0f9;
	background-image:none;
	font-weight:bold;
	line-height:1;
	text-align:left;
}
.sheet th, .sheet td {
	padding:20px 15px;
	border:1px solid #CCC;
}
.sheet th {
	width:20%;
	padding-left: 15px;
	background:#e9e0f9;
	font-weight: bold;
	text-align:left;
}
.tdHead {
	background: #e0f2fa !important;
}
.sheet input[type="text"],
.sheet input[type="password"],
.sheet textarea {
	width:80%;
	padding:5px;
	background:#F7F7F7;
	font-size:100%;
	font-weight:normal;
}
.sheet input[type="text"]:focus,
textarea:focus { background-color:#FFF; }
.sheet .caution {
	display:block;
	color:#C00;
	font-size:11px;
}


/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
.button {
	display:block;
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
	width:178px;
	height:44px;
	margin-bottom:20px;
	border-radius:5px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	behavior:url(../htc/PIE.php);
}
.button.black {
	border:1px solid #222;
	background:#333;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #555, #333);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #555, #333);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #555, #333);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #555, #333);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #555, #333);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #000;
	behavior:url(../htc/PIE.php);
}
.button.black:hover { background:#555; }
.button.blue {
	border:1px solid #145072;
	background:#2567AB;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4E89C5), color-stop(1, #2567AB));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #4E89C5, #2567AB);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #4E89C5, #2567AB);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #4E89C5, #2567AB);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #4E89C5, #2567AB);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #4E89C5, #2567AB);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #145072;
	behavior:url(../htc/PIE.php);
}
.button.blue:hover { background:#4E89C5; }
.button.yellow {
	border:1px solid #F7C942;
	background:#FADB4E;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FCEDA7), color-stop(1, #FADB4E));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FCEDA7, #FADB4E);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FCEDA7, #FADB4E);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FCEDA7, #FADB4E);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FCEDA7, #FADB4E);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FCEDA7, #FADB4E);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(../htc/PIE.php);
}
.button.yellow:hover { background:#FCEDA7; }
.button.gray {
	border:1px solid #CCC;
	background:#F5F5F5;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E6E6E6));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FFF, #E6E6E6);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FFF, #E6E6E6);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FFF, #E6E6E6);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FFF, #E6E6E6);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FFF, #E6E6E6);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(../htc/PIE.php);
}
.button.gray:hover { background:#FAFAFA; }


/* ------------------------------------------------------------------
	1-6. Pager styles
-------------------------------------------------------------------*/
.pager {
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
}
.pager li { display:inline; }
.pager li a {
	padding:5px 8px;
	border:1px solid #DDD;
	text-decoration:none;
}
.pager li a:hover {
	border:1px solid #DBECFF;
	background: #DBECFF;
}
.pager li strong {
	border:1px solid #DDD;
	padding:5px 8px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
}


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
body {
	background:url(../img/common/bg_main.png) repeat left top;
}
body > img { display: block; }
#wrapper {
	overflow: hidden;
}
#noScript {
	width:938px;
	margin:30px auto;
	padding:20px;
	border:1px solid #FF8282;
	background:#FFE0E6;
	font-weight:bold;
	text-align:center;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	position: relative;
	background: #fff url(../img/common/bg_interface.png) repeat-x 0 48px;
	height:313px;
	z-index: 200;
}
.hLinkSet {
	background: #9979DC;
	box-shadow: 0 1px 20px #7960ae;
}
.hLinkSet-inner {
	position: relative;
	width:940px;
	height: 48px;
	margin:0 auto;
}
.hLinkSet-inner .hLink {
	padding-top: 15px;
	color: #fff;
}
.hLinkSet-inner .hLink a {
	color: #fff;
}
.hLinkSet-inner .hNavi {
	position: absolute;
	top: 0;
	right: 0;
}
.hLinkSet-inner .hNavi li {
	float: left;
	margin: 8px 0 8px 5px;
}
.hLinkSet-inner .hNavi li.tw,
.hLinkSet-inner .hNavi li.fb {
	width: 26px;
}
.hLinkSet-inner .hNavi li.jp,
.hLinkSet-inner .hNavi li.us {
	width: 32px;
}
.hLinkSet-inner .hNavi li.tw {
	margin-left: 20px !important;
}
#logo {
	padding-top: 42px;
}
.headerInner {
	position: relative;
	width:940px;
	height: 151px;
	margin:0 auto;
}
.headerInner .dateplace {
	position: absolute;
	right:0;
	top:34px;
	line-height: 1;
}


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
nav {
	margin-top: -7px;
	border-bottom: 1px solid #ccc;
}
#navi {
	position:relative;
	width: 939px;
	margin:0 auto;
	background: url(../img/common/bg_gnavi.png) no-repeat left top;
	border-right: 1px solid #ccc;
}
#navi li {
	position: relative;
	float: left;
	width: 156px;
	height: 113px;
	margin: 7px 0 0;
	border-left: 1px solid #ccc;
	text-align: center;
}
#navi li a,
#navi li span {
	display:block;
	overflow:hidden;
	width: 156px;
	height: 96px;
}
#navi li#naviAbout,
#navi li#naviAbout a,
#navi li#naviAbout span {
	width: 155px;
}
#navi li#naviAccess,
#navi li#naviAccess a,
#navi li#naviAccess span {
	width: 154px;
}
#navi li a,
#navi li span {
  padding-top: 17px;
}
#navi li#naviAbout:hover a { background: #edf1f8; }
#navi li#naviSeminar:hover a { background: #e8f7f5; }
#navi li#naviExhibition:hover a { background: #f7faeb; }
#navi li#naviShownet:hover a { background: #fdf8ea; }
#navi li#naviCampaign:hover a { background: #fcf0eb; }
#navi li#naviAccess:hover a { background: #f7ebf3; }

body.categoryAbout #navi li#naviAbout a { background: #edf1f8; }
body.categorySeminar #navi li#naviSeminar a { background: #e8f7f5; }
body.categoryExhibition #navi li#naviExhibition a { background: #f7faeb; }
body.categoryShownet #navi li#naviShownet a { background: #fdf8ea; }
body.categoryCampaign #navi li#naviCampaign a { background: #fcf0eb; }
body.categoryAccess #navi li#naviAccess a { background: #f7ebf3; }

#navi li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#navi li ul li{
  overflow: hidden;
  width: 156px;
  height: 0;
	margin: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  display: block;
  border: none;
}
#navi li ul li a{
	height: 48px;
	padding: 0;
  color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 48px;
  text-align: center;
	text-decoration: none;
}
#navi li:hover ul li{
  overflow: visible;
  height: 48px;
}
#navi li ul li:hover a {
  color: #1d1825;
}

#navi li#naviAbout ul li a { background: #4b75b9 !important; }
#navi li#naviSeminar ul li a { background: #1daf9e !important; }
#navi li#naviExhibition ul li a { background: #b2cf3e !important; }
#navi li#naviShownet ul li a { background: #f0ba32 !important; }
#navi li#naviCampaign ul li a { background: #e06a3b !important; }
#navi li#naviAccess ul li a { background: #b43c88 !important; }

#navi li#naviAbout ul li:hover a { background: #edf1f8 !important; }
#navi li#naviSeminar ul li:hover a { background: #e8f7f5 !important; }
#navi li#naviExhibition ul li:hover a { background: #f7faeb !important; }
#navi li#naviShownet ul li:hover a { background: #fdf8ea !important; }
#navi li#naviCampaign ul li:hover a { background: #fcf0eb !important; }
#navi li#naviAccess ul li:hover a { background: #f7ebf3 !important; }

/* ------------------------------------------------------------------
	2-4. Title styles
-------------------------------------------------------------------*/
#pageTitle {
	position: relative;
	width: 940px;
	margin: 48px auto;
	padding: 24px 0 12px;
	background: #9979db;
	color: #fff;
}
#title {
	margin: 0;
	padding: 12px 30px;
	font-weight: bold;
	font-size: 340%;
}

body.categoryAbout #pageTitle { background: #4b75b9 url(../img/common/img_category_about.png) no-repeat 95% 100%; }
body.categorySeminar #pageTitle { background: #1daf9e url(../img/common/img_category_seminar.png) no-repeat 95% 100%; }
body.categoryExhibition #pageTitle { background: #b2cf3e url(../img/common/img_category_exhibition.png) no-repeat 95% 100%; }
body.categoryShownet #pageTitle { background: #f0ba32 url(../img/common/img_category_shownet.png) no-repeat 95% 100%; }
body.categoryCampaign #pageTitle { background: #e06a3b url(../img/common/img_category_campaign.png) no-repeat 95% 100%; }
body.categoryAccess #pageTitle { background: #b43c88 url(../img/common/img_category_access.png) no-repeat 95% 100%; }


/* ------------------------------------------------------------------
	2-5. Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	position: absolute;
	top: 24px;
	left: 30px;
	width:940px;
	line-height:1;
}
.breadcrumbs li {
	display:inline;
	color: #fff;
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
	padding-right:20px;
	background:url(../img/common/icon_location.png) no-repeat 100% 50%;
	color: #fff;
}
.breadcrumbs li:last-child { font-weight:bold; }


/* ------------------------------------------------------------------
	2-6. Main styles
-------------------------------------------------------------------*/
#main {
	position:relative;
	width:940px;
	margin:0 auto 20px;
}
#main p { margin-bottom:18px; }
#main .section {
	margin-bottom:48px;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px #ddd;
	box-shadow: 0 1px 3px #ddd;
}
#main .mbh { margin-bottom: 24px; }
#main .sectionBreak {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dotted #ccc;
}
#main .item { margin-bottom:30px; }
#main .inner {
	width:100%;
	margin-bottom:20px;
}
#main .section .box {
	padding:10px;
	border:1px solid #ccc;
}

.main_top {
	width:757px;
}

.main_contents {
	width:737px;
	margin-top: 15px;
}

#main .newsCol {
	float: left;
	width: 554px;
}
.col2_box { margin-left: -11px; }
.col2 {
  float: left;
  width: 363px;
  margin-left: 11px;
  margin-bottom: 10px;
}
.col4_box_boxinside { margin-left: -10px; }
.col4_box_boxinside > li {
  float: left;
  margin-left: 10px;
}

#main .newsCol {
	float: left;
	width: 554px;
}
.text_2col {
	float: left;
	width: 417px;
}
.photo_2col {
	float: right;
	width: 300px;
}

.planningBtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.planningBtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/* ------------------------------------------------------------------
	2-7 Footer styles
-------------------------------------------------------------------*/

/*	PageTop styles
-------------------------------------------------------------------*/
.pageTop {
	position:relative;
	clear:both;
	padding-right: 20px;
	background: url(../img/common/icon_pagetop.png) no-repeat 100% 50%;
	text-align: right;
}

/*	Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	height: 72px;
	background: #9979db url(../img/common/bg_interface.png) repeat-x left top;
}
#footerInner {
	position: relative;
	width: 940px;
	margin: 0 auto;
	color: #fff;
	line-height: 72px;
	text-align: center;
}


/*==================================================================
	3. Module setting
===================================================================*/

/* ------------------------------------------------------------------
	3-1. ImgIcon styles
-------------------------------------------------------------------*/
.li {
	padding-left:10px;
	background:url(../img/common/icon_linkarrow.gif) no-repeat 0 .35em;
}

/* ------------------------------------------------------------------
	3-2. NewIcon styles
-------------------------------------------------------------------*/
.iconNew {
	display: inline-block;
	width: 35px;
	height: 14px;
	background:url(../img/top/icon_new.gif) no-repeat 0 0;
}