body {

	font: 80% "‚l‚r ‚oƒSƒVƒbƒN", Osaka,Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #666;
	line-height:16px;
	text-align: center;
	background:url(../images/shared/bg.jpg) center repeat-y;
	background-color: #f6f6f6 ;
}

a:link {
  color:#3366CC;
  text-decoration: none;
}

a:visited {
  color:#3366CC;
    text-decoration: none;
}
a:hover {
  color:#990000;
  text-decoration: none;
}

a:active {
  color:#990000;
  text-decoration: none;
}

h3 {
	margin:0 0 12px 0;
}

* {
	margin: 0;
	padding: 0;
}

img { 
	border: 0;
}
.clear {
	clear:both;

}
.essential {
	color:#CC0000;
	font-weight:normal;

}
/***********************************************************************
	 header 
************************************************************************/
#header {
	position: relative;
	margin: 0px auto 0 auto;
	padding: 3px 0 0 0  ;
	width: 900px;
	height:51px;
	text-align: left;
	z-index: 10;
	border-top:3px solid #CF031E ;
}
#header h1{
	float:left;
	margin-right:12px;
}
#header h2{
	font-size:9px;
	font-weight:normal;
	margin:14px 0 0 0;
	padding:0;
	float:left;
}

#head_btn{
	float:right;
	margin:6px 0 0 0;

}
#head_btn ul{
	margin:0;

}
#head_btn li{
	float:left;
	list-style:none;
	margin: 0 0 0 6px;
}
#head_btn li a{
	height:50px;
	width:180px;
	display:block;
	text-indent: -9999px;
}
#head_btn li#mail a{ 
	background: url(../images/shared/btn_mail.jpg) no-repeat;
}
#head_btn li#order a{ 
	background: url(../images/shared/btn_order.jpg) no-repeat;
}
#head_btn li#mail a:hover,#head_btn li#order a:hover {
	background-position: 0 -50px;
}

/***********************************************************************
	 navi 
************************************************************************/
#navi {
	clear:both;
	height:62px;
	margin:0 0 6px 0;
}
#navi ul{
	margin:0 0 0 0;
}
#navi li {
	list-style:none;
	float:left;
}
#navi li a{
	height:62px;
	width: 176px;

	display:block;
	text-indent: -9999px;

}
#navi li#service a{ 
	background: url(../images/shared/navi_service.jpg) no-repeat;
	margin:0 5px 0 0;
}
#navi li#demo a{ 
	background: url(../images/shared/navi_demo.jpg) no-repeat;
	margin:0 5px 0 0;
}
#navi li#price a{ 
	background: url(../images/shared/navi_price.jpg) no-repeat;
	margin:0 5px 0 0;
}
#navi li#flow a{ 
	background: url(../images/shared/navi_flow.jpg) no-repeat;
	margin:0 5px 0 0;
}
#navi li#example a{ 
	background: url(../images/shared/navi_example.jpg) no-repeat;
	margin:0 0 0 0;
}


#navi li#service.selected a,#navi li#service a:hover
,#navi li#demo.selected a,#navi li#demo a:hover
,#navi li#example.selected a,#navi li#example a:hover
,#navi li#flow.selected a,#navi li#flow a:hover
,#navi li#price.selected a,#navi li#price a:hover {
	background-position: 0 -62px;
}



/***********************************************************************
	 container 
************************************************************************/
#container {
	position: relative;
	width: 900px;
	margin: 16px auto 0 auto;
	text-align: left;
	z-index: 1;
}
#top_order {
	margin: 6px 0 6px 0;
}
#top_order a{
	margin: 6px 0 6px 0;
	height:70px;
	width: 900px;
	display:block;
	text-indent: -9999px;
	background: url(../images/top/top_order.jpg) no-repeat;
}

#top_order a:hover {
	background-position: 0 -70px;
}

/***********************************************************************
	 contents_all
************************************************************************/
#contents_all {
	width: 900px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 12px 0px;
}

/***********************************************************************
	 contents_left
************************************************************************/
#contents_left {
	width: 682px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 12px 0px;
	float:left;
}
#contents_left hr{

	clear:both;
	margin:8px 0 8px 0;
}
#contents_left h4{
	padding:0;
	clear:both;
	margin:0 0 8px 0;
}
#contents_left h4.guide{
	padding:0;
	clear:both;
	color:#CF0E34;
	margin:12px 0 4px 3px;
}

#contents_left h5{
	padding:0;
	clear:both;
	margin:0 0 8px 4px;
	font-size:100%;
	color:#CF0E34;
}

#contents_left h5.guide{
	padding:0;
	clear:both;
	margin:8px 0 8px 4px;
	font-size:100%;
	color:#C21682;
	font-weight:normal;
}
#contents_left p {
	margin-left:6px;
}
#contents_left p.explain {
	float:left;
	margin:6px 6px 24px 6px;
}
#contents_left .img_list{
	text-align:center;
	clear:both;
}
#contents_left .img_list img{
	padding:3px;
	margin:6px;
	background-color:#EEE;
}
#contents_left li {
	margin:0 0 0 24px;

}
#contents_left dl {
	margin:6px 6px 6px 6px;
	font-size:90%;
	padding: 0;
	clear:left;
}
#contents_left dl dt {
	margin: 0;
	padding: 2px 0 2px 5px;
	font-size:11px;
	color:#FE0000;
}
#contents_left dl dd {
	font-size:11px;
	padding: 2px 2px 2px 13px;
	margin-left: 56px;
	margin-top: -20px;
	background-repeat:no-repeat;
	background-position:top left;
}


#contents_left div.sample_img{
	float:right;
	text-align:center;
	margin:0 0 12px 0;
}
#contents_left div.sample_img img{
	background-color:#EEE;
	padding:3px;
	margin:5px;
}
#contents_left .zoom {
	background:url(../images/shared/zoom.png) no-repeat left ;
	padding-left:16px;
}
#contents_left .popup {
	background:url(../images/shared/popup.png) no-repeat left ;
	padding-left:16px;
}

#contents_left .frame {
	border:2px solid #EEE;
	padding:10px;
	font-weight:bold;
	
}
#contents_left .ex_block {
	margin:16px 0 6px 0;
	clear:both;
	
}
#contents_left .ex_block .ex_block_in{
	float:left;
	margin:5px;
}
#contents_left .ex_block img {
	padding:3px;
	background-color:#EEE;
	padding:3px;
	margin:5px 5px 24px 5px;
	float:left;
}
#contents_left .ex_block p {
	margin-top:18px;
}
#contents_left .ex_block h5 {
	font-size:130%;
	color:#FF6600;
}


.price_table table {
	background-color:#CCCCCC;
	width:682px;
	clear:both;
	margin-bottom:24px;
}
.price_table th {
	background-color:#EFEFEF;
	padding:6px;
	text-align:left;
	
}
.price_table th.line {
	background-color:#333;
	color:#EEE;
	font-size:120%;
}


.price_table td {
	background-color:#FFF;
	padding:6px;
	width:360px;
	text-align:center;
	font-weight:bold;
}
.price_table td.option {
	width:120px;
}


.ex_table table {
	background-color:#CCCCCC;
	width:682px;
	clear:both;
	margin-bottom:24px;
}
.ex_table th {
	background-color:#EFEFEF;
	padding:6px;
	text-align:left;
	width:120px;
	
}
.ex_table th.line {
	background-color:#333;
	color:#EEE;
	font-size:120%;
}
.ex_table th.line_ken {
	background-color:#EEE;
	color:#333;
	font-size:120%;
}

.ex_table td {
	background-color:#FFF;
	padding:6px;
	font-weight:bold;
}


.normal {
	font-weight:normal;
	font-size:90%;
}


/***********************************************************************
	 page_top
************************************************************************/
#contents_left div.page_top{
	margin:24px 0 3px 0;
	clear:both;
	float:right;
}
#contents_left div.page_top a{
	width: 80px;
	height: 20px;
	display:block;
	text-indent: -9999px;
	background:url(../images/shared/page_top.gif) no-repeat;
}
#contents_left div.page_top a:hover {
	background-position: 0 -20px;
}

/***********************************************************************
	 mail
************************************************************************/
#mail {
	text-align:center
}
#mail h4{
	clear:both;
	margin:36px auto 6px auto;
	padding:6px;
	background-color:#CCC;
	color:#000;
	width:506px;
}
#mail textarea{

}
#mail table{
	background-color:#CCC;
	margin:6px;
	width:100%;
}
#mail th {
	text-align:left;
	background-color:#f3f3f3;
	padding:3px 20px 3px 3px;
}
#mail td {
	text-align:left;
	background-color:#fff;
	padding:3px 40px 3px 3px;
}
#mail button{
	padding:3px 12px 3px 12px; 
}

/***********************************************************************
	 guide
************************************************************************/
.guide {
	clear:both;
	margin:0 0 6px 0;
	padding:24px 0 0 140px;
}
.guide ul{
	margin:0 0 0 0;
}
.guide li {
	list-style:none;
	float:left;
	margin:0 0 24px 0;
}
.guide li a{
	height:50px;
	width: 200px;
	display:block;
	text-indent: -9999px;

}
.guide li#service_demo a{ 
	background: url(../images/service/goto_demo.jpg) no-repeat;
	margin:0 4px 0 0;
}
.guide li#service_order a{ 
	background: url(../images/service/goto_order.jpg) no-repeat;
	margin:0 4px 0 0;
}

.guide li#service_demo.selected a,.guide li#service_demo a:hover,.guide li#service_order.selected a,.guide li#service_order a:hover {
	background-position: 0 -50px;
}





/***********************************************************************
	 contents_right
************************************************************************/
#contents_right {
	width: 202px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 12px 0px;
	float:right;
}
#contents_right h4{
	padding:0;
	clear:both;
	margin-bottom:8px;
}
#contents_right ul{
	margin:0;
	padding:0;
}
#contents_right li.log{
	list-style:none;
	border-bottom:1px solid #CCCCCC;
	height:70px;
	margin-bottom:6px;
	padding-left:6px;
}
#contents_right li.log .price{
	font-size:130%;
	font-weight:bold;
}

#contents_right li.log img{
	float:right;
}

#contents_right li.banner{
	list-style:none;
	margin-bottom:8px;
	margin-left:30px;
}

/***********************************************************************
	 footer 
************************************************************************/
#footer {
	margin: 0 auto 0 auto;
	color:#666;
	width: 900px;
	clear:both;
	font-size:9px;
}

#footer_contents {
	border-top:1px solid #ccc;
	position: relative;
	padding-top:6px;
	width: 900px;
	height:24px;
	margin: 0 auto 0 auto;
	z-index: 3;

}

#footer_contents ul{

}

#footer_contents li{
	padding-left:15px;
	float: left;
	list-style:none;
	margin:2px 9px 0 0;
	background:url(../images/shared/bg_cercle.gif) no-repeat left top;
}

#copyright {
	float: right;
	text-align:right;
	padding: 1px 0 6px 0;
}

#footer div.sponsored {
	color:#666;
	font-size:10px;
	margin:6px 12px;
	clear:both;
}


#footer div.link{
	margin-bottom:12px;
}

#footer div.link a{
	color:#666;
}

#footer div.link h4{
	float:left;
	clear:both;
	font-size:9px;
	font-weight:normal;
}
#footer div.link li{
	float:left;
	font-size:9px;
	list-style:none;
	margin-right:6px;
	padding-right:6px;
	border-right:1px solid #CCC;
}