@charset "UTF-8";
body{
	color:#404040;
	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:#F2F2F2;
}
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;
}

a:link{
	color:#0050C8;
	text-decoration:underline;
}
a:visited{
	color:#0050C8;
	text-decoration:underline;
}
a:hover{
	color:#3399CC;
	text-decoration:none;
}
ul li {
	list-style-type:none;
}
/* @group HEAD */
/*===============================================
TEMPLATE
===============================================*/
#CONTENT h3{
	font-size:30px;
	text-indent:28px;
	background-image: url(../images/h3-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:35px;
	height:40px;
	color:#1A1A1A;
	margin-bottom:5px;
}
#CONTENT h3.original{
	text-indent:0px;
	background-image:none;
	line-height:auto;
	height:auto;
}
#CONTENT h4{
	background-image:url(../images/h4-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:32px;
	height:30px;
	text-indent:13px;
	color:#FFF;
	font-size:17px;
	margin-top:20px;
	margin-bottom:10px;
}
#CONTENT h4.original{
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
}
#CONTENT h5{
	text-indent:17px;
	font-size:17px;
	background-image:url(../images/h5-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:20px;
	height:23px;
	color:#1A1A1A;
	margin-bottom:16px;
	margin-top:20px;
}
#CONTENT h5.original{
	font-size:105%;
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
}

#SUBCONTENT h6{
	font-size:13px;
	background-image:url(../images/h6-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:25px;
	height:25px;
	text-align:center;
	color:#FFF;
	margin-bottom:10px;
}
#SUBCONTENT h6.original{
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
}


#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:0px 2px;
	padding-left:15px;
}
#SUBCONTENT ul{ margin:5px 0px 10px 0px; }
#SUBCONTENT ol{ margin:5px 0px 10px 20px; }
#SUBCONTENT ul li{
	background-image:url(../images/li-bg.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:15px;
}
.table01{
	margin:0px auto 15px auto;
	border:1px solid #CCCCCC;
	border-collapse: collapse;
}
.table01 th{
	padding: 5px;
	background-color:#C5E5FC;
	border:1px solid #CCCCCC;
	color:#1A1A1A;
}
.table01 td{
	padding: 5px;
	border:1px solid #C9C3C0;
}
.table02{
	padding: 5px;
	margin:0px auto 15px auto;
	border:1px #CCCCCC solid;
	
}.table02 th{
	padding: 5px;
	background-color:#F2F0F0;
	border:1px #CCCCCC solid;
}
.table02 td{
	padding: 5px;
	border:1px #CCCCCC solid;
}
.button01{
	background-image:url(../images/btn01.gif);
	background-position:2px 3px;
	background-repeat:no-repeat;
	padding-left:12px;
}
.button02{
	background-image:url(../images/btn02.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:12px;
}

/*---------------------------------------------------------------
HEAD-WRAPPER
---------------------------------------------------------------*/
#HEAD-WRAPPER{
	width:1000px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image: url(../images/head-bg.gif);
	background-repeat:repeat-y;
	background-position: left top;
}

/*---------------------------------------------------------------
HEAD-TOP
---------------------------------------------------------------*/
#HEAD-TOP{
	width:900px;
	margin:0 auto;
	background-image: url(../images/head-top-bg.gif);
	background-repeat:repeat-x;
	background-position: left top;
}

#HEAD-TOP div{
	margin:0 auto;
	text-align:left;
	line-height: 40px;
	text-indent: 20px;
}
#HEAD-TOP h1{
	display:inline;
	font-weight:normal;
	font-size:11px;
	color:#1A1A1A;
	float:left;
}

/*===============================================
NAVI-REMARK
===============================================*/

#HEAD-TOP #NAVI-REMARK{
	text-align:right;
	float:right;
}


#HEAD-TOP #NAVI-REMARK{
	_margin-top:14px;
}

#HEAD-TOP #NAVI-REMARK ul{
	text-align:right;
	margin-bottom:0px;
}

#HEAD-TOP #NAVI-REMARK ul li{
	font-size:12px;
	display: inline;
	padding-left:15px;
	margin-right:20px;
	line-height:15px;
	background: url(../images/li-bg.gif) no-repeat left 45%;
}
#HEAD-TOP #NAVI-REMARK ul li a:link,
#HEAD-TOP #NAVI-REMARK ul li a:visited{
	text-decoration:none;
	color:#0050C8;
}

#HEAD-TOP #NAVI-REMARK ul li a:hover,
#HEAD-TOP #NAVI-REMARK ul li a:focus {
	text-decoration:underline;
	color:#3399CC;
}

/*---------------------------------------------------------------
HEAD
---------------------------------------------------------------*/
#HEAD	{
	height:80px; 
	width:860px;
	margin:0px auto;
}

#HEAD h2	{
	width:255x;
	float:left;
}
#HEAD #TEL	{
	width:340px;
	float:right;
	margin-top:4px;
}
/*---------------------------------------------------------------
NAVI-GLOBAL
---------------------------------------------------------------*/
#NAVI-GLOBAL{
	width:860px;
	height: 40px;
	margin: 0px auto;
}

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

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

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


#NAVI-GLOBAL ul li#NAVI-about a{
	width: 172px;
	background-image: url(../images/navi-about.gif);
}

#NAVI-GLOBAL ul li#NAVI-flow a{
	width: 172px;
	background-image: url(../images/navi-flow.gif);
}

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

#NAVI-GLOBAL ul li#NAVI-inquiry a{
	width: 172px;
	background-image: url(../images/navi-consult.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 -40px;
}

#KEY2{
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------
KEYVISUAL
---------------------------------------------------------------*/
#KEYVISUAL{
	width:900px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
}

#KEYVISUAL2{
	padding-top: 160px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:0 auto;
	width:900px;
	background-color:#F0F0EB;
}




/*---------------------------------------------------------------
WRAPPER
---------------------------------------------------------------*/
#WRAPPER{
	width:1000px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image: url(../images/content-bg.gif);
	background-repeat:repeat-y;
	background-position: left top;
}

	
/*---------------------------------------------------------------
MAIN
---------------------------------------------------------------*/
#MAIN{
	width:860px;
	margin:0px auto;
}
#MAIN2{
	width:860px;
	margin:0px auto;
background:url(../images/foot-top-bg.gif) no-repeat center top;
}

#CONTENT-WRAPPER{
	width:635px;
	float:left;
}
#CONTENT{
	width:595px;
	margin:15px auto 0px;
}
#SIDE {
	width:205px;
	float:right;
}
#SUBCONTENT{
	width:185px;
	font-size: 90%;
	margin:15px auto;
}



/*---------------------------------------------------------------
FOOT
---------------------------------------------------------------*/
#FOOT-WRAP-MIDDLE{
	width:1000px;
	margin:0px auto;
	background:url(../images/foot-top-bg.gif) repeat-y center top;
}

#FOOT-WRAP-TOP{background:url(../images/foot-top-bg.gif) no-repeat center top;
}

#FOOT-WRAP-BOTTOM{ background: url(../images/foot-bg.gif) no-repeat center bottom;}

#FOOT{
	width:860px;
	padding:25px 0px 35px 0px;
	margin:0 auto;
	text-align:left;
}
p#COPYRIGHT{
	float:right;
	font-size:11px;
	color:#333;
}

/*---------------------------------------------------------------
NAVI-FOOT
---------------------------------------------------------------*/
#NAVI-FOOT{
	display:inline;
	font-size:12px;
	color:#1A1A1A;
	text-align:center;
}	
#NAVI-FOOT a{
	text-decoration:none;
	color:#333;
}
#NAVI-FOOT a:hover,
#NAVI-FOOT a:focus{ 
	color:#808080;
	text-decoration:underline; 
}

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

/*===============================================
TOP ABOUT
===============================================*/
#ABOUT{
	background-image:url(../images/top-img-06.jpg);
	background-position: top;
	background-repeat:no-repeat;
	height:210px;
	margin-bottom:0px;
}

#ABOUT p{
	width:474px;
}

/*===============================================
ABOUT-BOX
===============================================*/
#ABOUT-BOX{
	background-color:#F0F0EB;
	margin-bottom:10px;
	width:595px;
	padding:10px 0px;
}

#ABOUT-BOX p{
	margin:0px 20px;
	background-image:url(../images/btn02.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:13px;
}


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

#BANNER a:hover img,

#BANNER a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

	}
	
/*------------------------------------------------------------------------------------
SUB-BANNER
------------------------------------------------------------------------------------*/

#SUB-BANNER a:hover img,

#SUB-BANNER a:focus img{

		filter:alpha(opacity=70);

		-moz-opacity: 0.7;

		opacity: 0.7;

	}	
	
/*===============================================
float
===============================================*/
.flL{float:left;}
.flR{float:right;}
/*===============================================
clearfix
===============================================*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */