/* サイト内共通 */

FORM {margin:0px;}

 /* 全体的なサイトの配置です。中央寄せのレイアウトです。背景色指定もここ */
body {
	margin:0 auto;
	text-align:center;
	color: #E7E7E7;
	background-color: #283728;
	}

 /* 外枠を横幅760ピクセルに制御しています。文字が左寄せになるように制御。 */
#outline {
	width:760px;
	margin:0 auto;
	text-align:left;
	}
	
/* コンテンツ左列です */
.left {
	float:left;
	width:380px;
	margin:0;
	text-align:center;	
	}	
	
.left td{text-align:left;	}
	
/* コンテンツ右列です */
.right {
	width:380px;
	margin:0;
	text-align: right;
	float:right;
	}
	

.clear {clear: both;height: 0px;}
	
	
/* インラインフレーム */
.iframe {
	width:360px;
	margin:0;
	text-align: left;
	background-color: #e7e7e7;
	}	
	
		
/*通常リンク*/
a {
	color: #CCCCCC;
	text-decoration: underline;
}

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

a:hover {
	text-decoration: underline;
	color: #CC3333;
}

/*下線なし文字色グレーリンクリンク*/

.a1 a {
	color: #666666;
	text-decoration: none;
}

.a1 a:visited {
	color: #666666;
	text-decoration: none;
}

.a1 a:hover {
	text-decoration: underline;
	color: #0033CC;
}	

/*下線あり文字色グレーリンクリンク*/

.a2 a {
	color: #666666;
	text-decoration: underline;
}

.a2 a:visited {
	color: #666666;
	text-decoration: underline;
}

.a2 a:hover {
	text-decoration: underline;
	color: #0033CC;
}	
		
	
.a3 a {
	color: #CC3333;
	text-decoration: none;
}

.a3 a:visited {
	color: #CC3333;
	text-decoration: none;
}

.a3 a:hover {
	text-decoration: underline;
	color: #CC3333;
}	

/* 見出し */
h1 {
	margin:0px;
	font-weight: lighter;
	line-height: 120%;
	}	
h2 {
	font-weight: lighter;
	margin:16px 0px 7px 2px;
	line-height:100%;
	}
h3 {
	margin:0px;
	font-weight: lighter;
	}

/* コピーライト文字とリンク色 */	
.footer {
	font-size:10px;
	line-height:100%;
	}
	
.footer a {
	color: #666666;
	text-decoration: none;
}

.footer a:visited {
	color: #666666;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
	color: #0033CC;
}

/* 下部マージンを入れたい時用 */	
.under5 {
	margin-bottom:5px;
	}
	

.under10 {
	margin-bottom:10px;
	}
	
/* 文字の周囲にマージンを入れたい時用 */	
.round5 {
	width:160px;
	padding:5px 3px 5px 9px;
	}