/* CSS Document */

/* for modern brouser(Firefox Opera Safari) */
.clearfix:after {
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* for IE 7 */
.clearfix {  display:inline-block; }

/* for IE */
/* Hides from IE-mac \*/
* html .clearfix{ height:1px; }
.clearfix { display:block; }

/* End hide from IE-mac */


.cboth { clear:both; }

body {
	margin: 0px;
	text-align: center;
	background: url(../images/bg_body.jpg) repeat-x;
}
#wrapper {
	width: 800px;
	margin: 0px auto;
	background: #FFFFFF;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#header {
	height: 111px;
	text-align: left;
	width: 800px;
	background: url(/images/bg_header.jpg);
}
#header img {
	float: left;
	clear: both;
}
#footer {
	width: 800px;
	margin: 0px auto;
	background: #FFFFFF url(/images/bg_footer.jpg) no-repeat left;
	height: 62px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0px;
	line-height: 48px;
	color: #FFFFFF;
}

/* tab establishment----------------------------- */

#main_tab {
	clear: left;
	height: 30px;
	background: url(../images/bg_main_head.jpg) no-repeat;
	padding: 0px 0px 0px 25px;
	margin: 5px 0px 0px;
	font-size: 12px;
}
#main_tab ul {
	margin: 0px;
	padding: 0px;
}
.main_tab_no_roll  {
	list-style:none;
	float: left;
	display: block;
	height: 30px;
	width: 126px;
	background: url(../images/bg_button_now.jpg);
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #333333;
}
#main_tab li {
	list-style:none;
	float: left;
	display: block;
	height: 30px;
	width: 126px;
	background: url(../images/bg_button_now.jpg);
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #333333;
}
#main_tab li a,#main_tab li visid a:visited {
	list-style:none;
	float: left;
	display: block;
	height: 30px;
	width: 126px;
	background: url(../images/bg_button.jpg);
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}
#main_tab li a:hover {
	list-style:none;
	float: left;
	display: block;
	height: 30px;
	width: 126px;
	background: url(../images/bg_button_roll.jpg);
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #333333;
}
.now_tab {
	list-style:none;
	float: left;
	display: block;
	height: 30px;
	width: 126px;
	background: url(../images/bg_button_now.jpg);
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #333333;
}








.tab_navi {
	border-top: none;
	font-size: 12px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0px;
	width: 100px;
	text-align: center;
	display: block;
	float: left;
	margin: 0px;
	background: url(/images/bg_button.jpg) no-repeat;
}
.tab_navi_now {
	border-top: none;
	font-size: 12px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0px;
	width: 100px;
	text-align: center;
	display: block;
	float: left;
	margin: 0px;
	background: url(/images/bg_button.jpg) no-repeat;
	color: #333333;
}
#main {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0px;
	padding: 0px;
	background: url(/images/bg_main.jpg) repeat-y;
	width: 800px;
}
.tab_navi a, .tab_navi a:hover {
	text-decoration: none;
	background: url(/images/bg_button.jpg) no-repeat left;
	color: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 0px;
	font: normal 12px/30px "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	height: 30px;
	width: 126px;
}
.tab_navi_now a {
	text-decoration: none;
	background: url(../images/bg_button_now.jpg) no-repeat left;
	color: #333333;
	display: block;
	margin: 0px;
	padding: 0px;
	font: normal 12px/30px "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	height: 30px;
	width: 126px;
}
.tab_navi a:hover {
	text-decoration: none;
	background: url(/images/bg_button_roll.jpg);
	color: #333333;
	display: block;
	margin: 0px;
	padding: 0px;
	font: normal 12px/30px "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	height: 30px;
	width: 126px;
}


#topics {
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
	font-size: 12px;
	text-align: left;
	text-indent: 10px;
	padding: 10px;
	border: 3px double #003333;
	width: 774px;
}
#main td {
	text-align: left;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
}
#main_head {
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 800px;
	background: url(/images/bg_main_head.jpg) no-repeat;
}
#main_imagebox {
	height: 324px;
	width: 758px;
	background: url(/images/bg_main_imagesbox.jpg) no-repeat;
	margin: 5px auto;
}
#topimagetxt {
	height: 100px;
	width: 400px;
	float: right;
	padding: 0px;
	margin-top: 150px;
	margin-right: 40px;
}
#tab_navi {
	margin-left: 5px;
	width: 760px;
}
#news {
	float: left;
	height: 147px;
	width: 380px;
	margin: 10px 0px 10px 18px;
	background: url(/images/bg_news.jpg) no-repeat;
	padding: 0px;
}
#inner_news {
	margin-top: 30px;
}

#information {
	width: 362px;
	float: right;
	height: 147px;
	background: url(/images/bg_infomation.jpg) no-repeat;
	margin-top: 10px;
	margin-right: 18px;
	margin-bottom: 10px;
}

#inner_infomation {
	margin-top: 30px;
}



#mein_txt {
	text-align: left;
	padding: 0px;
	margin: 20px 30px;
}
#tab_wrapper {
	margin: 0px 0px 0px 20px;
}
#main_head img {
	float: left;
}
#osirase_box {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	height: 220px;
	width: 370px;
	border: 1px solid #FF6600;
	overflow: scroll;
	background: url(../images/osirase.jpg) no-repeat left top;
}
#news_wrapper {
	padding: 0px;
	margin: 12px 20px 10px 25px;
}
#news_system {
	float: right;
	border: 1px solid #FF6600;
	width: 360px;
	height: 100px;
	padding: 0px;
	background: url(../images/news_system.jpg) no-repeat top;
	text-align: left;
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	overflow: scroll;
	overflow-x: hidden;
	
}
#news_system p {
	margin: 25px 10px 10px;
	padding: 0px;
}

#news_02 {
	float: right;
	border: 1px solid #FF6600;
	width: 360px;
	height: 100px;
	padding: 0px;
	margin: 18px 0px 0px;
	background: url(../images/news_02.jpg) no-repeat top;
	text-align: left;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
	overflow: scroll;
	overflow-x: hidden;
}
#news_02 p {
	margin: 25px 10px 10px;
	padding: 0px;
}
#main p {
}
#osirase_box p {
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	color: #666666;
	letter-spacing: 2px;
}
a {
	font-size: 12px;
	color: #666666;
}
#main #news_wrapper p {
	font-size: 12px;
	color: #333333;
}
.wrapper_product_info {
	background: url(../images/bg_product_info.jpg) no-repeat;
	margin: 0px 25px;
	height: 25px;
}
.wrapper_product_info img {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	float: left;
}
.wrapper_product_main {
	height: 258px;
	margin: 0px 25px;
	background: url(../images/bg_product_main_image.jpg) no-repeat;
	width: 750px;
	padding: 0px;
}
.wrapper_system {
	margin: 0px 0px 0px 23px;
	padding: 0px;
}
.systm01 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_seibi.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
	display: block;
}
.systm02 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_shaken.jpg) no-repeat;
	float: left;
	margin: 0px 0px 10px;
	display: block;
}
.systm03 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_sharyo.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm04 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_shinsei.jpg) no-repeat;
	float: left;
	margin: 0px 0px 10px;
}
.systm05 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_mente.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm06 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_hoshu.jpg) no-repeat;
	float: left;
	margin: 0px 0px 10px;
}

.systm07 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_shoumou.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}

.systm08 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_hisho.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm09 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_sales.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm10 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_lan.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm11 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_bankin.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}

.systm12 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_updates.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm13 {
	height: 150px;
	width: 366px;
	background: url(../images/bt_product_system_shikibetu.jpg) no-repeat;
	float: left;
	margin: 0px 15px 10px 0px;
}
.systm14 {
	height: 150px;
	width: 366px;
	 /* background: url(../images/bt_product_system_mente.jpg) no-repeat; */
	float: left;
	margin: 0px 15px 10px 0px;
}


#wrapper_seibi_main_image {
	height: 168px;
	width: auto;
	background: url(../images/bg_seibi_system_image.jpg) no-repeat;
	padding: 0px;
	margin: 0px 25px;
}
.systm01 p,.systm02 p,.systm03 p,.systm04 p,.systm05 p,.systm06 p,.systm07 p,.systm08 p,.systm09 p,.systm10 p,.systm11 p,.systm12 p,.systm13 p,.systm14 p {
	font-size: 12px;
	text-align: left;
	margin: 0px 10px;
	padding: 0px;
	text-decoration: none;
	line-height: 110%;
}
.product_main_image_inner_txt {
	margin: 0px;
	padding: 120px 0px 0px;
	text-align: center;
	width: 700px;
	font-size: 13px;
	line-height: 130%;
}
#wrapper #main .wrapper_system .systm01 img {

}
#main .product_top_txt {
	margin: 15px 25px 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 150%;
}
#main .product_step_txt {
	padding: 0px;
	text-align: left;
	height: 252px;
	margin: 15px 0px 10px 15px;
	width: 700px;
	float: left;
}

.step01 {
	margin: 0px;
	padding: 5px 0px 0px 10px;
}

#main .product_step_txt img {
	float: left;
	margin: 0px;
	padding: 0px;
}
.product_step_txt p {
	background: no-repeat;
	margin: 0px;
	float: right;
	height: 109px;
	width: 280px;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	padding: 20px;
}


}
#wrapper_syaryou_main_image {
	float: left;
	height: 168px;
	width: 750px;
	margin-left: 25px;
	margin-bottom: 0px;
}
.wapper_syaryou {
	height: 430px;
	margin: 10px 0px 0px 23px;
	padding: 0px;
}
.syaryou01 {
	background-image: url(../images/bt_product_syahansystem_mitsumori.jpg);
	height: 99px;
	width: 368px;
	float: left;
}
.syaryou02 {
	background-image: url(../images/bt_product_syahansystem_keiyakusyo.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-left: 15px;
}
.syaryou03 {
	background-image: url(../images/bt_product_syahansystem_kakuninsyo.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
}
.syaryou04 {
	background-image: url(../images/bt_product_syahansystem_hosyousyo.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
}
.syaryou05 {
	background-image: url(../images/bt_product_syahansystem_shiirekanri.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
}
.syaryou06 {
	background-image: url(../images/bt_product_syahansystem_zaikokanri.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
}
.syaryou07 {
	background-image: url(../images/bt_product_syahansystem_webzaiko.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
}
.syaryou08 {
	background-image: url(../images/bt_product_syahansystem_ararikanri.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
}
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main h7 {
	font-size: 12px;
	display: block;
	margin: 0px;
	top: -9999px;
	position: absolute;
}
.wrap_shaken_box img {
	float: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
.fonts_hight150 {
	line-height: 20px;
	letter-spacing: 2px;
	font-size: 12px;
	color: #333333;
}