/* CSS Document */
¡¡¡¡
/* ¥â¥À¥ó¥Ö¥é¥¦¥¶¡ÊFirefox Opera Safari¡ËÁ÷¡¦E*/
.clearfix:after {
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinÇóñ¦7£óKacÇóñ¦5Á÷¡¦E*/
.clearfix {  display:inline-block; }

/* WinÇóñ¦5£ä€åàÒØÁ÷¡¦E*/
/* 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;
}

/*¥¿¥ÖÀß¡¦E-----------------------------¡¡*/




#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;
}

#selected a {
	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: 10px;
	float: left;
	height: 220px;
	width: 380px;
	border: 1px solid #FF6600;
	background: url(../images/osirase.jpg) no-repeat top;
}
#news_wrapper {
	width: 800px;
	padding: 10px 20px 10px 25px;
}
#news_system {
	float: right;
	border: 1px solid #FF6600;
	width: 360px;
	height: 100px;
	padding: 10px;
	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_02 {
	float: right;
	border: 1px solid #FF6600;
	width: 360px;
	height: 100px;
	padding: 10px;
	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;
}
#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;
}
.wrapper_system {
	margin: 0px 0px 0px 23px;
	padding: 0px;
	height: 790px;
}
.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 {
	margin: 0px 25px;
	height: 168px;
	width: 750px;
	background: url(../images/bg_seibi_system_image.jpg) no-repeat;
	float: left;
}
.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 {
	font-size: 12px;
	text-align: left;
	margin: 0px 10px;
	padding: 0px;
	text-decoration: none;
	line-height: 110%;
}
.product_main_image_inner_txt {
	margin: 120px 0px 0px;
	padding: 0px;
	text-align: left;
	width: 700px;
	font-size: 13px;
	line-height: 130%;
}
#wrapper #main .wrapper_system .systm01 img {

}
.wapper_seibi {
	height: 440px;
	padding-top: 9px;
	margin: 0px 0px 0px 23px;
}
.seibi01 {
	background-image: url(../images/bt_product_seibisystem_syoukai.jpg);
	float: left;
	height: 99px;
	width: 368px;
	text-align: right;
	display: block;
}
.seibi_inner_txt {
	font-size: 13px;
	line-height: 100%;
	text-align: left;
	width: 230px;
	margin-top: 43px;
	margin-right: 5px;
	height: 30px;
}

.seibi02 {
	background-image: url(../images/bt_product_seibisystem_kokyaku.jpg);
	height: 99px;
	width: 368px;
	float: left;
	text-align: right;
	margin-left: 15px;
}
.seibi03 {
	background-image: url(../images/bt_product_seibisystem_syaryou.jpg);
	height: 99px;
	width: 368px;
	float: left;
	margin-top: 5px;
	text-align: right;
}
.seibi04 {
	background-image: url(../images/bt_product_seibisystem_uriage.jpg);
	height: 99px;
	width: 368px;
	margin-top: 5px;
	float: left;
	margin-left: 15px;
	text-align: right;
}
.seibi05 {
	background-image: url(../images/bt_product_seibisystem_nyuukin.jpg);
	height: 99px;
	width: 368px;
	float: left;
	margin-top: 5px;
	text-align: right;
}
.seibi06 {
	background-image: url(../images/bt_product_seibisystem_seikyuu.jpg);
	height: 99px;
	width: 368px;
	margin-top: 5px;
	float: left;
	margin-left: 15px;
	text-align: right;
}
.seibi07 {
	background-image: url(../images/bt_product_seibisystem_syaken.jpg);
	float: left;
	height: 99px;
	width: 368px;
	text-align: right;
	margin-top: 5px;
}
.seibi08 {
	background-image: url(../images/bt_product_seibisystem_ziyuu.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
	text-align: right;
}
.seibi09 {
	background-image: url(../images/bt_product_seibisystem_update.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
}
.seibi10 {
	background-image: url(../images/bt_product_seibisystem_schedule.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
}
#wrapper_syaryou_main_image {
	background-image: url(../images/bg_syaryouhanbai_system_image.jpg);
	float: left;
	height: 168px;
	width: 750px;
	margin-left: 25px;
	margin-bottom: 0px;
}
.wapper_syaryou {
	padding-top: 9px;
	margin: 0px 0px 0px 23px;
	height: auto;
}
.syaryou01 {
	background-image: url(../images/bt_product_syahansystem_mitsumori.jpg);
	height: 99px;
	width: 368px;
	float: left;
	text-align: right;
}
.syaryou02 {
	background-image: url(../images/bt_product_syahansystem_keiyakusyo.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-left: 15px;
	text-align: right;
}
.syaryou03 {
	background-image: url(../images/bt_product_syahansystem_kakuninsyo.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	text-align: right;
}
.syaryou04 {
	background-image: url(../images/bt_product_syahansystem_hosyousyo.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
	text-align: right;
}
.syaryou05 {
	background-image: url(../images/bt_product_syahansystem_shiirekanri.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	text-align: right;
}
.syaryou06 {
	background-image: url(../images/bt_product_syahansystem_zaikokanri.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
	text-align: right;
}
.syaryou_inner_txt {
	font-size: 13px;
	line-height: 130%;
	text-align: left;
	height: 30px;
	width: 230px;
	margin-top: 43px;
	margin-right: 5px;
}

.syaryou07 {
	background-image: url(../images/bt_product_syahansystem_webzaiko.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	text-align: right;
}
.syaryou08 {
	background-image: url(../images/bt_product_syahansystem_ararikanri.jpg);
	float: left;
	height: 99px;
	width: 368px;
	margin-top: 5px;
	margin-left: 15px;
	text-align: right;
}
.fonts_hight150 {
	line-height: 20px;
	letter-spacing: 2px;
	font-size: 12px;
	color: #333333;
}
