@charset "Shift_JIS";

/*html 
--------------------------------------------------------------------------*/
html {
  filter: expression(document.execCommand("BackgroundImageCache", 
  false, true));
}
* html body{ margin:0; text-align:center; font-size:x-small; }

body{
	margin:0;
	padding:0;
	font-size:small;
	font-family:"�l�r �o�S�V�b�N" Osaka sans-serif;
	background:url(../img/bg.gif) repeat-x top;
}

h1 {display:none;}

/*\*/
* html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html ul, * html li,  * html dd, * html dt, * html dl, * html td, * html th{ font-size:x-small; }
/**/
h2,h3,h4,h5,h6,p,ul,ol,li,dd,dt,dl{
	font-size:small;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1.0;
	text-decoration:none;
	font-weight:normal;
	}

p,dt,dd{
	line-height:1.3;
	text-align:justify;
	text-justify:inter-ideograph;
	}
td,th{
	font-size:small;
	font-weight:normal;
	line-height:1.5;
	}

hr{display:none;}

img{border:0}

a{color:#6EB428;}
a:hover{color:#FF6600; overflow:hidden;}
a:focus {outline:none;}

/* ul li
--------------------------------------------------------------------------*/

.left ul,.left li { margin:0px; padding:0px; list-style-type:none;}
.footer ul,.footer li { margin:0px; padding:0px; list-style-type:none;}
ul.topics {
	margin: 0 0 10px 0;
	}
ul.topics li {
	color: #666666;
	background: url(../img/topics.gif) no-repeat left top;
	list-style: none;
	min-height:20px;
	margin: 5px 0 0 0;
	padding:0pt 3px 5px 20px;
	line-height: 1.3em;
	width:330px;
	}
/*
--------------------------------------------------------------------------*/

.wrap {
	width:782px;
	padding:0px;
	margin:0px auto;
	background:#6EB428;
	border-left:#6EB428 1px solid;
	border-right:#6EB428 1px solid;
	}
* html .wrap {text-align:left;}	
	
.header {
	width:782px;
	min-height:62px;
	background:#FFFFFF;
	}
* html .header { height:62px;}	
	
.contents {
	width:782px;
	min-height:100px;
	background:url(../img/bg_contents.gif) repeat-y;
	}
* html .contents { height:100px;}
	
.mainimg {border-bottom:#6EB428 1px solid;}	
	
.right_colum {
	width:560px;
	min-height:100px;
	padding:15px;
	float:right;
	clear:both;
	}
* html .right_colum  {width:590px; height:100px; margin:0px; padding:15px;}	
	
.right {
	width:200px;
	min-height:100px;
	_height:100px;
	float:right;
	}
	
.center {
	width:345px;
	min-height:100px;
	_height:100px;
	float:left;
	}	
	
.left {
	width:190px;
	min-height:100px;
	float:left;
	}
* html .left_colum { height:100px;}	
	
.footer {
	width:782px;
	min-height:50px;
	background:#6EB428;
	clear:both;
	display:block;
	}
* html .footer { height:50px;}	
	
/*header
--------------------------------------------------------------------------*/

.header p.logo {width:145px; height:20px; margin:0px; padding:20px 0 0 20px; float:left;}
.header p.inquiry_bt {
	padding-left:0;
	padding-right:0;
	width:95px;
	height:11px;
	margin:10px;
	float:right;
	}
	
.header p.inquiry_bt a {
	width:95px;
	height:11px;
	text-indent:-9999px;	
	display:block;
	background:url(../img/bt_inquiry.gif) no-repeat top;
	text-decoration:none;
	}
.header p.inquiry_bt a:hover {�@
	width:95px;
	height:11px;
	background:url(../img/bt_inquiry_ov.gif) no-repeat top;
	}	
		
	
/*main navi
--------------------------------------------------------------------------*/

.header ul.mainnavi {
	width:522px;
	height:30px;
	margin:0px;
	padding:0 0 0 260px;
	background:url(../img/main_bg.gif) repeat-x;
	list-style-type:none;
	clear:both;
	}
* html .header ul.mainnavi {width:782px;}	

.header .mainnavi li {
	float:left;
	text-indent:-9999px;
	}
	
.header .mainnavi li a {
	display:block;
	height:30px;
	text-decoration:none;
	}
.mainnavi li#m01 a { width:56px; background:url(../img/main_01.gif) no-repeat;}	
.mainnavi li#m02 a { width:127px; background:url(../img/main_02.gif) no-repeat;}	
.mainnavi li#m03 a { width:93px; background:url(../img/main_03.gif) no-repeat;}	
.mainnavi li#m04 a { width:83px; background:url(../img/main_04.gif) no-repeat;}	
.mainnavi li#m05 a { width:73px; background:url(../img/main_05.gif) no-repeat;}	
.mainnavi li#m06 a { width:71px; background:url(../img/main_06.gif) no-repeat;}

.mainnavi li#m01 a:hover { width:56px; background:url(../img/main_01_ov.gif) no-repeat;}	
.mainnavi li#m02 a:hover { width:127px; background:url(../img/main_02_ov.gif) no-repeat;}	
.mainnavi li#m03 a:hover { width:93px; background:url(../img/main_03_ov.gif) no-repeat;}	
.mainnavi li#m04 a:hover { width:83px; background:url(../img/main_04_ov.gif) no-repeat;}	
.mainnavi li#m05 a:hover { width:73px; background:url(../img/main_05_ov.gif) no-repeat;}	
.mainnavi li#m06 a:hover { width:71px; background:url(../img/main_06_ov.gif) no-repeat;}

.product .mainnavi li#this a {width:127px; height:30px; display:block; background:url(../img/main_02_ov.gif) no-repeat;}

.support .mainnavi li#this a {width:93px; height:30px; display:block; background:url(../img/main_03_ov.gif) no-repeat;}

.voice .mainnavi li#this a {width:83px; height:30px; display:block; background:url(../img/main_04_ov.gif) no-repeat;}

.company .mainnavi li#this a {width:73px; height:30px; display:block; background:url(../img/main_05_ov.gif) no-repeat;}
.recruit .mainnavi li#this a {width:71px; height:30px; display:block; background:url(../img/main_06_ov.gif) no-repeat;}


/* path
--------------------------------------------------------------------------*/
div.path {	
	width:762px;
	min-height:10px;
	background:stansparents;
	padding:4px 0 4px 20px;
	margin:0px;
	border-bottom:#6EB428 1px solid;
	font-size:x-small;
	color:#DDFA7A;
}

div.path a { color:#DDFA7A; }

* html div.path { width:782px; height:10px; font-size:xx-small;}

/* subnavi
--------------------------------------------------------------------------*/
.left ul.subnavi { margin:0;}

.left .subnavi li { 
	width:189px; 
	min-height:22px;
	_height:auto;
	display:block;  
	border-bottom: #6EB428 1px solid;
	}
	
.left .subnavi li.last { border-bottom:none;}		

.subnavi li a { 
	width:165px;
	_width:189px;
	min-height:22px;
	_height:auto; 
	display:block; 
	background:url(../img/mark_sub.gif) no-repeat 8px 8px ;
	text-decoration:none;
	padding: 5px 0 5px 24px;
	line-height: 1.5;
	color:#666666;
	}
	
.subnavi li a:hover {
	background:url(../img/mark_sub_ov.gif) #FFFF88 no-repeat 8px 8px;
	color:#DF5800;
	width:165px;
	_width:189px;
	min-height:22px;
	_height:auto;
	}
	
.support .subnavi li,
.voice .subnavi li {font-size:90%;}

/* safari only \*/
html:\66irst-child body.voice .subnavi li{font-size:90%;}
html:\66irst-child body.support .subnavi li {font-size:80%;}
	
/* subnavi subcat
--------------------------------------------------------------------------*/
.left ul.subnavi .subcat { margin:0;}

.subcat li { 
	width:189px; 
	min-height:22px;
	_height:auto;
	display:block;  
	border-bottom: #6EB428 1px solid;
	background:#EEEEEE;
	}
	
.subcat li.last { border-bottom:none;}		

.subcat li a { 
	width:146px;
	_width:189px;	
	min-height:22px;
	_height:auto; 
	display:block; 
	background:url(../img/mark_sub.gif) no-repeat 24px 8px ;
	text-decoration:none;
	padding: 5px 0 5px 42px;
	line-height: 1.5;
	color:#666666;
	}
	
.subcat li a:hover {
	background:url(../img/mark_sub_ov.gif) #FFFF88 no-repeat 24px 8px;
	color:#DF5800;
	width:146px;
	_width:189px;	
	min-height:22px;
	_height:auto;
}



/* pageup
--------------------------------------------------------------------------*/

.pageup { 
	width:767px;
	min-height:22px;
	padding:3px 15px 0 0 ;
	background:#E0F196;
	border-top:1px solid #6EB428;
	}
* html .pageup { width:782px; padding:3px 15px 3px 0;}	

.pageup img {float:right;}

.pageup01 {
	text-align:right;
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:dashed 1px #CCCCCC;
}
	
/*		
.pageup p  {  margin:0; padding:3px 10px; text-indent:-9999px; float:right;}	
.pageup p a { width:50px; height:16px; padding:3px; display:block; background:url(../img/bt_pageup.gif) no-repeat; }
.pageup p a:hover { background:url(../img/bt_pageup_ov.gif) no-repeat;}*/

/* footer
--------------------------------------------------------------------------*/
.footer ul.footnavi {
	width:400px;
	min-height:20px;
	_height:20px;
	margin:10px;
	float:left;
	} 

* html .footer ul.footnavi { height:50px;}

.footer .footnavi li {
	margin:0 10px 0 0 ;
	display:block;
	float:left;}
	
.footer a , .footer a:hover { color:#FFFFFF; text-decoration:none;}	
	
.footer p.copy {
	width:300px;
	min-height:20px;
	display:block;
	color:#FFFFFF;
	float:right;
	margin:10px ;
	text-align:right;
	} 

* html .footer p.copy { height:20px;}		
	
	
/* clear
--------------------------------------------------------------------------*/
.header:after,
.mainnavi:after,
.contents:after,
.right_colum:after,
.right:after,
.center:after,
.left:after,
.footer:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
	}