/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 




/**   div,td   {全体のフォントサイズ
  font-size: 10pt;
  font-family: Arial,sans-serif;
  }
/**/



body{
	color: #333333;
	line-height: 125%;	
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}
	
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;}	
	
/***** 2009/5/25　作ってた途中で太字になってしまったから変えた、変える前のもの 
a:link, a:visited, a:hover {
	color: #006699;
	font-weight: bold;
	display: run-in;
}
******/


/* overrides decoration from previous rule for hovered links */

p {
padding-bottom: 0.3em;}

h1, h2, h3, h4, h5, h6,p {
	margin: 0px;
	padding: 0px;
	}

h1{
 font-size: 20px;

	color:#202020;

}



h2{
 font-size: 14px;
line-height: 125%;
 color: #006699;
}



h3{
	font-size: 14px;
	color: #006699;
	margin: 0 0 10 0;
	line-height: 1.5;
}

h4{
 font-size: 12px;
 font-weight: normal;
 color: #333333;}

h5{
 font-size: 10px;
 color: #334d55;}

h6{
 font-size: 8px;
line-height:125%;
 color: #334d55;}

ul{
	list-style-type: square;
	font-size: 12px;
	line-height: 140%;
	color: #006699;
}

ul ul{
	list-style-type: disc;
	line-height:140%;
	font-size: 12px;
	color: #404040;
}

ul ul ul{
 list-style-type:none;
	color:#2E2E2E;
	font-size: 10px;
}








.label{
color: #334d55;
font-weight:bold;
}

.label2{
	color: #334d55;
	font-weight:bold;
	margin:0 0 2 0;
}
.coetexlabel2{
	color:#1E1E1E;
	font-weight:bold;
	margin:0 0 10 0;
	font-weight:bold;
	line-height:1.5;
	font-size:12px;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	text-align: left;
}

#masthead2{
	margin: 0;
	padding: 2 0 2 0;
	border-bottom: 1px solid #cccccc;
}

#masthead3{
	margin: 0;
	padding: 10 0 5 0;
	border-bottom: 1px solid #cccccc;
	width: 100%;}

#masthead4{
	margin: 0;
	padding: 0;
	width: 100%;}

#masthead5{
	margin: 40 0 60 0;
	padding: 10 0 0 0;
	width: 100%;
	border-top: 1px solid #cccccc;
	float:right;
}



#casenavBar{
	margin: 0 0 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 200px;}

#content{
	float:right;
	width: 575px;
	margin: 15 0 0 0;
	padding: 0 20 0 0;
}
/**********4項目横並びの大枠 #navBarにあたる************/
#box004{
	float:right;
	width: 100%;
	margin: 0 0 20 0;
	padding: 0;
	border-right: 1px solid #ccc;
	border:1px solid;
	border-color:#B9B9B9;
}
/*****4項目のひとつひとつの*******************/
-----------------------------------------------------
#content4 ul a:link, #content4 ul a:visited {
	display: block;
	width:100%;}
#content4 ul {
	list-style: none; margin: 0; padding: 0;}
#content4 li {
	border-bottom: 1px solid #EEE;}

------------------------------------------------------
#navBar004{
	float:left;
	margin: 1;
	padding: 5;

	border-color:#B9B9B9;
	background-color: #eeeeee;

	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 128px;}

/*********** #sectionLinks styles ***********/

#sectionLinks4 h3{
	padding: 10px 0px 2px 10px;}

#sectionLinks4 a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;}

#sectionLinks4 a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;}

#sectionLinks4 a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;}
#sectionLinks4{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;}

#content4{
	float:right;
	width: 150px;
	margin: 0;
	padding: 0;
	border:1px solid;
	border-color:#B9B9B9;
	background-color:#EDEEDF;	
	border-right: 1px solid #a0a0a0;
}

#content5{
	float:left;
	width: 392;
	margin: 0;
	padding: 0;
}

/************* case 導入事例画像　****************/
#content20{
	float:right;
	width: 257px;
	margin: 0;
	padding: 0;
}

#content21{
	float:left;
	width: 257;
	margin: 0;
	padding: 0;
}


/************* ここから　case 導入事例　顔写真無し、社名ロゴ無し　****************/
#content22{
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 30px;
}
/************* ここまで　case 導入事例　顔写真無し、社名ロゴ無し　****************/

#links001{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-weight:         bold;
}

#nav004 ul a:link, #content4 ul a:visited {
	display: block;}




/**************box 枠線つける***************/
#box26{
	margin:5;
	padding:0;
	border:1px solid;
	border-color:#B9B9B9;
}

#box28{
	margin:5;
	padding:10;
	border:1px solid;
	border-color:#B9B9B9;
	font-size:12px;
	font-weight:bold;
	line-height:180%;
}

#box27{
	margin:5;
	padding:0;
}

#casecontent{
	margin: 15 20 40 20;
	padding: 0 0 0 0;}

#box29{
	margin:0;
	padding:10;
	border:1px solid;
	border-bottom-color:#b9b9b9;
	font-size:12px;
	font-weight:bold;
	background-color:#333333;
}

#box29 a {

	text-decoration: none;
	color:#FFFFFF;}

/***********************************************/
/*Component Divs                               */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 10px 20px 10px 20px;}

#summary{
	font-size: 10px;
	color: #334d55;	
	margin: 0px;
	padding: 10px 20px 10px 20px;}

/************ #pageName styles **************/
#pageName{
	padding: 10px 0px 15px 0px;
}

#pageName2{
	padding: 5px 0px 5px 8px;
	line-height: 1.5;
	margin:0 0 10 0;
	background-color:#D7E0E1;
}

#pageName3{
	padding: 0px 0px 0px 0px;
	line-height: 125%;
}

#pageName4{

	line-height: 120%;
	margin:10 0 0 20;
	color:#FFFFFF;
	vertical-align:middle;	
}

#pageNameC{
	vertical-align:text-bottom;
	padding:10 0 5 20;
	color:#FFFFFF;
	font-size:12px;
	line-height:125%;
	font-weight:bold;
	vertical-align:middle;
	

}

#pageNameC a{color:#ffffff;}

/************* #globalNav styles white-spaceプロパティは、ソース中の半角スペース・タブ・改行の表示の仕方を指定する際に使用
**************/
#globalNav{
	color: #A2A2A2;
	padding: 5px 0px 5px 10px;
	font-size:12px;
	background-color: #EBEBEB;
	height: 20px;
}

/* 行にうまくはめ込むために多く過ぎるのがあれば、'nowrap'は線ラッピングからリンクを
防ぎます。
あなたが線包装へのリンクが欲しいなら、リンクが取り除くすべてが値を'標準'に統治する
か、または変えるので余地が十分ないと、これは水平なスクロールバーを強制するでしょう。*/

#globalNav img{
	display: block;}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px;}

/************* #パンくず styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;}

/************** .topimg styles ***************/

.topimg12{
	padding: 0px 0px 0px 0px;
}

.topimg h3{
	padding: 0px 0px 5px 0px;
	text-align: left;}

.img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;}

.img2{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 20 0 0 0;}
	
	
/************** img styles ***************/

.img100{
	padding: 0px 0px 10px 0px;
}
	


/* マージンを調整して、それの周りを流れながら、特徴イメージとテキストの間で分離を変えてください。*/
/**************　回りこみ　中央　 .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	width:100%;
}

.feature h3{
	padding: 0px 0px 5px 0px;
	text-align: left;}

.feature img{
	float: center;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;}

/* マージンを調整して、それの周りを流れながら、特徴イメージとテキストの間で分離を変えてください。*/


/*********  回りこみ画像配置　右　枠線　アリ　.category styles **********/

.category{
	padding: 10px 0px 0px 0px;
	font-size: 80%;
	line-height:190%;
	width:100%;}

.category h2{
	padding: 0px 0px 5px 0px;
	font-size: 160%;
	text-align: left;}

.category img{
	float: right;
	padding: 0px 0px 0px 0px;
	border:1px solid #cccccc;
	margin: 0 0 0 0;
	}



/******** 回りこみ画像配置　右　.category styles *********/

.category3{
	padding: 10px 0px 0px 0px;
	font-size: 80%;
	line-height:190%;
	width:100%;}

.category h2{
	padding: 0px 0px 5px 0px;
	font-size: 160%;
	text-align: left;}

.category img{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	}


/**********　回り込み　左　*************/
.category50{
	padding: 0px 0px 20px 0px;
	margin:10 0 10 0;
	font-size: 12px;
	line-height:130%;
}

.category10{
	padding: 0px 0px 50px 0px;
	margin:10 0 10 0;
	font-size: 12px;
	line-height:130%;
}

.category10 h2{
	padding: 2px 0px 2px 2px;
	font-size: 140%;
	text-align: left;}

.category10 img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 10 0 10 0;}



.category11 {

	padding: 5px 0px 10px 0px;
	font-size: 12px;
	line-height:135%;
	margin:0;
}

/**********　回り込み　ナシ　*************/
.category2{
	padding: 0px 0px 50px 0px;
	font-size: 12px;
	line-height:130%;
}

.category2 h2{
	padding: 0px 0px 5px 0px;
	font-size: 140%;
	text-align: left;}

.category2 img{
	float: none;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;}

#category3{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	line-height:160%;
	width:100%;}

.category5{
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height:135%;
}

.category6{
	padding: 8px 0px 50px 0px;
	font-size: 12px;
	line-height:125%;
}

.category7{
	padding: 5px 0px 10px 0px;
	font-size: 12px;
	line-height:125%;
}

.category8{
	padding: 5px 0px 20px 0px;
	font-size: 12px;
	line-height:125%;
}

.category9{
	padding:8 0 10 0;
	font-size:12px;
	
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;}

.story p{
	padding: 0px 0px 10px 0px;}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;}

/* 否定的ページの上の余白がsiteinfoを引き上げるので、先頭の境界は重なります。 (そして、その結果、並びます。)
それらが「触れる」場合におけるnavBarの下部の境界*/

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;}

#search form{
 	margin: 0px;
 	padding: 0px;}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;}

/*********** #navBar link styles ここのwidthは背景色の幅。ラインは関係なし　***********/
#navBar{
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 160px;
	background:#ececec;
	}
#navBar ul a:link, #navBar ul a:visited {
	display: block;}

#navBar ul {
	list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {
	border-bottom: 1px solid #EEE;}

/* ハッキングを必要としないブラウザには、修理してください。*/

html>body #navBar li{
	border-bottom: none;}

/*********** #sectionLinks styles 左メニューの上部***********/

#sectionLinks{
	position: static;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	width:160;}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #b7b7b7;
	padding: 2px 0px 2px 10px;
}

/****追加で記載　ネスケでラインを合わせたい****/	
#sectionLinks img{
	margin: 0px;
	padding: 0px;

	width:109;}

/*********** #casesectionLinks styles ***********/
#casesectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 12px;}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;}

/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;}

#advert img{
	display: block;}

/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 12px;}

#headlines p{
	padding: 5px 0px 5px 0px;}




/*************   b指定いろいろ   **************/

.b10 {
	font-weight: bold;
	padding:10 0 0 0;
	}

.b {

	font-weight: bold;
	padding:0 0 0 0;
	}




/**************  18 ******************/
.s18Bgre {

	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color:#75A115;
}

.s18Bpin {

	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color:#cc0066;
}

.s18Bor {

	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color:#ff7f00;
}

.s18Bw {

	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color:#ffffff;
}

.s18w {

	font-size: 18px;
	line-height: 125%;

	color:#ffffff;
}

.s18B {

	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color:#333333;
}

/************* 12 **************/

.s12gre{
	font-size: 12px;
	line-height: 125%;
	color:#75a115;
}

.s12Bgre {

	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	color:#75A115;
}

.s12Bpin {

	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	color:#cc0066;
}

.s12Bor {

	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	color:#ff7f00;
}

.s12Bw {

	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	color:#ffffff;
}

.s12w {

	font-size: 12px;
	line-height: 125%;

	color:#ffffff;
}


.s12or {

	font-size: 12px;
	line-height: 125%;
	color:#ff7f00;
}

.s12pin {

	font-size: 12px;
	line-height: 125%;
	color:#cc0066;
}

.s12 {
	font-size: 12px;
	line-height: 140%;
	color:#333333;
}

.s12gre {
	font-size: 12px;
	line-height: 140%;
	color:#626262;
}

.s12bl {
	font-size: 12px;
	line-height: 140%;
	color:#000000;
}

/************ 11 **************/
.s11 {
	font-size: 11px;
	line-height: 135%;
	color: #666666;
}

.s11bl {
	font-size: 11px;
	line-height: 140%;
	color:#000000;
}


/*********** 14 ************/
.s14B{
	font-size: 14px;
	line-height: 135%;
	font-weight: bold;
}

.s14Bgre{
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color:#75A115;
}

.s14Bor{
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color:#ff7f00;
}

.s14Bpin{
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color:#cc0066;
}

#s14{
	background-color:#749396;
	margin:0;
	padding:5;
	font-size:14px;
	color: #FFFFFF;

}

/************ 10 ************/

.s10pin{
	font-size: 10px;
	line-height: 125%;
	color:#cc0066;
}


.s10Bpin{
	font-size: 10px;
	line-height: 125%;
	font-weight: bold;
	color:#cc0066;
}
.s10{
	font-size: 10px;
	line-height: 125%;
}

.s10b{
	font-size: 10px;
	line-height: 125%;
	font-weight: bold;
}

.s10w {

	font-size: 10px;
	line-height: 125%;
	color:#ffffff;
}


.s10or{
	font-size: 10px;
	line-height: 125%;
	color:#ff7f00;
}

.s10Bor{
	font-size: 10px;
	line-height: 135%;
	font-weight: bold;
	color:#ff7f00;
}

.s10Bgre{
	font-size: 10px;
	line-height: 135%;
	font-weight: bold;
	color:#75A115;
}

.s10gre{
	font-size: 10px;
	line-height: 125%;
	font-weight: normal;
	color:#75A115;
}

.s10gry{
	font-size: 10px;
	line-height: 125%;
	font-weight: normal;

	color:#4F4F4F
}

.s9gry{
	font-size: 9px;
	line-height: 125%;
	font-weight: normal;

	color:#4F4F4F
}





.s7{
	font-size: 7px;
	line-height: 100%;
}



/************** list ***************/
.list     {
	color:              #333;
	font-size:           85%;
	line-height:         130%;
	text-indent:         1px;
	white-space:         normal;
	list-style-type:     disc;
	list-style-position: outside;
	display:             list-item;
	margin-left:         20px;
	vertical-align:      1px; }

.list1   {
	color:              #666666;
	font-size:           10px;
	line-height:         125%;
	white-space:         normal;
	list-style-type:     disc;
	list-style-position: outside;
	display:             list-item;
	margin-left:         20px; }


.list2   {
	font-size:           12px;
	font-weight:         bold;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-image:    url(../../../../images/arws.gif);
	list-style-position: outside;
	display:             list-item;
}


.list22   {
	font-size:           12px;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-image:    url(../../../../images/arws.gif);
	list-style-position: outside;
	display:             list-item;
}


.list50   {
	font-size:           12px;
	font-weight:         bold;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-image:    url(../../../../images/arws.gif);
	display:             list-item;
	list-style-position:inside;
}

.list60   {
	font-size:           10px;
	font-weight:         bold;
	line-height:         110%;
	list-style-image:    url(img/icon_005.gif);
	display:             list-item;
	list-style-position:inside;
}

.list70   {

	font-stretch:        extra-condensed;
	list-style-image:    url(../../../../images/arws.gif);
	display:             list-item;
	list-style-position:inside;
}

/**********　list2の画像ナシ　****************/
.list15   {
	font-size:           12px;
	font-weight:         bold;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-position: outside;
	display:             list-item;
}
/**********************************************/

.list20   {
	font-size:           12px;

	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style:dics;
	list-style-position:inside;

}


.list3        {
	color:         #333;
	font-size:      85%;
	font-weight:    bold;
	line-height:    160%;
	text-indent:    3px;
	white-space:    inherit;
	list-style:     none url(../../../../images/spacer.gif);
	display:        list-item;
	margin-left:    20px;
	vertical-align: 1px; }

.list4        {
	color:      #333;
	font-size:   80%;
	line-height: 120%;
	text-indent: 3px;
	white-space: inherit;
	list-style:  none url(../../../../images/spacer.gif);
	display:     list-item;
	margin-left: 20px; }

.list5         {
	color:              #333;
	font-size:           100%;
	font-weight:         bold;
	line-height:         130%;
	font-stretch:        extra-condensed;
	text-indent:         1px;
	list-style-image:    url(../../../../images/arw_c.gif);
	list-style-position: outside;
	display:             list-item;
	margin-left:         20px;
	vertical-align:      2px; }

.list6 {
	color:              #666666;
	font-size:           80%;
	line-height:         130%;
	white-space:         normal;
	list-style-type:     disc;
	list-style-position: inside;
	display:             list-item;
	padding: 12px;
	font-weight: bold;
	margin: 10px;
}

.list7 {

	color:              #333;
	font-size:           12px;
	line-height:         130%;
	white-space:         normal;
	list-style-type:     disc;
	list-style-position: outside;
	display:             list-item;
	margin-left:         20px;
}

.list8 {

	color:              #333;
	font-size:           10px;
	line-height:         130%;
	white-space:         normal;
	list-style-type:     disc;
	list-style-position: outside;
	display:             list-item;
	margin-left:         2px;
}

.list12 {
	color:              #666666;
	font-size:           10px;
	line-height:         125%;
	white-space:         normal;
	list-style-type:     disc;
	list-style-position: inside;
	display:             list-item;
	padding: 12px;
	font-weight: bold;
	margin: 10px;
}


.list9	 {
	cursor:              auto;
	list-style-type:     none;
	margin:              0 0 0 0px;
	padding:             0;
	font-size: 		14px;
	line-height: 	140%;
	color: 			#006699;
	font-weight:         bold;
	list-style-position: outside;
	display:             list-item;
 }


.list10	{
		list-style: none;
		margin: 0;
		padding: 0;
		color:#333333;
		list-style-position: outside;}

.list16   {
	font-size:           12px;
	font-weight:         bold;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-position: outside;
	display:             list-item;
}


/***　数字　***/
.list17   {
	font-size:           11px;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-position: outside;
	display:             list-item;
	list-style-type:decimal;
}

.list60   {
	font-size:           12px;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-position: outside;
	display:             list-item;
	list-style-type:decimal;
}


.list18	{
		list-style: none;
		margin: 0;
		padding: 0;
		color:#333333;
}

.list19	{
	list-style-type: none;
		color:#333333;
		margin: 0px;
		padding: 0px 0px 0px 0px;
}

.list21 {

	font-size:           12px;
	font-weight:         bold;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-position: inside;
	display:             list-item;
}

.list23 {

	font-size:           12px;
	line-height:         140%;
	font-stretch:        extra-condensed;
	list-style-position: inside;
	display:             list-item;
}

.list24{
	font-size:12px;
	line-height:140%;
	font-stretch:extra-condensed;
	display:list-item;
}

.s5o {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	color: #FF9900;
}
.s5g {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	color: #336633;
}
.s5r {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	color: #CC0000;
}
.s5b {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	color: #0033CC;
}
.s5bcolor{
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
	color:#CC0066;
}
.s5bcolor2{
	font-size: 120%;
	line-height: 140%;
	font-weight: bold;
	color:#02329F;
}

.s14Bbl{
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color:#02329F;
}

.s5{
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
}

.s5n{
	font-size: 95%;
	line-height: 140%;
	color: #4C4C4C;
	font-weight: bold;



}

.s4color2{
	font-size: 100%;
	line-height: 145%;
	color:#02329F;
}
.s4color{
	font-size: 110%;
	line-height: 145%;
	color:#CC0066;
}

.s4color3 {
	color:      #33858b;
	font-size:   110%;
	font-weight: bold;
	line-height: 145% }



.s150{
	font-size: 150%;
	line-height: 145%;
	font-weight: bold;
}
.s120{
	font-size: 120%;
	line-height: 145%;
	font-weight: bold;
}
.s110{
	font-size: 110%;
	line-height: 145%;
	font-weight: bold;
}
.s4{
	font-size: 90%;
	line-height: 145%;
}

.s4b{
	font-size: 90%;
	line-height: 145%;
	font-weight: bold;
}

.s4g{
	font-size: 90%;
	line-height: 145%;
	color:#4c4c4c;
}
.s3{
	font-size: 80%;
	line-height: 135%;
}
.s3b {
	font-size:  80%;
	font-weight: bold;
	line-height: 155% }
	
.s3c {
	font-size:  80%;
	font-weight: bold;
	line-height: 135% }


.s2{
	font-size: 70%;
	line-height: 125%;
}
.s1{
	font-size: 60%;
	line-height: 125%;
}
.news{
	font-size: 70%;
	line-height: 105%;
	color: #666666;

}



body2 {
	line-height: 145%;
 	font-style: normal;

}










a {
	color: #666666;
	text-decoration: none;
}
.menu{
}
a.menu {
	color: #000000;
	text-decoration: none;
}

/*******************
.link { }

a.link   {
	color:          #c06;
	font-weight:     bold;
	text-decoration: none }


a.link:hover {
	color: #CC0000;
	text-decoration: none;
}
a:hover  {
	color:          #c06;
	text-decoration: none }
******************/


a.link2 {
	color: #cc0033;
	text-decoration: none;
}

a.link3 {
	color:#CC0066;
	text-decoration:underline;
}





.s266 {
	font-size: 70%;
	line-height: 125%;
	color: #666666;
}
.s366 {
	font-size: 12px;
	line-height: 135%;
	color: #666666;
}



.s466 {
	font-size: 90%;
	line-height: 145%;
	color: #666666;
}
.title2 {
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	color: #000066;
}

.title14ami {
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #ffffff;
	background-color:#009999
}

.title3 {
	font-size: 80%;
	line-height: 135%;
	color: #666666;
	font-weight: bold;
}
.title4 {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	color: #000066;
}
.title3ami {
	font-size: 12px;
	line-height: 135%;
	color: #333333;
	background-color: #cccccc;
	font-weight: bold;
}
.title6   {
	color:      #007d7d;
	font-size:   14px;
	font-weight: bold;
	line-height: 140% }

.title7 {
	line-height: 135%;
	color: #666666;
	font-weight: bold;
	font-size:11px;
}

/*****画像に枠線　padding0****/
img.border {  
  border-width: 1px;  
  border-style: solid;  
  border-color: #333333; 
  padding: 0px; 
}

/*****画像に枠線　padding8****/
img.border2 {
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
	margin:10px;
	padding:15;
}

/*****画像に枠線　padding8****/
img.border3 {
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
	margin:5px;
	padding:0px;
}

.title5 {

	font-size: 110%;
	line-height: 140%;
	font-weight: bold;
	color: #000066;
}



.titbg    {
	color:              #ffffff;
	font-size:           120%;
	font-weight:         bold;
	line-height:         140%;
	background-color:    #c06;
	background-position: 0 0;
	text-indent:         10px }

.titbg2 {
	color:              #ffffff;
	font-size:           100%;
	font-weight:         bold;
	line-height:         140%;
	background-color:    #535353;
	background-position: 0 0;
	text-indent:         10px
}

.titbg3 {
	color:              #ffffff;
	font-size:           100%;
	font-weight:         bold;
	line-height:         140%;
	background-color:    #c06;
	background-position: 0 0;
	text-indent:         10px; }
	
.titbg6 {
	color:              #ffffff;
	font-size:           1.1;
	font-weight:         bold;
	line-height:         1.5;
	background-color:    #535353;
	background-position: 0 0;
	text-indent:         11px;
}
.s150b {
	font-size: 150%;
	line-height: 145%;
	font-weight: bold;
	color: #FFFFFF;
	background: #009999 center;
}
.s150wb {
	font-size: 150%;
	line-height: 145%;
	font-weight: bold;
	color: #FFFFFF;
}

.s130b {
	font-size: 130%;
	line-height: 145%;
	font-weight: bold;
	color: #FFFFFF;
	background: #009999 center center;
}

.s110b {
	font-size: 110%;
	line-height: 145%;
	font-weight: bold;
	color: #FFFFFF;
	background: #009999 center center;
}

.s120l {

	font-size: 120%;
	line-height: 125%;
	font-weight: bold;
}
.s90 {

	font-size: 90%;
	line-height: 115%;
	font-weight: bold;
	color:#CC0066;
}

.kaigyo {

	page-break-after: always;
}












.box1{/*外側の枠の設定*/
  background-color: #F8F8F8;
  border-style: solid;
  border-width: 1px;
  border-color: #868686 #FFFFFF #FFFFFF #868686;
  width: 310px;/*幅*/
  margin: 30px;
  }
.box2{
  background-color: #F0F0F0;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF #868686 #868686 #FFFFFF;
  padding: 1px;
  }

.boxtit1{
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF #d5d5d5 #d5d5d5 #FFFFFF;
  padding: 5px;
	background-color:#EDECE4;
	
  }


.line{/*右側の点線*/
  border-right: dashed 1px #C68686;
  margin-right: 6px;
  }
.box3{/*内側の枠の設定*/
  border-style: solid;
  border-width: 1px;
  border-color: #868686 #FFFFFF #FFFFFF #868686;
  margin: 0px;/*外枠との間隔*/
  width: 100%;/*幅*/
  }

.box4{
  background-color: #EFF0F1;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF #868686 #868686 #FFFFFF;
  padding: 0px;
  }


.box5{
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF #ffffff #868686 #FFFFFF;
  padding: 3px;
	background-color:#FCFCF8;
	color:#256889;

	margin:              0 0 0 0px;
	padding:             0;
	list-style-type:circle;
	list-style-position:inside;


  }

.box6{
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF #ffffff #868686 #FFFFFF;
  padding: 3px;
	background-color:#F7F9F9;
	color:#256889;

	margin:              0 0 0 0px;
	padding:             0;
	list-style-type:circle;
	list-style-position:inside;
  }


.menu{
  padding: 4px 4px 5px 10px;
  line-height: 16px;
  width: 130px;/*メニューの幅*/
  }
.update{
  padding: 4px 4px 5px 10px;
  line-height: 16px;
  }
.text{
  height: 150px;/*テキスト部分の高さ*/
  overflow: auto;
  padding: 4px 4px 5px 10px;
  line-height: 16px;
  }
.wel{
  padding: 4px 4px 5px 10px;
  line-height: 16px;
	color:#006699;
	font-weight:bold;  }

.otoiawase{
  padding: 4 0 0 0;
  line-height: 135%;
  width: 100%;/*メニューの幅*/
	font-size:10px;
  }



/********padding上下空け*********/
#box20{ padding: 10px 0px 10px 0px; 
}

#box21{
	padding: 5px 0px 5px 0px;
}


/********padding上空け*********/
#box15{
	padding: 15px 0px 0px 0px;
}



/********margin上下空け*********/
#box30{
	padding: 5px 0px 5px 0px;
	margin:10 0 10 0;
}
#box31{
	padding: 5px 0px 5px 0px;
	margin:0 0 10 0;
}

#box40{
	margin: 0px;
	padding: 0px 0px 0px 20px;}


#box23{
	margin: 0px;
	padding: 0px 0px 15px 0px;}

#box25{
	margin:0;
	padding: 20 0 10 0;
}


#box24{
	margin: 0px;
	padding: 10px 0px 25px 0px;}

.box25{
	margin:5 0 5 0;
	padding:10;
	border:1px solid;
	border-color:#B9B9B9;
	width: 100%;
}

#box60{
	margin:10 0 40 0;
	padding:0;
}


#box70{
	background-image:url(img/top_10.jpg);
	width:534px;
	height:114px;
	margin:0 0 10 0;
	padding:0;
}	




#box81{
	vertical-align:bottom;
	margin:0;
	padding: 0 0 0 20;
}
	

/**********導入事例***********/

#content2{
  float:right;
	width: 75%;
	margin: 15 0 0 0;
	padding: 0 20 0 0;}


#case1{
	float:right;
	width: 200;
	margin: 0;
	padding: 10 10 20 10;
	background-color:#F2F2F2;
	font-size:11px;
	line-height:145%;
}

#case2{
	float:left;
	width: 335px;
	margin: 0;
	padding: 0 0 30 0;
	font-size:12px;
	line-height:145%;
	color:#333333;
}

#case9{
	float:left;
	width: 100%;
	margin: 0;
	padding: 10 10 20 10;
	background-color:#F2F2F2;
	font-size:11px;
	line-height:1.5;
}


#case10{
	line-height:1.5;
	color:#333333;
	float:right;
	width: 100%;
	margin: 0;
	padding: 0 0 30 0;
	background-color:#F2F2F2;
	font-size:10px;

}


#case11{
	float:left;
	margin: 0;
	padding: 10 10 20 10;
	font-size:12px;
	line-height:1.5;
	color:#333333;
	width: 100%;
}


#case4{
	float:left;
	width: 100%;
	margin: 10 0 0 0;
	padding: 10 10 10 10;
	font-size:12px;
	line-height:1.4;
	color:#333333;
	background-color:#F7F7F0;
}

#case5{
  float:right;
	width: 100%;
	margin: 0;
	padding: 10 0 20 0;

	font-size:12px;
	line-height:145%;
}

#case6{
	float:right;
	margin: 0 0 15 0;
	padding: 0 0 0 0;
	font-size:12px;
	line-height:1.4;
	width: 100%;
}


/************ topへもどる *************/
.gotop{
	padding:40 0 0 0;
}

/**********  注意事項など  **********/
#case7{
	width: 100%;
	margin: 0 0 15 0;
	padding: 0 0 0 0;
	font-size:10px;
	text-align: left;
	line-height:140%;
}

.caseimg{
	padding:0 0 50 0;
	display: block;	
}

.case2img{
	padding:10 0 10 0;

}




.case4limg{
	float:left;
	margin:0 15 15 0;
	font-size:9px;
	line-height:1.4;
	padding: 0;
}

.case4rimg{
	float:right;
	margin:0 0 15 15;
	font-size:9px;
	line-height:1.4;
	padding: 0;
}

.b1010 {
	font-weight: bold;
	padding:10 0 10 0;
	font-size:12px;
	line-height:135%;
	color: #02329F;
	}

.b1011 {
	font-weight: bold;
	padding:10 0 10 0;
	font-size:larger;
	line-height:135%;
	color: #000000;
	}
/*********活用例**********/

#bgimg{background-image:url(img/case_bg001.jpg);
width:760px;
height:58px;
}

#bgimg002{
	background-image:url(img/case_bg002.jpg);
	width:760px;
	height:52px;
}




.td1{
	font-size:12px; 
	line-height:24px;  
	color:#666666; 
	background-image:url(img/bk.gif);
	text-align:left;
	 
	

}
















.titbg4 {
	color:              #ffffff;
	font-size:           100%;
	font-weight:         bold;
	line-height:         140%;
	background-color:    #333;
	background-position: 0 0;
}

.tit { 
	border-bottom-color:#75a115;
	border-bottom-style:solid;
	color:#75a115;
	border-bottom-width:1px;
	padding-bottom:1px;
	}
	
.tit06 {
	padding:5;
	margin:15 0 0 0;
	color:#333333;
	background:#efefef;
	font-weight: bold;
	}
	
	
/*******************************　上部のテキストキーワード　*****************************/
.keyword01{
	font-size:10px;
	font-weight: normal;
	color: #666666;
	margin:0 0 0 18;
}


/*******************************　ぱんくずナビ　*****************************/
.pk {
	font-size:10px; line-height:1.4;
	padding:3 0 3 0;}

.pkbgco{
	background-color:#E9C017;
	font-size:10px;
	padding:3 0 3 20;
	height:18px;
}

.banner{
	margin:6 0 6 0;
	text-align:left;
	font-size:12px;
	padding:0;
	height: 51px;
}


.box50{ margin:5 0 20 0;
width:555px;}

.titgrey {
	font-size: 16px;
	line-height: 1.3;
	color: #333333;
	background-color: #DFE4E8;
	padding: 2 0 2 0;
	margin: 10 0 10 0;
	font-weight: bold;
}

.environment01{
	font-size:12px;
	line-height:1.4;
	list-style:disc;
	margin: 0 0 0 10;
	color: #333;
	padding: 0 0 6 5;
}
.environment02{
	line-height:1.4;
}


/**会社概要****/
.cotit01 {
	color:              #ffffff;
	font-size:           1.1em;
	font-weight:         bold;
	line-height:         1.5;
	background-color:    #535353;
	padding: 3;
	width: 100%;
}
.cotit02	 {
	cursor:              auto;
	list-style-type:     none;
	margin:              0 0 0 0px;
	padding:             0;
	font-size: 		14px;
	line-height: 	140%;
	color: 			#666;
	font-weight:         bold;
	list-style-position: outside;
	display:             list-item;
 }
 
.cotit03{
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color:#02329F;
	padding: 20 0 5 0;
}


/***本文の中のタイトル***/
.casetit001{
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	color:#02329F;
	padding:20 0 10 0;

}

/***写真***/
#photo01{
	float:left;
	width: 100;
	margin: 20 0 0 0;
	padding: 10 10 20 10;
	font-size:12px;
	line-height:1.3;
	color:#333333;
	background-color:#F5F7F8;
}

/***本文***/
#nagashi02{
	float:left
	width: 100;
	margin: 20 0 0 0;
	padding: 10 10 20 10;
	font-size:12px;
	line-height:1.3;
	color:#333333;
	background-color:#F5F7F8;
}

#prev {
 border: 1px solid #ccc;
 background:#fbfbfb;
 width:200px;
 float:right;
 display:inline;
 margin:0 1em 1em 1em;
 padding-bottom:0.5em;
 text-align:center;
}
#nagashi{
	float:right;
	width: 100%;
	margin: 10 0 0 0;
	padding: 0 10 20 10;
	font-size:12px;
	line-height:1.4;
	color:#333333;
	background-color:#F7F7F0;
}
#nagashiw{
	float:right;
	width: 100%;
	margin: 10 0 0 0;
	padding: 5 0 5 0;
	font-size:12px;
	line-height:1.4;
	color:#333333;
	background-color:#ffffff;
}

.titgrey02 {
	font-size: 16px;
	line-height: 1.3;
	color: #333333;
	background-color: #DFE4E8;
	padding: 2 0 2 0;
	margin: 0 0 10 0;
	font-weight: bold;
}
/***左寄せ****/
.right{
	float:right;}

.flort{
	float:none;}


.casetx{
	float:right;
	width: 100%;
	margin: 10 0 0 0;
	padding: 10 0 10 0;
	background-color:#ffffff;
	font-size:12px;
	line-height:1.4;
	color:#333333;

	
	}

/***営業担当***/
.et{
	float:right;
	width: 100%;
	margin: 20 0 0 0;
	padding: 10 10 10 10;
	background-color:#ffffff;
	border: 1px solid #cccccc;
	font-size:12px;
	line-height:1.4;
	color:#333333;

	
	}
.chui{
	font-size:80%;
	margin: 0 0 0 20;
	padding: 0 0 0 10;
}
.chui2{
	font-size:80%;
	margin: 10 0 10 0;
	padding: 10 0 10 0;
	line-height: 1.5;
	border-bottom:1px #ccc dotted;
	border-top:1px #ccc dotted;
}


.printicon{
	margin:0 0 5 0;
	padding:0;
	text-align:right;
	width:100%
}


#boxcoe{
	margin:0 0 10 0;


	font-size:12px;
	padding:0 0 3 0;


	}
	
#boxcoe h3{
	margin:0 0 5 0;
	color: #006699;
	border-bottom:1px #006699 dotted;
	font-size:14px;
	padding:0 0 3 0;
	font-weight: bold;

}


.ver3text{
	text-align:right;
	font-size: 10px;
}
.ver3text a{
	font-weight:bold;
	font-size:14px;}