@charset "Shift_JIS";
@import "h1.css";

body {	padding: 0px; 
	margin: 0px;
	font-family: Verdana, sans-serif,"Osaka";
	font-size:12px;
	color:#444444;
	line-height:140%;
	background-color: FFFFFF;/* ページの背景 */
	text-align:center;}

P {	padding: 0px;margin:0px;font-size:12px;color:#444444;line-height:140%;}
	
div {padding: 0px; margin: 0px;font-size:12px;color:444444;line-height:140%;}

a img{padding: 0px;margin: 0px;border: none;}

TD{	font-size:12px;color:#444444;line-height:140%;}

TD.Line{ border-bottom:solid #CCCCCC 1px;}

ul{font-size:12px;	list-style:circle; color:#444444; margin:0px 0px 0px 15px; padding:0px 0px 0px 5px;}

hr{padding:0px; margin:3px 0px 3px 0px; border-bottom:#CCCCCC solid 1px; border-left:none; border-right:none; border-top:none; height:1;}

/* === DIVエリア別設定=== */

div#NewsContensArea{width: 375px; height: 270px; background-color:F8FCFD;
	overflow: auto; margin: 0px; padding: 0px; border-style: solid; border-width: 0px;}
	
#NewsContensArea strong { font-weight:bold; color:#33648C;}
	
#NewsContensArea a:link {font-size:12px;color:#33648C;font-weight:bold;}
#NewsContensArea a:visited {font-size:12px;color:#33648C;font-weight:bold;}
#NewsContensArea a:active {font-size:12px;color:#87C0D3;text-decoration:none;font-weight:bold;}
#NewsContensArea a:hover {font-size:12px;color:#87C0D3;text-decoration:none;font-weight:bold;}	

div.HeaderArea{/*ヘッダー*/
	width: 100%;
	background: url(image/back-header.png) no-repeat center top;
	font-size: 10px;
	line-height:50%;
	text-align:center;}

div.SiteTitleArea{/*ヘッダー*/
	width: 800px;
	height: 75px;
	font-size: 10px;
	text-align:right;}
	
img.yajirusi{/*ヘッダーのやじるし*/
	vertical-align:middle;
	}


div.BanaArea{/*メニュー*/
	width: 800px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

div.MenuArea-TOP{/*メニュー*/
	clear: both;
	width: 800px;
	height: 45px;
	background: url(image/menubar-top.png) no-repeat center top;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;}
	
div.ContentsArea{/*メインコンテンツ*/
	clear: both;
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align:center;}
	
div.FooterArea{/*フッター*/
	clear: both;
	background: url(image/back-footmn.png) repeat-x;
	background-color:#222222;/* ページの背景 */
	width: 100%;
	height:240px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 10px;
	text-align:center;}
	
div.FooterMenuArea{/*フッター*/
	clear: both;
	width: 800px;
	color:#45695C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align:left;}

/* フッターメニュー */
ul#foot_menu{list-style:none; margin:0px 0px 0px 0px;
			padding:12px 0px 0px 0px; text-align:left; color:#33648C}
ul#foot_menu li{list-style:none; float:left; text-align:left;color:#33648C;}
ul#foot_menu a{color:#33648C;text-decoration:none;}
ul#foot_menu a:hover{ color:#87C0D3;text-decoration:underline;}

/* フッターサブメニュー */
ul#foot_submenu{list-style:none;margin:12px 0px 0px 0px; 
				padding: 0px 0px 0px 0px; text-align:left;}
ul#foot_submenu li{list-style:none;text-align:left; clear:both; width:130px;background-image: url(image/icon-footmn.png);background-repeat:no-repeat;}
ul#foot_submenu a{font-size:10px;color:#33648C;text-decoration:none;padding: 0px 0px 0px 10px;}
ul#foot_submenu a:hover{ color:#87C0D3;text-decoration:underline;}

/* フッターHomeアイコン */
ul#foot_top{list-style:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 4px;}
ul#foot_top li{list-style:none; float:left; width:40px; height:85px;}
ul#foot_top a{display:block; width:40px; height:85px; text-indent:-5000px; overflow:hidden;}
	
a.foot_home{background:url(./image/mnfoot-home.png) no-repeat;}
a:hover.foot_home{background:url(./image/mnfoot-home.png) no-repeat;background-position:0px -85px;}


div.CopyArea{/*コピーライト*/
	clear: both;
	background: url(image/back-footer.png) repeat-x;
	width: 100%;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align:center;
	font-size:10px;
	color:#444444;}


/* === Intex.htm専用設定=== */

div.NewsArea{
	float:left;
	background: url(image/back-news.png) no-repeat;
	width: 386px;
	height: 340px;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 14px;
	text-align:left;}

div.TextArea{
	float:right;
	text-align:left;
	width: 390px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;}


div.cate_menu{height:25px;background-image:url(image/catetb-center.png);
			margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;
			background-repeat:repeat-x;float:left;color:#333333;}

ul#banner{list-style:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
ul#banner li{list-style:none; float:left; width:130px; height:130px; text-align:center;}
ul#banner a{ border:0;}

/* === メニュー=== */
ul#top_menu{list-style:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 4px;}
ul#top_menu li{list-style:none; float:left;}
ul#top_menu li a{display:block; overflow:hidden;}

#top_menu .sub li {clear:left; text-align:left; text-indent:6px;}
.sub {display: none; color:33648C;}

ul#top_menu li:hover .sub {display: block;position: absolute; 
							margin:0px 0px 0px 0px; padding: 0px 0px 0px 2px;}

ul#top_menu .sub li a {background:url(./image/back-downmenu.png) no-repeat; width:127px; height:24px;
					display:block;overflow:hidden; text-decoration:none;}
ul#top_menu .sub li a:hover {background:url(./image/back-downmenu.png) no-repeat;
							width:127px; height:24px;background-position:0px -24px;}

a.top_home{background:url(./image/mntop-home.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_home{background-position:0px -45px;}

a.top_solution{background:url(./image/mntop-solution.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_solution{background-position:0px -45px;}

a.top_pro{background:url(./image/mntop-pro.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_pro{background-position:0px -45px;}

a.top_news{background:url(./image/mntop-news.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_news{background-position:0px -45px;}

a.top_case{background:url(./image/mntop-case.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_case{background-position:0px -45px;}

a.top_support{background:url(./image/mntop-support.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_support{background-position:0px -45px;}

a.top_company{background:url(./image/mntop-company.png) no-repeat; text-indent:-5000px;width:132px; height:45px;}
a:hover.top_company{background-position:0px -45px;}


/* === 共通設定=== */

div.SubMenuArea{
	float:left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;}

div.SubContentsArea{
	float:right;
	text-align:left;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
div.SubMenuImgArea{
    background-image:url(image/back-submn.png);
	background-repeat:repeat-y;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;}
		
ul#Submenu{
	list-style:none;
	width:195px;
	line-height:150%;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:15px;}
	
ul#Submenu a{display:block;
    background-image:url(image/submn-back.png);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	height:27px;width:170px;
    overflow:hidden;}

ul#Submenu a:hover{display:block;
    background-image:url(image/submn-back.png);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#52C1E2;
	height:27px;width:170px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
    overflow:hidden;
	background-position:0px -35px;}

ul#Submenu02{
	list-style:none;width:170px;
	line-height:150%;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:30px;}
	
ul#Submenu02 a{
    display:block;
    list-style:none;background-image:url(image/submn-back02.png);
	background-repeat:no-repeat;text-decoration:none;color:#333333;height:21px;width:170px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
    overflow:hidden;}
	
ul#Submenu02 a:hover{
    display:block;
    list-style:none;background-image:url(image/submn-back02.png);
	background-repeat:no-repeat;text-decoration:none;color:#52C1E2;height:21px;width:170px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
    overflow:hidden;
	background-position:0px -30px;}	

div.pan{width:100%;
		height:20px;
		font-size:10px;
		color:555555;
		text-align:right;
		border-bottom:#DDDDDD solid;
		border-bottom-width:1px;}

.s-font {font-size:10px;
	color:#555555;
	line-height:120%;}
.ad-font {font-size:10px;
	color:#777777;
	line-height:120%;}
.f-font {font-size:10px;
	color:#ffffff;
	line-height:120%;}

 a:link {font-size:12px;color:#444444;}
 a:visited {font-size:12px;color:#444444;}
 a:active {font-size:12px;color:#87C0D3;text-decoration:none;}
 a:hover {font-size:12px;color:#87C0D3;text-decoration:none;}

 a.systemdown:link {font-size:12px;color:#444444;text-decoration:none; margin:10px 0px 0px 0px;}
 a.systemdown:visited {font-size:12px;color:#444444;text-decoration:none; margin:10px 0px 0px 0px;}
 a.systemdown:active {font-size:12px;color:#87C0D3;text-decoration:none; margin:10px 0px 0px 0px;}
 a.systemdown:hover {font-size:12px;color:#87C0D3;text-decoration:underline; margin:10px 0px 0px 0px;}

 a.ffffff:link {font-size:12px;color:ffffff;}
 a.ffffff:visited {font-size:12px:none;color:eeeeee;}
 a.ffffff:active {font-size:12px;text-decoration:none;color:87C0D3;}
 a.ffffff:hover {font-size:12px;text-decoration:none;color:87C0D3;}
 
 a.head:link {font-size:10px;text-decoration:none;color:33648C;}
 a.head:visited {font-size:10px;text-decoration:none;color:33648C;}
 a.head:active {font-size:10px;text-decoration:none;color:87C0D3;}
 a.head:hover {font-size:10px;text-decoration:underline;color:87C0D3;}

 a.copy:link {font-size:10px;text-decoration:none;color:444444;}
 a.copy:visited {font-size:10px;text-decoration:none;color:444444;}
 a.copy:active {font-size:10px;text-decoration:none;color:87C0D3;}
 a.copy:hover {font-size:10px;text-decoration:underline;color:87C0D3;}

INPUT.searchicon{border: none;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size:10pt;
	background-image:URL(image/icon-Search.png);
	WIDTH: 18px;
	HEIGHT: 18px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

INPUT.searchbox{border: none;
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
	

a.forminfo {display:block; overflow:hidden;background:url(./image/bn-form.png) no-repeat;text-indent:-5000px;
			 width:240px; height:45px;}
a:hover.forminfo {background-position:0px -45px;}
			 
			 
			 
div.googlemap{border:solid #CCCCCC 1px;
padding:10px 10px 10px 10px;
margin:10px 0px 10px 0px;
width:580px;
height:300px;}

table.cal{background-image:url(seminar/image/back-cal.png);
background-repeat:no-repeat;
width:191px;
text-align:center;
float:left;
margin:0px 5px 5px 0px;}

.cal td{height:21px; margin:0px; padding:0px;}

.cal-font{color:#FFFFFF; font-weight:bold; font-size:12px;}
.cal-sun{color:#FF6666;}
.cal-sat{color:#006699;}
.cal-on{color:#333333; font-weight:bold;background:url(seminar/image/back-on.png) no-repeat;}

table.oldevent{
padding:5px;
width:100%;}

table.oldevent td {border-bottom:solid #90BBD1 1px;
background-image:url(seminar/image/back-old.png);
background-repeat:repeat-y;
padding:15px 0px 10px 15px;}

table.oldevent strong { font-weight:bold; color:#006699;}

hr.dot{border-top:dotted 1px #DDDDDD; border-bottom:none; border-left:none; border-right:none;clear:both;}

hr.newsline{border-top: solid #CCCCCC 1px;
border-bottom:none; border-left:none; border-right:none;
clear:both;
margin:8px 0px 8px 0px;}

div.DMform{border:solid #AFDCE9 1px;
margin:5px 0px 0px 5px;
padding:3px 0px 3px 0px;
width:170px}

div.systembox{border:solid #6699CC 1px;
margin:0px 0px 10px 0px;
padding:4px 4px 4px 4px;
width:590px}

div.systembox table{ border:0;width:100%;}
div.systembox td.tit-bar{ background-color:#80B3C1; text-align:center; color:#FFFFFF; font-weight:bold;}
div.systembox td.2cd{ background-color:#F2F2F2;}
div.systembox strong{ color:#006699;}

ul#systemdl{list-style:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 4px;}
ul#systemdl li{list-style:none; float:left;}
ul#systemdl li a{display:block; overflow:hidden;}	
a.sysdown {background:url(./solution/image/icon-down.png) no-repeat; text-indent:-5000px;
			 width:115px; height:28px;}
a:hover.sysdown{background:url(./solution/image/icon-down.png) no-repeat;background-position:0px -28px;
			 width:115px; height:28px;}
ul.sysdot{list-style:circle;
	padding:0px 15px 0px 10px;}
	
table.downloader{padding:0px;width:100%;margin:0px 0px 0px 0px;}
table.downloader td {border-bottom:dotted #CCCCCC 1px; line-height:150%;}s