@charset "utf-8";
body {
	background: #FFFFFF; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333;
	font-size: 12px;
	text-align: left;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', 'Osaka',' sans-serif';	
}

/* リンクの設定 */
	a {text-decoration: underline;color:#CC0000;}
	a:link {text-decoration: underline;color:#0000FF;}
	a:visited {text-decoration: underline;color:#990066;}
	a:hover {text-decoration: underline; color:#FF0000; }
	a:active {text-decoration: underline;color:#CC0000;}
	
/*バナーのリンク*/
	#banner a{text-decoration: none;color:#FFFFFF;}
	#banner a:link{text-decoration: none;color:#FFFFFF;}
	#banner a:visited {text-decoration: none;color:#FFFFFF;}
	#banner a:hover {text-decoration:underline; color:#FFFFFF; background:none;}
	#banner a:active {text-decoration: none;color:#FFFFFF;}

/* バナー部分の枠設定 */
#banner {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:15px;
	height: 100px;
	border-top: none;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	background: url(http://www.gotsu.co.jp/upload/news_header_bg.png) no-repeat top center;
	color: #FFFFFF;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	text-align: rleft;
	}


/* バナー部分のタイトルのサイズなど */
#banner h1 {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	font-size: 140%;
	font-weight: bold;
	line-height:30px;
	padding:20px 0px 0px 30px;
	letter-spacing: 0em;
	}
	
/* バナー部分のサブタイトル設定 */
#banner h2 {
	color: #FFFFFF;
	font-size: 100%;
	padding:0px 0px 0px 30px;
	}

/* サイドバーとフリーエリアの枠設定 */
.sidebar , .freearea{
	color:#000000;
	margin-bottom: 10px; /* サイドバーのボーダー設定 */
	background-color: #EDF4F8;
	}

/* サイドバータイトルとフリーエリアタイトル設定 */
.sidebar h2 , .freetitle{
	/*border-bottom:1px solid #1E2061;*/
	padding: 2px 5px 0px 10px;
	color: #FFFFFF;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', 'Osaka',' sans-serif';
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;

	}

/* サイドバー小項目の配置 */
.sidebar ul {
	margin: 0px;
	padding-left: 10px;
	}

/* サイドバー小項目の設定 */
.sidebar li {
	margin-top: 10px;
	margin-bottom: -5px;
	margin-left: 0px;
	padding-left: 0px;
	color: #000000;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', 'Osaka',' sans-serif';
	font-size: 11px;
	text-align: left;
	line-height: 1.5em;
	list-style-type: none;
	}

/* サイドバー内画像の枠 */
.sidebar img {
	border: 0px;
	padding-bottom: 5px;
	}

/* サイドバー内リンク設定 */
.link-note {
	margin-bottom: 15px;
	padding: 3px;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', 'Osaka',' sans-serif';
	font-size: small;
	text-align: left;
	line-height: 150%;
	}


/* ページ最下部フッターの枠設定 */
#footer {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	/*background:url(../img/footer.gif) no-repeat center ; */
	color: #000000;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', 'Osaka',' sans-serif';
	text-align: left;
	
	}

/* ページ右部分の枠設定 */
#right {
	float: right;
	width: 265px;
	background-color: #EDF4F8;
	border: 1px solid #0000CC;
	margin-bottom: 10px;
	padding: 0px;
	overflow: hidden;
	}

/* ページ左部分の枠設定 */
#news {
	width: 480px;
	background-color: #EDF4F8;
	border: 1px solid #999;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 10px;
	}



/* ページ中央部分の枠設定 */
#center {
	float: left;
	width: 485px;
	overflow: hidden;
	/* background-color: #FFFFFF; */
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	}







/* ブログ全体のサイズなどの設定 */
#container {
	margin-right: auto;
	margin-left: auto;
	padding: 15px 15px 0px 15px;
	width: 760px;
	border: 0px solid;
	background-color: #FFFFFF;
	text-align: left;
	line-height: 160%;
	position: relative;
	left: 0px;
	top: 0px;
}

/* ヘッダー設定 */
#header {
	background: #FFFFFF;
	text-align: center;
	margin: 0px auto 0px auto;
	width: 780px;
}
#header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10px;
	color: #999;
}
#mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
#footer {
	padding: 10px 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFFFFF;
	text-align: center;
	border-top: 1px solid #0000FF;
	font-size: 12px;
} 
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}


h1 {
	font-size: 12px;
	color: #333;
	font-weight: normal;
}

h1 a:hover, p a:hover {
	color: #0088CC;
	text-decoration: underline;
}
h2 {
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
}
h2 a, p a {
	color: #0088CC;
	text-decoration: none;

}
h2 a:hover, p a:hover {
	color: #0088CC;
	text-decoration: underline;

}
h3 {
	font-size: 10px;
	color: #333333;
	font-weight: normal;
}
h4 {
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;

}

/* コンテンツ内容部分 */
.col {
	text-align: center;
	line-height: 25px;
	width: 480px;
	background-color: #FFF;
	border: 1px solid #999;
	margin-bottom: 10px;
	padding: 0px;
	overflow: hidden;

}

.col2 {
	text-align: left;
	font-size: 14px;
	line-height: 1.68em;
}

.col3 {
	text-align: left;
	line-height: 1.5em;
	margin: 10px auto 10px auto;
	width: 760px;
}

.float_l {
	line-height: 1.5em;
	font-size: 10px;
	float: left;
	margin: 0;
	width: 490px;
	line-height: 1.8em;
}
.float_r {
	line-height: 1.5em;
	font-size: 12px;
	float: right;
	text-align: right;
	margin: 0;
}
.c-both {
clear: both;
}