@charset "utf-8";

/*----------- operation --------------*/

#main #operation p{
	margin: 20px 0 0 0;
}


#operation p.topImg {
	margin: 30px 0 0 0; 
}

#main #operation .topColumn {
	margin: 1px 0 0 0;
	width: 100%;
	text-align: center;
	padding: 10px 5px 5px 5px;
	background:url(../images/bg_shadow01.jpg) no-repeat;
}

#main #operation .topColumn p{
	font-size: 14px;
	color: #666666;
	line-height: 1.6;
	margin: 10px 0 20px 0;
}

#operation h3 {
	border-left: 4px #666666 solid;
	border-bottom: 1px #666666 dotted;
	padding: 5px 0 5px 8px;
	font-size: 15px;
	color: #0099CC;
	margin-top: 30px;
}

#operation .item01{
	margin: 0 0 0 20px;
	width: 100%;
}

#main #operation .item01 li{
	float:left;
	width: 220px;
	margin-left: 10px;
	display: inline-block;
}

#main #operation .item01 li p{
	margin: 0 10px 0 20px;
	width: 200px;
}

#operation .item01 li.firstChild{
	margin: 0;
}

#operation .columnPlan{
	margin-top: 30px;
}

#operation .columnPlan .boxPlan_01{
	border: 4px #0099CC solid;
	margin: 20px 0 0 0;
	padding: 20px;
	font-size: 13px;
	line-height: 1.4;
}

#operation .columnPlan .boxPlan_01 li{
	float: left;
	width: 45%;
	display: inline-block;
	padding: 3px 0 3px 21px;
	background: url(../images/icon_blue.gif) no-repeat 0pt 50%;
}

#operation .columnPlan .boxPlan_01 table{	
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 1.4;
}

#operation .columnPlan .boxPlan_01 table th{
	background: #0099CC;
	color: #FFFFFF;
}



#operation .columnPlan .boxPlan_02 p{
	margin: 10px 0 0 0;
}

#operation .columnPlan .boxPlan_02{
	border: 4px #99CC00 solid;
	margin: 20px 0 0 0;
	padding: 20px;
	font-size: 13px;
	line-height: 1.4;
}

#operation .columnPlan .boxPlan_02 li{
	display: inline-block;
	padding: 3px 0 3px 21px;
	background: url(../images/icon_green.gif) no-repeat 0pt 50%;
}

#operation .columnPlan .boxPlan_02 table{	
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 1.4;
}

#operation .columnPlan .boxPlan_02 table th{
	background: #99CC00;
	color: #FFFFFF;
}

#operation .columnPlan .boxPlan_02 p{
	margin: 10px 0 0 0;
}

#main #operation .inner{
	margin-top: 20px;
} 

#main #operation .boxL{
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;
}

#main #operation .boxL table{
	margin: 0;
	padding: 0;
}

#main #operation .boxR{
	float: right;
	width: 33%;
	margin: 0;
	padding: 0;
}

#main #operation .boxR p{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#operation .columnStandard {
	margin: 20px 0 0 0;
	padding: 0 10px 0 10px;
}

#operation .columnStandard ul{	
	margin: 0;
	padding: 0;
}

#operation .columnStandard li{
	float: left;
	padding: 3px 0 3px 21px;
	width: 46%;
	background: url(../images/icon_blue.gif) no-repeat 0pt 50%;
}


#operation .columnStandard_01 {
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
	border-bottom: 1px #666666 dotted;
}

#operation .columnStandard_01 ul{	
	margin: 0;
	padding: 0;
}

#operation .columnStandard_01 li{
	padding: 3px 0 3px 21px;
	background: url(../images/icon_blue.gif) no-repeat 0pt 50%;
}

#operation .columnStandard_01 .jirei{
	margin-top: 20px;
}

#operation .columnStandard_01 h4{
	color: #0099CC;
	font-size:18px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
	border: none;
}

#operation .columnStandard_02 {
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
}

#operation .columnStandard_02 ul{	
	margin: 0;
	padding: 0;
}

#operation .columnStandard_02 li{
	padding: 3px 0 3px 21px;
	background: url(../images/icon_green.gif) no-repeat 0pt 50%;
}

#operation .columnStandard_02 h4{
	color: #99CC00;
	font-size:18px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
	border: none;
}

#operation .columnStandard_02 .jirei{
	margin-top: 20px;
}

/*---------- clear fix -----------*/ 

div{
    display: inline-block;
}

div:after{
	height: 0;
	visibility: hidden;
	content: url(spacer.gif); /* content: "."; */ /* content: ""; */
	display: block;
	clear:both;
}

/*****ブログ：本文の設定*****/

/*ブログ：エントリーのタイトル（h3要素）の設定*/

/*大見出し白抜き*/
#main h3.fff_h3 {
  margin: 20px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  clear: both;
  background-color:#006633;
  background-image:url(../img/sol_dec00.jpg);
  background-position:right 0;
  background-repeat:no-repeat;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #bb0;
  color:#fff;
}
/*大見出しソリューション*/
#main h3.sol_h3 {
  margin: 10px 10px 0px 10px;
  padding: 2px 2px 2px 5px;
  clear: both;
  background-image:none;
  background-color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-left: 4px solid #060;
  color:#000;
}
/*赤強調*/
#main strong.red {font-weight:100;color:#FF0000;}
/*pの段落あわせ*/
#main p.dl_p {padding-left:30px;}

/*大見出しソリューションの下の文字*/
#main p.sol_p {
  margin: 0 10px 10px 10px;
  padding: 0px 0px 0px 5px;
  clear: both;
  background-image:none;
  background-color:#FFFFFF;
  font-size: 10px;
  font-weight:normal;
  border-left: 4px solid #bb0;
  color:#999;
}

#main h4 {
  margin: 10px;
  padding: 5px;
  clear: both;
  font-size: 1.2em;
  color: #060;
  border-bottom: 1px solid #999;
  background: url(../img/h4.jpg) repeat-x 0 bottom;
}

#main h5 {
  margin: 10px;
  padding: 5px;
  clear: both;
  background-color: #eef3ee;
  font-size: 12px;
  color: #165;
}

/*ブログ：エントリー内の表の基本設定*/
#main table {
  margin:10px;
  padding: 0px;
  text-align: left;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  line-height: 1.5em;
  background-color:#999;
}
#main table th{
  background-color:#006633;
  color:#FFFFFF;
}
#main table td{
  background-color:#fff;
}



/*ブログ：エントリー内のdlの基本設定*/


#main dd {
  margin: 0;
  padding: 2px 5px;
  /*
  border-left: 4px solid #bb0;
  border-right:#fff;
  border-bottom: 1px dashed #ccc;
  */
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
}

#main dd ul {
  margin-left: 5px;
}

#main ul#arrow{
  margin-left:15px;
}
#main ul#arrow li{
  padding-left: 13px;
  background: url(../img/arrow-s.gif) no-repeat 0 3px;
}


strong.strong-a {font-size:14px; color: #00b; border-bottom:#00b double 3px;}
strong.strong-b {font-size:14px; color: #0b0; border-bottom:#0b0 double 3px;}
strong.strong-c {font-size:14px; color: #bb0; border-bottom:#bb0 double 3px;}

#bg-img-01 {
  background: url(../solution/sol203.jpg) no-repeat top right;
}
#bg-img-02 {
  background: url(../solution/sol204.jpg) no-repeat top right;
}
#bg-img-03 {
  background: url(../factory/img/sol207.gif) no-repeat 50% 50%;
}
.flow{
  height: 120px;
  background: url(../factory/img/flow.gif) no-repeat 10px 10px;
  /* padding: 10px;
 border: 2px solid #996;
  border-top: 1px solid #996;
  border-left: 1px solid #996;
  background-color: #FFFFFF;*/
}
.flow-o{
  padding: 4px;
  margin: 10px;
  border: 1px solid #cc9;
/*   border-top: 1px solid #996;
  border-left: 1px solid #996;
 background-color: #ffe;*/
}

p.flow-t {
  padding: 20px 20px 0;
  margin: 0;
  font-size: 160%;
  font-weight: bold;
}
p.flow-p {
  padding: 0 0 0 10px;
  margin: 0;
  border: 1px solid #cc9;
/*  border-top: 2px solid #996;
  border-left: 2px solid #996; */
  background-color: #fff;
}
.flow-d {
  margin: 0 0 0 10px;
  padding: 0px 5px;
  font-size: 14px;
  color: #333;
  border-left: 5px solid #999;
}
/*ブログ：ソリューションの索引*/
ul#index_sol{
  width: 480px;
  height: auto;
  margin: 10px auto 10px 20px;
  padding: 0px;
}

ul#index_sol li{
  width: 240px;
  height: 1.8em;
  float: left;
}

/*CASE&ACTION*/
strong.case   {font-size:15px; color: #00b; border-bottom:#00b double 3px;}
strong.action {font-size:15px; color: #b00; border-bottom:#b00 double 3px;}

/*ナンバーつきリスト*/
#main ul.num{
margin-left:10px;
}

#main ul.num li.num01{
padding-left:18px;
background-image:url(../img/num/01.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num02{
padding-left:18px;
background-image:url(../img/num/02.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num03{
padding-left:18px;
background-image:url(../img/num/03.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num04{
padding-left:18px;
background-image:url(../img/num/04.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num05{
padding-left:18px;
background-image:url(../img/num/05.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num06{
padding-left:18px;
background-image:url(../img/num/06.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num07{
padding-left:18px;
background-image:url(../img/num/07.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num08{
padding-left:18px;
background-image:url(../img/num/08.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}
#main ul.num li.num09{
padding-left:18px;
background-image:url(../img/num/09.gif);
background-repeat:no-repeat;
background-position: 0 2px;
}

/*ブログ：用語集の索引*/
ul.index_word{
  width: 480px;
  margin: 10px auto 10px 20px;
  padding: 0px;
}

ul.index_word li{
  width: 160px;
  height: 1.5em;
  float: left;
}

/*ブログ：納入事例の索引*/
ul.index_work{
  width: 480px;
  margin: 10px auto 10px 20px;
  padding: 0px;
}

ul.index_work li{
  width: 480px;
  height: 2em;
  float: left;
}

/*ブログ：本文の基本設定（p要素）*/
#main p {
  margin: 0 5px 1.3em 15px;
}

/*lp、画像の設定*/

#main .lp_img {
  margin: 25px 0 0 0;
  padding: 0px;
  text-align: center;
}

/*リストの設定*/


#main .box_01{
	width: 500px;
	margin: 0 100px;
}

#main .box_01 p{
	width: 500px;
	margin: 10px 0;
	padding: 10px;
	border: 3px #16B06A solid;
}

#main .lp_list_01{
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
}

.cl {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	margin: 0;
	padding: 0;
}


#main .lp_list_01r{
	width: 250px;
	margin: 0;
	padding: 0;
	float: right;
	}

#main .lp_list_01 dd li{
	margin: 5px 0 5px 0;
	border-bottom: 1px #CCCCCC solid;
	padding-left: 15px;
	background: url(../img/li-ck.gif) no-repeat 0 2px;
}

#main .lp_list_01r dd li{
	margin: 5px 0 5px 0;
	border-bottom: 1px #CCCCCC solid;
	padding-left: 15px;
	background: url(../img/li-ck.gif) no-repeat 0 2px;
}

#main .box_02{
	width: 500px;
	margin: 0 100px;
	padding: 0;
	border-bottom: 1px #CCCCCC dashed;

}

#main .af_list{
	width: 500px;
	margin: 30px 100px;
	padding: 10px;
	border: 3px #0099CC solid;
}

#main .lp_list_02{
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
}

#main .lp_list_02r{
	width: 250px;
	margin: 0;
	padding: 0;
	float: right;
}

#main .lp_list_02 ul{
	margin: 0;
	padding: 3px 0 3px 0;
	border-left: 4px #CCCCCC solid;
}

#main .lp_list_02 ul li{
	margin: 3px 0 3px 0;
	padding-left: 15px;
}

#main .lp_list_02r ul{
	margin: 0;
	padding: 3px 0 3px 0;
}

#main .lp_list_02r ul li{
	margin: 3px 0 3px 0;
	padding-left: 15px;
}

#main .list_title{
  margin: 30px 100px 0 100px;
  width: 500px;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-left: 4px solid #0099CC;
  border-right:#fff;
  border-top:#fff;
  border-top-color:#fff;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  line-height: 1.5em;
}


/*ダウンロードフォームの設定*/

#main .lp_form {
	margin: 20px 80px;
	width: 500px;
	padding: 0;
}

#main .lp_form p{
	margin: 0;
	padding: 0;
}

#main .lp_form .f_announce{
	width: 500px;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 3px #FF3333 solid;
}

#main .lp_form .lp_red{
	color:#FF0000;
	border: none;
}

#main .lp_form dt {
	margin: 0;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-left: 4px solid #0099CC;
  border-right:#fff;
  border-top:#fff;
  border-top-color:#fff;
  background-color: #F2F2F2;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  line-height: 1.5em;
}


#main .lp_form dd {
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border-bottom: 1px dashed #ccc;
  border-left: 4px solid #CCC;
  border-right:#fff;
  border-top:#fff;
  border-top-color:#fff;
}

#main .lp_form table{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}


#main .lp_form th{
  background-color: #F2F2F2;
  color:#666666;
  font-size: 12px;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 10px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  width: 30%;
}

#main .lp_form td{
  font-size: 12px;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #999999;
}


	

/*ダウンロードページの設定*/

#main .dl_space{
	height: 100px;
}

.dl_a a:link {text-decoration: underline;color: #FFF;}
.dl_a a:visited {text-decoration: underline;color: #CCC;}
.dl_a a:hover {text-decoration: underline;color: #000;}
.dl_a a:active {text-decoration: none;}

/*ブログ：フィード配布部分の設定（p要素）*/
#side_menu p.feed {
  margin: 10px 0 0;
  padding: 0 0 10px;
}

/*ブログ：投稿者の設定（p要素）*/
#main p.author {
  margin: 1em 0 80px 5px;
  padding: 0.2em 0 0.5em 10px;
  border-top: 1px dashed #999;
}

/*ブログ：エントリー移動の設定（カテゴリー、アーカイブ、個別エントリー）*/
#main p.page_navi {
  margin: 0.5em 0;
  text-align: center;
  width: 100%;
}

/*ブログ：コメントリンクへの設定（カテゴリー、アーカイブ、個別エントリー）*/
#main p.comment_link {
  border-bottom: 1px solid #ccc;
}

/*ブログ：コメント投稿者の下の設定（カテゴリー、アーカイブ、個別エントリー）*/
#main p.comment_author {
  text-align: right;
  border-bottom: 1px dashed #ccc;
}


/*****ブログ：カテゴリーテンプレート内の設定*****/

/*ブログ：カテゴリのh4の設定*/
#main h6 {
  margin: 1em 0 0.3em 5px;
  padding: 0 0 0.5em 5px;
  border-bottom: 2px solid #999;
  font-size: 1em;
  color: #999;
}

/*ブログ：カテゴリー一覧内の投稿者の設定（p要素）*/
#main p.cat_author {
  margin: 1em 0 1.3em 5px;
  padding: 0.2em 0 0.5em 10px;
  text-align: right;
  border-top: 1px dashed #999;
}

/*ブログ：カテゴリー一覧内のトラックバックの下の区切りの設定（div要素）*/
#main div.trackback {
  margin: 0 0 80px;
}

/*****コメント確認画面、エラー画面の設定*****/

/*フォームの横幅の調整*/
.width {
  width: 480px;
}

/*送信ボタンの中央揃えの設定（div要素）*/

#main #operation div.submit {
  width: 600px;
  text-align: center;
}

/*赤文字*/
.red-2{
  color: #FF0000;
  font-size: 14px;
}
.red-3{
  color: #FF0000;
}
/*網掛け*/
#start{
  background-color: #ffffdf;
  margin: 0 10px;
  padding: 20px 10px;
  border: 1px solid #eea;
}
#start strong{
  color: #c42;
  font-size: 18px;
}
/*パートナーサイト*/

#main ul#arrow2{
  margin-left:15px;
  margin-bottom: 15px;
}
#main ul#arrow2 li{
  padding-left: 13px;
  padding-bottom: 1em;
  background: url(../img/arrow-s.gif) no-repeat 0 3px;
}
/*パートナーサイト*/
/*Go-factort*/
#main ul#arrow_factory{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_factory li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_factory.jpg) no-repeat 0 0;
}
/*webサイト運営*/
#main ul#arrow_unei{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_unei li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_unei.jpg) no-repeat 0 0;
}
/*website*/
#main ul#arrow_website{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_website li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_website.jpg) no-repeat 0 0;
}
/*ビジョナリスト*/
#main ul#arrow_vl{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_vl li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_vl.jpg) no-repeat 0 0;
}
/*SNS*/
#main ul#arrow_sns{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_sns li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_sns.jpg) no-repeat 0 0;
}
/*server*/
#main ul#arrow_server{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_server li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_server.jpg) no-repeat 0 0;
}
#main ul#arrow_server li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_server.jpg) no-repeat 0 0;
}
/*DEMO*/
#main ul#arrow_demo{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_demo li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_demo.jpg) no-repeat 0 0;
}
#main ul#arrow_demo li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_demo.jpg) no-repeat 0 0;
}
/*DJ*/
#main ul#arrow_dj{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_dj li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_imgdj.gif) no-repeat 0 0;
}
#main ul#arrow_dj li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_imgdj.gif) no-repeat 0 0;
}
/*translation*/
#main ul#arrow_translation{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_translation li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_translation.gif) no-repeat 0 0;
}
#main ul#arrow_translation li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_translation.gif) no-repeat 0 0;
}
/*movie*/
#main ul#arrow_movie{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_movie li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_movie.jpg) no-repeat 0 0;
}
#main ul#arrow_movie li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_movie.jpg) no-repeat 0 0;
}
/*goblog*/
#main ul#arrow_goblog{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_goblog li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_goblog.jpg) no-repeat 0 0;
}
#main ul#arrow_goblog li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_goblog.jpg) no-repeat 0 0;
}
/*system*/
#main ul#arrow_system{
  margin-left:10px;
  margin-bottom: 15px;
}
#main ul#arrow_system li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_system.gif) no-repeat 0 0;
}
#main ul#arrow_system li{
  padding-left: 110px;
  padding-bottom: 1em;
  background: url(../partnersite/img/icon_system.gif) no-repeat 0 0;
}

/**/
.per {
	margin-left: 13px;
	padding: 0 0 15px 15px;
	background: url(../img/arrow-m.gif) no-repeat 0 2px;
	font-size: 1em;
}

.bmk {
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
}
.t_cl_gry{
background-color: #FEFAE7;
padding:10px;
margin:0;
}


#operation .lp_form .list li{
/*	display: inline-block;*/
	padding: 3px 0 3px 14px;
	background: url(../../img/arrow-s.gif) no-repeat 0pt 50%;
}