@charset "utf-8";

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

	トップページ用CSS

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


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

	main

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

#main {
	background: url(../../img/main.jpg) no-repeat;
	width: 767px;
	height: 360px;
	font-size: 85%;
	font-family: "メイリオ","Meiryo";
	line-height: 1.3em;
}

#main p {
    width: 307px;
	padding: 223px 364px 0 96px;
}





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

	container

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

#container {
    background: url(../../img/top_sitaobi.jpg) repeat;
	width: 717px;
	padding: 27px 25px;
	color: #000;
	line-height: 1.3em;
}

#news {
    display: block;
	margin: 0 143px;
}



/* main_container
================================ */

#main_container {
    float: left;
	width: 382px;
	position: relative;
}

#main_container h3 {
    position: absolute;
	top: 50px; left: 1px;
}

#main_container dl {
    margin-top: 16px;
	width: 310px;
	height: 193px;
	border: solid 1px #333333;
	overflow: auto;
	background: #ffffff;
	padding: 37px 35px 0 35px
}

#main_container dt {
    color: #0000cc;
}

#main_container dd {
    margin-bottom: 1em;
}



/* side_container
================================ */

#side_container {
    float: right;
	width: 292px;
	margin-top: 49px;
}

#banner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} 

#banner{display:inline-block;} 

/*Hides from IE-mac\*/
* html #banner{height:1%;}
#banner{display:block;}
/*End hide from IE-mac*/ 

#banner img {
    float: left;
	margin-right: 19px;
}

#link {
    margin-top: 15px;
	font-size: 93%
}

#link h3 {
    margin-bottom: 5px;
}

#link li a {
    text-decoration: none;
	color: #666666;
}

#link li a:hover {
    text-decoration: underline;
}



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

	counter

========================================== */
#counter {
    margin: 0 0 5px 360px;
}