@charset "utf-8";

/* *********************************************************
 *
 * tacky web site
 *
 * *********************************************************
 */
@import "base.css";

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

div#container {
	width:780px;
	margin:0 auto;
	padding:0;
}

/*********************************************************************
contentsのスタイル
*********************************************************************/
div#contents {
	margin:0 auto;
	padding:0;
	min-height:100%;
	height:auto !important;
	height:100%;
}

/*********************************************************************
headのスタイル
*********************************************************************/
div#head {
	width:780px;
	height:50px;
	margin:0 auto;
	background:url(../img/top/menu_bg.jpg) top no-repeat;
	padding-top:13px;
}

div#head ul {
	width:673px;
	height:40px;
	list-style:none;
	margin:0 0 0 12px;
	padding:0 0 0 67px;
	background:url(../img/common/menu.jpg) top left no-repeat;
}

div#head ul li {
	float:left;
	text-indent:-9999px;
	list-style-type:none;
}

div#head ul li a,
div#head ul li a:link,
div#head ul li a:visited {
	display:block;
	width:126px;
	height:40px;
}

div#head ul li.menu1 a,
div#head ul li.menu1 a:link,
div#head ul li.menu1 a:visited {
	background:url(../img/common/menu.jpg) -67px top no-repeat;
}

div#head ul li.menu1 a:focus,
div#head ul li.menu1 a:hover,
div#head ul li.menu1 a:active {
	background:url(../img/common/menu.jpg) -67px bottom no-repeat;
}

div#head ul li.menu2 a,
div#head ul li.menu2 a:link,
div#head ul li.menu2 a:visited {
	background:url(../img/common/menu.jpg) -193px top no-repeat;
}

div#head ul li.menu2 a:focus,
div#head ul li.menu2 a:hover,
div#head ul li.menu2 a:active {
	background:url(../img/common/menu.jpg) -193px bottom no-repeat;
}

div#head ul li.menu3 a,
div#head ul li.menu3 a:link,
div#head ul li.menu3 a:visited {
	background:url(../img/common/menu.jpg) -322px top no-repeat;
}

div#head ul li.menu3 a:focus,
div#head ul li.menu3 a:hover,
div#head ul li.menu3 a:active {
	background:url(../img/common/menu.jpg) -322px bottom no-repeat;
}

div#head ul li.menu4 a,
div#head ul li.menu4 a:link,
div#head ul li.menu4 a:visited {
	background:url(../img/common/menu.jpg) -449px top no-repeat;
}

div#head ul li.menu4 a:focus,
div#head ul li.menu4 a:hover,
div#head ul li.menu4 a:active {
	background:url(../img/common/menu.jpg) -449px bottom no-repeat;
}

div#head ul li.menu5 a,
div#head ul li.menu5 a:link,
div#head ul li.menu5 a:visited {
	background:url(../img/common/menu.jpg) -575px top no-repeat;
}

div#head ul li.menu5 a:focus,
div#head ul li.menu5 a:hover,
div#head ul li.menu5 a:active {
	background:url(../img/common/menu.jpg) -575px bottom no-repeat;
}

/********************************************************************
コンテンツ部分
*********************************************************************/


/*トップmainのスタイル**********************************************/
div#main {
	width:780px;
	margin:0 auto;
	background-color:#FFFFFF;
}

div#main h1 {margin:0; padding:0;}

/*お知らせのスタイル**********************************************/
div.news {
	width:710px;
	margin:0 auto;
	padding:15px 35px 0;
	background:url(../img/top/bg_new.jpg) top center no-repeat;
}

div.news h2 {
	margin:0 0 10px;
	padding:0;
	color:#36C08F;
	font-size:1em;
}

div.news dl {
	padding:0 0 15px;
	border-bottom:1px dashed #36C08F;
}

div.news dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div.news dt {
	float:left;
	clear:both;
	width:90px;
	font-weight:bold;
/*	color:#F8D65D;*/
	color:#FF9900;
	margin:0;
	padding:0 5px 0px 0;
	font-family:verdana,arial;
}
/*mac win safari3*/
 body:first-of-type .news dt{
 font-size:90%;
} 

div.news dd {
	float:left;
	width:600px;
	margin:0;
	padding:0 0 10px 0;
}