@charset "UTF-8";
body {
	font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
	font-size:85%;
	color:#333333;
	margin:0px;
	padding:0px;
	line-height:1.4;
	text-align: center;
}
html,a,form,area,div,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
}
img		{ border:none; }
table	{ font-size: 12px; }
ul		{ list-style: none; }
ol		{ margin: 0px 0px 25px 27px; }
a:link {
	text-decoration:underline;
	color:#0166B4;
}
a:visited {
	text-decoration:underline;
	color:#3485C3;
}
a:hover,a:focus {
	text-decoration:none;
	color:#3485C3;
}


/********************************************************************************************
HEAD
********************************************************************************************/
#HEAD{
	width:800px;
	margin:0 auto;
	text-align:left;
	height:95px;
}
	
	h1{
		color:#FFFFFF;
		text-align:left;
		height:22px;
		font-size:80%;
		font-weight:normal;
		background-image:url(../images/bg-h1.gif);
		background-repeat:no-repeat;
		background-position:left top;
		margin-bottom:10px;
		text-indent:5px;
		padding-top:3px;
	}
	
	#HEAD h2{float:left;}
	
	ul#NAVI-REMARK{
		float:right;
		background-image:url(../images/bg-divide.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}
	
		ul#NAVI-REMARK li{
			float:left;
			font-size:90%;
			display:inline;
			padding-left:12px;
			padding-right:12px;
			background-image:url(../images/bg-divide.gif;)
			background-repeat:no-repeat;
			background-position:right top;
		}
		
		ul#NAVI-REMARK li.navi-r{
			padding-left:0px;
			padding-right:0px;
		}
		
			ul#NAVI-REMARK li.navi-r img{
				margin-top:-4px;
			}
	
	#NAVI-GLOBAL{
		height:74px;
		background-image:url(../images/bg-naviglobal.gif);
		background-repeat:repeat-x;
		background-position:left top;
		margin-bottom:10px;
	}
	
		#NAVI-GLOBAL-CON{
			width:820px;
			margin:0 auto;
		}
		
			#NAVI-GLOBAL ul{
				height:74px;
				background-image:url(../images/bg-naviglobal-con.gif);
				background-repeat:no-repeat;
				background-position:left top;
				padding-left:10px;
				padding-right:10px;
			}
			
				#NAVI-GLOBAL ul li{
					float:left;
					width:160px;
				}
/********************************************************************************************
KEYVISUAL
********************************************************************************************/
#KEYVISUAL,
#KEYVISUAL-KASO{
	padding-bottom:10px;
	width:800px;
	margin:0 auto;
}

#KEYVISUAL-KASO{height:150px;}

/********************************************************************************************
MAIN
********************************************************************************************/
#MAIN{
	width:800px;
	margin:0 auto;
	text-align:left;
	margin-bottom:50px;
}

/********************************************************************************************
CONTENT
********************************************************************************************/
#CONTENT{
	width:585px;
	float:left;
}

	#CONTENT #ARTICLES{
		margin-bottom:50px;
		width:575px;
		margin-left:10px;
	}
		#CONTENT #ARTICLES span,
		#CONTENT #ARTICLES p{
			font-size:95%;
			margin-bottom:5px;
		}
		
		#CONTENT #ARTICLES span{
				background-image:url(../images/bg-date.gif);
				background-repeat:no-repeat;
				background-position:left top;
				width:78px;
				float:left;
				line-height:17px;
				font-size:12px;
				color:#FFFFFF;
				text-indent:3px;
				clear:both;
			}
		
		#CONTENT #ARTICLES p{
			width:480px;
			float:right;
			line-height:20px;
		}
/********************************************************************************************
SUBCONTENT
********************************************************************************************/
#SUBCONTENT{
	width:200px;
	float:right;
	margin-bottom:20px;
}
	#SUBCONTENT a:hover img,
	#SUBCONTENT a:focus img{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	
	#SUBCONTENT img{margin-bottom:15px;}
	
	#SUBCONTENT h3 img{margin-bottom:0px;}
	
	#BUSINESS-SET{
		float:left;
		width:582px;
	}

		#BUSINESS-OKASHI,
		#BUSINESS-MARKET{
			width:285px;
			height:220px;
			background-image:url(../images/bg-business.gif);
			background-repeat:repeat;
			background-position:left top;
		}
		
		#BUSINESS-OKASHI{float:left;}
		#BUSINESS-MARKET{float:right;}
		
			#BUSINESS-OKASHI img,
			#BUSINESS-MARKET img{
				padding-top:5px;
				padding-left:5px;
				padding-right:5px;
			}
		
		#BUSINESS-OKASHI p.title,
		#BUSINESS-MARKET p.title{
			font-size:95%;
			font-weight:bold;
			margin-top:12px;
			margin-bottom:8px;
			margin-left:10px;
			margin-right:0px;
		}
		
		#BUSINESS-OKASHI p,
		#BUSINESS-MARKET p{
			font-size:90%;
			margin-left:10px;
			margin-right:10px;
		}
		
	#BANNER{
		width:200px;
		float:right;
	}
	
		#BANNER a{
			margin-bottom:15px;
			display:block;
		}
		
			#BANNER a:hover img,
			#BANNER a:focus img{
				filter:alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;
			}

/********************************************************************************************
FOOT
********************************************************************************************/
#FOOT01,
#FOOT02{
	width:800px;
	margin:0 auto 15px;
}

#FOOT01{
	padding-bottom:15px;
	border-bottom:1px solid #CCCCCC;
}

	ul#NAVI-FOOT{
		margin-top:8px;
		width:650px;
		float:left;
		background-image:url(../images/bg-divide.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}
	
		ul#NAVI-FOOT li{
			float:left;
			font-size:80%;
			display:inline;
			padding-left:12px;
			padding-right:12px;
			background-image:url(../images/bg-divide.gif);
			background-repeat:no-repeat;
			background-position:right top;
		}
		
	p#COPYRIGHT{
		font-size:75%;
		color:#808080;
		width:300px;
		float:right;
	}
/*===============================================
TEMPLATE
===============================================*/
#CONTENT h3{
	font-size:100%;
	color:#1A1A1A;
	background-image:url(../images/bg-h3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
	text-indent:16px;
	line-height:34px;
	height:32px;
	padding-bottom:8px;
	margin-bottom:20px;
}

#SUBCONTENT h3{
	font-size:100%;
	color:#1A1A1A;
	background-image:url(../images/bg-h3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
	text-indent:16px;
	line-height:34px;
	height:32px;
	padding-bottom:8px;
	margin-bottom:20px;
}

#MAIN h3{
	font-size:100%;
	color:#1A1A1A;
	background-image:url(../images/bg-h3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
	text-indent:16px;
	line-height:34px;
	height:32px;
	padding-bottom:8px;
	margin-bottom:20px;
}

	#CONTENT h3.original,
	#SUBCONTENT h3.original,
	#MAIN h3.original{
		text-indent:0px;
		background-image:none;
		line-height:auto;
		height:auto;
	}
	
	#MAIN h3.original{height:32px;}
	
	h3.original a:hover img,
	h3.original a:focus img{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	
#CONTENT h4{
	font-size:100%;
	color:#1A1A1A;
	font-weight:normal;
	background-image:url(../images/bg-h4.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:35px;
	height:34px;
	text-indent:22px;
	margin-bottom:20px;
}
	#CONTENT h4.original{
		background-image:none;
		line-height:auto;
		height:auto;
		text-indent:0px;
	}
#CONTENT h5{
	font-size:95%;
	color:#1A1A1A;
	font-weight:normal;
	background-image:url(../images/bg-h5.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:22px;
	height:20px;
	text-indent:22px;
	margin-bottom:20px;
}
	#CONTENT h5.oroginal{
		background-image:none;
		line-height:auto;
		height:auto;
		text-indent:0px;
	}
#CONTENT ul,ol{
	margin-bottom:10px;
	}
	
	#CONTENT ul li{
		background-image:url(../images/bg-list.gif);
		background-repeat:no-repeat;
		background-position:left 6px;
		padding-left:12px;
		line-height:20px;
		font-size:95%;
		}
	
#CONTENT table{
	margin:0px auto 20px;
}

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

	table.table01 th{
		border-bottom:1px solid #FFFFFF;
		background-color:#D9D9D9;
		}
		
	table.table01 td{
		border-bottom:1px solid #FFFFFF;
		}
		
	table.table02{
		border-top:1px #D0D2D3 solid;
		border-right:1px #D0D2D3 solid;
		}

	table.table02 th,
	table.table02 td{
		border-left:1px #D0D2D3 solid;
		border-bottom:1px #D0D2D3 solid;
		}
		
	table.table02 th{border-right:2px #8FC31F solid;}

.button01{
	background-image:url(../images/bg-btn01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:22px;
	font-size:85%;
	}
.button02{
	background-image:url(../images/bg-btn02.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:22px;
	font-size:85%;
	}

/*===============================================
class
===============================================*/
.alC	{ text-align: center; }
.alL	{ text-align: left; }
.alR	{ text-align: right; }
.flL	{ float: left; }
.flR	{ float: right; }
.clB  { clear:both;}

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