/* BASE STYLE */

* {
	padding:0;
	margin:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing:0.07em;
	font-size:9pt;
}

html{ height:100%; } 
body{ height:100%; background:url(../images/main_bg.jpg) repeat-x #00486A; }

body > #SideNavi{ 
    height:auto;
}

.clear { clear:both; }
.alR { text-align:right; }
.alC { text-align:center; }

.imgR { float:right; margin:0 0 10px 10px; }
.imgL { float:left; margin:0 10px 10px 0; }

a:link { color:#0066CC; }
a:visited { color:#0066CC; }
a:hover { color:#009966; }


/* FONT */

p { line-height:135%; margin:15px 0; }
.txt10, .txt10 a { font-size:10px; }
.txt16, txt16 a { font-size:16px; }

.Red {color:#F00445 }
.RedB {color:#F00445; font-weight:bold; }
.Grn { color:#009D85 }
.GrnB { color:#009D85; font-weight:bold; }
.Bru { color:#00437C; }
.BruB { color:#00437C; font-weight:bold; }

h1, h2 { text-indent:-9999px; }

/* MARGIN */

.MgnT0 { margin-top:0; }
.MgnT5 { margin-top:5px; }
.MgnT10 { margin-top:10px; }
.MgnT15 { margin-top:15px; }
.MgnT20 { margin-top:20px; }
.MgnT30 { margin-top:30px; }
.MgnT40 { margin-top:40px; }
.MgnB5 { margin-bottom:5px; }
.MgnB10 { margin-bottom:10px; }
.MgnB15 { margin-bottom:15px; }
.MgnB20 { margin-bottom:20px; }
.MgnB40 { margin-bottom:40px; }

.MgnTB20 { margin:20px 0; }

.MgnL80 { margin-left:80px; }
.MgnL90 { margin-left:90px; }

/* FORM */

input[type=text], textarea { border:1px solid #999; padding:3px; }
.w40 { width:40px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w400 { width:400px; }

.sendBtn { margin:20px 0; text-align:center; }


/* LAYOUT ================================================================
========================================================================== */

#wrapper {
	width:910px;
	margin:0 auto;
	background:url(../images/cont_bg.jpg) repeat-y;
}


#contents { margin:20px 6px 0 6px; background:url(../images/side_bg.jpg) repeat-y top right; }

#contents .LContents { width:624px; float:left; margin-left:25px; padding-bottom:20px; }
*html #contents .LContents { margin-left:12px;}
#contents .RNavi { width:225px; float:right; padding-bottom:20px; }
#contents .Contact {
	width:852px;
	height:90px;
	background:url(../../images/contact_box.jpg) no-repeat;
	padding:20px 15px 0 0;
}

.borderGry {
	clear:both;
	background:url(../../images/bdrGry5.jpg) repeat-x;
	height:25px;
}


/* HEADER ================================================================
========================================================================== */

h1 {
	width:910px;
	height:115px;
	background:url(../images/header_logo.jpg) no-repeat;
}

#header .hnavi { background:url(../images/headnavi_bg.jpg) no-repeat; }

#header ul { list-style:none; }

#header li {
	display:block;
	height:29px;
	width:125px;
	float:left;
}

#header li a {
	display:block;
	height:29px;
	width:125px;	
	text-indent:-9999px;
}

#header li.home { width:102px; margin-left:20px; }
#header li.info { margin-left:380px; }
*html #header li.info { margin-left:251px;} /* IE6 */
#header li.apply { margin-left:10px; }
#header li.contact { margin-left:10px; }

#header li.home a { background:url(../images/hnavi_home.jpg) 0 0; width:102px; }
#header li.info a { background:url(../images/hnavi_info.jpg) 0 0; }
#header li.apply a { background:url(../images/hnavi_apply.jpg) 0 0 }
#header li.contact a { background:url(../images/hnavi_contact.jpg) 0 0; }

#header li a:hover { background-position:0 -29px; }

.MainImgTop, .MainImgCont {
	clear:left;
	width:910px;
	text-indent:-9999px;
}

.MainImgTop {background:url(../../images/mainimg_top.jpg) no-repeat; height:201px; }
.MainImgCont {background:url(../../images/mainimg_cont.jpg) no-repeat; height:130px; }

#topNavi {
	margin:0 6px;
	padding:5px 0 10px 0;
	background:url(../images/topnavi_bg.jpg) repeat-x;
	/*position:relative;*/
}

#topNavi ul li {
	float:left;
	width:224px;
	height:53px;
	list-style:none;
	text-indent: -9999px;
	
}

#topNavi ul li a {
	width:224px;
	height:53px;
	display:block;	
	overflow:hidden;
}

#topNavi ul li.exhibit, #topNavi ul li.visit,
#topNavi ul li.exhibit a, #topNavi ul li.visit a { width:225px; }

#topNavi ul li.about a { background:url(../images/top_navi_about.jpg) no-repeat 0 0; }
#topNavi ul li.exhibit a { background:url(../images/top_navi_exhibit.jpg) no-repeat 0 0; }
#topNavi ul li.visit a { background:url(../images/top_navi_visit.jpg) no-repeat 0 0; }
#topNavi ul li.seminar a { background:url(../images/top_navi_seminar.jpg) no-repeat 0 0; }


#topNavi ul li.about a:hover, #topNavi ul li.exhibit a:hover,
#topNavi ul li.visit a:hover,#topNavi ul li.seminar a:hover, #topNavi ul li.on a {
	background-position:0 -53px;
}

#topNavi ul li.aboutOff { background:url(../images/top_navi_about.jpg) no-repeat 0 -106px; }
#topNavi ul li.exhibitOff { background:url(../images/top_navi_exhibit.jpg) no-repeat 0 -106px; }
#topNavi ul li.visitOff { background:url(../images/top_navi_visit.jpg) no-repeat 0 -106px; }
#topNavi ul li.seminarOff { background:url(../images/top_navi_seminar.jpg) no-repeat 0 -106px; }


/* PULDOWN MENU*/

#topNavi ol { list-style-type: none; margin: 0px; padding:0px; }
#topNavi ol li { margin: 0px; padding: 0px;}
#topNavi ol li a {
	display: block;
	width: 204px;
	padding: 10px;
	background:url(../images/bdr_scat.jpg) repeat-x left bottom;
	border-left:1px solid #00437C;
	border-right:1px solid #00437C;
	text-decoration:none;
	background-color: #FFF;
	color:#036;
}
	
#topNavi ol li a:hover { background-color: #DBE6F2;}

#Layer1, #Layer2, #Layer3, #Layer4 {
	position:absolute; 
	width:224px;
	visibility: hidden; 
}

#Layer1 {	
	z-index:1;	
	margin: 0px; 
	padding: 0px;
}
	
#Layer2 {
	z-index:2;
	padding-left: 224px;
}

#Layer3 {
	z-index:3;
	padding-left: 448px;
}

#Layer4 {
	z-index:4;
	padding-left: 672px;
}


/* FOOTER ================================================================
========================================================================== */

#footer {
	width:910px;
	background:url(../images/footer_bg.jpg) no-repeat center top;
	padding:10px 0 40px 0; 	
	margin:0 auto;
	text-align:center;
	color:#FFF;
}

#footer a:link, #footer a:visited { color:#FFF; text-decoration:none; }
#footer a:hover { color:#FC0; text-decoration:none; }


/* RIGHT SIDE ============================================================
========================================================================== */

.RBanner { margin-bottom:15px; text-align:center; }

.SideBox {
	background-color:#FFF;
	margin:10px 10px 0 10px;
}

.SideBox .contact {background:url(../images/sidebox_contact.jpg) no-repeat; height:31px; text-indent:-9999px; }
.SideBox .link {background:url(../images/sidebox_link.jpg) no-repeat; height:31px; text-indent:-9999px; }
.SideBox .fair {background:url(../images/sidebox_fair.jpg) no-repeat; height:31px; text-indent:-9999px; }
.SideBox .j-sda {background:url(../images/sidebox_j-sda.jpg) no-repeat; height:31px; text-indent:-9999px; }
.SideBox .exp { padding:0 7px 10px 7px; line-height:130%; }

#SideNavi {
	background:url(../images/scat_bg.jpg) repeat-y;
	margin:0 auto;
	width:215px;
}

#SideNavi .MenuTtl { text-indent:-9999px; height:36px; }
#SideNavi .MenuAbout { background:url(../images/scat_about.jpg) no-repeat; }
#SideNavi .MenuExhibit { background:url(../images/scat_exhibit.jpg) no-repeat; }
#SideNavi .MenuVisit { background:url(../images/scat_visit.jpg) no-repeat; }
#SideNavi .MenuSeminar { background:url(../images/scat_seminar.jpg) no-repeat; }

#SideNavi ul { margin:0; padding:0; list-style:none; }
#SideNavi li { margin:0; padding:0; font-size:1px; }

#SideNavi li a {
	background:url(../images/bdr_scat.jpg) repeat-x left bottom;
	margin:0 6px;
	padding:10px 13px;
	display:block;
	color:#036;
	text-decoration:none;
	font-size:12px;

}

#SideNavi li a:hover {
	background:url(../images/bdr_scat.jpg) repeat-x left bottom #EFEFEF;
	display:block;
}

#SideNavi li.on a {
	background:url(../images/bdr_scat.jpg) repeat-x left bottom #B2D6F2;
	display:block;
	font-weight:bold;
}

#SideNavi .bottom {
	background:url(../images/scat_bottom.jpg) no-repeat bottom;
	height:8px;
}


/* INDEX ONLY ============================================================
========================================================================== */

.TopNews .Newsttl {
	background:url(../../images/top_news_ttl.jpg) no-repeat;
	height:34px;
	text-indent:-9999px;
	margin:30px 0 10px;
}

.TopNews .Newslt {
	background:url(../../images/top_news_bg.jpg) no-repeat;
	padding:15px;
}

.TopNews dl { position:relative; margin-bottom:15px; }

.TopNews dt {
	width:130px;
	background:url(../images/news_listhead.gif) no-repeat left center;
	padding:2px 0 2px 10px;
	float:left;
	/*position:absolute;*/
	top:0;
	left:0;
}

.TopNews dd {
	width:440px;
	margin-left:140px;
	padding:2px 0;
}


/* CONTENS ===============================================================
========================================================================== */

/* Topic Path */

ol#topicPath {
	margin: 0;
	padding: 0;
	font-size:xx-small;
	list-style: none;
}

ol#topicPath li {
	float: left;
	padding: 0 7px 10px 10px;
	background: url(../images/ico_topixpath.gif) no-repeat 0 25%;
}

ol#topicPath li.home {
	padding-left: 0;
	background: none;
}


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

/* Table Style */

table.formTbl { width:624px; background-color:#00486A; }

.formTbl th, .formTbl td { border:1px solid #FFF; padding:10px; }
.formTbl th { background:url(../images/tabl-th_bg01.jpg); text-align:left; width:29%;}
.formTbl td { background-color:#EFEFEF; }

table.aboutTbl { width:624px; }

.aboutTbl th, .aboutTbl td { padding:10px; border-bottom:1px solid #00437C; }
.aboutTbl th { background-color:#A4DAF2; text-align:left; width:25%;}
.aboutTbl td { line-height:150%; }

table.seminarTbl, table.priceTbl { width:624px; background-color:#666; margin-bottom:5px; }

.seminarTbl th, .seminarTbl td, .priceTbl th, .priceTbl td,
.cancelTbl th, .cancelTbl td{ padding:5px; line-height:135%; letter-spacing:0; background-color:#FFF; vertical-align:top; }

.seminarTbl th { background-color:#069; color:#FFF; }
.seminarTbl td.time { background-color:#FC0; width:12px; font-weight:bold; text-align:center; }
.seminarTbl em { font-size:9px; font-style:normal; white-space:nowrap; }

table.priceTbl { margin-bottom:5px; }
.priceTbl th { background-color:#00437C; color:#FFF; }
.priceTbl td { text-align:right; }
.priceTbl td.st { background-color:#EFEFEF; }

table.cancelTbl { width:400px; background-color:#666; margin-bottom:20px; }
.cancelTbl th { background-color:#00437C; color:#FFF; }

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

h2 { clear:left; height:54px; margin-bottom:20px; }

h2.about { background:url(../../images/ttl_about.jpg) no-repeat; }
h2.exhibit { background:url(../../images/ttl_exhibit.jpg) no-repeat; }
h2.visit { background:url(../../images/ttl_visit.jpg) no-repeat; }
h2.seminar { background:url(../../images/ttl_seminar.jpg) no-repeat; }
h2.contact { background:url(../../images/ttl_contact.jpg) no-repeat; }

h3 {
	height:50px;
	background:url(../images/sttl_bg.jpg) no-repeat;
	font-weight:bold;
	font-size:18px;
	padding:20px 0 0 35px;
	color:#036;
}

h4 {
	clear:right;
	font-size:16px;
	border-bottom:1px solid #00437C;
	border-left:5px solid #00437C;
	padding:5px; 
	margin:30px 0 20px 0;
}

h5 {
	font-size:14px;
	margin:30px 0 15px 0;
	color:#039;
	background-color:#EFEFEF;
	padding:10px;	
}


/* About =========================================== */

.cmptonUser, .cmptonTrader {
	width:285px;
	padding:70px 10px 10px 10px;
	line-height:135%;
	height:160px;
}

.cmptonUser {	
	float:left;
	background:url(../../about/images/about_cmpton_img03.jpg) no-repeat #D0EAD4 5px 5px;	
}

.cmptonTrader {
	float:right;
	background:url(../../about/images/about_cmpton_img04.jpg) no-repeat #C7DDF1 115px 5px;
}

.cmptonNPLAS {
	padding:70px 10px 10px 10px;
	line-height:135%;
	margin-bottom:10px;
}

.cmptonMALSEC, .cmptonFILMEC, .effectMALSEC, .effectFILMEC {
	width:285px;
	padding:90px 10px 10px 10px;
	line-height:135%;
	height:80px;
}

.cmptonNPLAS, .effectNPLAS {
	background:url(../../about/images/about_cmpton_img08.gif) no-repeat 10px 5px;
	border:2px solid #B1174B;
}

.cmptonMALSEC, .effectMALSEC {
	float:right;
	background:url(../../about/images/about_cmpton_img07.gif) no-repeat 10px 5px;
	border:2px solid #04447C;
}

.cmptonFILMEC, .effectFILMEC {
	float:left;
	background:url(../../about/images/about_cmpton_img06.gif) no-repeat 10px 5px;
	border:2px solid #00437C;
}

.atrctvBox {
	margin:20px 0;
}

.atrctvBox p {
	margin:20px 20px 10px 70px;
	font-size:14px;
}

.atrctvBox .btm {
	height:13px;
	clear:right;
	background:url(../../about/images/about_atrctv_img07.jpg) no-repeat;
}

.contactBox {
	background-color:#FEF5D6;
	border:1px solid #F1C236;
	padding:10px;
	 width:400px
}

.contactBoxnoBdr {
	background-color:#FEF5D6;
	padding:10px;
	 width:400px
}

.contactBox02 {
	background-color:#FFEAF9;
	border:1px solid #F887A6;
	padding:10px;
	width:400px
}

.TypeExhibit, .TypeVisit {
	color:#FFF;
	font-weight:bold;
	padding:5px 10px;
	font-size:14px;
}

.TypeExhibit { background-color:#090; }
.TypeVisit { background-color:#36C; }


/* Thnaks Info(Top) */

.thanksInfo p.greet { font-size:16px; font-weight:bold; color:#008CE4; }
.thanksInfo p.nextshow { font-size:14px; background-color:#EFEFEF; padding:5px 10px; border:1px solid #008CE4; }

.thanksInfo table { background-color:#008CE4; width:60%; }
.thanksInfo th, .thanksInfo td { padding:5px; background-color:#FFF; }

.thanksInfo th { background-color:#008CE4; color:#FFF; }
.thanksInfo td.date { background-color:#EFEFEF; }
.thanksInfo td.sumNo {
	background-color:#95D8FF;
	text-align:right;
	font-weight:bold;
}	


/* SYSTEM ===============================================================
========================================================================== */

/* errMsg */
#errMsg {
	border: 1px dotted #EC596B;
	background: #FCE2E5;
	padding: 10px;
	color: #EC596B;
	font-weight: bold;
	clear: both;
	width: 100%;
}
#errMsg ul { margin-left: 40px; }
#errMsg ul li {
	font-weight: normal;
	color: #333333;
	list-style-type: disc;
}