@charset "utf-8";
/* CSS Document */

/*
    topのcss    
===========================================*/
div#header {
	height: 113px;
}

* html div#header {
	height: 108px;
	margin-bottom: -5px;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div#header {
		height: 113px;
	}

ul#top_btn {
	width: 766px;
	padding: 10px 47px 15px 47px;
	background-color: #E6E6E6;
	margin-top: -5px;
	border-top: 1px #B3B3B3 solid;
}

ul#top_btn li {
	float: left;
	width: 378px;
}

ul#top_btn li.left {
	padding-left: 10px;
}

/* トップ告知文 */
div#contents .notice {
	clear: both;
	width:750px;
	margin:20px 0 0 52px;
}

div#contents .notice img {
	padding-bottom:5px;
}


div#contents .notice .b-text{
	color:#000000;
}


/* 左カラム */
div#left_column {
	float: left;
	width: 550px;
	margin-top: 5px;
}

div.knowledge {
	width: 500px;
	margin: 8px 0 0 50px;
	padding: 0;
	background: url(../images/top/back_midashi.gif) top left no-repeat;
	font-size: 90%;
}

div.yakuji {
	background: url(../images/top/back_midashi_yakuji.gif) top left no-repeat;
}

div#contents div.knowledge h2 {
	width: 450px;
	
	margin: 0 auto;
	padding: 10px 0;
}

div#contents div.yakuji h2 {	
	margin: 0 0 0 20px;
	padding: 12px 0 10px 40px;
	background: url(../images/top/suprise_icon.gif) center left no-repeat;
	line-height: 1.3;
}

div.knowledge_back {
	padding-bottom: 15px;
	background: url(../images/top/back_contents.gif) bottom left no-repeat;
	font-size: 110%;
}

div.knowledge_back p {
	padding: 10px 0 0 25px;
}


/* 左カラムの中 */
div#contents div#left_column div.knowledge_back ul.list {
	margin: 0;
	padding: 5px 0 0 25px;
	font-size: 90%;
}

div#contents div#left_column div.knowledge_back ul.list li a {
	font-weight: normal;
}
	
div.knowledge_box {
	position: relative;
	background: url(../images/top/back_sub_midashi.gif) top left no-repeat;
	margin: 0 0 0 25px;
}

div#contents div.knowledge_box h3 {
	width: 340px;
	margin: 10px 0 0 0;
	padding: 5px 0;
	padding-left: 115px;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div#contents div.knowledge_box h3 {
		width: 36em;
		font-size: 110%;
	}


/* 各カテゴリー枠 */
div.knowledge_box2 {
	width: 455px;
	padding-bottom: 10px;
	background: url(../images/top/back_knowleage.gif) bottom no-repeat;
}


/* コピー */
div.knowledge_box2 p {
	float: left;
	width: 135px;
	padding: 10px 0 0 100px;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div.knowledge_box2 p {
		width: 145px;
		padding: 10px 0 0 100px;
		font-size: 90%;
	}


/* 写真 */
div.knowledge_box2 p.photo {
	position: absolute;
	top: 9px;
	left: 15px;
	padding: 0;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div.knowledge_box2 p.photo {
		padding: 0;
	}
	/* ie6以下のみ適用 */
	* html div.knowledge_box2 p.photo {
		top: 7px;
		left: 12px;
		padding: 10px 0 0 0;
	}

/* カテゴリーリンク */
div.knowledge_box2 ul {
	width: 195px;
	margin-left: 250px;
	padding: 0.75em 0 0 0;
	font-size: 90%;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div.knowledge_box2 ul {
		width: 200px;
		margin-left: 250px;
		font-size: 80%;
	}

div.knowledge_box2 ul li {	
	margin: 2px 0 0 0;
}

ul li.kaigyo {
	padding: 0 0 0 1.25em;
	background: url(../images/top/btn_icon.gif) top left no-repeat;
	text-decoration: underline;
}

ul li a {
	text-decoration: underline;
}


/* 右のカラム */
div#right_culum {
	width: 237px;
	margin-left: 570px;
	padding-top: 15px;
	font-size: 90%;
}
	/* ie6以下のみ適用 */
	* html div#right_culum {
		margin-left: 560px;
	}

div#right_culum p.handbook {
	padding-top: 10px;
}

/* お知らせ */
div#right_culum div.news {
	position: relative;
	margin-top: -10px;
	margin-left: 3px;
	background: url(../images/top/midashi_news.gif) top left no-repeat;
}

div#right_culum div.news h2 {	
	width: 233px;
	margin-bottom: 3px;	
	padding: 10px 0 10px 20px;
	line-height: 1.2;
}

/* スクロール部分 */
div#right_culum div.news div.scroll {
	width: 221px;
	height: 316px;
	overflow: auto;
	padding: 5px;
	border: 1px #CCCCCC solid;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div#right_culum div.news div.scroll {
		margin-top: 5px;	
	}

/* スクロール部分文章 */
div#right_culum div.news div.scroll table {
	margin: 6px auto;
	padding: 0 8px;
	border-bottom: 1px #CCCCCC solid;
}
	/* mac safariのみ適用 */
	html[xmlns*=""] body:last-child div#right_culum div.news div.scroll table {
		padding: 0 3px;
	}

div#right_culum div.news div.scroll table a {
	text-decoration: underline;
}

/* 更新日 */
div#right_culum div.news div.scroll table tr td.date {
	width: 50px;
	padding-bottom: 6px;
	vertical-align: top;
}

/* 内容 */
div#right_culum div.news div.scroll table tr td.news {
	width: 170px;
	padding-bottom: 5px
}