@charset "utf-8";

/* main elements */
*		{
	margin: 0;
	padding: 0;
}

body		 {
	width: 100%;/* IEの横スクロールバーバグ対策　*/
	text-align: center;/* IE等のauto未対応用　*/
	font-size:62.5%;
		/*　font-family: serif;　*/
	background-image: url("../images/bg-0912.jpg");
	background-repeat: repeat-x;
	margin: 0
	}
#container	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 909px;
	font-size: 1.2em;
	color: #555555;
}
#header		{
	width: 909px;
	height: 108px;
}

#header-navi	{
	font-size: 10px;
}
#header-navi a:link		{ color: #666666; 
						text-decoration: none;
						}
#header-navi a:visited	{ color: #666666; 
						text-decoration: none;
						}
#header-navi a:active	{ color: white;
						background:#3399CC;
						}
#header-navi a:hover	{ color: white;
						background:#3399CC;
						}
#titlebar
		{
	text-align: center;
}	
#titlebar h2
		{
	color: white;
	font-size: 1.6em;
	line-height: 1.6;
}
#title1	 {
	color: white;
	font-size: 15px;
	font-weight: bold;
	background-image: url("../img/dot-obi.gif")
	}
#title2	 {
	margin-top: 0px;
	color: #555555;
	font-size: 15px;
	line-height:1.7;
	font-weight: bold;
	margin-left: 35px;
	
	}
#title2	p.read1 {
	font-weight: normal;
	color: #666666;
	font-size: 14px;
	line-height:1.5;
	}
#title5	{
	margin-left: 30px;
	margin-top: 12px;
	margin-bottom: -12px;
	
}		
#title5	h3{
	font-size: 16px;
	color: #0033cc;
}
#title7	 {
	color: white;
	font-size: 15px;
	font-weight: bold;
	background-image: url("../img/t-bg2-2.jpg")
	}
.titletab	{
	margin-top: 5px;
	text-align: left;
	width: 580px;
	height:28px;
	background-image :url(../images/t-bg3.jpg);
	background-repeat :no-repeat;
	border: 1px solid #cccccc;
}
.titletab span	{
	margin-left: 65px;
	font-size: 14px;
	line-height: 2;
	color: #555555;
	font-weight: bold;
}		
#main	{
	margin-left: 5px;
	margin-right: auto;
	width: 678px;
	text-align:left;
	background: #ffffff;
	line-height: 1.6;
}
#ibox	{
	width: 668px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
.b2b3s td	{
	padding: 5px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align:left;
}
#ibox img.imgtop	{
	float:left;
	margin: 0 7px;
}
#ibox p	{
	padding: 17px 4px 4px 4px;
}
#ibox2	{
	width: 668px;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#ibox3	{
	width: 668px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#ibox3 li	{
	margin-left: 35px;
	text-align:left;
}
#ibox4	{
	width: 668px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#ibox4 dt	{
	padding: 4px;
}
.title0		{
	margin-top: 5px;
	width: 678px;
	height:28px;
	background-image :url(../images/t-bg2.jpg);
	background-repeat :no-repeat;
}
.subtitle	{
	margin-left: 35px;
	margin-top: 4px;
	height:26px;
	background-image :url(../img/cube_bar2.gif);
	background-repeat :no-repeat;
}
.subtitle span	{
	margin-left: 35px;
	line-height: 2.4;
	font-weight: bold;
}
.subtitle li	{
	list-style-image: url(../img/arrow_blue2.gif);
	margin-left: 50px;
	margin-top: 4px;
}
.subtitle2 span	{
	margin-left: 35px;
	line-height: 1.7;
	
}

.subtitle2 li	{
	font-size: 14px;
	padding: 1px 0 2px 23px;
    background: transparent url(../img/l_mark08-green.gif) no-repeat left center;
	margin-left: 85px;
	margin-top: 4px;
}
.subtitle22 li	{
	font-size: 14px;
	list-style-type: none;
	padding: 1px 0 0px 23px;
    background: transparent url(../img/l_mark08-green.gif) no-repeat left center;
	margin-top: 3px;
}
.subtitle3 span	{
	margin-left: 35px;
	line-height: 1.7;
	
}
.subtitle3 li	{
	font-size: 14px;
	padding: 1px 0 2px 23px;
    background: transparent url(../img/l_mark08.gif) no-repeat left center;

	margin-left: 85px;
	margin-top: 4px;
}
.subtitle32 li	{
	font-size: 14px;
	list-style-type: none;
	padding: 1px 0 2px 23px;
    background: transparent url(../img/l_mark08.gif) no-repeat left center;

	margin-top: 4px;
}
.subtitle4 span	{
	width: 250px;
/*	height: 25px; */
	background:url(../img/title_back3-2.gif);
	margin: 9px 0 5px 50px;
	padding: 3px;
	color: white;
	font-size: 14px;
	line-height: 1.2;
	
}
.subtitle4 div.sub4	{
	width: 450px;
/*	height: 25px; */
	background:url(../img/title_back3-2.gif);
	margin: 9px 0 0 22px;
	padding: 3px 0 2px 8px;
	color: white;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	
}
.subtitle4 li	{
	font-size: 14px;
	padding: 1px 0 2px 23px;
    background: transparent url(../img/l_mark08-blue.gif) no-repeat left center;
	margin-left: 85px;
	margin-top: 6px;
	color: #444444;
}
.subtitle42 li	{
	font-size: 14px;
	padding: 1px 0 0px 23px;
    background: transparent url(../img8/l_mark08-violet.jpg) no-repeat left center;
	margin-top: 3px;
	color: #444444;
}
.subtitle4 li a	{
	color: #009999;
}
.subtitle4 li a:hover	{
	color:#ff0099;
}
.subtitle4 .tboxt	{
	width: 628px;
/*	height: 25px; */
	background:url(../img/title_back3-2.gif);
	margin: 9px 0 5px 50px;
	padding: 5px;
	color: white;
	font-size: 14px;
	line-height: 2.2;
}
	
.subtitle4 .tbox	{
	font-size: 12px;
	text-align: left;
	width: 628px;
	padding: 5px;
	border: 1px solid #cdcdcd;
	margin-bottom: 5px;
	line-height: 1.5;
}
.subtitle5 li	{
	font-size: 14px;
	padding: 1px 0 0px 23px;
    background: transparent url(../img/l_mark08-pink.gif) no-repeat left center;
	margin-top: 3px;
	color: #444444;
}
 .mmm06bg	 {
	width:600px;
	height: 34px;
	background-image: url("../img/saas_titleback.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	}
 .mmm06bg span	 {
	margin-left: 70px;
	margin-top: 14px;
	line-height: 2.4;
	font-weight: bold;
	}
	
.title0 span		{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.9;
	margin-left: 45px;
	margin-top: 9px;
	}		
#left-navi{
	width: 200p;
	mini-height:600px ;
	background: url(../img/navi_bg0912-pg.jpg) repeat-y;
}
#left-navi div.titlehead {
	width: 190p;
	margin-left: 5px;
	margin-top: 5px;
	background: url(../img/navi_head.gif) no-repeat;
}
#left-navi div.titlehead h3 {
	font-size:13px;
	line-height: 2.2;
	color: #ffffff;
}
ul	{
	list-style-type: none;
}
ul#navi-menu	{
	margin-top: -4px;
}
ul#navi-menu li	{
	text-align:left;
	display: block;
	width: 190px;
	height: 24px;
	overflow: hidden;
	margin-left: 5px;
}
ul#navi-menu li a	{
	text-decoration: none;
	color: #777777;
	font-weight: bold;
	background: url(../img/menu0912.jpg) no-repeat left top;
	display: block;
	margin: 0;
	width: 190px;
	height: 24px
}
ul#navi-menu li a:hover { 
	background-position:0 -24px; 
	color:#000000;
	}
ul#navi-menu li a span { 
	position: relative;
	top: 4px;
	left: 40px;
}
ul#navi-menu2	{
	margin-top: -4px;
}
ul#navi-menu2 li	{
	text-align:left;
	display: block;
	width: 190px;
	height: 25px;
	overflow: hidden;
	margin-left: 5px;
}
ul#navi-menu2 li a	{
	text-decoration: none;
	color: #666666;
	background: url(../img/menu0912b.jpg) no-repeat left top;
	display: block;
	margin: 0;
	width: 190px;
	height: 25px
}
ul#navi-menu2 li a:hover { 
	background-position:0 -25px; 
	color:#000000;
	}
ul#navi-menu2 li a span { 
	position: relative;
	top: 4px;
	left: 40px;
}
ul#navi-menu3	{
	margin-top: -4px;
}
ul#navi-menu3 li	{
	text-align:left;
	display: block;
	width: 190px;
	height: 24px;
	overflow: hidden;
	margin-left: 5px;
}
ul#navi-menu3 li a	{
	text-decoration: none;
	color: #777777;
	font-weight: bold;
	background: url(../img/menu0912.jpg) no-repeat left top;
	display: block;
	margin: 0;
	width: 190px;
	height: 24px
}
ul#navi-menu3 li a:hover { 
	background-position:0 -24px; 
	color:#000000;
	}
ul#navi-menu3 li a span { 
	position: relative;
	top: 4px;
	left: 30px;
}
ul#ppt-pdf	{
	margin-top: -4px;
}
ul#ppt-pdf li	{
	text-align:left;
	display: block;
	width: 190px;
	height: 24px;
	overflow: hidden;
	margin-left: 5px;
}
ul#ppt-pdf li.pdf1 a	{
	text-decoration: none;
	color: #777777;
	font-weight: bold;
		background: url(../img/ppt-pdf1.jpg) no-repeat left top;
	display: block;
	margin: 0;
	width: 190px;
	height: 24px
}
ul#ppt-pdf li.ppt2 a	{
	text-decoration: none;
	color: #777777;
	font-weight: bold;
	background: url(../img/ppt-pdf2.jpg) no-repeat left top;
	display: block;
	margin: 0;
	width: 190px;
	height: 24px
}
ul#ppt-pdf li.pdf1 a:hover { 
	color:#000000;
	}
ul#ppt-pdf li.ppt2 a:hover { 
	color:#000000;
	}
ul#ppt-pdf li.pdf1 a span { 
	position: relative;
	top: 4px;
	left: 50px;
}
ul#ppt-pdf li.ppt2 a span { 
	position: relative;
	top: 4px;
	left: 50px;
}
.text01	{
	font-size: 11px;
	color: #333333;
}
.text02	{
	padding:5px;
	color:#333333;
	font-size:12px;
	line-height:1.7;
	}
/*.j-kakomi	{
	margin-left: 30px;
	width: 134px;
	border:1px solid #eeeeee;
	}
.j-kakomi span{
	padding: 0px;
	color:#ffffff;
	font-size:12px;
	line-height:170%;
}*/
table.kinou{
	width: 660px;
	margin-top: 8px;
	position: relative;
	left: 5px;
}
table.kinou td {
	padding: 4px;
}
table.kinou td.head01 {
	padding: 0px;
	background:url(../img/title_back3-2.gif);
	text-align: left;
}
table.kinou td.head01 span {
	margin-left: 20px;
	font-size: 14px;	
	color: white;
}
.saas	{
	text-align: left;
	background-position:left top;
	background-repeat: no-repeat;
}
.kakomi	{
	padding: 5px;
	border:1px solid #cc99ff;
}
.kakomi2	{
	/*width: 141px;*/
	margin-top:10px ;
	border:1px solid white;
	font-size: 12px;
	line-height: 1.6;
	color: white;
	
}	
/*  IEƒnƒbƒN-2  */
	div .footnote01	{
						margin-left:10px;
						margin-bottom:15px;
						width:670px;
						text-align: left;
						font-size:9px; 
						color:#666666;
						}

	html>/**/body div .footnote01	{       
						margin-left:35px;
						margin-bottom:15px;
						width:670px;
						text-align: left;
						font-size:11px;  
						color:#666666;
						}
/*  IEƒnƒbƒN-2  end  */						
						
	.wrapping01
					{padding:5px;
					border:1px solid #dddddd;
					}
					
/* bg color */
		.bg-usuki	{background:#ffffb7;}
		.bg-koiki	{background:#ffdb00;}


			
/*		address		{ font-style: italic; display: block }
		blockquote	{ margin: 1em 40px; display: block }
		center		{ text-align: center; display: block }
		div			{ display: block}
		p			{ margin: 1em 0px; display: block }
		pre			{ font-family: monospace; margin: 1em 0px; display: block }

*/

		.tyu1		{
	margin:5px 0 0 45px;
	color:red;
	text-align: left;
}
		/* inline elements */
		
		a			{ display: inline }
		a:link		{ color: #555555; text-decoration: underline;}
		a:visited	{ color: #555555; text-decoration: underline;}
		a:active	{ color: red;}
		a:hover		{ color: red;}
/*		a:focus		{ outline: thin dotted invert; } */


/*		big			{ font-size: 1.17em; display: inline }
		blink		{ display: inline }
		cite		{ font-style: italic; display: inline }
		code		{ font-family: monospace; display: inline }
		del			{ text-decoration: line-through; display: inline }
		dfn			{ display: inline }
		em			{ font-style: italic; display: inline }
		font		{ display: inline }

		ins			{ text-decoration: underline; display: inline }
		kbd			{ font-family: monospace; display: inline }
		nobr		{ white-space: nowrap; display: inline }
		q			{ display: inline }
		s			{ text-decoration: line-through; display: inline }
		samp		{ font-family: monospace; display: inline }
		small		{ font-size: 0.83em; display: inline }
		span		{ display: inline }
		strike		{ text-decoration: line-through; display: inline }
		strong		{ font-weight: bold; display: inline }
		sub			{ font-size: 0.83em; vertical-align: sub; display: inline }
		sup			{ font-size: 0.83em; vertical-align: super; display: inline }
		tt			{ font-family: monospace; display: inline }
		u			{ text-decoration: underline; display: inline }
		var			{ font-style: italic; display: inline }

*/
		/* table elements */
		
/*		caption		{ text-align: center; display: block }
		table		{ text-align: left; display: table }   */
	

	/* text */
	#header		{
				font-family:'ＭＳ Ｐ明朝',serif;
				font-size:0.4em; color:#333333;
				}
				
	.header-navi{
					/*	font-family:'ＭＳ Ｐ明朝',serif;　*/
						font-family:'ＭＳ Ｐゴシック',sans-serif;
						padding:0px; 
						font-size:9px;
						color:#6c6c6c;
						}

/*  IEƒnƒbƒN-3 */
	.main-navi{
						padding:0px; 
						font-size:11px;
						color:#ffffff;
						}
						
	html>/**/body table .header-navi{  
						font-family:'ＭＳ Ｐゴシック',sans-serif;
						padding:0px; 
						font-size:10px;
						color:#50901C;
						}
/*  IEƒnƒbƒN-3 end  */
						



		/* lists */
		
/*		dd			{ list-style-type: none; display: list-item }
		dt			{ list-style-type: none; margin-left: -40px; display: list-item }
		li			{ display: list-item }
		ol			{ list-style-type: decimal }
		ul			{ list-style-type: disc }
		ul ul		{ list-style-type: circle }
		ul ul ul	{ list-style-type: square }

		dl			{ margin: 1em 0px 1em 40px; display: block }
		dl dl		{ margin-top: 0px; margin-bottom: 0px; display: block }
		dl ol		{ margin-top: 0px; margin-bottom: 0px; display: block }
		dl ul		{ margin-top: 0px; margin-bottom: 0px; display: block }

		ol			{ margin: 1em 0px 1em 40px; display: block }
		ol dl		{ margin-top: 0px; margin-bottom: 0px; display: block }
		ol ol		{ margin-top: 0px; margin-bottom: 0px; display: block }
		ol ul		{ margin-top: 0px; margin-bottom: 0px; display: block }

		ul			{ margin: 1em 0px 1em 40px; display: block }
		ul dl		{ margin-top: 0px; margin-bottom: 0px; display: block }
		ul ol		{ margin-top: 0px; margin-bottom: 0px; display: block }
		ul ul		{ margin-top: 0px; margin-bottom: 0px; display: block }

		dir			{ margin: 1em 0px 1em 40px; display: block }
		*/

/* old style “K—p */					
/* .moji3		{color:#555555;font-size:11px;line-height:160%;} */
.moji3		{margin: 2px 4px; }	
.moji4		{padding:5px;}
.pos			{margin-bottom: 2px;}	
.pos2			{margin-bottom: 3px;}

/*.j-kakomi		{padding:2px;
					 border:1px solid #ffffff; 
			 		border-top:2px solid #ffffff;
					border-bottom:2px solid #ffffff;
					color:#444444;
					font-size:12px;
					line-height:170%;}	*/
					
/* old style end */	

.line-fix		{font-size:11px;
					position:relative;
					top:5px;}
						
.bg-yellow		{background:#F6FA89;}

img .pad1		{margin:2px 3px;}

#side_navi		{font-size:12px;color:#444444;}
#menu			{font-size:11px ;}

#menuss		{font-size:11px ;}	
#menuss2		{font-size:10px ;}		
#menuss3		{font-size:10px ;}	


#menuss3tp		{font-size:10px ;}			

.menu1	 		{font-size:10px ;
					position:relative;
					top:5px;
					}					
.menu1ss	 	{font-size:11px ;
					position:relative;
					top:9px;
					}
.menu2	 	 {
	color: white;
	font-size: 11px;
	background: url("../img/no-link.jpg") no-repeat left top
	}

.menu2	.mpos2 
				{position:relative;top:1px;}

/* safari only \*/
 html:\66irst-child #menu .menu1		{
					 position:relative;top:1px;
					 }
 /* end */
	
	
	#menu a      {
	color: #444444;
	text-decoration: none;
	background: url("../img/0308navi3.jpg") no-repeat left top;
	display: block;
	margin: 0;
	width: 105px;
	height: 22px
	}

	#menu a:hover { 
	background-position:0 -22px; 
	color:#FF0000;}
	#menu2 a:hover { 
	background-position:0 -22px; 
	color:#FF0000;}
	
	#menuss a      {
	color: #444444;
	text-decoration: none;
	background: url("../img/0308navi2.jpg") no-repeat left top;
	display: block;
	margin: 0;
	width: 130px;
	height: 20px
	}
	#menuss3 a      {
	color: #444444;
	text-decoration: none;
	background: url("../img/0308navi22.jpg") no-repeat left top;
	display: block;
	margin: 0;
	width: 130px;
	height: 20px
	}

	#menuss3tp a      {
	color: #444444;
	text-decoration: none;
	background: url("../img/0308navi22tp.jpg") no-repeat left top;
	display: block;
	margin: 0;
	width: 130px;
	height: 20px
	}
	#menuss5 a      {
	color: #444444;
	text-decoration: none;
	background: url("../img/0308navi25.jpg") no-repeat left top;
	display: block;
	margin: 0;
	width: 130px;
	height: 20px
	}

	#menuss a:hover { 
	background-position:0 -20px; 
	color:#FF0000;}
	
	#menuss3 a:hover { 
	background-position:0 -20px; 
	color:#FF0000;}
			
	#menuss5 a:hover { 
	background-position:0 -20px; 
	color:#FF0000;}