body
{	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px;
	padding: 0px;	
	background:#fff;
}
#container
{
	margin: 0px auto;
	padding: 0px 0px;
	width: 960px;
	border:2px solid pink;
	/*border:2px solid blue;*/
}
#topnav
{
	background:pink;
	display: inline;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
	width: 960px;
}
#topnav .left
{
	display: inline;
	float: left;
}
#topnav .right
{
	display: inline;
	float: right;
	padding: 0px 10px;
	text-align: right;
}
#topnav p
{
	margin-bottom: 0px;
	padding: 10px 0px;
}
#topnav ul
{
	margin: 0px;
	padding: 0px;
}
#topnav li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px;
}
#topnav li a
{
	border-right: 2px #fff solid;
	/*border-bottom: 1px #000 solid;*/
	color: #000;
	padding: 10px;
	text-decoration: none;
}
#topnav li a:hover
{
	background:pink;
	color: #fff;
	padding: 10px;
}




#header
{
	background: url(images/header.gif) no-repeat;
	/*border: 1px #222 solid;*/
	display: inline;
	float: left;
	height: 190px;
	overflow: hidden;
	/*padding:20px 0 0 100px;*/
	width: 960px;
}
#header a
{
	color: #CC0066;
	text-decoration: none;
}
#header a:hover
{
	color: #CC0066;
}
#header p.site-title
{
	color: #CC0066;
	font-size: 3em;
	line-height: 150%;
	margin: 20px 0px 0px 350px;
}
#header p.site-slogan {
	margin: 0px 0px 0px 350px;
	font-size: 1.4em;
	font-weight:bold;
	color: #CC0066;
}

#slogan
{
	/*border: 1px #222 solid;*/
	display: inline;
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 6px 0px;
	/*width: 960px;*/
}
#slogan .left
{
	display: inline;
	float: left;
	font-size: 0.9em;
	margin-bottom: 0px;
	overflow: hidden;
}
#slogan .right
{
	display: inline;
	float: right;
	font-size: 0.9em;
	margin-bottom: 0px;
	text-align: right;
}
#wrapper
{
	display: inline;
	float: left;
	overflow: hidden;
	width: 960px;
	/*border: 2px yellow solid;*/
}






.comments ul
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.comments li
{
	background: #efefef;
	border: 1px solid #ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	font-style: italic;
	list-style-type: none;
	margin: 0px 0px 12px 0px;
	padding: 5px 7px 0px 7px;
}
img.avatar 
{
	float: left;
	margin-right: 5px;
}
#sidebar-wrapper
{
	display: inline;
	float: right;
	overflow: hidden;
	padding: 0px 0px 10px 10px;
	width: 240px;
	/*border:1px solid;*/
         margin:10px 10px 10px 5px;
}
#sidebar-wrapper .ad-blocks
{
	margin: 8px -12px 5px -12px;
}
#sidebar-wrapper .ad-blocks img
{
	margin: 0px 12px 10px 12px;
}




/*
#sidebar-left
{
	display: inline;
	float: left;
	overflow: hidden;
	padding: 10px 10px 10px 0px;
	text-align: left;
	width: 200px;
}
#sidebar-right
{
	display: inline;
	float: right;
	overflow: hidden;
	padding: 10px 0px 10px 10px;
	width: 200px;
}

*/




#sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2
{
	color: #990066;
	margin-bottom: 12px;
}
#sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a
{
	color: #990066;
	text-decoration: none;
}
#sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img
{
	display: none;
}
#sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul
{
	border-top: 1px dotted #990066;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}
#sidebar-left ul.main-links li
{
	font-weight: bold;
}
#sidebar-wrapper li, #sidebar-left li, #sidebar-right li
{
	border-bottom: 1px dotted #990066;
	list-style-type: none;
	margin: 0px;
	padding: 3px 0px;
	width: 200px;
}
#sidebar-wrapper li a, #sidebar-left li a, #sidebar-right li a
{
	color:blue;
	text-decoration: underline;
}
#sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover
{
	/*color: #CC0066;*/color:blue;
}
#sidebar-wrapper .box
{
	border-top: 2px #990066 solid;
	margin-bottom: 10px;
	padding-top: 5px;
}
#content
{
	display: inline;
	float: left;
	overflow: hidden;
	padding: 10px 20px 10px 0px;
	width: 650px;
	/*border: 2px #000 solid;*/
	margin:10px 5px 10px 10px;
}
#content h1
{
	border-bottom: 2px dotted #990066;
	border-top: 2px dotted #990066;

}
#content a
{
	/*color:#1d3994;*/	
	color:#990066;
}
#content.bookmarks ul
{
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
#content.bookmarks li
{
	line-height: 140%;
	list-style-type: none;
	margin: 0px 0px 14px 0px;
	padding: 0px;
}
#content.bookmarks li a
{
	font-size: 1.1em;
	margin-right: 6px;
}
#content.bookmarks h2
{
	color: #990066;
}
#content .post
{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
#content .postmeta
{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 90%;
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
}
#content .postmeta h4, #content .postmeta p
{
	font-size: 1.0em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}
#content .post p.wp-caption-text
{
	font-size: 0.8em;
	line-height: 135%;
	margin: 0px;
	padding: 3px 0px;
	text-align: center;
}
#content .post div.alignleft
{
	border: 1px #ccc dotted;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}
#content .post div.aligncenter
{
	border: 1px #ccc dotted;
	clear: both;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#content .post div.alignright
{
	border: 1px #ccc dotted;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}
#content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img
{
	margin: 5px;
	padding: 0px;
}
.content-bot
{
	
	border-top: 1px dotted #ccc;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.content-bot a, .content-bot a:hover
{
	margin: 2px 10px;
}
#footer{
	background: #FFCCCC;
	clear:both;
	width:960px;
	height:100px;
	color: #000;
	font-size: 1.0em;
	text-align: center;
	font-weight:bold;
	margin: 0px;
}

#footer a:{color:#000;}
#footer a:hover{color:#fff;}



p, h1, h2, h3, h4, h5, h6, h7
{
	margin-bottom: 17px;
	margin-top: 0px;
}
p, #content li
{
	line-height: 145%;
}
p.small
{
	font-size: 85%;
}
blockquote
{
	background: #efefef;
	border: 1px #ccc dotted;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 0.9em;
	font-style: italic;
	margin: 5px 15px 15px 15px;
	padding: 10px 10px 5px 10px;
}
h1, h2
{
	font-weight: bold;

}
h1 a, h2 a
{
	color: #555;
	text-decoration: none;
}
h1
{
	font-size: 1.5em;
	padding-bottom: 3px;
	color: #990066;
}
h2
{
	font-size: 1.3em;
}
a
{
	color: #000;
}
a img
{
	border: 0px;
}
a:hover
{
	color: #000;
}



/*-----------------         　　　  その他    　　　　　　　 --------------------*/

.t_01 {
	width:200px;
	height:300px;
	background-color:#ffe5e8;
	overflow:scroll;
}

.t_02 {　
	text-align:right;
	color:#000;	
}

.t_03 {　	margin-top:5px;}

.t_04{
	background: #FFCCCC;
	/*float: left;*/
	/*padding: 8px 0px;*/
	width:960px;
	border:3px solid pink;
	height:100px;
	color: #000;
	font-size: 1.0em;
	text-align: center;
	font-weight:bold;
	margin: 0px auto;
}
.t_05{
	background: #FFCCCC;
	width:960px;
	font-size:80%;
}
.t_06{
	border:1px solid #dcdcdc;
	background:pink;
	
}
.t_07{	border:1px solid #dcdcdc;	}

.t_08{	margin-left:10px;	  }

.t_09{
	font-size:25px;
	font-weight:bold;
}
.t_10{
	font-size:20px;
	font-weight:bold;
	color:#990066;
	width:250px;
	border-left:10px solid pink;
	border-bottom:2px solid pink;
	padding-left:10px;
	padding-right:50px;
}
.t_11{
	
	font-weight:bold;
}
}
.t_12{
	color:red;
	font-weight:bold;
}
.t_13{
	border-right:3px solid #990066;
	
}

/*page 小タイトル*/
.t_14{
	
	background: url(images/title.gif);
	width:650px;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:25px;
	line-height:35px;
}

/*機能説明 枠*/
.t_15{
	border:2px solid #d16388;
	padding:5px;
	margin-bottom:50px;
}

/*　home 製品説明　枠　*/
.t_16{
		
	border:2px solid #d7c8e9;
	width:550px;
	padding:5px;
	margin-top:-17px;
	padding-top:20px;
}
/*　home 製品説明　小タイトル　*/
.t_17{
	background: url(images/title3.jpg) repeat-x;
	background-position:center;
	width:564px;
	font-weight:bold;
	font-size:18px;
	margin-top:50px;
}
.t_18{
	margin-top:-50px;
	margin-bottom:-10px;
}
.t_19{
	font-weight:bold;
}
.t_20{
	color:red;
}
/*機能説明　問い合わせ*/
.t_21{
　　
　	text-align:center;
	margin-top:-20px;
	margin-bottom:20px;
	font-weight:bold;
}

.t_22{
　	border-right: 2px pink solid;

}
/* 店舗活用方法　枠*/
.t_23{
	border:2px solid #e09013;
	padding:5px;
	margin-bottom:50px;
}
/* 料金システム　枠*/
.t_24{
	border:2px solid #83c498;
	padding:5px;
	margin-bottom:50px;
}
/* 導入までの流れ　枠*/
.t_25{
	border:2px solid #4172e6;
	padding:5px;
	margin-bottom:50px;
}
.t_26{
	
	font-weight:bold;
	font-size:16px;
}
/*導入までの流れ　緑*/
.t_27{
	border:2px solid #008000;
         background:#ccffcc;
	font-weight:bold;
	font-size:18px;
         padding;10px;
         width:500px;
}
/*導入までの流れ　オレンジ*/
.t_28{
	border:2px solid #ff6600;
         background:#ffcc99;
	font-weight:bold;
	font-size:18px;
         padding;10px;
         width:500px;
}
.t_29{
	color:red;
	font-weight:bold;
	font-size:16px;
}

.t_30{
	margin:30px;
}
.t_31{
	/*background:#ffcccc;*/
	border:1px solid #7f9db9;
}
.t_32{
	background:#fff;
	border:1px solid #7f9db9;
}

.t_33{
	margin-right:275px;
}

/*サイトマップ　左*/
.t_34{
	float:left;
         margin-left:50px;
}

/*サイトマップ　右*/
.t_35{
	float:right;
         margin-right:50px;
}

.t_36{
	padding:20px 20px 10px 40px;
}
/*スライドショー　枠*/
.t_37{
	width:200px;
	height:210px;
	border:2px dotted #ccc;
	padding:0px 5px 5px 5px;
	float:right;
}

.t_38{	clear: both;}


/*---------------               サイドメニュー             --------------------*/

#sidemenu{
	width: 240px;
	/*border:1px solid #ccc;*/
	padding:0px;	
}






/*---------------               機能説明ページ使用             --------------------*/


#product-explanation{
	width:620px;
	margin:10px;
	text-align:left;

}
#product-explanation h2{
	background:url(images/title2.gif) no-repeat;
	height:30px;
	line-height:40px;
	padding-left:15px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#product-explanation h3{
	border-left:10px solid pink;
	border-bottom:2px solid pink;
	padding-left:1px;
	margin-top:20px;
	margin-left:5px;
	margin-right:10px;
}

.product-explanation_img{
	float:left;
	padding:0 10px 10px 0;
}

.product-explanation_text{
	padding:0 20px 10px 10px;
}













/*---------------              店舗活用方法ページ使用             --------------------*/


#method-of-using-store{
	width:620px;
	margin:10px;
	text-align:left;

}



#method-of-using-store h2{
	background:url(images/title3.gif) no-repeat;
	height:30px;
	line-height:40px;
	padding-left:15px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#method-of-using-store h3{
	border-left:10px solid #fcd421;
	border-bottom:2px solid #fcd421;
	padding-left:1px;
	margin-top:20px;
	margin-left:5px;
	margin-right:10px;
}
.method-of-using-store_text{
	padding:0 20px 10px 10px;
}







/*---------------              料金システム　ページ使用             --------------------*/


#free-system{
	width:620px;
	margin:10px;
	text-align:left;

}



#free-system h2{
	background:url(images/title4.gif) no-repeat;
	height:30px;
	line-height:40px;
	padding-left:15px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#free-system h3{
	border-left:10px solid #c0e9d8;
	border-bottom:2px solid #c0e9d8;
	padding-left:1px;
	margin-top:20px;
	margin-left:5px;
	margin-right:10px;
}
.free-system_text{
	padding:0 20px 10px 10px;
}






/*---------------              導入までの流れ　ページ使用             --------------------*/


#frow{
	width:620px;
	margin:10px;
	/*border:1px solid;*/
	text-align:left;

}



#frow h2{
	background:url(images/title5.gif) no-repeat;
	height:30px;
	line-height:40px;
	padding-left:15px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#frow h3{
	border-left:10px solid #75b6f2;
	border-bottom:2px solid #75b6f2;
	padding-left:1px;
	margin-top:20px;
	margin-left:5px;
	margin-right:10px;
}
.frow_text{
	padding:0 20px 10px 10px;
}

.subtitle{
	font-weight:bold;
	color:#0000ff;
}

#fee-system{
	border-style:solid;
	border-width:1px;
	width:600px;
}

#fee-system tr{
	height:30px;
}

#fee-system td{
	border-style:solid;
	border-width:1px;
	text-align:center;
}

#fee-system tr.toptitle{
	background:#DFFFBF;
}

#fee-system td.lefttitle{
	background:#FFFFBF;
}

