/******************************************************************************/
/* 鳥取市レクリエーション協会HP style.css                                     */
/* Ver.1.0 2010.06.23                                                         */
/******************************************************************************/

/* サイト全体のボディ設定 */
/* bodyをブラウザの中央に持ってくるときは、*/
/* margin-left:auto、margin-right:auto、text-aligin:centerとすること*/
/* marginのleft,rightの設定は、IEと、FierFoxの互換のため            */
body
{
	/* width:90%; */          /* 表示全体の表示幅範囲設定                      */
	position:relative;        /* 文字表示を相対位置指定                        */
    margin-left:auto;         /* 領域枠と文字間の左余白を自動設定              */
    margin-right:auto;        /* 領域枠と文字間の右余白を自動設定              */
	/*margin:0;*/             /* 上下左右のマージンを 0 に設定                 */
	padding:0;                /* 上下左右のタグで括られた枠との余白を 0 に設定 */
	background:#ffffff;       /* サイト全体の表示色の設定                      */
	font-size:85%;            /* サイト全体の文字の大きさを85%に設定           */
	font-family:Lucida Console, 'MS UI Gothic'; /* 文字種の指定                */
	/* text-align:left; */    /* ブロックタグ内の文章を左揃えに設定            */
	line-height:1.4;          /* 文字の行の高さを基準書体の1.4倍に設定         */
	color:#3D2814;
	/* font-family:verdana,'MS UI Gothic';            */
	/* font-family:verdana,'MS UI Gothic',sans-serif; */
	/* font-family:verdana,'MS UI Gothic';            */
    text-align:center;        /* 表示全体を中央に表示させるためのセンター設定  */
    
}

/* サイト全体の設定 */
/* メインのボディ設定と同じ幅設定にする。これをしないと、ブラウザを小さくした  */
/* とき、NAVI段落と、CONTENTS段落のバランスが崩れるので必ず設定しておくこと    */
#mbody 
{
	width:790px;              /* サイト全体の幅を780pxに固定                   */
    margin:auto;              /* 上下左右のマージンを 0 に設定                 */
	padding:auto;             /* 上下左右のタグで括られた枠との余白を 0 に設定 */
	background:#ffffff;       /* サイト全体の表示色の設定(白:#ffffff)          */
	margin-left:auto;         /* 領域枠とタグ内の文字間に余白を自動設定        */
	text-align:left;          /* 文章を左詰めに設定                            */
}

/* ヘッダー部の設定 */
#mheader
{
    margin:0;                 /* 上下左右のマージンを 0 に設定                 */
	padding:0;                /* 上下左右のタグで括られた枠との余白を 0 に設定 */
	background:#ffffff;       /* サイト全体の表示色の設定                      */
	margin-left:auto;         /* 領域枠とタグ内の文字間に余白を自動設定        */
	text-align:left;          /* 文章を左詰めに設定                            */
	
}

/* NAVIとCONTENTS段落用の全体段落設定 */
/* 幅設定をしておかないと、ブラウザが小さくなったときCONTENTSがNAVIの下に回り  */
/* 込むので設定しておくこと、float設定をしておかないと、IEは問題ないがFierFox  */
/* では、ライン設定でバランスが崩れるので注意                                  */
/* 幅は、mmain=mnavi+mcontentsとなるように設定する                             */
#mmain
{
    float:left;               /* 画像の表示位置指定(画像を左に、文章を右)      */
    width:790px;              /* 全体の幅を780pxに設定                         */
    margin:0;                 /* 上下左右のマージンを 0 に設定                 */
	padding:0;                /* 上下左右のタグで括られた枠との余白を 0 に設定 */
	background:#ffffff;       /* サイト全体の表示色の設定                      */
	margin-left:auto;
	text-align:left;
	
}

#mnavi
{
	float:left;               /* 画像の表示位置指定(画像を左に、文章を右)      */
	width:180px;              /* naviエリアの幅を180pxに設定(mnavi+mcontents)  */
	margin:0 0 20px 0;        /* 上:0 下:0 左:20px 右:0に設定                  */
	padding:10px 0 0 0;       /* 上:10px 下:0 左:20px 右:0に設定               */
	margin-left:auto;
	text-align:left;

		
}

#mcontents
{
	top:0;
	/* float:left; */         /* 画像の表示位置指定(画像を左に、文章を右)      */
	float:left;               /* 画像の表示位置指定(画像を左に、文章を右)      */
	width:600px;              /* contentsエリアの幅を600pxに設定               */
	margin:0 0 10px 0;        /* 上:0 下:0 左:20px 右:0に設定                  */
	padding:10px 0 0 0;       /* 上:10px 下:0 左:20px 右:0に設定               */
	margin-left:10px;         /* 最初は、auto */
	text-align:left;
}

#mfooter
{
	clear:left;
	float:left;               /* 画像の表示位置指定(画像を左に、文章を右)      */
	width: 790px;             /* 表示幅を全体幅に合わせる                      */
	text-align:left;
	margin-left:auto;         /* 領域枠と文字間の右余白を自動設定              */
    margin-right:auto;        /* 領域枠と文字間の右余白を自動設定              */


}


/*******************************************************************************/
/*  Navi Area : Sub menu                                                       */
/*  Sub Menuは、第2レベルなので、ulをつける                                    */
/*******************************************************************************/
#submenu
{
	top:0;
	margin-left:8px;         /* 左に8ピクセルずらす                           */
	margin-bottom:2px;       /* 下段を2ピクセル空ける                         */
	padding:2px 0 0 0px;
	/* margin:0 0 5px 0; */
	/* background:url(img/bg_mainmenu.gif) no-repeat; */
}

#submenu ul ul
{
	margin:0;
	padding:0;
}

#submenu ul li
{
	position:relative;
	position:0;
	margin:0;
	padding:0;
	list-style-type:none;
}

#submenu ul li span
{
	display:block;
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	margin:0;
	padding:0;
	font-size:0.8em;
}

#submenu ul li a{
	display:block;
	width:142px;              /* メニューのリバースの幅                      */
	height:20px;
	margin:0 0 0 1px;
	padding:5px 5px 0 15px;
	color:#3D2814;            /* 表示文字の色指定                            */
    background:left center #E3C7A4; /* 通常の表示色指定                      */
    /* background:left center #E3C7A4; */
	text-decoration:none;
	border-bottom:2px solid #B58E6C;
	/* color:#fff;  */
	/* background:url(img/bg_mainmenu_off.gif) no-repeat left center #B58E6C;*/
}

#submenu ul li a:hover{
	/* color:#F7A62D; */
	color:#ffffff;
	background-color:#B58E6C; /* カーソルが来たときの背景色の指定            */
}

#submenu ul li .active{
	color:#fff;
	background:left center #F7A62D;
	/* background:left center #E3C7A4; */
	/* background:url(img/bg_mainmenu_active.gif) no-repeat left center #E3C7A4; */
}

#submenu p 
{
	display:block;
	width:142px;
	height:20px;
	margin:0 0 0 1px;
	color:#3D2814;            /* 表示文字の色指定                            */
	padding:5px 5px 0 15px;
    background:left center #E3C7A4;
	text-decoration:none;
	border-bottom:2px solid #B58E6C;
}



/*******************************************************************************/
/*  Navi Area Select                                                           */
/*                                                                             */
/*******************************************************************************/

#mnavi ul{
	margin:0;
	padding:0;
}
#mnavi li{
	position:relative;
	position:0;
	margin:0;
	padding:0;
	list-style-type:none;
}
#mnavi li span{
	display:block;
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	margin:0;
	padding:0;
	font-size:0.8em;
}

#mnavi li a{
	display:block;
	width:150px;               /* メニューのリバースの幅                       */
	height:20px;
	margin:0 0 0 1px;
	padding:5px 5px 0 15px;
	color:#fff;
	/* background:url(img/bg_mainmenu_off.gif) no-repeat left center #B58E6C;  */
	background:left center #B58E6C;

	text-decoration:none;
	border-bottom:2px solid #DCC598;
}
#mnavi li a:hover{
	color:#3D2814;
	background-color:#E3C7A4;
}
#mnavi li .active{
	color:#fff;
	/* background:url(img/bg_mainmenu_active.gif) no-repeat left center #F7A62D; */
	background:left center #F7A62D;

}


/********************************************************************************/
/* 年間計画TABLE設定                                                            */
/*                                                                              */
/********************************************************************************/

#yearplan
{
    width: 95%;
    margin-left:5px;
    margin-right:auto;
    border: 1px #696969 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/*  */
#yearplan th
{
    padding: 5px;
    border: #696969 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#yearplan td 
{
	font-size:86%;
    padding: 5px;
    border: 1px #696969 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}


/********************************************************************************/
/* 罫線TABLE設定                                                                */
/*                                                                              */
/********************************************************************************/

#box_roledline
{
    width: 95%;
    margin-left:5px;
    margin-right:auto;
    border: 1px #696969 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/*  */
#box_roledline th
{
    padding: 5px;
    border: #696969 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#box_roledline td 
{
	font-size:86%;
    padding: 5px;
    border: 1px #696969 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}


/********************************************************************************/
/* 会長挨拶レイアウト設定                                                       */
/*                                                                              */
/********************************************************************************/

#greeting
{
	float:left;
	width:570px;	
}


#greetingimg
{
	top:0;
	float:left;
	width:170px;
}

#greetingmsg
{
	clear:left;
	float:left;
	width:400px;
}

/********************************************************************************/
/* Class設定                                                                    */
/*                                                                              */
/********************************************************************************/

/* メインメニューの見出し設定 */

h1.mnewinfo {
    border:solid;
    width:90%;
    border-width:0px 0px 1px 10px;
    padding:4px;
    /* border-color: #992222; */
    border-color:#bdb76b;
    font-size:110%;
    background-color:#eee8aa;
    border-bottom:2px solid #bdb76b;
}

h1.miventinfo
{
    border:solid;
    width:90%;
    border-width:0px 0px 1px 10px;
    padding:4px;
    /* border-color: #992222; */
    border-color:#006600;
    font-size:110%;
    background-color:#ccffcc;
    border-bottom:2px solid #006600;
}


h1.asobititle
{
    border:solid;
    border-width:0px 0px 1px 10px;
    padding: 5px;
    border-color:#006600;
    font-size:110%;
    background-color:#ffdab9;
    border-bottom:3px solid #006600;
}

h1.folowup
{
    border:solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#8b4513;
    font-size:110%;
    background-color:#cd853f;
    border-bottom:3px solid #8b4513;
}

h1.wakasa
{
    border:solid;
    border-width:0px 0px 1px 10px;
    padding: 5px;
    border-color:#bdb76b;
    font-size:110%;
    background-color:#eee8aa;
    border-bottom:3px solid #bdb76b;
}

h1.kenrcrally
{
	width:90%;
    border:solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#bdb76b;
    font-size:110%;
    background-color:#eee8aa;
    border-bottom:3px solid #bdb76b;
}

h1.college01
{
	width:90%;
    border:solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#6495ed;
    font-size:110%;
    background-color:#b0c4de;
    border-bottom:3px solid #6495ed;
}

h1.college02
{
	width:90%;
    border:solid;
    border-width: 0px 0px 1px 10px;
    padding:5px;
    border-color:#a9a9a9;
    font-size:110%;
    background-color:#c0c0c0;
    border-bottom:3px solid #a9a9a9;
}

h1.college03
{
	width:90%;
    border:solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#fa8072;
    font-size:110%;
    background-color:#ffe4e1;
    border-bottom:3px solid #fa8072;
}

h1.yearplan01
{
	width:90%;
    border:solid;
    border-width: 0px 0px 1px 10px;
    padding:5px;
    border-color:#00ffff;
    font-size:110%;
    background-color:#e0ffff;
    border-bottom:3px solid #00ffff;
}

h1.yearplan02
{
	width:90%;
    border:solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#bdb76b;
    font-size:110%;
    background-color:#eee8aa;
    border-bottom:3px solid #bdb76b;
}

h1.link
{
	width:90%;
    border:solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#ffdead;
    font-size:110%;
    background-color:#ffebcd;
    border-bottom:3px solid #ffdead;
}

h1.nra
{
	width:90%;
    border: solid;
    border-width:0px 0px 1px 10px;
    padding:5px;
    border-color:#c0c0c0;
    font-size:110%;
    background-color:#d3d3d3;
    border-bottom:3px solid #c0c0c0;
}



/********************************************************************************/
/* 設定                                                                         */
/*                                                                              */
/********************************************************************************/

/* 定義リスト設定 */
dl {
	text-align:left;
	width:95%;
	height:200px;
	overflow:auto;
}

/* 定義語 */
dt
{
	font-size: 82%;
	font-weight:300;
	color:#3399ff;
	
}

/* 定義内容 */
dd
{
	font-size:12px;
	line-height:12px;
	margin:0 0 5px 0;
	padding:0 5px 5px 5px;
	border-bottom:dotted 2px #999999;
}