@charset "UTF-8";

body{

	color:#333333;

	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic","Osaka",arial, helvetica, verdana;

	font-size:85%;

	line-height:1.4;

	margin:0px;

	padding:0px;

	text-align:center;

	background-color:#FFFFFF;

}

img	{ border:0px; }

h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,div,table,thead,tbody,tfoot{

	margin:0px;

	padding:0px;

}

table{

	font-size:12px;

	border-collapse:collapse;

}

ul li {

	list-style-type:none;

}

a:link,

a:visited{

	text-decoration:underline;

	color:#333333;

}



a:hover,

a:focus {

	text-decoration:underline;

	color:#0078CD;

}





/*===============================================

WRAPPER ok1007

===============================================*/

#WRAPPER{

	text-align:left;

	width:850px;

	margin:0 auto;

}

#WRAPPER-TOP{
	
	background-image:url(../images/top-bg.gif);
	
	background-repeat: repeat-x;
	
	background-position:left top;
	
}

#WRAPPER-A{
	
	background-image:url(../images/bg.gif);
	
	background-repeat: repeat-x;
	
	background-position:left top;
	
}

/*===============================================

HEAD ok1007

===============================================*/

#HEAD{

	height:75px;
	
	margin-bottom:25px;

	}



h2{

	margin-top:25px;
	
	width:210px;

	float:left;

}





/*===============================================

NAVI-GLOBAL ok1007

===============================================*/


#NAVI-GLOBAL{

	width:470px;

	margin: 25px 0 0 auto;

	float:right;
}



#NAVI-GLOBAL ul li{

	float:left;

	text-align:right;

	background-image: none;

	padding-left:0px;

	line-height:auto;

}


#NAVI-GLOBAL ul li a{

	display:block;

	height: 45px;

	background-repeat: no-repeat;

	background-position: 0px 0px;

}



#NAVI-GLOBAL ul li#NAVI-top a{

	background-image: url(../images/navi-global-top.gif);

	width: 64px;
	
	}



#NAVI-GLOBAL ul li#NAVI-news a{

	background-image: url(../images/navi-global-news.gif);

	width: 77px;
	
	}



#NAVI-GLOBAL ul li#NAVI-service a{

	background-image: url(../images/navi-global-service.gif);

	width: 108px;
	
	}



#NAVI-GLOBAL ul li#NAVI-company a{

	background-image: url(../images/navi-global-company.gif);

	width: 109px;
	
	}


#NAVI-GLOBAL ul li#NAVI-contact a{

	background-image: url(../images/navi-global-contact.gif);

	width: 112px;
	
	}



#NAVI-GLOBAL ul li a:hover,

#NAVI-GLOBAL ul li a:active{

	background-position:0px -45px;

}



/*===============================================

KEYVISUAL

===============================================*/
#KEYVISUAL { margin-bottom: 15px;}

#KEYVISUAL2 { margin-bottom: 15px;
	background-image:url(../images/key.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}





/*===============================================

MAIN ok1007

===============================================*/


#MAIN{
	
	margin-top:0px;
	
	padding-bottom:20px;
	
	border-bottom:solid  #777777 2px;
}


/*===============================================

CONTENT

===============================================*/

#CONTENT{

	width:590px;

	float:left;
	
	padding-right:20px;
	
	border-right:solid 1px #cccccc;

}



h3{margin-bottom:15px;}

h4{margin-bottom:10px;}

h5{margin-bottom:10px;}

h6{

	margin-bottom:3px;

	color:#64BE00;

	font-weight:bold;

	font-size:120%;

}



#NEWS{

	padding:0px 0px 15px 0px;

}

#NEWS p{

	border-bottom:dotted 1px #CCCCCC;

	padding:6px 0px 3px 0px;

	text-align:left;

	margin-bottom: 3px;

}

#NEWS-ICON{
	
	float:right;
	
	margin-top:-32px;
	
	margin-right:10px;
	
	display: inline;
}

/*--------------------for WinIE6--------------------*/
#NEWS-ICON{
	
	_float:right;
	
	_margin-top:-24px;
	
	_margin-right:10px;
	
	_display: inline;
}

#NEWS-ICON a:hover img,

#NEWS-ICON a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

	}

#PAGING{

	margin: 25px 5px 0px 5px;

	text-align: center;

	font-size: 90%;

}




/*===============================================

SUBCONTENT ok1007

===============================================*/

#SUBCONTENT{

	width:220px;

	float:right;

}


#SUBCONTENT img{
	
	margin-bottom: 10px;
	
	}

#COM-ICON{
	
	float:right;
	
	margin-top:-29px;
	
	margin-right:10px;
	
	display: inline;
}

#COM-ICON a:hover img,

#COM-ICON a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

	}


/*===============================================

NAVI-FOOT ok1007

===============================================*/

#FOOT{

	margin-top:5px;
	
	margin-left:10px;

	padding-top:10px;

	padding-bottom:15px;

}



ul#NAVI-FOOT{

	width:550px;

	float:left;

}


ul#NAVI-FOOT li{

	float:left;

	padding-left:12px;

	background:url(../images/button01.gif) no-repeat left center;

	margin-right:20px;

	font-size:90%;

	}



ul#NAVI-FOOT li a:link,

ul#NAVI-FOOT li a:visited{

	color:#333333;

	text-decoration:none;

} 

ul#NAVI-FOOT li a:hover,

ul#NAVI-FOOT li a:focus {

	color:#0078CD;

}

p#COPYRIGHT{

	width:290px;

	float:right;

	text-align:right;

	font-size:85%;

}



/*===============================================

TEMPLATE

===============================================*/

#CONTENT h3{

	font-size:115%;

	text-indent:17px;

	background-image:url(../images/h3_bg.gif);

	background-position:0px 0px;

	background-repeat:no-repeat;

	line-height:38px;

	height:34px;

	color:#333333;

	margin-bottom:8px;

}

#CONTENT h3.original{

	text-indent:0px;

	background-image:none;

	line-height:auto;

	height:auto;

}

#CONTENT h4{

	font-size:105%;

	color:#333333;

	background-image:url(../images/h4_bg.gif);

	background-position:0px 8px;

	background-repeat:no-repeat;

	text-indent:7px;

	line-height:34px;

	height:32px;

	padding-bottom:8px;

	margin-bottom:0px;

}



#CONTENT h4.original{

	background-image:none;

	line-height:auto;

	height:auto;

	text-indent:0px;

}

#CONTENT h5{

	font-size:100%;

	color:#333333;

	background-image:url(../images/h5_bg.gif);

	background-position:0px 25px;

	background-repeat:no-repeat;

	border-bottom:1px solid #0078CD;

	text-indent:13px;

	line-height:60px;

	height:32px;

	padding-bottom:10px;

	margin-bottom:8px;

}



#CONTENT h5.oroginal{

	font-size:105%;

	background-image:none;

	line-height:auto;

	height:auto;

}

#CONTENT ul{ margin:15px 0 10px 0px; }

#CONTENT ol{ margin:15px 0 10px 20px; }

#CONTENT ul li{

	font-size:90%;

	background-image:url(../images/li_bg.gif);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:14px;

	line-height:16px;

	}
	


#SUBCONTENT h6{
	
	font-weight:normal;

	font-size:100%;

	color:#333333;

	border-bottom:1px solid #D5D5D5;

	border-top:2px solid #606060;

	text-indent:3px;

	line-height:26px;

	height:26px;

	padding-bottom:1px;

	margin-bottom:10px;

}

#SUBCONTENT h6.original{

	background-image:none;

	border:none;
	
	line-height:auto;

	height:auto;

	text-indent:0px;

	margin-bottom:0px;

}


#SUBCONTENT p{
	
	font-size:85%;
	
}


#SUBCONTENT ul,ol{ margin-top:10px; }

#SUBCONTENT ul li{

	font-size:80%;

	background-image:url(../images/li_bg.gif);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:14px;

	line-height:15px;

	}



table.table01,

table.table02{

	margin:15px auto 15px;

	margin-bottom:20px;

}


table.table01 th{

	padding:7px;

	text-align:left;

	color:#FFFFFF;

	vertical-align:center;

	border-top:5px solid #FFFFFF;

	background-color:#0078CD;
	
}



table.table01 td{

	padding:7px;

	text-align:left;

	color:#333333;

	vertical-align:top;

	background-color:#FFFFFF;

	border-left:5px solid #FFFFFF;
	
	border-bottom:1px dotted #cccccc;

	}


table.table01 th a:link,

table.table01 th a:visited{

	text-decoration:underline;

	color:#FFFFFF;
}



table.table01 th a:hover,

table.table01 th a:focus {

	text-decoration:underline;

}


table.table02{

	border-left:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

}



table.table02 td,

table.table02 th{

	border-right:1px solid #cccccc;

	border-top:1px solid #cccccc;

	padding:7px;

	vertical-align: top;

}


table.table02 th{

	background:#f2f2f2;

}

	
.button01{

	font-size:90%;

	background-image:url(../images/button01.gif);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:14px;

	line-height:16px;

	}
	

.button02{

	font-size:90%;

	background-image:url(../images/button02.gif);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:10px;

	line-height:16px;

	}



a.button01,

a.button02{

	color:#333333;

	text-decoration:underline;

}



a.button01:visited,

a.button02:visited,{

	color:#333333;

}



a.button01:hover,

a.button01:focus,

a.button02:hover,

a.button02:focus{

	color:#0078CD;

}


/*------------------------------------------------------------------------------------

BANNER

------------------------------------------------------------------------------------*/

#BANNER a:hover img,

#BANNER a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

	}


/*------------------------------------------------------------------------------------

FORM

------------------------------------------------------------------------------------*/

.ipt	{

	color:#FF0000;

	font-size:80%;

}

.msg	{

	color:#191919;	

	margin:15px 0px 15px 0px;

	text-align:center;

	font-size:12px;

}

.error_form	{background-color:#FFFF7C;}

#CONTENT p.error	{

	padding:15px;

	color:#333333;

	background-color: #F9F9F9;

	border: 1px solid #BBBBBB;

	margin: 0px 20px 25px 20px;

}

.error a:link,

.error a:visited	{

	color:#FF0000;

	text-decoration:underline;

}

.error a:hover	{

	color:#FF0000;

	text-decoration:underline;

}

.inquiryButtons	{

	text-align:center;

	padding:10px;

}



/*===============================================

SPAN OK1007

===============================================*/



#NAVI-GLOBAL ul li a span{



	display:block;



	text-indent:-9999px;



}



/* Hack Mac IE5 \*/



#NAVI-GLOBAL ul li a span{



	width:0px;



	height:0px;



	overflow:hidden;



}



/* End */



/*===============================================

class

===============================================*/

.alC	{ text-align: center; }

.alL	{ text-align: left; }

.alR	{ text-align: right; }

.flL	{ float: left; }

.flR	{ float: right; }

.clB	{ clear: both; }

.mgB30{margin-bottom:30px;}



/*===============================================

clearfix

===============================================*/

.clearfix:after{

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

	line-height: 0;

}

.clearfix{

	display: inline-table;

	min-height: 1%;

}

/* Hides from IE-mac \*/

*html .clearfix{

	height:1%;

}

.clearfix{

	display:block;

}

/*===============================================
hidden
===============================================*/
/*--------------------for MacIE--------------------*/
#KEYVISUAL2 span {
	text-indent:-9999px;
}

/*--------------------MacIE HACK--------------------\*/

#KEYVISUAL2 span {
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}

/* end */