/*---------- HTML Style */
* { margin: 0px; padding: 0px; }
img { border: 0px;}
html{  height:100%;}
body{
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
    height:100%;
}
body > #container {height: auto;}
* html div#container{height:100%;}
body > #container {height: auto;}

/*IE8、FireFox、Safari　CSSハック */
html>/**/body #footer{
    position:absolute;
    bottom:0px;
    height:20px;
	width: 630px;  

	font-size:12px;
	
	border-top-color:#808080;
	border-top-style:solid;
	border-top-width:thin;
	
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	
	margin-top:20px;

	line-height:1.5;
	text-decoration:none;
	
}
/*IE7用　CSSハック */
*:first-child+html #footer{
    position:absolute;
    height:20px;
	width: 630px;
	float:none;

	margin-left: -315px;
	
	font-size:12px;
	
	border-top-color:#808080;
	border-top-style:solid;
	border-top-width:thin;
	
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	
	line-height:1.5;
	text-decoration:none;
	
}
/*IE6用　CSSハック */
* html #footer{
    position:absolute;
    bottom:0px;
    height:20px;
	width: 630px;
	margin-bottom:-80px;

	margin-left: -315px;
	
	font-size:12px;
	
	border-top-color:#808080;
	border-top-style:solid;
	border-top-width:thin;
	
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	

	line-height:1.5;
	text-decoration:none;
}

/*IE フッター用補正 */
#pankuzu{
	clear:both;
	margin-top:10px;
}
	
/*-----------main contens---*/
#main
{
	clear:both;
	overflow:auto;
	text-align:left;
	width:920px;  /*change */
	margin-top:20px;
	margin-bottom:40px;
	
}

#main .section1{ width:200px; } 
#main .section2{ width:700px; }
	

/*---------- header */
#header #yanagino{
	background:#660099;
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}


#header_yanagino
{
	text-align:left;
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#header_yanagino a{
	background-color:#660099;
	position:relative;
	top:1px;

}

#header_nosk
{
	text-align:right;
	float:right;
	padding-left:10px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#header_nosk a{
	background-color:#660099;
	position:relative;
	top:1px;
}

#header #nosk{
	background:#660099;
	float:right;
	padding-left:10px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#header_navi{
	background-image:url(../top_img/navi_background.jpg);
	background-repeat:repeat-x;
	clear:both;
}



/*----------ここからTOP左側 ---*/
#main #top_sidebar{
/*	position:absolute;*/
	top:395px;
	left:220px;
	height:100%;
	float:left;
	bottom:40px;
	width:240px;
	page-break-inside:avoid;
}
#main #top_sidebar_list{
	width:240px;
	font-size:14px;

	border-bottom-width:1px;
	border-bottom-color:#808080;
	border-bottom-style:solid;
	border-left-width:1px;
	border-left-color:#808080;
	border-left-style:solid;
	border-right-width:1px;
	border-right-color:#808080;
	border-right-style:solid;
	border-top-width:1px;
	border-top-color:#808080;
	border-top-style:solid;

	
	line-height:1.5;

}
#main #top_sidebar2 a:hover{
	background-color:#FFFFFFF;
	position:relative;
	top:1px;
}


/*----------ここからTOP右側 -----*/
#top_menu_right
{
	background-color:#FFFFFF;
	width:620px;
	left:240px;
/*	height:80%; */
	height:100%;
	bottom:40px;
	float:left;
	text-align:left;
	
	margin-left:10px;


	border-left-width:1px;
	border-left-color:#660099;
	border-left-style:solid;
	
	padding-left:10px;
	line-height:2.0;
	padding-bottom:40px;

}
#main #top_list
{
	float:left;
	width:620px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:10px;
	line-height:2.0;

}
#main #top_list dl {
	width: 610px;
	font-size:12px;
	margin-bottom: 5px;
	overflow: hidden;

}
#main #top_list dt {
	float: left;
	padding-right:20px;
	color:#660099;
	font-weight:bold;
}
#main #top_list dd {border-bottom: 1px #808080 dotted; }
#main #top_list dd a{text-decoration:none; }
#main #top_list dd a:hover{border-bottom: 1px #808080 dotted; color:#FF3300; }