@charset "utf-8";

/* basic-style
---------------------------------------------*/
* {
	margin: 1;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
body {
        line-height : 150%;
	font-size: 80%;
	color: #000000;
	background-color: #ffffff;
}
img {
	border: none;
}

a:link    {color:#0000cd;}
a:visited {color:#ff0000;}
a:active  {color:#6495ed;}
a:hover   {color:#009900;}

/* toppage-style
---------------------------------------------*/
#wrapper {width: 710px;
          background-color: #ffffcc; 
          align: center;
}
#header {height: 100px;}

#middle {        
        float: left;
	width: 710px;
        margin-top:5px;
}
#primary {        
        float: left;
	width: 550px;
        margin-top:5px;
}

#secondary {
        text-align: center;
        float: right;
	width: 150px;
	margin-top:5px;
}
#inquiry {width: 710px; 
        background-image : url(../unionimages/wall/wood.gif);
         margin:5px;
	text-align: center;
        height:50px;
        clear: both; /* 回り込みを解除 */
         }

#footer {width: 710px;
        margin-top:5px;
	padding:5px;
        text-align: center;
        background-color: #c7c7a1;}

/* navi
---------------------------------------------*/
#globalNav {width: 710px;}
#globalNav ul {
        list-style: none;
	margin-left: 10px;
	padding: 0px;
	height: 15px;
	border-bottom: 0px solid #CCCCCC;
}
#globalNav li {
	float: left;
	width: 98px;
	margin: 0;
	padding: 0;
        height: 15px;
}
#globalNav a {
	display: block;
	width: 98px;
	padding: 6px 0 8px 0;
	color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
 	background-color: #006400;
	background-position: left top; /* オフマウス時の背景画像の開始位置を左上に指定 */
	text-decoration: none;
	text-align: center;
}
#globalNav a:hover {
	background-color: #3cb371; /* オンマウス時の背景色を指定 */
	background-position: right top; /* オンマウス時の背景画像の開始位置を右上に指定 */
}

/* contents
---------------------------------------------*/
#contentsList {
       line-height : 120%;
	margin-top: 10px;
        width:710px
}
#contentsList li{
        background-color: #ffffff;
	float: left;
        width: 160px;/* 幅を指定*/
        border: 1px solid #339900;
        margin: 2px;
	}

#contentsList h1{
        align: center;
        font-family : HG丸ｺﾞｼｯｸM-PRO;
	padding: 2px 0;
	width: 160px;
        font-size: 100%;
        color: #000000;
	font-weight: bold;
}

#contentsList dl{
	margin: 5px;
	width: 160px;
        height: 65px;
        font-size: 90%;
        background: #ccffcc;
        color: #333333;
}
#contentsList a {
	display: block;
	color: #0000cd;
	text-decoration: none;
}
#contentsList a:hover {
	color: #009900; /* オンマウス時の文字色を指定 */
}

/* トピックス一覧
---------------------------------------------*/
#topicsList {
	margin-top: 5px;
        width:540px
}

#topicsList li {
        width: 530px;/* 幅を指定*/
        margin-top: 5px;
	}

#topicsList h1{      
        padding: 2px 0;
	width: 530px;/* 幅を指定*/
        color: #000000;
	}

#topicsList dl{
	width: 530px;/* 幅を指定*/
        font-size: 90%;
        }

/* バナー一覧
---------------------------------------------*/
#banner {
　　　　text-align: center
	width: 130px; /* ボックスの幅を指定 */
}
#banner ul {
	list-style: none; /* リストのマーカーを表示させないように指定 */
	margin: 2px; /* 全方向のマージンを0に指定 */
	padding: 0px; /* 全方向のマージンを0に指定 */
}
#banner li {
        background-color: #ffffff;
	float: left; /* ボックスを左寄せに指定 */
	width: 130px; /* ボックスの幅を指定 */
	margin-top: 10px; 
	padding: 0px; /* 全方向のマージンを0に指定 */}