﻿@charset "UTF-8";
/* bodyに関するCSS
--------------------------------------------------------------------------------*/
body {
        font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	color: #666;
	font-size: 80%;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	background-color: #cccccc;
}

/* ページ構造に関するCSS 
--------------------------------------------------------------------------------*/
#wrapper {

  margin-left: auto;
  margin-right: auto;
  width: 780px;
  background-color: #FFFFFF;
  }
#header{
  padding: 5px 0px;
}
#content{
  clear: left;
  margin: 0px 20px;
  padding: 0px;
}
#nav {
  margin-top: 10px;
  margin-left: 20px;
 margin-bottom: 10px;
  padding: 0px;
  list-style: none;
  float: left;
  width: 750px;
}
#rightbar {
	  width: 350px;
         float: right;
	 background-image: url(img/bck_top_news.gif);
         padding: 5px;       		
}
#leftbar {
	  width: 350px;
         float: left;
 	 background-image: url(img/bck_top_news.gif);
         margin-bottom: 30px;
         padding: 5px 5px;		
}
#footer{
  clear: both;
  text-align: center;
  margin-bottom: 10px;
  padding: 5px;
  border-top: 1px solid #CCCCCC;
}


/* ヘッダーに関するCSS 
--------------------------------------------------------------------------------*/
h1{
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 3px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 15px;
	text-indent: 5px;
      
}

/* ナビゲーションに関するCSS 
--------------------------------------------------------------------------------*/
#nav li {
  float: left;
  width: 118px;
  height: 20px;
  border: 1px solid #000;
  margin-right: 5px;
  margin-left: 0px;
  font-size: 13px;
  text-align: center;
  background-color: #F0F0F0;
}
#nav a {
  display: block;
  width: 118px;
  height: 20px;
  color: #000;
  text-decoration: none;
}
#nav a:hover {
  color: #FFF;
  background-color: #666;
}

/* コンテンツに関するCSS 
--------------------------------------------------------------------------------*/
h2 {
        font-size: 110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 3px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 15px;
	text-indent: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
}
#col1 {
  width: 350px;
  float: left;
  
}

#col2 {
  width: 350px;
  float: right;
}

#col3 {
  width: 560px;
  float: left;
}

#col4 {
  width: 150px;
  float: right;
}

/* leftに関するCSS 
--------------------------------------------------------------------------------*/
h3 {
	font-size: 110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 3px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 15px;
	text-indent: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
}

/* リンクに関するCSS  
--------------------------------------------------------------------------------*/
a {
   text-decoration: none;
}
a:link {
	color: #0033ff;
}
a:visited {
	color: #cc3399;
}
a:active, a:hover {
        text-decoration: underline; 
}


