@charset "utf-8";

/* CSS Document */



.special_enclose{ overflow:hidden; height:auto;}

* html .special_enclose{ overflow:hidden; display:block;height:1%;}





/*		料金プラン		*/

#price_inner .GreenBoxIn .NotesGreen{

	width:550px;

	border:1px solid #8E924C;

	background:#ffffff;

	padding:0.5em 1em;

}



#price_inner .GreenBoxIn img

{

	margin:1em;

}

.price_txt

{

	float:right;

	width:580px;

	margin:1em;

}

* html .price_txt	{width:560px;}





.price_table1		{width:740px;margin:1em 0 1em 1px;}

.price_table1 th	{font-weight:bold;color:#333;}

.price_table1 th,

.price_table1 td 	{padding: 20px 0px;}

.price_table1 th.th1	{background:#f3f3e9;}

.price_table1 td span	{font-size:88%;}

.price_table1 td span.b	{font-size:180%;color:#004FA2;}









.price_table2		{width:740px;margin:1em 0 1em 1px; border:1px solid #333; font-size: 83.3%;}

.price_table2 th.th1	{background:#f3f3e9; border:1px solid #333;}

.price_table2 th	{border:1px solid #666;}

.price_table2 td	{border:1px solid #666;}

.price_table2 td span	{font-size:85%;}

.price_table2 td span.b	{font-size:140%;color:#004FA2;}



.normaltable		{width:95%;margin:1em 0 1em 1px; border:1px solid #333;}

.normaltable th.th1	{background:#f3f3e9; border:1px solid #333;}

.normaltable th	{border:1px solid #666;font-size:12px;}

.normaltable td	{border:1px solid #666;}

.normaltable td span	{font-size:88%;}

.normaltable td span.b	{font-size:180%;color:#004FA2;}





/*		「お店」のお悩み		*/

.SolutionBox		{overflow:hidden;zoom:1;}

.SolutionBox_thema	{float:left;margin-right:1em;}



.SolutionBox div	{padding:1px 20px;}

.SolutionBox_solution1	{float:left;

			 background:url(../../service/solution/img/caseimgbg1.jpg) no-repeat left bottom;width:500px;height:230px;}

.SolutionBox_solution2	{float:left;

			 background:url(../../service/solution/img/caseimgbg2.jpg) no-repeat left bottom;width:500px;height:230px;}

.SolutionBox_solution3	{float:left;

			 background:url(../../service/solution/img/caseimgbg3.jpg) no-repeat left bottom;

			 width:500px;height:230px;}



.SolutionBox div h4	{padding:1em 0 1em 0.5em;}



.SolutionBox div p	{float:right;width:280px;margin:10px 0 0;}





/*		導入の流れ		*/



#flow_inner{

	margin:1.5em 0 0;

	overflow:hidden;zoom:1;

}



#flow_inner .GrayBox3In div{

	width:800px;

	margin:0 auto;

	padding:0;

	background: url(../img/bg_greybox3_3.gif) no-repeat left bottom;

	overflow:hidden;

	height:auto;

}





.GrayBox3 .GrayBox3In dl.flow_line{

	clear:both;

	width:730px;

	margin:0 auto;

	padding:0 0 1em 0;

	overflow:hidden;zoom:1;

	border-bottom:3px dotted #CCCCCC;

}

.GrayBox3 .GrayBox3In dl.flow_last{

	clear:both;

	width:730px;

	border:none;

	margin:0 auto 2em;

	padding:0 0 1em 0;

	overflow:hidden;zoom:1;

}



* html .GrayBox3   {width:800px;height:1%; overflow:hidden;}

* html .GrayBox3In {width:800px;}



.GrayBox3 .GrayBox3In dl.flow1 dt		{height:10em;}

.GrayBox3 .GrayBox3In dl.flow1 dd#flowContactbtn {margin:-65px 0 0 425px;}

* html .GrayBox3 .GrayBox3In dl.flow1 dd#flowContactbtn {margin:-67px 0 0 213px;}



.GrayBox3 .GrayBox3In dl.flow_last dd	{padding:1.7em 0 0.5em;}

.GrayBox3 .GrayBox3In dl dt,

.GrayBox3 .GrayBox3In dl dd			{float:left;}

.GrayBox3 .GrayBox3In dl dt			{width:170px;padding:1.5em 0 0.5em;}

.GrayBox3 .GrayBox3In dl dd			{width:555px;padding:1em 0 0.5em;}

.GrayBox3 .GrayBox3In dl dd	strong	{color:#004FA2;font-size:110%;}









/*    QA    */

p.qa_q,

p.qa_a	{float:left;margin:0em 2em 1em 0em;}

p.qa_a	{float:none;}



ul.questionList li		{background:url(../../faq/img/icon_q.gif) no-repeat 0 0.4em;padding:0.4em 0 0.3em 2.5em;}









/*  機能の詳細　*/

ul.function_list		{margin:1em 0 1.7em 1.7em;}

ul.function_list li		{list-style:none; display:inline; background:url(../../function/img/icon_1.gif) 0 0 no-repeat;

						 padding:0.3em 0 0.3em 3em;margin:0 1em 0 0;}

div.funtion_text p		{line-height:1.4em;margin:0.7em 0;}

h4.arch

{

background:url(../../function/img/icon_2.gif) no-repeat 0 3px;

padding:0em 0 0.3em 0.7em;

font-size:1.5em;

font-weight:bold;

}



/*

ul.function_flow			{width:550px; margin:1.5em auto 1em; padding: 0px;}

ul.function_flow580			{width:580px; margin:1.5em auto 1em; padding: 0px;}

ul.function_flow li,

ul.function_flow580 li			{list-style:none;display:inline;}

.function_flow li.func_pre,

.function_flow580 li.func_pre	{text-align:left;margin:0 7.5em 0 0;background:url(../../function/img/icon_pre.gif) no-repeat 0 0.3em;

							 padding:0 0 0 0.9em;}

.function_flow li.func_now,

.function_flow580 li.func_now	{text-align:center;margin:0 8em 0 0;}

.function_flow li.func_next,

.function_flow580 li.func_next	{text-align:right;background:url(../../function/img/icon_next.gif) no-repeat right 0.3em;

							 padding:0 1em 0 0;}

*/



ul.function_flow{

	width:670px;

	margin:1.5em auto 1em;

	padding: 0px;

}

ul.function_flow li{

	display:block;

	list-style:none;

}

.function_flow li.func_pre{

	float: left;

	width:215px;/* 225 */

	padding:0px 0px 0px 10px;

	text-align: left;

	border: 1px solid #fff;

}

.function_flow li.func_pre a{

	padding:0px 0px 0px 10px;

	background: url(../../function/img/icon_pre.gif) no-repeat left 0.3em;

}

.function_flow li.func_now{

	float: left;

	width:200px;

	margin: 0px auto;

	padding: 0px 10px 0px 0px;

	text-align: center;

	border: 1px solid #fff;

}

.function_flow li.func_next{

	float: right;

	width:215px;/* 225 */

	text-align: right;

	border: 1px solid #fff;

}

.function_flow li.func_next a{

	padding:0px 10px 0px 0px;

	background: url(../../function/img/icon_next.gif) no-repeat right 0.3em;

}





.text1{

	margin-top:27px;

	margin-left:27px;

}









/*  お問い合わせ　*/

.ContactHead{

	padding:10px 0px 0px 10px;

}



.ContactBox{

	margin-top:20px;

	margin-bottom:20px;

}






/*  個人情報保護方針　*/



body #privacy		 {padding:0.7em; height:12em; overflow-y:scroll;}

body #privacy h2 {margin:1em 0 0 0!important; font-size:100%; font-weight:bold; color:#333;}

body #privacy p  {margin:0 0 1em 1.3em!important; font-size:85%;}

body #privacy p.attention {margin:0!important; font-size:100%;}