/*----------------------------------------------------------------------------*/
/* 文字コード */
@charset "Shit_JIS";
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
p {	font-family:Geneva, Arial, Helvetica, sans-serif;}

body{	font-family:Geneva, Arial, Helvetica, sans-serif;}
/*---------------------------header部分---------------------------------------------*/

#header {
	text-align:left;
	width: 800px;
	height:60px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;

}


#navi_menu {
	width:100px;
	height:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	float:right;
}
#navi_menu a {
	color: #FFFFCC;
}

h1 {text-indent:-9999px; float:left}
.text h1{text-indent:-9999px;float:left}
.text h2{text-indent:-9999px;float:left}
.text h3{text-indent:-9999px;float:left}
.text p {text-indent:-9999px;float:left}


a{color:#333300;text-decoration:none;}
a:hover{color:#663333;text-decoration:none;}
a:visited{color:#663333;text-decoration:none;}
/***************************flash/picture*************************/
	
#fla{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear:right;	
	}
/***************************scrollbar*************************/
html{
	height:100%;
	margin-bottom:1px;
}
/*****************height100%　footer画面下******************/
*{
    margin:0;
    padding:0;
}

body{
    height:90%;
    margin:0px auto;
	background:url(../img/bg.jpg);
	background-repeat:repeat-x;
	font-size:13px;

}
div#main{
    height:100%;
    min-height: 100%;
}
body > #main {
    height: auto;
}

#wrap{
	height:100%; 
    min-height:100%; 
	}
body > #wrap{ height:auto;}

* html div#wrap{
    height:100%;
}

div #wrap{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
	}



body > #wrap {
        height: auto;
}
div#main{
   padding-bottom:60px;
	
}

#footer{
	position:absolute;
    bottom:0px;
    height:15px;
    width:100%;
	margin: 0px;
	padding: 0px;
	width:800px;
	clear:both;
	
}


/**************floatで親ボックスの高さが伸びない件**********************/

#main:after {
　content: "　";
　display: block;
　clear: both;
  height: 1px;
 /* overflow: hidden;*/
  	overflow: auto;
}

#main{
    min-height: 1em;
  /* overflow: hidden;*/
   	overflow: auto;
	width: 100%

}

* html #main {
    height: 1em;
    overflow: visible;

}


/************************************レイアウト**************************************/

#wrap{
	width:800px;
	position:absolute;
	margin-left:-400px;
	left:50%;
	top: 0px;
	height: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height:100%;
	


}

#right_container {
	width: 280px;
	float: right;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}



#left_container {
	float:left;
	width: 470px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:20px;
}
#left_container ul{
	list-style-type:none;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:130%;
}

#container {

	width: 780px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left:10px;
}
#container p{ display:block; padding:10px;}
#container .develop p {display:block; width:350px;}
#container .reference p {display:block; width:694px;}

#container td{
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:110%;
}
#container .solution_text {
	background-image: url(../img/solution_text.gif);
	background-repeat: no-repeat;
	background-position: 90px 20px;
	text-indent:-9999px;
}

#container .contact_text {
	background-image: url(../../../english/img/contact_text.gif);
	background-repeat: no-repeat;
	background-position: 90px 20px;
	text-indent:-9999px;
}

/******************************************************************************/



/********************************menu list***************************************/
#topmenu {width:800px; height:30px;}

#topmenu ul{list-style:none;}

#topmenu li{float:left;}

#topmenu li a{display:block; height:30px; text-indent:-9999px; text-decoration:none;}

#menu1 a{
	width:160px;
	background-image: url(../img/menu1_off.gif);
	background-repeat: no-repeat;
}

#menu1 a:hover{	width:160px;
	background-image: url(../img/menu1_on.gif);
	background-repeat: no-repeat;
	}
#menu1_active {
	width:160px;
	background-image: url(../img/menu1_on.gif);
	background-repeat: no-repeat;
}

#menu2_active {
	width:160px;
	background-image: url(../img/menu2_on.gif);
	background-repeat: no-repeat;
}
#menu2 a{
	width:160px;
	background-image: url(../img/menu2_off.gif);
	background-repeat: no-repeat;
}

#menu2 a:hover{	width:160px;
	background-image: url(../img/menu2_on.gif);
	background-repeat: no-repeat;
	}
#menu3_active {
	width:160px;
	background-image: url(../img/menu3_on.gif);
	background-repeat: no-repeat;
}

#menu3 a{
	width:160px;
	background-image: url(../img/menu3_off.gif);
	background-repeat: no-repeat;
}

#menu3 a:hover{width:160px;
	background-image: url(../img/menu3_on.gif);
	background-repeat: no-repeat;
	}
#menu4 a{
	width:160px;
	background-image: url(../img/menu4_off.gif);
	background-repeat: no-repeat;
}

#menu4 a:hover{	width:160px;
	background-image: url(../img/menu4_on.gif);
	background-repeat: no-repeat;
	}
	
#menu4_active {
	width:160px;
	background-image: url(../img/menu4_on.gif);
	background-repeat: no-repeat;
}

#menu5 a{
	width:160px;
	background-image: url(../img/menu5_off.gif);
	background-repeat: no-repeat;
}

#menu5 a:hover{	width:160px;
	background-image: url(../img/menu5_on.gif);
	background-repeat: no-repeat;
	}
#menu5_active {
	width:160px;
	background-image: url(../img/menu5_on.gif);
	background-repeat: no-repeat;
}

/******************************************************************************/


.f13_p10_ar {
	font-size: 13px;
	padding: 10px;
	line-height: 160%;
	color: #333333;
	list-style-type: none;
	text-indent: 2em;

}

.f13_p10_ar a:hover{ text-decoration:underline;}