@import url(base.css);
@import url(bg.css);
@import url(layout.css);

#caution_notice{
    border: red 3px solid;
    padding:0;
    margin-bottom:1em;
}
#caution_notice h2{
    background-color:red;
    padding:0.3em 1em 0.4em 1em;
    color:white;
    margin:0;
}
#caution_notice p{
    margin:0.5em 1em;
    font-size:16px;
}

#new_info h2 {
	width: 95%;
	color: #ffffff;
	font-size: 120%;
	text-indent: 0.5em;
	margin: 0 0 5px;
	padding: 3px 0;
	background: url(../images/title_green.jpg) repeat-y left top;
}

#new_info h3 {
	font-size: 110%;
	margin: 0;
	padding: 0;
	color: #900;
}

#new_info h4 {
	font-size: 100%;
	margin: 1em 0 0;
	padding: 0;
	color: #000;
}

#new_info .entry {
	border: 1px #008000 solid;
	border-left: 5px #008000 solid;
	margin: 5px 0 0;
	padding: 10px 5px 2px 10px;
	clear: left;
}



#topics h2 {
	width: 95%;
	color: #ffffff;
	font-size: 120%;
	text-indent: 0.5em;
	margin: 10px 0 5px;
	padding: 3px 0;
	background: url(../images/title_orange.jpg) repeat-y left top;
}

#topics h3 {
	font-size: 110%;
	margin: 0;
	padding: 0;
	color: #03f;
}

#topics .entry {
	border: 1px #cc9900 solid;
	border-left: 5px #cc9900 solid;
	margin: 5px 0 0;
	padding: 10px 5px 2px 10px;
	clear: left;
}







#small_info h2 {
	width: 95%;
	color: #fff;
	font-size: 120%;
	text-indent: 0.5em;
	margin: 10px 0 5px;
	padding: 3px 0;
	background: url(../images/categorie_title_blue.jpg) repeat-y left top;
}

#small_info h3 {
	font-size: 110%;
	margin: 0;
	padding: 0;
	color: #03f;
}

#small_info .entry {
	border: 1px #c4cfff solid;
	border-left: 5px #03f solid;
	margin: 5px 0 0;
	padding: 10px 5px 2px 10px;

	clear: left;
}

#news h2 {
	width: 95%;
	color: #fff;
	font-size: 120%;
	text-indent: 0.5em;
	margin: 0 0 5px;
	padding: 3px 0;
	background: url(../images/categorie_title_red.jpg) repeat-y left top;
}

#news h3 {
	font-size: 110%;
	margin: 0;
	padding: 0;
	color: #900;
}

#news h4 {
	font-size: 100%;
	margin: 1em 0 0;
	padding: 0;
	color: #000;
}

#news .entry {
	border: 1px #e5d4ce solid;
	border-left: 5px #900 solid;
	margin: 5px 0 0;

	padding: 10px 5px 2px 10px;
	clear: left;
}

div.entry p {
	margin: 0;
	padding: 10px 0 0;
}

div.entry p.indent2 {
	margin-left: 1em;
	text-indent: -1em;
}

div.entry p.tyuyaku {
	font-size: 90%;
}

div.entry p img {
	border: 1px #ccc solid;
	float: left;
	margin: 0 5px 2px 0;
	padding: 0;
}

div.link a {
	background: url(../images/arrow.gif) no-repeat left center;
	padding: 0 25px 0 10px;
	margin-left: 10px;
}

p.posted {
	font-size: 80%;
	text-align: right;
	margin: 0;
	clear: both;
}

div.doc p.indent {
	text-indent: 1em;
}

div.part dl {
	width: 95%;
	margin: 5px 0 5px 1em;
}

div.part dt {
	width: 65px;
	float: left;
	clear: both;
	padding: 5px 0;
	margin-right: -65px;
}

div.part dd {
	padding: 5px 10px;
	text-indent: -0.7em;
	margin: 0 0 0 65px;
}

div.doc p.pdf {
	background: url(../images/pdf_icon.gif) no-repeat left center;
	padding: 0 0 0 3.5em;
}