﻿@charset "utf-8";

@import url("system.css");

/* -----------------------------------------------
 base
----------------------------------------------- */

body {
	background: #F8F8F8;
	color: #3F3F3F;
	margin:0 auto;
	padding:0;
	font-family:"ＭＳ ゴシック", "Osaka－等幅", Arial;
}

.clear { clear:both;}


/* -----------------------------------------------
 font
----------------------------------------------- */

h1,h2,h3,h4,h5,h6,div,p,ul,ol,blockquote {
	padding:0;
	margin:0;
	font-size:small;
}

h1 { float:left; }

h2 {
	width:590px;
	height:56px;
	text-indent:-9999px;
	margin-bottom:20px;
}

h3 { margin:10px 0 ; }

h4 {
	margin:20px 0 15px 0;
	padding:5px 10px;
	color:#4D525E;
	border-bottom:#E8E9EC 2px solid;
	background:url(../../images/list_rtg_grn.gif) no-repeat;
}

h5 { color:#009900; padding:7px 5px; background-color:#E9F4DF; }
h6 {background:url(../../images/list_cr_org.gif) no-repeat; padding-left:13px; margin:10px 0 0 0; }

p {
	margin: 5px 0 10px 0;
	line-height:1.5em;
}

.noB { font-weight:normal; }
.txt10 { font-size:10px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txt20 { font-size:20px; }

.Red {color:#FF4066; }

.BrnB {color:#695C2C; font-weight:bold; }
.OrgB {color:#FFCC00; font-weight:bold; }
.RedB {color:#FF4066; font-weight:bold; }
.GrnB {color:#4F911A; font-weight:bold; }
.BleB {color:#2088B5; font-weight:bold; }

.Brn10 {color:#695C2C; font-size:10px;}
.Grn10 {color:#4F911A; font-size:10px;}

.alR { text-align:right; }
.alL { text-align:left; }


/* -----------------------------------------------
 link
----------------------------------------------- */

a { color: #0275B9;	text-decoration: none; }
a:hover { color: #0275B9; text-decoration:underline; }
a:active { color: #F07642; text-decoration: none; }


/* -----------------------------------------------
 margin,padding and image
----------------------------------------------- */

.imgpd { margin:10px 0; }
.imgL { float:left; margin:0 10px 10px 0; }
.imgR { float:right; margin:0 0 10px 10px; }

.Right { text-align:right; }
.Center { text-align:center; }

.mgnL10 { margin-left:10px; }
.mgnT10 { margin-top:10px; }
.mgnT15 { margin-top:15px; }

.pd5 { padding:5px; }
.pd10 { padding:10px; }
.pdLR5 { padding:0 5px; }
.pdLR10 { padding:0 10px; }


/* -----------------------------------------------
 form
----------------------------------------------- */

.w30 { width:30px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w385 { width:385px; }


/* -----------------------------------------------
 header
----------------------------------------------- */

#wrap_head {
	background:url(../../images/wrap_bg.jpg) repeat-y;
	width:840px;
	padding:0 2px 0 6px;
	margin:0 auto;
}

#header { background:url(../../images/header_top.jpg) no-repeat; padding-top:3px; }

#header .date {	
	background:url(../../images/header_date.jpg) no-repeat;
	width:200px;
	height:96px;
	text-indent: -9999px;
	float:left;
}

#header .contact {
	width:185px;
	margin:35px 0 0 20px;
	float:left;
}

/* -----------------------------------------------
 footer
----------------------------------------------- */

#footer {
	padding:0 2px 0 6px;
	text-align:center;	
}

#footer div.fnavi {
	background:url(../../images/footer_bg.gif);
	padding:5px 10px 10px 10px;
	font-size:x-small;
	color:#FFFFFF;
}

#footer div.fnavi a, #footer div.fnavi a:visited { color:#FFFFFF; text-decoration:none; }
#footer div.fnavi a:hover { color:#FFCC00; }

div.copyright { font-size:10px; text-align:center; margin-top:3px; letter-spacing:0.1em; padding-bottom:20px;}


/* -----------------------------------------------
 top navigation
----------------------------------------------- */

#mainnavi { width:848px; margin:0 auto; }

#mainnavi li {
	float:left;
	width:210px;
	height:53px;
	list-style:none;
	text-indent: -9999px;
}

#mainnavi li a {
	width:210px;
	height:53px;
	display:block;	
	overflow:hidden;
}

#mainnavi li.exhibit, #mainnavi li.exhibit a { width:216px; }


#mainnavi li.exhibit a:hover, #mainnavi li.complist a:hover,
#mainnavi li.seminar a:hover, #mainnavi li.visit a:hover {
	background-position:0 -53px;
	}


/* -----------------------------------------------
 coontents wrapper
----------------------------------------------- */

#wrap_cont {	
	width:848px;
	margin:0 auto;
}

#wrap_cont div.headbg {
	background:url(../../images/wrap_top.jpg) no-repeat bottom;
	padding:5px 0;
}

#wrap_cont div.wrap_bg {
	background:url(../../images/wrap_bg.jpg) repeat-y;
}


/* -----------------------------------------------
 side navigation
----------------------------------------------- */

#sidenavi {
	padding-left:16px;
	width:210px;
	vertical-align:top;
	float:left;
}

#sidenavi div.mmenu { margin-bottom:2px; }

#sidenavi ul.smenu { margin:5px 0 10px 15px; list-style:none; }
#sidenavi ul.smenu li {
	background:url(../../images/list_cr_ble.gif) no-repeat;
	padding-left:10px;
	margin-bottom:5px;
}

#sidenavi div.bnr { margin-bottom:10px; }
#sidenavi div.bnr a { display:block; margin-bottom:5px; }

#sidenavi div.bnr2site {
	background-color:#EFEFEF;
	padding:10px 5px;
	margin-top:15px;
	text-align:center;
}

#sidenavi div.bnr2site .exp {
	font-size:x-small;
	text-align:right;
	width:190px;
	margin-bottom:15px;
}

#sidenavi div.cmpjp {
	text-align:center;
	margin-top:15px;
}

#sidenavi .bnrlink {
	background:url(../../images/list_tri_org.gif) no-repeat;
	font-weight:bold;
	padding-left:12px;
}

.notice {
	text-align:left;
	font-size:10px;
	background-color:#F7E8EC;
	border:1px solid #FF4066;
	padding:5px;
}


/* -----------------------------------------------
 main contents
----------------------------------------------- */

#contents {
	padding-right:12px;
	width:590px;
	vertical-align:top;
	float:right;
}


