@charset "UTF-8";

/* ClubWGH  基本スタイルテンプレート

   footerを画面の下に配置するテンプレート
---------------------------------------------
製作者　kubota
作成日　2008/03/01
=============================================*/

body, div,
ul, li, 
h1, h2, h3, h4, h5, h6, 
dl,dt,dd,
form, textarea, p, td {
	margin:0pt;
	padding:0pt;
}
/*  page-style-fのみ指定　height:100%  */
html   {
	height: 100%;
	border: none;
}

body   {  
	font:13px/1.22 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 
	'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
    background-image:url("../img/background.gif");
	font-size: 87%;
	letter-spacing:1px;
	line-height:1.5;
	color: #333;
	height: 100%;
    text-align: justify; 
    text-justify: distribute;
}

/*  safari only  */
/*html:\66irst-child body {
	font-size:12px; 
}*

/* 画像の下の隙間を消す*/
img    {
    	border:0;
    	vertical-align: top;
}

/*ul,ol {
	list-style-type: none;
}*/


/* リンク#4E9BE7
---------------------------------------------*/
a:link     {
            text-decoration:none;
            color: #0033CC;
}
a:visited  {
            text-decoration:none;
            color: #0033cc;
}
a:hover    {
            color:0033CC;
            text-decoration:underline;
}
a:active   {
            text-decoration:none;
            color: #000099;                
}

/* container　と　ヘッダー
---------------------------------------------*/

#container {
        width: 740px;
        border-right:solid 1px #B9B9B9;
        border-left:solid 1px #B9B9B9;
        background-color: #fff;             
    	min-height: 100%;
	    height: auto !important;
    	height: 100%; /* ie用に設定 */
    	margin: 0 auto -50px; 
    	/* class="footer"と同じ高さ(100px)の負の値を入力 */
}  

#header {
        width: 740px;
}

#nav    {
        width: 740px;
        height: 28px;
        background-color: #333399;
        border-top: solid 1px #999999;
        border-bottom: solid 1px #B9B9B9;
}
 
#navbox {
	margin-top: 3px;
	margin-left: 485px; 
	width:245px;
}

/* news記事　「NEWS一覧に戻る」
---------------------------------------------*/
#title {
    width: 715px;
    background-color: #333399;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    margin: 10px 0px 0px 10px;
    padding: 2px 0px 2px 5px;	              
}

#title1 {
	float: left;
	width: 555px;
}

#title1 h2  {
    font-size: 105%;
	color: #fff;
}

#title2 {
	float: right;
	width: 150px;
    padding-right: 10px;
	text-align:right;
}

/* リンク　オンマウス タイトル文字　白
---------------------------------------------*/
#title2 a:link     {
                    text-decoration:none;
                    color: #fff;
}
#title2 a:visited  {
                    text-decoration:none;
                    color: #fff;
}
#title2 a:hover    {
                    color:#fff; text-decoration:underline;
}
#title2 a:active   {
                    text-decoration:none;                 
}


/* 背景からテキストが出ないようにハック
---------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
 	visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* フッター
---------------------------------------------*/
#push  {
	height: 50px;
}

#footer {
	clear: both;
	text-align:center;
	font-size: 0.9em;     
	height: 50px;
    width: 740px;
    border-right:solid 1px #B9B9B9;
    background-color: #fff;             
  	margin: 0 auto; 
}

#pan li    {
	display: inline;
}

#copyright {
	margin-top: 5px;
    width: 740px;
    background-color: #333399;
    border-top: solid 1px #999999;    
}

address    {
	padding: 3px 0;
	font-style: normal;
    color: #fff;
}