@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	color:#666666;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #FF6600;
	text-decoration: none;
}
a:link {
	color: #FF6600;
}
a:visited {
	color: #993300;
}
a:hover {
	color: #FFCC33;
}
a:active {
	color: #FFCC33;
}

.clear {
	clear: both;
}

.clearfix:after{
content: ".";
display: block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix { display:inline-block;}
/* Hides form IE-mac \*/
* html .clearfix{height:1%;}
.clearfix { display:block;}

/* End hide form IE-mac */


h1 {
	font-size:100%;
}

ul {
	margin: 0 0 0 2em;
}

div.r_100 {
	width: 95%;
	text-align: right;
}

div.head {
	font-weight: bold;
	padding-top: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	background-color: #f0f0f0;
}

/*- container --------------------------- */ 
#container {
	text-align: left;
	margin: 0 auto;
	background-color:#fff;
	width:740px;
	padding: 10px 30px;
}

/*- header --------------------------- */ 

#header {
	text-align: left;
}
#logo {
	padding: 0;
	width: 430px;
	/*width: 300px;*/
	float:left;
}

#headnavi {
	padding: 0;
	width: 170px;
	float:right;
	font-size:10px;
    line-height:normal;
}
#headnavi ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#headnavi li {
	line-height:1.2em;
	font-size:10px;
	float:right;
	display: inline;
	list-style-type: none;
	margin: 0 5px 5px 0;
	padding: 0 5px 0 0;
	border-right: #666666 solid 1px;
}
#headnavi li a {
	display:block;
}

#headnavi li.none{
	border-right: none;
}

/*- kuz--------------------------- */ 
#kuz {
	font-size:10px;
	padding:5px 0;
}

/*- flash--------------------------- */ 

#flash {
}



/*- navi--------------------------- */ 


#navi, #nav {
    float:left;
	width: 740px;
    font-size:93%;
    line-height:normal;
	clear: both;
	background-image:url(../images/navi_07.jpg);
}
#navi ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#navi li {
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	float:left;
	display: inline;
	list-style-type: none;
	margin: 0;
}
#navi li a {
	display:block;
	width:86px;
}
#navi a#bt01 {
	height:33px;
	background:url(../images/navi_01.jpg) no-repeat;
}

#navi a#bt01:hover, #navi a#bt01o:hover{
	height: 33px;
	background:url(../images/navi_01o.jpg) no-repeat;
}

#navi a#bt01o {
	height: 33px;
	background:url(../images/navi_01o.jpg) no-repeat;
}

#navi a#bt02 {
	height:33px;
	background:url(../images/navi_02.jpg) no-repeat;
}
#navi a#bt02:hover, #navi a#bt02o:hover {
	background:url(../images/navi_02o.jpg) no-repeat;
}
#navi a#bt02o {
	height:33px;
	background:url(../images/navi_02o.jpg) no-repeat;
}

#navi a#bt03 {
	height:33px;
	background:url(../images/navi_03.jpg) no-repeat;
}
#navi a#bt03:hover, #navi a#bt03o:hover {
	background:url(../images/navi_03o.jpg) no-repeat;
}
#navi a#bt03o {
	height:33px;
	background:url(../images/navi_03o.jpg) no-repeat;
}

#navi a#bt04 {
	height:33px;
	background:url(../images/navi_04.jpg) no-repeat;
}
#navi a#bt04:hover, #navi a#bt04o:hover {
	background:url(../images/navi_04o.jpg) no-repeat;
}
#navi a#bt04o {
	height:33px;
	background:url(../images/navi_04o.jpg) no-repeat;
}

#navi a#bt05 {
	height:33px;
	background:url(../images/navi_05.jpg) no-repeat;
}
#navi a#bt05:hover, #navi a#bt05o:hover {
	background:url(../images/navi_05o.jpg) no-repeat;
}
#navi a#bt05o {
	height:33px;
	background:url(../images/navi_05o.jpg) no-repeat;
}

#navi a#bt06 {
	height:33px;
	background:url(../images/navi_06.jpg) no-repeat;
}
#navi a#bt06:hover, #navi a#bt06o:hover {
	background:url(../images/navi_06o.jpg) no-repeat;
}
#navi a#bt06o {
	height:33px;
	background:url(../images/navi_06o.jpg) no-repeat;
}

#navi a#bt08 {
	height:33px;
	background:url(../images/navi_08.jpg) no-repeat;
	margin: 0 0 0 138px;
}

#navi a#bt08:hover, #navi a#bt08o:hover {
	background:url(../images/navi_08o.jpg) no-repeat;
}

#navi a#bt08o {
	height:33px;
	background:url(../images/navi_08o.jpg) no-repeat;
	margin: 0 0 0 138px;
}


/*- content--------------------------- */ 

#content {
	margin: 10px 0;
	clear: both;
}
#main {
	float:left;
    margin: 0;
	padding:0;
	clear: both;
	width:510px;
}
#main ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#main ul.faq {
	margin-left: 10px;
}
#main li {
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	float:left;
	display: inline;
	list-style-type: none;
	margin: 0 0 10px 0;
}

#main li.list, #main li.faq {
	text-indent: 0px !important;
	float: none !important;
	line-height: 120%;
	font-size: 12px !important;
	display: list-item !important;
	list-style-type: disc !important;
	margin: 5px 0 10px 10px !important;
	padding-left: -10px;
}

#main li.list a {
	display: list-item !important;
	width: 200px !important;
}

#main li.faq a {
	display: list-item !important;
	width: 100%;
}

#main li a {
	display:block;
	width:240px;
}

#main a#bannermain01 {
	height:130px;
	background:url(../images/banner_try.jpg) no-repeat;
}
#main a#bannermain01:hover {
	background:url(../images/banner_try_o.jpg) no-repeat;
}

#main a#bannermain02 {
	height:130px;
	margin-left:30px;
	background:url(../images/banner_dl.jpg) no-repeat;
}
#main a#bannermain02:hover {
	background:url(../images/banner_dl_o.jpg) no-repeat;
}

#main p {
    margin: 0 0 15px 0;
}
#main h5 {
	padding: 5px;
	background-color: #f0f0f0;
}
/*- news--------------------------- */ 


#news {
	width:480px;
	height:150px;
	background:url(../images/waku_new2.jpg) no-repeat;
	margin: 0;
	padding: 35px 15px 15px 15px;
}



/*- side--------------------------- */ 


#side {
	float:right;
	width:200px;
	height: 500px;
	background-image: url(../images/banner_mark.jpg);
	background-repeat: no-repeat;
	background-position: right 400px;
	margin: 0 0 0 0;
}

#side2 {
	float: right; 
	width: 200px;
	background-image: url(../images/banner_mark.jpg);
	background-repeat: no-repeat;
	background-position: right 270px;
	margin: 5px 0 0 0;
}

#side ul, #side2 ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#side li, #side2 li {
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	float:left;
	display: inline;
	list-style-type: none;
	margin: 0 0 10px 0;
}
#side li a, #side2 li a {
	display:block;
	width:200px;
}
#side a#banner01, #side2 a#banner01 {
	height:100px;
	background:url(../images/banner_biz.jpg) no-repeat;
}
#side a#banner01:hover , #side2 a#banner01:hover{
	background:url(../images/banner_biz_o.jpg) no-repeat;
}

#side a#banner02, #side2 a#banner02 {
	height:70px;
	background:url(../images/banner_asp.jpg) no-repeat;
}
#side a#banner02:hover , #side2 a#banner02:hover{
	background:url(../images/banner_asp_o.jpg) no-repeat;
}

#side a#banner03, #side2 a#banner03 {
	height:70px;
	background:url(../images/banner_partner.jpg) no-repeat;
}
#side a#banner03:hover, #side2 a#banner03:hover {
	background:url(../images/banner_partner_o.jpg) no-repeat;
}

#side a#banner05, #side2 a#banner05 {
	height:40px;
	background:url(../images/banner_railo.jpg) no-repeat;
	margin: 100px 0 0 0;
}
#side a#banner05:hover, #side2 a#banner05:hover {
	background:url(../images/banner_railo_o.jpg) no-repeat;
}

#side a#side01 {
	width: 200px;
	height: 56px;
	background: url(../images/side_demo.jpg) no-repeat;
}
#side a#side01:hover {
	background: url(../images/side_demo_o.jpg) no-repeat;
}

#side a#side02 {
	width: 200px;
	height: 56px;
	background: url(../images/side_download.jpg) no-repeat;
}
#side a#side02:hover {
	background: url(../images/side_download_o.jpg) no-repeat;
}

#side a#side03 {
	width: 200px;
	height: 56px;
	background: url(../images/side_product.jpg) no-repeat;
}
#side a#side03:hover {
	background: url(../images/side_product_o.jpg) no-repeat;
}

#side a#side04 {
	width: 200px;
	height: 56px;
	background: url(../images/side_asp.jpg) no-repeat;
}
#side a#side04:hover {
	background: url(../images/side_asp_o.jpg) no-repeat;
}

#side a#side05 {
	width: 200px;
	height: 56px;
	background: url(../images/side_partner.jpg) no-repeat;
}
#side a#side05:hover {
	background: url(../images/side_partner_o.jpg) no-repeat;
}

#side a#side06 {
	width: 200px;
	height: 56px;
	background: url(../images/side_railojp.jpg) no-repeat;
}
#side a#side06:hover {
	background: url(../images/side_railojp_o.jpg) no-repeat;
}

/*- footer--------------------------- */ 


#footer {
    font-size:93%;
    line-height:normal;
	clear: both;
	margin: 10px 0 0 0;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#footer li {
	line-height:1.2em;
	font-size:10px;
	float:left;
	display: inline;
	list-style-type: none;
	margin: 0 5px 5px 0;
	padding: 0 5px 0 0;
	border-right: #666666 solid 1px;
}
#footer li a {
	display:block;
}


/*- button--------------------------- */ 

input.download {
	width: 100px;
	height: 22px;
	background: url(../images/download_button_s.jpg) no-repeat;
}
input.download:hover {
	background: url(../images/download_button_s_o.jpg) no-repeat;
}

input.order {
	width: 205px;
	height: 35px;
	background: url(../images/order_form_button.jpg) no-repeat;
}

input.order:hover {
	background: url(../images/order_form_button_o.jpg) no-repeat;
}

input.forum {
	width: 205px;
	height: 35px;
	background: url(../images/users_forum_button.jpg) no-repeat;
	vertical-align: middle;
}

input.forum:hover {
	background: url(../images/users_forum_button_o.jpg) no-repeat;
}

input.inquiry {
	width: 205px;
	height: 35px;
	background: url(../images/inquiry_form_button.jpg) no-repeat;
}

input.inquiry:hover {
	background: url(../images/inquiry_form_button_o.jpg) no-repeat;
}

input.support_faq {
	width: 205px;
	height: 35px;
	vertical-align: middle;
	background: url(../images/support_faq_button.jpg) no-repeat;
}

input.support_faq:hover {
	background: url(../images/support_faq_button_o.jpg) no-repeat;
}

input.support_value {
	width: 205px;
	height: 35px;
	vertical-align: middle;
	background: url(../images/support_value_button.jpg) no-repeat;
}

input.support_value:hover {
	background: url(../images/support_value_button_o.jpg) no-repeat;
}

input.support_manual {
	width: 205px;
	height: 35px;
	vertical-align: middle;
	background: url(../images/support_manual_button.jpg) no-repeat;
}

input.support_manual:hover {
	background: url(../images/support_manual_button_o.jpg) no-repeat;
}

#side a#banner02 {
	height:70px;
	background:url(../images/banner_asp.jpg) no-repeat;
}
#side a#banner02:hover {
	background:url(../images/banner_asp_o.jpg) no-repeat;
}

#main ul.sitemap li.list img, img.new_win {
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}