@charset "utf-8";
/*********************************************
**    Copyright (c) 2010.
**                  All Rights Reserved.
**********************************************/
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote {
	font-size		: 12px;
	font-family:Tahoma,Arial,Verdana;
	margin			: 0;
	padding			: 0;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
ol,ul { 
	list-style		: none;
}
caption,th {
	text-align		: left;
}

input,textarea {
	padding:4px;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */

.clear {
	margin			: 0;
	padding			: 0;
	display			: block;
	height			: 0;
	line-height		: 0;
	clear			: both;
	visibility		: hidden;
}
.ClearList {
	display			: block;
	margin			: 0 0 10px 0;
	padding			: 0;
	clear			: both;
	visibility		: hidden;
}

/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #008c56;
	text-decoration	: underline;
}
a:hover {
	color:#cc9900;
	text-decoration	: underline;
}
a.Link {
	background:url(../images/arrow_sg.gif) no-repeat left center;
	padding-left:8px;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	margin			: 0;
	padding			: 0;
	line-height		: 1.6;
	background:#3a8d6f;
	color:#333333;
	font-size		: 12px;
}
#Container {
	width			: 980px;
	margin			: 0;
	padding			: 0;
}
#Layout {
	width:752px;
	margin:0 0 0 230px;
}
#Contents {
	clear:both;
	background:url(../images/bg_middle.gif) repeat-y;
	padding:1px 31px;
	margin:0;
}
	#Contents .SubContents {
		margin:40px 10px 30px 10px;
	}

/* HEADER MENU
-------------------------------------------------------------------------------------------------*/
#Header {
	width			: 980px;
	height		: 70px;
	margin		: 10px 0 0 0;
	padding		: 0;
}
	#Header h1 {
		float		: left;
		width:260px;
		margin	: 0 0 0 10px;
		padding	: 0;
	}
	#Header .Navi {
		width:191px;
		float:right;
		text-align:right;
		margin:2px 0 0 0;
		height:21px;
	}
		#Header .Navi li {
			float:right;
		}
		#Header .Navi li.End {
			clear:both;
		}

/* Grobal Menu
-------------------------------------------------------------------------------------------------*/
#GrobalMenu {
	clear:both;
	width: 721px;
	height:247px;
	background:url(../images/bg_top.gif) no-repeat 0 64px;
	padding:0 0 0px 31px;
}
	#GrobalMenu ul {
		width:690px;
		height:100px;
	}
	#GrobalMenu li {
		float:left;
		margin:0 20px 0 0;
		padding-bottom:14px;
		background:url(../images/menu_background.gif) no-repeat 0 81px;
	}
		#GrobalMenu li.End {
			float:right;
			margin:0;
		}
		#GrobalMenu li.Over {
			margin:10px 20px 0 0;
			background:url(../images/menu_background_ov.gif) no-repeat 0 81px;
		}
	#GrobalMenu h2 {
		clear:both;
		margin:16px 0 0 0;
	}

/* Contents
-------------------------------------------------------------------------------------------------*/
h3 {
	margin:30px 0 20px 0;
}

ul.LinkList a {
	background:url(../images/arrow_sg.gif) no-repeat left center;
	padding-left:10px;
}

ul.UlList {
	list-style-type:disc;
	margin:10px 0 10px 10px;
	padding-left:10px;
}
ul.MaruList {
	margin:10px 0 10px 10px;
	padding-left:5px;
	text-indent:-12px;
}
ol.KakkoList {
	margin:10px 0 10px 10px;
	padding-left:1em;
	text-indent:-2em;
}

/* FOOTER
-------------------------------------------------------------------------------------------------*/
.PageTop {
	clear:both;
	background:url(../images/bg_bottom.gif) no-repeat;
	padding:40px 0 30px 0;
}

#Footer {
	clear:both;
	width:100%;
	height:93px;
	background:url(../images/footer_bg.gif) repeat-x;
	color:#FFFFFF;
}
	#Footer .Footer {
		width:970px;
		padding:8px 0 8px 8px;
		margin:0;
		font-size:10px;
		height:46px;
	}
		#Footer .Footer .Left {
			width:260px;
			float:left;
		}
			#Footer .Footer .Left img {
				float:left;
				margin-right:20px;
			}
		#Footer .Footer .Right {
			width:690px;
			float:right;
			text-align:right;
		}
			#Footer .Footer .Right ul{
				text-align:right;
			}
			#Footer .Footer .Right li{
				float:right;
				margin-left:10px;
				text-align:right;
			}
			#Footer .Footer .Right p {
				clear:both;
				padding:4px 0 0 0;
				margin:0;
				font-size:10px;
				text-align:left;
			}
	#Footer .Copyright {
		clear:both;
		padding-left:8px;
	}		

/**************************************************************************************************
COMMON CLASS
**************************************************************************************************/
.MT10 {
	margin:10px 0 0 0;
}
.MT20 {
	margin:20px 0 0 0;
}
.ML20 {
	margin:0 0 0 20px;
}

table {
	width			: 100%;
}
	table th {
		padding:8px 12px;
	}
	table td {
		padding:8px 12px;
	}
	table p {
		margin		: 0;
		padding		: 0;
		line-height	: 1.7;
	}

p.Indent {
	margin			: 0 0 0 1.5em;
}
p.Interval {
	margin			: 0 0 20px 0;
}

/* FONT COLOR,WEIGHT
-------------------------------------------------------------------------------------------------*/
.Red {
	color			: #CC0000;
}
.Green {
	color:#1b5a43;
}
.Bold {
	font-weight		: bold;
}
.Center {
	text-align		: center;
}
.TextRight {
	text-align		: right;
}

.Small {
	font-size		: 10px;
}
.Big {
	font-size:14px;
}

#Contents img.Right {
	float:right;
	margin-left:20px;
}