@charset "Shift_JIS";
body	{
	color:#232323;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","Osaka",arial, helvetica, verdana;
	font-size:80%;
	line-height:125%;
	margin:0px;
	padding:0px;
	background-color:#E6E6E6;
	text-align: center;
}
img	{
	border:0px;
}
font	{ font-size: 100%; }
table	{
	color:#232323;
	text-align:left;
}
h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,div,table,thead,tbody,tfoot	{
	margin:0px;
	padding:0px;
}
a:link		{color:#336688;}
a:visited	{color:#336688;}
a:hover		{color:orange;}
a:active	{color:blue;}
/*===============================================
CMS
===============================================*/
#CONTENT h3	{
	color:#53A52E;
	border-left: 5px solid #53A52E;
	padding-left: 5px;
	font-size: 110%;
	line-height: 25px;
	margin: 0px 0px 10px 0px;
}
#CONTENT h3.original	{
	border:none;
	padding-left: 0px;
	line-height: auto;
	margin: 0px 0px 10px 0px;	
}
#CONTENT h4	{
	color:#444444;
	font-size: 100%;
	line-height: 25px;
	background-color:#EEEEEE;
	border-bottom: 1px solid #444444;
	background-image:url(../images/contenth4.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 20px;
	margin: 0px 0px 10px 0px;
	}
#CONTENT h5	{
	color:#2885FF;
	font-size: 100%;
	background-image:url(../images/circle.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 15px;
	margin: 0px 0px 10px 0px;
	}
a.button01,
.button01 	{
	background-image:url(../images/tri_red2.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 10px 0px 15px;
	line-height: 20px;
}
a.button02,
.button02 	{
	background-image:url(../images/tri_blk2.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:1px 15px 1px 18px;
	line-height: 30px;
}
#CONTENT p	{
	margin: 0px 10px 10px 10px;
}
#CONTENT ul	{
	margin: 0px 0px 10px 5px;
}
#CONTENT ul li	{
	list-style: none;
	background-image:url(../images/tri_red.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding:2px 0px 2px 10px;
	line-height: 15px;
	margin-bottom: 3px;
}
#CONTENT ol	{
	margin: 0px 0px 10px 30px;
	padding: 0px 0px 0px 0px;
}
#CONTENT ol li	{
	margin-bottom: 3px;
	paddimng:0px 0px 0px 0px;
}
.table01	{
	margin:0px auto 10px auto;
	border:2px solid #B8DE8D;
	font-size: 95%;
}
.table01 th	{
	background-color:#53A52E;
	color: #FFFFFF;
	padding: 5px;
	border:1px solid #B8DE8D;
}
.table01 td	{
	border:1px solid #B8DE8D;
	padding: 5px;
}
.table02	{
	margin:0px auto 10px auto;
	font-size: 95%;
}
.table02 th	{
	border-bottom: 1px #999999 solid;
	background-color:#efefef;
	font-weight: normal;
	padding: 5px;
}
.table02 td	{
	border-bottom:1px solid #CCCCCC;
	padding: 5px;
}
/*===============================================
WRAPPER
===============================================*/
#WRAPPER	{
	background-position:0px 0px;
	width:715px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	margin: 0px auto;
	text-align: left;
}
/*===============================================
SEO
===============================================*/
#SEO	{
	width:685px;
	background-color:#319A00;
	height:15px;
	display:block;
	color: #CCCCCC;
	margin: 0px auto;
}
#SEO h1,
#SEO p	{
	font-weight:normal;
	font-size:10px;
	display:inline;
	padding-left:10px;
	text-align:left;
}
/*===============================================
HEAD
===============================================*/
#HEAD	{	
	width:685px;
	height:120px;
	background-image:url(../images/head_img.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin: 0px auto;
}
#HEAD h2	{
	float:left;
}
#HEAD h2 a	{
	display:block;
	width:80px;
	height:84px;
	margin:10px 0px 0px 35px;
}
#HEAD p	{
	padding:30px 0 0 170px;
	background-image:url(../images/tri_red.gif);
	background-repeat:no-repeat;
	background-position:160px 32px;
}
#HEAD span	{
	display:block;
	margin-top: 45px;
}
#HEAD span a	{
	background-image:url(../images/tri_red.gif);
	background-repeat:no-repeat;
	background-position:10px center;
	padding:3px 10px 3px 20px;
	float: right;
}
/*===============================================
SUBC-CONTENT
===============================================*/
#SUBC-CONTENT	{
	margin: 0px auto;
	width:665px;
	padding: 10px;
}
/*===============================================
SUBCONTENT
===============================================*/
#SUBCONTENT	{
	width:150px;
	height:auto;
	float:left;
	/*background-color:red;*/
}
#SUBCONTENT h6	{
	background-image:url(../images/menu_tit.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFFFFF;
	font-size:12px;
	padding:3px 0 3px 10px;
	margin: 0px 0px 7px 0px;
}
#SUBCONTENT h6.original	{
	background-image:none;
	color:#FFFFFF;
	padding:0px 0 0px 0px;
	margin: 0px 0px 7px 0px;
}
#SUBCONTENT ul	{
	padding-bottom:10px;
}
#SUBCONTENT li	{
	list-style: none;
	background-image:url(../images/menu_tri.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding:3px 0px 3px 15px;
	line-height:1.2em;
}
#URIKATA{margin-bottom:10px;}
#URIKATA,
#URIKATA a{
	height:90px;
	width:150px;
	}
#URIKATA a{
	display:block;
	background:url(../images/banner_urikata.gif) no-repeat left top;
	}
#URIKATA a:hover,
#URIKATA a:focus{background-position:0 -90px}
/*===============================================
CONTENT
===============================================*/
#CONTENT	{
	width:500px;
	float:right;
	/*background-color:#EEEEEE;	*/
}
#KEYVISUAL	{
	margin-bottom: 20px;
}
.TOP-QA	{
	font-size: 95%;
	margin-bottom: 18px;
}
.TOP-QA td{
	background-image: url(../images/main_txt.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 10px;
}
#NEWS	{
	margin: 0px 10px 20px 10px;
}
#NEWS p	{
	background-image: url(../images/tri_red.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin: 0px 0px 5px 0px;
	font-size: 100%;
}
#NEWS span	{
	padding-right: 5px;	
}
.gray_bg{
		padding:20px 8px;
		background-color:#F2F2F2;
		font-size:110%;
		}
/*===============================================
FOOT
===============================================*/
#FOOT {
	font-size:90%;
	width:685px;
	margin:20px auto 0px auto;
}
#FOOT-NAVI	{
	background-color: #e6e7df;
	padding: 5px 15px;
	margin: 0px 10px;
}
#FOOT-NAVI a	{
	background-image:url(../images/tri_red3.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	padding:3px 10px 3px 10px;
}
#FOOT-CONTENT	{
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding: 10px 10px 30px 25px;
	
}
#FOOT-CONTENT p	{ color:#666666; }
#FOOT-CONTENT span	{
	color:#999999;
	font-size: 90%;
}
/*===============================================
PAGETOP
===============================================*/
#PAGETOP a:link,
#PAGETOP a:visited	{
	display:block;
	width:80px;
	height:15px;
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#PAGETOP a:hover	{ background-position:0px -15px;}
/*===============================================
FORM
===============================================*/
label	{
	padding-right:5px;
}
.ipt	{
	color:#FF0000;
	font-size:80%;
}
.msg	{
	color:#191919;	
	margin:15px 0px 15px 0px;
	text-align:center;
	font-size:12px;
}
.error_form	{
	background-color:#FFE9E9;
}
.error	{
	padding:15px 30px;
	color:#333333;
}
.error a	{
	color:#FF0000;
	text-decoration:none;
}
.error a:hover,
.error a:active,
.error a:focus	{
	color:#FF0000;
	text-decoration:underline;
}
.inquiryButtons	{
	text-align:center;
	padding:10px;
}
.exp	{
	color:#666666;
}

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

===============================================*/
/*--------------------for MacIE--------------------*/
#URIKATA a span,
#HEAD h1 span,
.delicious150-70 span,
.delicious480-55 span	{
	text-indent:-9999px;
}
/*--------------------MacIE HACK--------------------\*/
#URIKATA a span,
#HEAD h1 span,
.delicious150-70 span,
.delicious480-55 span	{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}
/*===============================================
float
===============================================*/
.flL	{ float:left; }
.flR	{ float:right; }
.delicious150-70 a{
	display: block;
	background-position: 0px 0px;
	background-image: url(/cms/images/delicious150-70-bg.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 70px;
}
.delicious150-70 a:hover{
	background-position: 0px -70px;	
}
.delicious480-55 a{
	display: block;
	background-position: 0px 0px;
	background-image: url(/cms/images/delicious480-55-bg.gif);
	background-repeat: no-repeat;
	width: 480px;
	height: 55px;
	margin: 0px auto;
}
.delicious480-55 a:hover{
	background-position: 0px -55px;	
}
/*===============================================
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 */