/*-------文字関係-------*/
body {
  font-size: 12px;
  color: #666}

.red {
  font-size: 12px;
  color: #f00}

.blue {
  font-size: 12px;
  color: #00f}

.green {
  font-size: 12px;
  color: #090}

h1{
  color:#006;
  font-size:20px;
  line-height:18px;
  font-weight:bolder;
  text-align:center;
  margin-right:10px;
  margin-bottom:0px;}

/*-------レイアウト関係-------*/
#outline {
  width : 750px ;
  text-align : left ;}

.margin {
  margin : 5px ;}

.header {
  background : #fff ;
  text-align : left ;}

.main {
  width : 720px ;
  background : #fff ;
  float : right ;}

.side {
  width : 10px ;
  background : #fff ;
  float : left ;}

.c-both {
  clear : both ;}

.footer {
 background : #fff ;
 text-align : center ;}

/*-------サイトタイトル関係-------*/ 
.waku{
  z-index : 0 ;
  width : 100% ;
  margin : 20px 0px 10px 10px ;
  padding-top : 15px ;
  border-left:solid 2px #ccc;}

.waku_a{
  z-index : 2 ;
  width : 100% ;
  padding : 0px 5px ;
  margin : 3px 15px 0px 3px ;
  background : #f9f9f9 ;
  text-align : left ;}

.waku h1{
  z-index : 1 ;
  width : 100% ;
  position : relative ;
  left : -15px ;
  padding : 3px 0px 3px 10px ;
  margin : 0px ;
  text-align : left ;
  background-image : url("http://www.top-jp.com/img/203a.gif") ;
  background-repeat : repeat-x ;
  background-position : 0% ;}

/*-------メニュータイトル関係-------*/
.title1 a{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #ffecec ;
  border : solid 1px #fcc ;}

.title1 a:hover{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #fcc ;
  color : #f00 ;}

.title2 a{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #dfffff ;
  border : solid 1px #c2e4fe ;}
	
.title2 a:hover{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #c2e4fe ;
  color : #00f ;}

.title3 a{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #ecffd9 ;
  border : solid 1px #cf9 ;}
	
.title3 a:hover{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #cf9 ;
  color : #090 ;}

.title4 a{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #fcc ;
  border : solid 1px #f99 ;}
	
.title4 a:hover{
  width : 90% ;
  font-size :15px ;
  padding-left : 5px ;
  background : #f99 ;
  color : #f00 ;}

/*-------メニュー関係-------*/
 .menu {
  width : 200px ;
  margin : 45px 10px ;
  padding : 0px ;}

.menu ul {
  margin : 0px ;
  padding : 0px ;
  list-style : none ;
  text-align : left ;}

.menu li {
  margin : 0px 0px 1px 0px ;
  padding : 0px ;}

.menu a {
  width : 200px ;
  display : block ;
  padding : 1px 0px 3px 10px ;
  background-color : #ffffff ;
  border-left : 5px solid #993333 ;
  text-decoration : none ;
  color : #993333 ;}

.menu a:hover {
  width : 200px ;
  display : block ;
  padding : 1px 0px 3px 10px ;
  background-color : #ffffff ;
  border-left : 5px solid #ff0000 ;
  text-decoration : none ;
  color : #993333 ;}

/*-------お知らせ・更新情報関係-------*/
.kousin{
  width : 95% ;
  line-height :15px;
  text-align:left;
  margin: 20px 0px 10px 0px;
  background:#fff;}

.kousin_1{
  width : 40% ;
  line-height :20px;
  text-align:left;
  font-size: 13px;
  font-weight:bolder;
  color: #fff;
  background:#c9f;
  border:solid 1px #c6f;}

.kousin_2{
  overflow: auto;
  width : 100% ;
  height: 100px;
  padding: 5px;
  text-align:left;
  background:#ffe;
  border:solid 1px #c9f;
  scrollbar-base-color:#ffe;
  scrollbar-face-color:#ffe;
  scrollbar-arrow-color:#b3d136;
  scrollbar-highlight-color:#ffe;
  scrollbar-3dlight-color:#b3d136;
  scrollbar-shadow-color:#b3d136;
  scrollbar-darkshadow-color:#ffe;}