@charset "utf-8";

/* トップページ
----------------------------------------------------------------------------------------------------*/

#top {
	padding: 15px;
	background: url(../common/com_back02.gif) repeat-x;
	text-align: left;
}

#top .box1 .left {
	float: left;
	width: 560px;
}

#top .box2 {
	padding: 4px 4px 4px 10px;
	margin: 0 0 10px;
	background: url(../images/top_back01.gif) no-repeat;
}

#top .box2 h2 {
	float: left;
	width: 56px;
	height: 21px;
	font-size: 5px;
}

#top .box2 p {
	font-size: 5px;
}

#top .box2 .right1 {
	float: right;
	width: 87px;
	height: 21px;
}

#top .box2 .right2 {
	float: right;
	width: 40px;
	height: 21px;
	margin: 0 0 0 3px;
}

#top .margin {
	margin: 0 0 10px;
}

#top .box1 .left table {
	width: 100%;
	margin: 0 0 10px;
	
	font-size: 75%;
	line-height: 1.6;
}

#top .box1 .left table {
	font-size: 12px;
	line-height: 1.6;
}

* html #archive table {
	font-size: 75%;
	line-height: 1.6;
}

#top .box1 .left table .date {
	color: #AACC03;
	font-weight: bold;
	text-align: right;

	font-size: 10px;
}

* html #top .box1 .left table .date {
	font-size: 83.3%;
}

#top .box1 .left table .news {
	padding: 0 0 0 20px;
	background: url(../common/com_ar01.gif) no-repeat;
	background-position: left center;
}

#top .box1 .right {
	float: right;
	width: 200px;
}

#top .box1 .right ul {
	margin: 0 0 10px;
}

#top .box1 .right li a {
	display: block;
	width: 200px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
/*	margin: 0 0 1px;*/
}

#top .box1 .right .n1 a {
	background: url(../images/top_bt03.jpg) no-repeat;
	background-position: left top;
}

#top .box1 .right .n2 a {
	background: url(../images/top_bt04.jpg) no-repeat;
	background-position: left top;
}

#top .box1 .right .n3 a {
	background: url(../images/top_bt05.jpg) no-repeat;
	background-position: left top;
}

#top .box1 .right .n4 a {
	background: url(../images/top_bt06.jpg) no-repeat;
	background-position: left top;
}

#top .box1 .right li a:hover {
	background-position: left bottom;
}

#top .box1 .right p {
	margin: 0 0 5px;
}

#top .box3 {
	margin: 0 0 10px;
	background: url(../images/top_back02.gif) no-repeat;
	background-position: left top;
}

#top .box3 h2 {
	padding: 0 0 0 15px;
	margin: 0 0 10px;
	font-size: 5px;
}

#top .box3 p {
	padding: 0 0 0 15px;
}

#top .box3 .left1 {
	float: left;
	width: 275px;
}

#top .box3 .right1 {
	float: right;
	width: 275px;
}

#top .box4 .left1 {
	float: left;
	width: 180px;
	margin: 0 9px 0 0;
}

#top .box4 .right1 {
	float: right;
	width: 180px;
}


/* 過去の新着一覧
----------------------------------------------------------------------------------------------------*/

#archive {
	float: right;
	width: 570px;
}

#archive h2 {
	margin: 0 0 10px;
}

#archive h3 {
	padding: 3px 5px;
	margin: 0 0 10px;
	border-left: #CCCCCC 4px solid;
}

#archive table {
	width: 100%;
	margin: 0 0 10px;

	font-size: 75%;
	line-height: 1.6;
}

#archive table {
	font-size: 12px;
	line-height: 1.6;
}

* html #archive table {
	font-size: 75%;
	line-height: 1.6;
}

#archive table .date {
	font-size: 10px;

	color: #AACC03;
	font-weight: bold;
	text-align: right;
}

* html #archive table .date {
	font-size: 83.3%;
}

#archive table .news {
	padding: 0 0 0 20px;
	background: url(../common/com_ar01.gif) no-repeat;
	background-position: left center;
}
