@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%;}



/*------機能紹介　追加------------------------*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
/*IE6.7に対応*/ .clearfix{ /zoom:1;}

 
#functionPage h3{margin: 23px 0 13px;}
#functionPage h3.PageLead {
    padding: 1em 0 0.7em 1em;
	margin:0;
}
#functionPage h3.functionh3{margin: 5px 0 10px;}

#functionPage h4.h4Bottom{margin-bottom:15px;}

.box3col{    margin: 0 0 0 25px;}
.box2col{    margin-left:20px;}
#functionPage .boxBmg{margin-bottom:23px;}
#functionPage .center{text-align:center; }
#functionPage .center img{display:inline; }
#functionPage .GrayBoxIn p {
    margin: 0 8px 8px;
	padding-top:8px;
}
#functionPage .GrayBox3 div.bgnone{
	background-image:none;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}


#functionPage .price_table1 td,#functionPage .price_table1 th{
	padding:10px;
	}

#functionPage #flBox { float:right;width:200px;display:inline;padding-right:30px;position:relative;top:-10px;}
#functionPage #flBox2 {width:320px;position:relative;top:-15px; }
#functionPage .PaddingL{padding-left:20px; }
#functionPage .PaddingL2{padding-left:50px; }
#functionPage #imgBoxRe{position:relative;left:-10px;}
#imgBoxRe02{position:relative;left:-28px;top:5px;background-image:none;}
#functionPage .BoxPad{margin-top: 23px;}	
#functionPage .ImgNone{background-image:none;}

/*タブナビ*/
#MainBox ul#functionTab {
	background: url(../../function/img/ul_bg.jpg) repeat-x left 5px;
	padding-left:8px;
	margin-bottom:15px;
}

ul#functionTab li{
	padding:0;
	margin:0;
	display:block;
	float:left;	 
	width:134px;
	overflow:hidden;
	height:41px;
}

#MainBox #functionTab li a{
	display:block;
	width:130px;
	overflow:hidden;
	height:0;
	padding-top:41px;
}

#MainBox #functionTab li#nav_001 a{margin-right:3px;background-image:url(../../function/img/ul_tab.jpg);background-position:left 82px;}
#MainBox #functionTab li#nav_002 a{margin-right:3px;background-image:url(../../function/img/ul_tab.jpg);background-position:-133px 82px;}
#MainBox #functionTab li#nav_003 a{margin-right:3px;background-image:url(../../function/img/ul_tab.jpg);background-position:-266px 82px;}
#MainBox #functionTab li#nav_004 a{margin-right:3px;background-image:url(../../function/img/ul_tab.jpg);background-position:-399px 82px;}
#MainBox #functionTab li#nav_005 a{margin-right:3px;background-image:url(../../function/img/ul_tab.jpg);background-position:-532px 82px;}

#MainBox #functionTab li#nav_001 a:hover{background-position:left top;}
#MainBox #functionTab li#nav_002 a:hover{background-position:-133px top;}
#MainBox #functionTab li#nav_003 a:hover{background-position:-266px top;}
#MainBox #functionTab li#nav_004 a:hover{background-position:-399px top;}
#MainBox #functionTab li#nav_005 a:hover{background-position:-532px top;}


#MainBox #functionTab li#nav_001 a#MouseON{background-position:left -331px; }
#MainBox #functionTab li#nav_002 a#MouseON{background-position:-133px -331px;}
#MainBox #functionTab li#nav_003 a#MouseON{background-position:-266px -331px;}
#MainBox #functionTab li#nav_004 a#MouseON{background-position:-399px -331px;}
#MainBox #functionTab li#nav_005 a#MouseON{background-position:-532px -331px;}



/*Table*/
#functionTable{	width:795px;}
#functionTable .functionTd1{width:30%;}
#functionTable .functionTd1_2{width:40%;}
#functionTable .functionTd2{width:20%;}
#functionTable .functionTd3{width:6%;}
#functionTable .tdTextL1{text-align:left;padding-left:10px;font-size:93%;}
#functionPage h4.funch4{margin-bottom: 15px;}

#functionPage .funtion_text .hFunction01{
	float:left;
	height: 340px;
	margin-top:30px;
	width: 348px;
	background-image:url(../../function/img/honbu_caption08.jpg);
	background-repeat:no-repeat;
	background-position:left 0px;
	position:relative;
	display:inline;
	margin-left:20px;
}
#functionPage .funtion_text .hFunction02{
	margin-top:30px;
	float:left;
	height: 340px;
	width: 348px;
	background-image:url(../../function/img/honbu_caption09.jpg);
	background-repeat:no-repeat;
	background-position:left 0px;
	position:relative;
	display:inline;
	margin-left:20px;
}
#functionPage .funtion_text .hFunction03{
	float:left;
	height: 340px;
	width: 348px;
	background-image:url(../../function/img/honbu_caption10.jpg);
	background-position:left 0px;
	background-repeat:no-repeat;
	position:relative;
	display:inline;
	margin-left:20px;
}
#functionPage .funtion_text .hFunction04{
	float:left;
	height: 340px;
	width: 348px;
	background-image:url(../../function/img/honbu_caption11.jpg);
	background-repeat:no-repeat;
	background-position:left 0px;
	position:relative;
	display:inline;
	margin-left:20px;
}
#functionPage .funtion_text .hFunction01 em,#functionPage .funtion_text .hFunction02 em,#functionPage .funtion_text .hFunction03 em
,#functionPage .funtion_text .hFunction04 em,#functionPage .funtion_text .hFunction05 em
{
	background-image:none;
	position:absolute;
	width:310px;
	top:97px;
	left:21px;
}
#functionPage .honbuBox001{	
width:307px;
padding:30px 20px 0 0;
float:left;
background-image:none;

}

#honbuBox05{
	padding-top:17px;
	float:left;
	width:347px;
}

#honbu002{
	padding-top:17px;
	float:right;
	height: 234px;
	width: 343px;
	background:url(../../function/img/honbu_caption04.gif) no-repeat left top;
	position:relative;
	display:inline;
	padding-right:15px;
}
#honbu002 em{
	position:absolute;
	top:93px;
	left:92px;
	width: 95px;
}
.point_fr{
	float:right;
	display:inline;
	padding:70px 40px 20px 0;
    background:url(../../function/img/020_caption_movie.jpg) no-repeat scroll center bottom transparent;
}


/*----上書き GreenBox---------------------*/

.GreenBox1 {
    margin: 0 0 23px;
    padding: 14px 0 0;
    background:url(../../function/img/greenBoxTop.jpg) no-repeat scroll left top transparent;
}
.GreenBox1 .GreenBox1In {
    background:url(../../function/img/greenBoxBtm.jpg) no-repeat scroll left bottom transparent;
    margin: 0;
    padding: 0;
}

.GreenBox1 .GreenBox1In .funtion_text{
    margin: 0;
    padding: 0 15px 14px 20px;
    width: 765px;
}
.clear{clear:both;}
.emRed{position:relative;}
.emRed .red{
	display:block;
	position:absolute;
	top:-7px;
}

/*---MIN BOX   -------------*/
#functionPage .functionMBox_001 .functionMBox_001Btom .functionMBox_001Ctr{
	width: 766px;
    background:url(../../function/img/functionMBox_003.jpg) repeat-y scroll left top transparent;
	padding:0 10px;
	margin:0;
}
#functionPage .functionMBox_001 .functionMBox_001Btom{
    background:url(../../function/img/functionMBox_002.jpg) no-repeat scroll left bottom transparent;
	padding:0;
	padding-bottom:14px;
	margin:0;
}
#functionPage .functionMBox_001{
    background:url(../../function/img/functionMBox_001.jpg) no-repeat scroll left top transparent;
	padding:0;
	padding-top:5px;
	margin:0;
}

#functionPage .functionMBox_001 .functionMBox_001Btom .functionMBox_001Ctr p{
	padding-left:13px;
	
	}

#functionPage .functionMBox_001 .functionMBox_001Btom .functionMBox_001Ctr p.text{
	padding-top:70px;
	width:150px;
	}#functionPage .GrayBox .GrayBoxIn .leadBox {
	padding-left: 10px;
}
#functionPage .funtion_text{
	position:relative;
}


#functionPage .funtion_text #point_caption1{
	position:relative;
	left: 20px;
	top: -30px;
}

#functionPage .basicImg{
	margin-left:10px;
	display:inline;
	}