@import "../common/base.css";
@import "maru.css";
@import "../common/sidenavi.css";

#wrapper #wrapper2 #contents {
	width:650px;
           float:right;
           text-align:left;
          background: #FFFFFF;
}
#wrapper #contents #main{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 420px;
          position:relative;
}
#wrapper #contents #main img {
       float:left;
       margin: 10px 10px 0px 10px;
}
#wrapper #contents #main a {
	color: #990000;
	text-decoration: underline;
}
#wrapper #contents #main a:hover, #wrapper #contents #main a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color:#990000;
}
#wrapper #wrapper2 #main a.noLine {
	text-decoration: none;
           color: #333366;
}
#wrapper #wrapper2 #main a.noLine:hover,#wrapper #wrapper2 #main a.noLine:active {
	text-decoration: none;
           color: #FFFFFF;
           background-color:#333366;
}
#wrapper #contents #main h3{
      color: #333366;
      padding: 4px 0px 6px 6px;
      border-bottom: 3px solid #3399CC;
      font-size: 17px;
      height: 16px;
      letter-spacing: 0.05em;
      clear:both;
}
#wrapper #contents #main #top_events {
       clear:both;
}
#wrapper #contents #main #top_events h4{
      margin-left:5px;
      font-size: 13px;
      color:#330099;
      padding: 2px 0px 2px 6px;
}

#wrapper #contents #main #top_materials {
       clear:both;
       background:#FFFFEC;
       border: 1px solid #000000;
       padding: 10px;
}
#wrapper #contents #main #top_materials h5 a:hover, #wrapper #contents #main #top_materials h5 a:active{
       color:#FFFFFF;
       background-color:#3366FF;
       text-decoration: none;
}
#wrapper #contents #main #top_materials h4{
      margin:2px 0px 0px 5px;
      font-size:12px;
      line-height:17px;
      color:#CC0033;
}
#wrapper #contents #main #top_materials h5{
       color:#CC0033;
       text-align:right;
       margin:2px 10px 0px 0px;
       font-size: 12px;
}
#wrapper #contents #main #top_materials h5 a{
       color:#3366FF;
       text-decoration: underline;
}
#wrapper #contents #main #top_materials strong {
       color:#3366FF;
       font-size:13px;
}
#wrapper #contents #main #top_materials b.date {
       color:#003366;
       font-size:13px;
}
#wrapper #contents #main #top_materials a.title {
      text-decoration: none;
      cursor:hand;
      color:#CC0033;
}
#wrapper #contents #main #top_materials a.title:hover, #wrapper #contents #main #top_materials a.title:active{
       text-decoration: underline;
       background-color:#FFFFEC;
       color:#CC0033;
}

#wrapper #wrapper2 #main #maru2 a.cal {
    color: #FFFFFF;
    text-decoration: none;
    background-color:#FF6600;
    font-size:17px;
    font-weight:bold;
    padding: 2px 10px 2px 10px;
}
#wrapper #wrapper2 #main #maru2 a.cal:hover, #wrapper #wrapper2 #main #maru2 a.cal:active{
    color: #FFFFF;
    text-decoration: none;
    background-color:#99CCFF;
}
#wrapper #wrapper2 #main #maru2 p {
    font-size: 14px;
    line-height:23px;
}
#wrapper #wrapper2 #main #maru2 a.list {
    color: #CC0000;
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
}
#wrapper #wrapper2 #main #maru2 a.list:hover, #wrapper #wrapper2 #main #maru2 a.list:active{
    color: #CC0000;
    background-color:#99CCFF;
    text-decoration: underline;
}
#wrapper #contents #main #maru2 b.date {
       color:#6600CC;
       font-size:12px;
}
#wrapper #contents strong {
       color:#3366FF;
       font-size:14px;
}