@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:none;
	color:#47B6ED;
}

a:hover,
a:focus {
	text-decoration:underline;
	color:#A3DAF6;
}

/*===============================================
WRAPPER
===============================================*/
#WRAPPER{
	background: url(../images/header_bg.gif) repeat-x center top;
}

/*===============================================
WRAPPER-CON
===============================================*/
#WRAPPER-CON{
	text-align:left;
	width:900px;
	margin:0 auto;
}

/*===============================================
HEAD
===============================================*/
#HEAD{
	padding-top:12px;
	margin-bottom:20px;
	}

#HEAD-LEFT{
	width:581px;
	float:left;
}

#HEAD-LEFT p{display: inline;}

#HEAD-RIGHT{
	width:226px;
	float:right;
	margin-top:16px;
}

h2{
	margin-top:12px;
}

/*===============================================
NAVI-GLOBAL
===============================================*/

#NAVI-GLOBAL{
	height: 38px;
	margin: 0px auto;
}

#NAVI-GLOBAL ul li{ 
	float:left;
}

#NAVI-GLOBAL ul li a{
	display:block;
	height: 38px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#NAVI-GLOBAL ul li#NAVI-top a{
	width: 150px;
	background-image: url(../images/navi_top.gif);
}


#NAVI-GLOBAL ul li#NAVI-news a{
	width: 150px;
	background-image: url(../images/navi_news.gif);
}

#NAVI-GLOBAL ul li#NAVI-service a{
	width: 150px;
	background-image: url(../images/navi_service.gif);
}

#NAVI-GLOBAL ul li#NAVI-result a{
	width: 150px;
	background-image: url(../images/navi_result.gif);
}

#NAVI-GLOBAL ul li#NAVI-company a{
	width: 150px;
	background-image: url(../images/navi_company.gif);
}

#NAVI-GLOBAL ul li#NAVI-inquiry a{
	width: 150px;
	background-image: url(../images/navi_inquiry.gif);
}

#NAVI-GLOBAL ul li a:hover,
#NAVI-GLOBAL ul li a:active,
#NAVI-GLOBAL2 ul li a:hover,
#NAVI-GLOBAL2 ul li a:active{
	background-position:0px -38px;
}

/*===============================================
KEYVISUAL
===============================================*/

#VISUAL{
	float:left;
	width: 900px;
	height: 302px;
	margin: 19px auto 0px auto;
	text-indent: 0px;
}

#VISUAL2{
	background-image: url(../images/keyvisual2.jpg);
	float:left;
	width: 900px;
	height: 100px;
	margin: 19px auto 0px auto;
	text-indent: 0px;
}

#FLASH{
width:900px;
height:302px;
margin-top:10px;
padding:0px;
text-align:center;
background-color:#FFF;
}

/*===============================================
MAIN
===============================================*/

#MAIN{
	width: 900px;
	text-align: left;
	margin: 0px auto;
}


/*===============================================
CONTENT
===============================================*/
#CONTENT{
	width:655px;
	float:left;
	margin-top:24px;
}

h3{margin-bottom:10px;}
h4{margin-bottom:10px;}
h5{margin-bottom:10px;}
h6{
	margin-bottom:3px;
	color:#64BE00;
	font-weight:bold;
	font-size:120%;
}

/*===============================================
SUBCONTENT
===============================================*/
#SUBCONTENT-WRAP{
	width:245px;
	float:right;
}

#SUBCONTENT{
	width:215px;
	margin: 24px 0px 0px 30px;
}

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


/*---------------------------------
NEWS
---------------------------------*/

.news{
	color:#44091A;
}


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

FOOT

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

#FOOT-BG{

	margin-top:25px;

	padding:15px 0px 20px 0px;
	
	border-top:#CCC solid 1px;
	
}



	#FOOT{

		width: 900px;

		margin: 0 auto;

	}

		ul#NAVI-FOOT{

			width:490px;

			float:left;

		}

			ul#NAVI-FOOT li{

				float:left;

				font-size: 90%;

			}

			ul#NAVI-FOOT li a:link,

			ul#NAVI-FOOT li a:visited{

				color: #333;

				text-decoration: none;

			}

			ul#NAVI-FOOT li a:hover{ text-decoration: underline; }

		p#COPYRIGHT{

			width:400px;

			float:right;

			text-align:right;

			font-size:85%;

			color: #333;

	}



/*===============================================
TEMPLATE
===============================================*/
#CONTENT h3{
	font-size:130%;
	text-indent:12px;
	background-image:url(../images/h3_bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:42px;
	height:42px;
	color:#333;
	margin-bottom:10px;
}
#CONTENT h3.original{
	text-indent:0px;
	background-image:none;
	line-height:auto;
	height:auto;
}
#CONTENT h4{
	font-size:120%;
	background-image:url(../images/h4_bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:28px;
	height:28px;
	text-indent:15px;
	color:#515151;
	margin-bottom:10px;
}
#CONTENT h4.original{
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
}
#CONTENT h5{
	font-size:105%;
	background-image:url(../images/h5_bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:27px;
	height:25px;
	text-indent:16px;
	color:#FFF;
	margin-bottom:10px;
}
#CONTENT h5.original{
	font-size:105%;
	background-image:none;
	line-height:auto;
	height:auto;
}
#CONTENT ul{ margin:5px 0 10px 0px; }
#CONTENT ol{ margin:5px 0 10px 25px; }
#CONTENT ul li{
	background-image: url(../images/li_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
	line-height:22px;
	}
	
#SUBCONTENT h6{
	font-size:100%;
	background-image: url(../images/h6_bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:29px;
	height:27px;
	text-indent:15px;
	color:#333;
	margin-bottom:10px;
}
#SUBCONTENT h6.original{
	font-size:100%;
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
	margin:0px;
}
#SUBCONTENT ul{ margin:5px 0px 10px 0px; }
#SUBCONTENT ol{ margin:5px 0px 10px 25px; }
#SUBCONTENT ul li{
	font-size:90%;
	background-image:url(../images/li_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	line-height:21px;
	}

table.table01,
table.table02{
	margin:0px auto 15px;
	margin-bottom:20px;
}

table.table01 th,
table.table01 td{
	padding:5px 10px;
	text-align:left;
	color:#1A1A1A;
	vertical-align:top;
}

table.table01 th{
	background-color:#EAF1F1;
	border-left:none;
	border-right:none;
	border-top:1px solid #CCC;
	}

table.table01 td{
	border-left:1px solid #CCC;
	border-right:none;
	border-top:1px solid #CCC;
	background-color:#FFFFFF;
	}

table.table01{border-bottom:1px solid #CCC;}

table.table02 th,
table.table02 td{
	padding:7px 10px 5px 10px;
	text-align:left;
	color:#1A1A1A;
	vertical-align:top;
}

table.table02 th{background: url(../images/tb_02_bg.gif) repeat left top;}

table.table02 th,
table.table02 td{
	border-right:1px #FFF solid;
	border-bottom:1px #FFF solid;
	}
table.table02 td{
	background-color:#F2F2F2;
}

.button01{
	background-image:url(../images/btn01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:13px;
	line-height:30px;
	font-size:90%;
}

.button02{
	background-image:url(../images/btn02.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:13px;
	line-height:30px;
	font-size:90%;
}


/*------------------------------------------------------------------------------------
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;
}

/*------------------------------------------------------------------------------------
BANNER
------------------------------------------------------------------------------------*/

#BANNER a:hover img,

#BANNER a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

	}
	

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

NEWS

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

#NEWS{

	margin: 10px auto;
	font-size: 100%;
}

#NEWS p{

	line-height: 15px;

	padding-bottom: 7px;

	margin: 0px 0px 10px 0px;
	
	border-bottom:dotted #B3B3B3 1px;
	
	background-image:url(../images/li_bg.gif);
	
	background-repeat:no-repeat;
	
	background-position:left 5%;
	
	padding-left:15px;
}

#NEWS p font{

	padding-right: 10px;
	
}

#PAGING{

	margin: 15px 5px 0px 5px;

	padding: 5px 0px 15px 5px;

	text-align: left;

	color: #333;

	font-size: 95%;

}

#PAGING2{
	border-top: 1px #CCCCCC solid;

	margin: 15px 5px 0px 5px;

	padding: 5px 0px 15px 5px;

	text-align: left;

	color: #333;

	font-size: 95%;

}

/*------------------------------------------------------------------------------------
TOP-MORE
------------------------------------------------------------------------------------*/

#MORE-ICON{

	float:right;

	margin-top:-40px;	

	margin-right:15px;

	display: inline;

	z-index:2;

}



/*--------------------for WinIE6--------------------*/

#MORE-ICON{	

	_float:right;

	_margin-top:-39px;

	_margin-right:10px;
	
	_display: inline;

}


#MORE-ICON a:hover img,

#MORE-ICON a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

}


/*===============================================
SUB-BOX
===============================================*/
#SUB-BOX{
	border:solid #CCC 1px;
	margin-top:0px;
	margin-bottom:10px;
}

#SUB-BOX span{
	margin:auto 10px;
	font-size:90%;
}

/*--------------------for WinIE6--------------------*/

#SUBCONTENT h6.original{
	_margin-bottom:5px;
}

/*===============================================
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;
}
/* end */

/*===============================================
SPAN
===============================================*/

#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 */