/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-size: small;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
}



p.ex01 {
           color: #000000;
	font-size: 420%;
          font-family:"Garamond", "ＭＳ Ｐ明朝", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
	line-height: 1em;
}

p.ex02 {
           color: #e6e6fa;
	font-size: 160%;
          font-family:"Garamond", "ＭＳ Ｐ明朝", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
	line-height: 1em;
}


p.ex03 {
           color: #d3d3d3;
	font-size: small;
          font-family:"Garamond", "ＭＳ Ｐ明朝", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
	line-height: 1em;
}




a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	background: none;
	text-decoration: none;
}



br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px; margin: 0px 8px 0px 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
 text-align:right
}

/*　画面左側メニューの幅　*/
.side {
margin:0px 20px 0px 20px;	
float: left;
width:20%;
}

/*　画面右側の幅　*/
.main {
	float: left;
	width: 75%;
}

/*　フッター（コピーライト）　*/
.footer {
margin:0px 0px 0px 0px;
 width:100%;
 clear:center;
 float:left;
}


#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}