@charaset "Shift_JIS";

/* RESET */

html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 100%; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/*===========================================================================

	Body

===========================================================================*/

body {
	text-align: center;
	background: #ccc;
	margin: 0;
	padding: 0;
	font-size: 78%;　/* 約12pt */
	line-height:1.5;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

a { cursor: pointer;}
a:link    { color: #e60011; text-decoration:underline; }
a:visited { color: #e60011; text-decoration:underline; }
a:hover   { color: #e60011; text-decoration:none;}
a:active  { color: #e60011; text-decoration:none;}

em,strong { font-weight:bold; font-style: normal }


/*===========================================================================

	common box

===========================================================================*/

/* content hac for newBlowser and Mac
------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display:block;
	height: 0;
	clear:both;
	visibility:hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* 全体囲み				#wrapper
------------------------------------------------------------------*/
#wrapper {
	width : 820px;
	margin: 0 auto;
	padding:0;
	background:url(../../images/bg_wrapper.gif) left top repeat-y;
}


/* ヘッダ				#wrapper > #header
------------------------------------------------------------------*/
#header {
	width : 810px;
	margin: 0 auto;
	padding:0;
}


/* パン屑ナビ			#wrapper > #header > #pan
------------------------------------------------------------------*/
#pan {
	height:16px;
	padding: 0 0 0 198px;
	text-align: left;
	font-size: 84%;
	color:#FFF;
	background:url(../../images/bg_pan.gif) left top no-repeat;
}
#pan span	{ padding: 0 5px; color:#c9e2f5; }
#pan a:link    { color: #FFF; text-decoration:underline; }
#pan a:visited { color: #FFF; text-decoration:underline; }
#pan a:hover   { color: #FFF; text-decoration:none;}
#pan a:active  { color: #FFF; text-decoration:none;}


/* メインコンテンツ囲み	#wrapper > #container
------------------------------------------------------------------*/
#container {
	width : 810px;
	margin: 0 auto;
	padding:0;
	border-top:1px solid #FFF;
	text-align: left;
}


/* メインコンテンツ		#wrapper > #container > #main
------------------------------------------------------------------*/
#main {
	float:right;
	width:612px;	
	padding: 0; 
	margin: 0;
	/*border:#000000 1px solid;*/
	background: #FF0000;
}
	

/* グローバルメニュー		#wrapper > #container > #sub
------------------------------------------------------------------*/
| #sub {
	float:left;
	width:198px;
	margin: 0;
	padding: 0;
}

	#sub ul { margin:0; padding: 0;  }
	#sub ul li { padding:0; margin:0; }
	#sub ul li img { vertical-align:top; } /* IEスキマ対策 */
	#sub ul li.height { height:40px; }
	*html #sub ul li.height { height:50px; border:#FFFFFF 1px solid; padding-bottom: 10px;}
	.underLine { border-bottom: 1px solid #FFF; }
	
	#menu_1 li {
		padding:0;
		margin:0;
		height: 42px;
	}

#subWrapper {
	padding-top: 8px;
	width: 198px;
	/*border:#000000 1px solid;*/
}

#subWrapper p { margin:0 7px 10px 7px; }	

	#subWrapper dl {
		margin:0 7px 10px 7px;
		font-size: 84%;
		height:236px;
		background:url(../../images/news_bg.jpg) left bottom no-repeat;
	}
	#subWrapper dt { height:33px; }
	#subWrapper dd { padding: 0 12px 5px 12px; }
	


/* フッター				#wrapper > #footer
------------------------------------------------------------------*/
#footer {
	width : 810px;
	margin: 0 auto;
	padding:0;
	clear: both;
}
	
	
/* 下部　グローバルメニュー :　#wrapper > #container > #bottomMenu
------------------------------------------------------------------*/
#bottomMenu {
	width:810px;
	text-align:center;
	padding:10px 0;
	clear:both;
	background:#a2adb6;
	border-top: 1px solid #FFF;
}
	#bottomMenu ul			{ text-align:center; }
	#bottomMenu ul li		{ display: inline; }
	#bottomMenu ul li span	{ padding: 0 3px; color:#333; }
	
	#bottomMenu a:link    { color: #FFF; text-decoration:underline; }
	#bottomMenu a:visited { color: #FFF; text-decoration:underline; }
	#bottomMenu a:hover   { color: #FFF; text-decoration:none;}
	#bottomMenu a:active  { color: #FFF; text-decoration:none;}


/* コピーライト :　#wrapper > #container > #copyRight
------------------------------------------------------------------*/
#copyRight {
	width:820px;
	height:31px;
	background:#000;
	margin: 0 auto;
	padding:0;
}	

	
.boxRight { float:right;}
.boxLeft  { float:left; }
	.boxRight1 { float:right;}
	.boxLeft1  { float:left; }
		.boxRight2 { float:right;}
		.boxLeft2  { float:left; }
			.boxRight3 { float:right;}
			.boxLeft3  { float:left;}



/*===========================================================================

	common box

===========================================================================*/
/* #wrapper > #container > #main > #mainBox （2階層目以下）
------------------------------------------------------------------*/
#mainBox {
	width:538px;
	padding:20px 37px 0 37px;
	line-height:1.5;
	background:url(../../images/bg_mainbox.gif) left top repeat-y;
}

.boxM20 {
	width:498px;
	padding:0 20px;
}
.boxW538 {
	width:538px;
}

/* 資料請求ボタン
------------------------------------------------------------------*/
#btmContact {
	clear:both;
	text-align:center;
	width:612px;
	height:87px;
	padding-top:73px;
	background:url(../../images/bg_btbox.jpg) left top no-repeat;
}

			
/*===========================================================================

	Common Parts

===========================================================================*/

.center{
	width:100%;
	text-align:center;
}
		
	/*　マージン　*/
	.mT10 { margin-top: 10px; }
	.mT20 { margin-top: 20px; }

	
	/*　パディング　*/
	.pT20R24 { padding: 20px 24px}
	.pT10R24 { padding: 10px 24px}
	.pT10 { padding-top: 10px; }
	.pT20 { padding-top: 20px; }
	.pB10 { padding-bottom: 10px; }
	.pB20 { padding-bottom: 20px; }
	.pT10B5 { padding: 10px 0 5px 0; }
	.pT10B10 { padding: 10px 0; }
	.pT20B20 { padding: 20px 0; }
	.pT20B10 { padding: 20px 0 10px 0; }
	.pT30B30 { padding: 30px 0; }
	.pB20 {  line-height: 2em;}

	
/* flot
------------------------------------------------------------------*/
.fLeft { float:left; }
.fRight { float:right; }


/* Color
------------------------------------------------------------------*/
.fGry {
	color:5d5d5d;
}
			
/*===========================================================================

	0.HOME : 

===========================================================================*/
#home h2 {
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}

#home #wk01 {
	padding: 16px 0 0 16px;
	height: 280px;
	background:url(../../images/bg_wk01.jpg) left bottom no-repeat;
}
	#home #wk01 h3 { padding:10px 0 8px 20px; }
	#home #wk01 p { padding:0 70px 0 20px; font-size: 84%; }
	#home #wk01 .left {
		float: left;
		width: 281px;
		height:75px;
		margin:0 18px 8px 0;		
	}
	#home #wk01 .right {
		float: left;
		width: 281px;
		height:75px;
		margin-bottom:6px;	
	}
	#home #wk01 #bg01 { background:url(../../images/bg_wk01_01.gif) left top no-repeat; }
	#home #wk01 #bg02 { background:url(../../images/bg_wk01_02.gif) left top no-repeat; }
	#home #wk01 #bg03 { background:url(../../images/bg_wk01_03.gif) left top no-repeat; }
	#home #wk01 #bg04 { background:url(../../images/bg_wk01_04.gif) left top no-repeat; }
	#home #wk01 #bg05 { background:url(../../images/bg_wk01_05.gif) left top no-repeat; }
	#home #wk01 #bg06 { background:url(../../images/bg_wk01_06.gif) left top no-repeat; }
	
	#home #wk01 p#link{ clear:both; text-align:right; width:578px; padding:0 16px 0 0;}



#home #wk02 {
	padding: 13px 0 10px 13px;
	background:#bbc4cc;
	border-btop:#FFF 1px solid;
}

/* 利用シーン別活用例
------------------------*/
#home #sceneH3 {
	background:url(../../images/sttl_wk02_scene.jpg) left top no-repeat;
	height:33px;
	width:586px;
	text-indent:-9999px;
	}

	#home #wk02 #scene {
		height: 185px;
		padding: 0 18px 10px 18px;
		background: url(../../images/bg_wk02_scene.jpg) left bottom no-repeat;
		
	}
	#home #wk02 #scene p { padding: 5px 0 0 0 }
	#home #wk02 #scene .kakomi {
		width:175px;
		height:81px;
		float: left;
		margin:15px 4px 0 3px;
	}
	#home #wk02 #scene .kakomi p {
	 	font-size: 84%;
		height:56px;
		padding:0 10px 0 10px;
		background:url(../../images/bg_wk02_scene_kakomi.gif) left top no-repeat;
	}
	
/* 開発コンセプト
------------------------*/
#home #conceptH3 {
	margin-top:5px;
	height:33px;
	width:586px;
	text-indent:-9999px;
	background:url(../../images/sttl_wk02_concept.jpg) left top no-repeat;
	}

	#home #wk02 #concept {
		height: 229px;
		background: url(../../images/bg_wk02_concept.jpg) left bottom no-repeat;
	}
	#home #wk02 #concept h4 { padding:0.2em 0 0.5em 18px; }
	#home #wk02 #concept p { padding: 0 298px 0 18px; }


	

/*===========================================================================

	1.Concept

===========================================================================*/
#concept h1{
	width:611px;
	height:122px;
	background:url(../../concept/images/h1_concept.jpg) left top no-repeat;
	text-indent:-9999px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
#concept h2{
	width:612px;
	height:128px;
	background:url(../../concept/images/h2_concept.jpg) left top no-repeat;
	text-indent:-9999px;
}
#concept h3{
	text-align:center;
	padding: 20px 0 30px 0;
}
#concept #wk01{
	width:498px;
	padding:0 20px 30px 20px;
}
	#concept #wk01 #left { float: left;	}
	#concept #wk01 #right { float: right; width:216px; padding-left:20px; }
	
#concept #wk02{
	width:538px;
}
#concept #wk02 h4 {
	clear:both;
}

	#concept #wk02 .kakomi{
		width:538px;
		height:189px;
		margin-bottom:10px;
		background:url(../../concept/images/bg_wk02_kakomi.gif) left top no-repeat;
	}
	#concept #wk02 .kakomi .left { float: left; width:228px; padding-left:20px; }
	#concept #wk02 .kakomi .right { float: right; width:250px; padding:0 20px 0 15px; }

	

/*===========================================================================

	2.loganalysis

===========================================================================*/
#log h1{
	width:611px;
	height:122px;
	background:url(../../loganalysis/images/h1.jpg) left top no-repeat;
	text-indent:-9999px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
#log h2{
	width:612px;
	height:128px;
	background:url(../../loganalysis/images/h2.jpg) left top no-repeat;
	text-indent:-9999px;
}
#log p#pre{
	width:398px;
	padding:20px 70px 30px 70px;
}

#log .wk {
	margin:20px 0 30px 0;
	padding: 0 20px ;
	width:498px;
}
	#log .wk h3 { text-indent:-9999px; height:65px; }
	
	#log #bgH3_01{ background:url(../../loganalysis/images/h3_01.jpg) left top no-repeat; }
	#log #bgH3_02{ background:url(../../loganalysis/images/h3_02.jpg) left top no-repeat; }
	#log #bgH3_03{ background:url(../../loganalysis/images/h3_03.jpg) left top no-repeat; }
	
	#log h4 {
		margin:20px 0 10px 0;
		padding:20px 20px 0 20px;
		width:498px;
		background:url(../../images/line_dots.gif) left top no-repeat;
	}
	#log p.naka {
		margin-bottom:20px;
		padding: 0 20px 10px 20px;
	} 
	

/*===========================================================================

	3.scene

===========================================================================*/
#scene h1{
	width:611px;
	height:122px;
	background:url(../../scene/images/h1.jpg) left top no-repeat;
	text-indent:-9999px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
#scene h2{
	width:612px;
	height:128px;
	background:url(../../scene/images/h2.jpg) left top no-repeat;
	text-indent:-9999px;
}

#scene .box {
	width:538px;
}
	#scene .box ul { float:right; padding:15px 20px 0 0 ; width:415px; }
	#scene .box li { padding-left:15px; background:url(../../scene/images/ten.gif) left .5em no-repeat;	}

	#scene #box01 { background:url(../../scene/images/bg_box01.gif) left top no-repeat; height:203px; }
	#scene #box01 h3 { float:left; padding:15px 30px 0 30px; width:37px;}
	
	#scene #box02 { background:url(../../scene/images/bg_box02.jpg) left top no-repeat; height:203px; }
	#scene #box02 h3 { float:left; padding:15px 20px 0 20px; width:71px;}
	#scene #box02 p { float:right; padding:15px 20px 0 0 ; width:405px;	}
	#scene #box02 ul { float:right; padding:15px 20px 0 0 ; width:405px; }

	#scene #box03 { background:url(../../scene/images/bg_box03.gif) left top no-repeat; height:203px; }
	#scene #box03 h3 { float:left; padding:15px 30px 0 20px; width:59px; }
	#scene #box03 ul { float:right; padding:15px 20px 0 0 ; width:405px; }
	
	#scene #box01H222 { background:url(../../scene/images/bg_box01_h222.gif) left top no-repeat; height:222px; }
	#scene #box01H222 h3 { float:left; padding:15px 30px 0 30px; width:37px;}

	#scene #box02H132 { background:url(../../scene/images/bg_box02_h132.gif) left top no-repeat; height:132px; }
	#scene #box02H132 h3 { float:left; padding:15px 20px 0 20px; width:71px;}
	#scene #box02H132 p { float:right; padding:15px 20px 0 0 ; width:405px;	}
	#scene #box02H132 ul { float:right; padding:15px 20px 0 0 ; width:405px; }

	#scene #box03H220 { background:url(../../scene/images/bg_box03_h220.gif) left top no-repeat; height:220px; }
	#scene #box03H220 h3 { float:left; padding:15px 30px 0 20px; width:59px; }
	#scene #box03H220 ul { float:right; padding:15px 20px 0 0 ; width:405px; }


#scene #wkLog {
	width:538px;
	background: url(../../scene/images/h3_02.gif) left top no-repeat; 
}
	#scene #wkLog h3 { text-indent:-9999px; height:55px; }
	
	#scene #wkLog #left { float:left; padding:0 30px 0 20px; width:227px; }
	#scene #wkLog #right { float:right; padding-right:17px ; width:240px; }
		#scene #wkLog #right p { padding:10px 0 ; clear:both; }
			#scene #wkLog #right p img { float:right; padding:10px 0 ; }
	
			
/* 02application
------------------------------------------------------------------*/
#scene h2#a02 {
	width:612px;
	height:128px;
	background:url(../../scene/images/h2_02.jpg) left top no-repeat;
	text-indent:-9999px;
}

/* 03follow.html
------------------------------------------------------------------*/
#scene h2#a03 {
	width:612px;
	height:128px;
	background:url(../../scene/images/h2_03.jpg) left top no-repeat;
	text-indent:-9999px;
}

			
	
/*===========================================================================

	4.function
	
===========================================================================*/
#fct h1{
	width:611px;
	height:122px;
	background:url(../../function/images/h1.jpg) left top no-repeat;
	text-indent:-9999px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
#fct h2{
	width:612px;
	height:128px;
	background:url(../../function/images/h2.jpg) left top no-repeat;
	text-indent:-9999px;
}

#fct h3 {
	text-indent:-9999px;
	margin-top:20px;
}
	#fct h3#fct01 { background:url(../../function/images/h3_01report.jpg) left top no-repeat; width:498px; height:62px; }
	#fct h3#fct02 { background:url(../../function/images/h3_02function.jpg) left top no-repeat; width:498px; height:68px; }
	#fct h3#fct03 { background:url(../../function/images/h3_03free.jpg) left top no-repeat; width:498px; height:57px; }
	#fct h3#fct04 { background:url(../../function/images/h3_04batch.jpg) left top no-repeat; width:498px; height:71px; }
	#fct h3#fct05 { background:url(../../function/images/h3_05cmn.jpg) left top no-repeat; width:498px; height:57px; }
	#fct h3#fct06 { background:url(../../function/images/h3_06adm.jpg) left top no-repeat; width:498px; height:54px; }
	
#fct .wk {
	width:448px;
	padding:10px 25px;
	background:url(../../function/images/bg_wk.gif) left top repeat-y;
	border-bottom: 15px #e1e2ea solid;
}
	#fct .wk h4 { font-weight:bold; color:#272773; }
	#fct .wk img { padding: 5px 0; }
	#fct .wk .bd { border-top: 1px #e1e2ea solid; padding-top:8px; margin-top:8px; }

/*===========================================================================

	5.steps

===========================================================================*/
#stp h1{
	width:611px;
	height:122px;
	background:url(../../steps/images/h1.jpg) left top no-repeat;
	text-indent:-9999px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}

| #stp h2{
	width:80%;
	/*font-size:12px;*/
	border: 1px solid #000000;
}

| #stp h3 {  height:40px; }

| #stp #s01 { background: none; }
| #stp #s02 { background: none; }
| #stp #s03 { background: none; }
| #stp #s04 { background: none; }
| #stp #s05 { background: none; }
| #stp #s06 { background: none; }
| #stp #s07 { background: none; }

#stp .boxW538 p {
 	width:486px;
	padding: 5px 0 10px 52px;
	background: url(../../steps/images/wk_btm.gif) left bottom no-repeat;
}