body {line-height:1.5;}

/*基本タグ*/
.spacer_top05{
	margin-top:5px;
}

.spacer_top10{
	margin-top:5px;
}

.spacer_top20{
	margin-top:20px;
}

.line_dot05{
	background:url(line_dot.gif) repeat-x 50% 0%;
	height:5px;
}

.line_dot09{
	background:url(line_dot.gif) repeat-x 50% 50%;
	height:9px;
}

.line_dot15{
	background:url(line_dot.gif) repeat-x 50% 50%;
	height:15px;
}

.line_dot31{
	background:url(line_dot.gif) repeat-x 50% 50%;
	height:31px;
}

.c_blue3{
	color:#1777A6;
}

.c_topic{
	color:#CC9900;
}

/*===レイアウト==================================================================*/

/*上の8個のメニュー*/
#menu{
	width:760px;
	margin-left:auto;
	margin-right:auto;
}

/*ロゴ＋センター＋タイトル*/
#title{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}

/*商品ページレイアウト*/
#wrap{
	width:760px;
}

#content{
	width:560px;
	float:left;
}

#sidemenu{
	width:175px;
	float:left;
	margin-left:25px;
}

.yokuaruqa{
	background:url(../images/sidemenu/box_center.gif) repeat-y;
	padding-left:6px;
	padding-right:6px;
}


/*サイドメニュー*/



/*お問い合わせなどサイドメニューがないページのレイアウト*/
#pagewrap{
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}


/*重要なお知らせ*/
.importantwrap{
	background-color:#ECF2FA;
	border:1px #C5DAF2 solid;
	padding:10px;
}




/*新しいウインドウのレイアウト*/
#winopen740{
	margin:15px auto;
	width:740px;
	text-align:left;
}

#winopen660{
	margin:15px auto;
	width:660px;
	text-align:left;
}

#winopen700{
	margin:15px auto;
	width:700px;
	text-align:left;
}


#winopen{
	margin:15px auto;
	width:560px;
	text-align:left;
}

#winopen2{
	margin:15px auto;
	width:700px;
	text-align:left;
}

#winopen3{
	margin:15px auto;
	width:660px;
	text-align:left;
}

#winopen4{
	margin:15px auto;
	width:400px;
	text-align:left;
}

/*拡大画面のレイアウト*/
#winopen_screen{
	margin:15px auto;
	text-align:left;
}


/*===リスト==================================================================*/
/*ウインドウオープン*/
li.li_list_blank ,li.li_list_arrow{
	margin-left:0px;
  padding-left:18px;
  padding-bottom:4px;
  padding-right:0px;
}

li.li_list_blank_under ,li.li_list_arrow_under{
	margin-left:0px;
  padding-left:18px;
  padding-bottom:0px;
  padding-right:0px;
}

li.li_list_blank, li.li_list_blank_under{
  background:url(icon_blank.gif) no-repeat left 3px;
}

li.li_list_arrow ,li.li_list_arrow_under{
  background:url(icon_arrow.gif) no-repeat left 3px;
}


/*QA用*/
ul.ul_list_qa{
	list-style-type:none;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
	margin-left:5px;
	padding:0px;
}


.line_solid_qa{
	background:url(line_solid.gif) repeat-x 50% 50%;
	height:45px;
}


/*トップ特長*/

#top_feature1 {width:660px; height:77px;}
#top_feature2 {width:660px; height:77px;}
#top_feature3 {width:660px; height:77px;}
#top_feature4 {width:660px; height:77px;}
#top_feature5 {width:660px; height:77px;}
#top_feature6 {width:660px; height:77px;}


.top_feature_txt{
	background:url(../images/main/bg_feature.gif) no-repeat;
	padding:0 17px;
}

	

.topfwrap{
	width:532px;
	border:1px solid #CCCCCC;
	padding:8px;
	margin-left:10px;
}

.topfbox{
	width:532px;
}

.topfillust{
	width:90px;
	float:left;
}

.topftext{
	float:left;
	width:433px;
	margin-left:9px;
}


table.table_topintro{
	background:url(../images/main/bg_intro_row.gif) repeat-y;
}

/*===トップページで使用============================================================*/

/*導入ケース*/
.casewrap{
	background:url(../images/main/bg_intro_row.gif) repeat-y;
	width:650px;
	margin-left:10px;
}

.casewrap2{
	width:305px;
}

.caseleft{
	width:305px;
	float:left;
}

.caseright{
	width:305px;
	float:left;
	margin-left:40px;
}

.casetext{
	width:194px;
	float:left;
}

.casephoto{
	width:156px;
	float:left;
	margin-left:5px;
}


/*===動作環境や価格で使用　テーブルの設定===========================================*/

table.table_style, table.table_style2{
background-color:#FFFFFF;
}

table.table_style td {
border:1px solid #CCCCCC;
padding:5px;
}

table.table_style2 td {
border:1px solid #CCCCCC;
padding:2px;
}

table.table_style3 td {
border:0px;
padding:0px;
}

td.td_table_style3 {
	white-space:nowrap;
}

td.td_style_bg1{
	background-color:#D8E4F1;
	font-weight:bold;
}

td.td_style_bg2{
	background-color:#EFEFEF;
}

td.td_sub_title {
	padding:5px;
	background-color:#9DBBDB;
	font-weight:bold;
}

/*===特長や機能で使用 タイトル背景==========================================*/

/*特長イラストのためのフロート*/

/*その2*/
.featurewrap2{
	width:648px;
}

.featureleft2{
	float:left;
	width:540px;
}

.featureright2{
	float:left;
	width:96px;
	margin-left:10px;
}

/*その3*/
.featurewrap3{
	width:648px;
}

.featureleft3{
	float:left;
	width:428px;
}

.featureright3{
	float:left;
	width:210px;
	text-align:center;
	margin-left:10px;
}

/*その4*/
.featurewrap4{
	width:648px;
}

.featureleft4{
	float:left;
	width:517px;
}

.featureright4{
	float:left;
	width:121px;
	text-align:center;
	margin-left:10px;
}

/*その5*/
.featurewrap5{
	width:648px;
}

.featureleft5{
	float:left;
	width:428px;
}

.featureright5{
	float:left;
	width:210px;
	text-align:center;
	margin-left:10px;
}

/*機能*/
.functionwrap{
	width:648px;
}

.functionleft{
	float:left;
	width:428px;
}

.functionright{
	float:left;
	width:210px;
	text-align:center;
	margin-left:10px;
}

/*管理*/
.kanriwrap{
	width:648px;
}

.kanrileft{
	float:left;
	width:428px;
}

.kanriright{
	float:left;
	width:210px;
	text-align:center;
	margin-left:10px;
}

/*機能囲み*/
.function_col{
	border:solid 2px #C9E1F6;
	padding:10px;
	background:#F2FBFE;
	margin-bottom:10px;
}


/*セキュリティ*/
.securitywrap{
	width:648px;
}

.securityleft{
	float:left;
	width:428px;
}

.securityright{
	float:left;
	width:210px;
	text-align:center;
	margin-left:10px;
}

/*トピック枠*/
.feature_attention{
	padding:6px;
	border:1px dashed #CCCCCC;
	background-color:#FFF0C4;
	color:#CC3333;
}

.feature_attention2{
	padding:6px;
	border:1px dashed #CCCCCC;
	background-color:#EFEFEF;
}

/*費用についての詳細で使用*/
/*枠*/
.feature002_waku{
	padding:6px;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
}



/*特長セキュリティに関する小見出し*/
.feature_subtitle{
	border-bottom:1px #CCCCCC solid;
	padding:4px 0 2px 19px;
	margin-bottom:5px;
	background:#EFEFEF url(icon_blue.gif) no-repeat 3px center;
}



.feature_text{
	padding-left:12px;
	margin-bottom:50px;
}

.feature_text2{
	padding-left:12px;
	margin-bottom:30px;
}

.feature_text_bottom, .function_text_bottom{
	padding-left:12px;
}

.function_title{
	border-bottom:1px #CCCCCC solid;
	padding:9px 0 7px 15px;
	margin-bottom:5px;
	background:#EFEFEF url(icon_blue.gif) no-repeat 3px center;
}

.function_text{
	padding-left:12px;
	margin-bottom:30px;
}

/*機能のテーブル*/
table.table_function_box{
	/*function_textを修正したらこちらも修正*/
	width:548px;
	margin-bottom:7px;
}

/*画面がある場合の左側のセル*/
td.td_function_text2{
	padding-left:5px;
}

/*拡大画像がある右側のセル*/
td.td_function_screen{
	padding-left:10px;
	width:210px;
	text-align:center;
}


/*===購入前のQ&Aにて使用=============================================================*/

td.td_qa_border {
	padding:7px 5px 7px 5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	vertical-align:top;
}

td.td_qa_border_n {
	padding:7px 5px 7px 5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	vertical-align:top;
	font-weight:bold;
	background-color:#F4F5F7;
}

table.table_answer{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}

td.td_answer_q{
	padding:7px 5px 7px 5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	vertical-align:top;
	font-weight:bold;
	background-color:#F4F5F7;
}

td.td_answer_an, td.td_answer_a{
	padding:7px 5px 7px 5px;
	vertical-align:top;
}

td.td_answer_an {
	background-color:#D8E4F1;
	font-weight:bold;
}

td.td_wrap{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}

/*===導入＆接続で使用=============================================================*/

.connectillust{
	background-color:#D8E4F1;
	border:solid 1px #CCCCCC;
	text-align:center;
	padding:10px;
}

.connecttext{
	background-color:#FFFFFF;
	border:dotted 1px #CCCCCC;
	text-align:left;
	padding:10px;
	font-weight:bold;
}

.connectmerit{
	background-color:#F8FEE0;
	border:dotted 1px #CCCCCC;
	text-align:left;
}


/*===各ページサイドメニューのリンク設定============================================*/

.menunaviwrap{
	padding:2px;
	border:#CCCCCC 1px solid;
}

.menunaviwrap2{
	padding:2px;
	border:#FFFFFF 3px solid;
}

.menunavi a,.menunavi_top a{
	display:block;
	width:157px;
	height:35px;
	background-color:#FFFFFF;
}

.menunavi2 a{
	display:block;
	width:157px;
	height:41px;
	background-color:#FFFFFF;
}

.menunavion ,.menunavi_topon{
	display:block;
	width:157px;
	height:35px;
	background-color:#D6DAE2;
}

.menunavi a:hover,.menunavi2 a:hover,.menunavi_top a:hover{
	background-color:#F4F5F7;
}

.menunavi,.menunavi2,.menunavion{
	border-top:solid 1px #CCCCCC;
}

.navispace{
	margin-left:7px;
	margin-top:3px;
}
.navispace2{
	margin-left:7px;
	margin-top:5px;
}

.functionnavi1,.functionnavi2{
	display:block;
	width:150px;
	height:30px;
	background-color:#EFEFEF;
	border-bottom:solid 1px #CCCCCC;
	padding-left:7px;
	margin-bottom:10px;
}

.functionnavi2{
	border-bottom:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
}


/*導入事例、よくある質問で*/

/*===CSSでのSEO対策=============================================================*/
/*背景*/

.t_title001{
	width:560px;
	height:33px;
	margin-bottom:7px;
}

.f_title001,.f_title002,.f_title004{
	width:560px;
	height:33px;
	margin-bottom:10px;
}

.f_title003,.f_title005{
	width:560px;
	height:54px;
	margin-bottom:10px;
}


/*トップ*/
.t_title001{
	background:url(../images/main/title001.gif) no-repeat;
}

/*特長*/
.f_title001{
	background:url(../images/feature/title001.gif) no-repeat;
}
.f_title002{
	background:url(../images/feature/title002.gif) no-repeat;
}
.f_title003{
	background:url(../images/feature/title003.gif) no-repeat;
}
.f_title004{
	background:url(../images/feature/title004.gif) no-repeat;
}
.f_title005{
	background:url(../images/feature/title005.gif) no-repeat;
}



.clear{
	clear:both;
}



/*導入事例*/
.introduce_text{
	padding-left:12px;
}

.introduce_text2{
	padding-left:20px;
}

.introduce_focus{
	border:dashed 1px #999999;
	background-color:#EFEFEF;
	padding:5px;
	font-weight:bold;
}

.introduce_company{
	border:solid 1px #999999;
	padding:5px;
}

.introduce_box{
	border:solid 1px #CCCCCC;
	background-color:#EFEFEF;
	padding:5px;
}

td.introduce_logo{
	background-color:#FFFFFF;
	padding:5px;
}


.intro_onewrap{
	width:660px;
}

.intro_towwrap{
	width:660px;
}

.intro_leftbox{
	width:320px;
	float:left;
}

.intro_rightbox{
	width:320px;
	float:left;
	margin-left:20px;
}

.intro_box{
	border:solid 1px #CCCCCC;
	background-color:#EFEFEF;
	padding:9px;
}




/*開発エピソード*/
.episode_photo{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.episode_text{
	line-height:1.6em;
}

p.mg_b20 {margin: 0px 0px 20px 0px;}


/*価格ページで使用*/
.c_gray{
	color:#999999;
}


/*パートナーページで使用*/
.partner_service{
	background:url(../images/partner/photo.jpg) bottom right no-repeat;
	padding-right:160px;
}

/*商品概要ページで使用*/
b.keyword{
	border-bottom:1px solid #FFD38F;
	/*background:#FFF4BF;*/
	/*text-decoration:underline;*/
	font-weight:bold;
}

em{
	font-weight:bold;
}

.casestudy_sabtitle{
	border-top:2px #9DBBDB solid;
	border-bottom:1px #9DBBDB solid;
	padding:9px 0 7px 20px;
	margin:0 0 10px 10px;
	background:#D8E4F1 url(icon_blue.gif) no-repeat 7px center;
}