/* yumenosato CSS*/


/*	initialize
--------------------------------------------------------------------------------*/

body {
	background-color: #FFFFFF;
}

/*	link
--------------------------------------------------------------------------------*/

a:link    {color:#0000FF; text-decoration:none;}
a:visited {color:#0000FF; text-decoration:none;}
a:hover   {color:#FF0000; text-decoration:underline;}
a:active  {color:#FF0000; text-decoration:underline;}


/*	font-size ; font-color
--------------------------------------------------------------------------------*/

.text_red		{	color: #FF0000;}
.text_blue		{	color: #000099;}
.text_white		{	color: #FFFFFF;}
.text_orange	{	color: #FF9900;}
.text_gray		{	color: #999999;}

.text_medium	{	font-size: medium;		line-height: 1.4em;}
.text_small		{	font-size: small;		line-height: 1.4em;}
.text_xsmall	{	font-size: x-small;		line-height: 1.4em;}
.text_xxsmall	{	font-size: xx-small;	line-height: 1.4em;}

/*	other
--------------------------------------------------------------------------------*/

.floatclear {
	clear: both;
	visibility: hidden;
	height: 0.1px;
	line-height: 0;
	font-size: 0.1px;
}
.cb {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 1%;
}

.banner img {
	position: relative;
	top: 10px;
	left: 5px;
	width: 140px;
}
	.banner a,
	.banner a:link,
	.banner a:visited {
	}
	.banner a:hover img,
	.banner a:active img {
		filter: Alpha(Opacity=70);
	}

/********************************************************************************/
/********************************* ID_Box ***************************************/
/********************************************************************************/

/*root--------------------------------------------------*/
#container {
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
	background: #E2E8EE url(../images/bg_container.jpg) repeat-x center top;
}

	/*01--------------------------------------------------*/
	#header {
		width: 760px;
		height: 57px;
		margin: 0 auto;
		background: url(../images/bg_header.jpg) no-repeat right bottom;
	}
	
	/*01--------------------------------------------------*/
	#main {
		width: 760px;
		height: auto;
		margin: 0 auto 10px auto;
		background: url(../images/bg_main.jpg) repeat-y center top;
	}
	
		/*02--------------------------------------------------*/
		#main_top {
			width: 760px;
			height: 9px;
			background: url(../images/bg_maintop.jpg) no-repeat center top;
			background-color: #E2E8EE;
		}
	
		/*02--------------------------------------------------*/
		#main_body {
			width: 742px;
			height: auto;
			padding: 0 9px;
			background: url(../images/bg_main_body.jpg) no-repeat center top;
		}
	
			/*03--------------------------------------------------*/
			#navi {
				width: 742px;
				height: 35px;
				margin-bottom: 4px;
			}
	
			/*03--------------------------------------------------*/
			#topimg {
				width: 742px;
				height: 100px;
				background-color: #CCCCCC;
				margin-bottom: 4px;
			}
	
			/*03--------------------------------------------------*/
			#wrapper {
				width: 742px;
				background: url(../images/bg_wrapper.jpg) repeat-y left top; /*subエリアの背景*/
			}
	
				/*04--------------------------------------------------*/
				#sub {
					width: 150px;
					float: left;
					background: none;
					border-top: 6px solid #8FA760;
				}
	
				/*04--------------------------------------------------*/
				#contents {
					width: 586px;
					float: right;
					border-top: 1px solid #DDDDDD;
					border-left: 1px solid #DDDDDD;
					border-right: 1px solid #DDDDDD;
				}
	
		/*02--------------------------------------------------*/
		#main_bottom {
			width: 760px;
			height: 43px;
			background: url(../images/bg_mainbottom.jpg) no-repeat center bottom;
		}
	
	/*01--------------------------------------------------*/
	#footer {
		width: 760px;
		height: auto;
		margin: 0 auto;
	}
		/*02--------------------------------------------------*/
		#footer_top {
			width: 760px;
			height: 15px;
			background: url(../images/bg_footertop.jpg) no-repeat center top;
		}
	
		/*02--------------------------------------------------*/
		#footer_body {
			width: 760px;
			height: auto;
			background: url(../images/bg_footerbody.jpg) repeat-y center top;
		}
	
		/*02--------------------------------------------------*/
		#footer_bottom {
			width: 760px;
			height: 15px;
			background: url(../images/bg_footerbottom.jpg) no-repeat center top;
		}


/*--------------------------------------------------*/
#gotop {
	text-align: right;
	clear: both;
}


/********************************************************************************/
/****************************** tag & class *************************************/
/********************************************************************************/


/* header
--------------------------------------------------*/
#header h1 {
	width: 215px;
	height: 57px;
	text-indent: -9999em;
	background: url(../images/h1_siteid.jpg) no-repeat left top;
}
#header h1 a {
	display: block;
	width: 215px;
	height: 30px;
	top: 28px;
	position: relative;
	overflow: hidden; /*for Firefox アンカーの破線がはみ出すのを防ぐ*/
}
#header .headimg {
}

/* navi
--------------------------------------------------*/
#navi ul {
	list-style: none;
}
#navi li {
	float: left;
}
	#navi li a,
	#navi li a:link,
	#navi li a:visited {
	}
	#navi li a:hover img,
	#navi li a:active img {
		filter: Alpha(Opacity=70);
	}


/* footer
--------------------------------------------------*/
#footer p.copyright {
	width: 742px;
	color: #333333;
	font-size: small;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 1.2em;
}

/* go pagetop
--------------------------------------------------*/
#main_bottom a {
	text-indent: -9999px;
	display: block;
	width: 140px;
	height: 18px;
	position: relative;
	top: 5px;
	left: 584px;
	overflow: hidden; /*for Firefox アンカーの破線がはみ出すのを防ぐ*/
}