﻿@charset "utf-8";

/* CSS Document */
BODY
{
		margin: 0;/* トップ余白 */
		font-style:normal;/* 対象フォントスタイル */
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";/* 対象フォント */
		font-size:small;/* フォントサイズ */
		background-color:#ffffff;/* ページ内背景色 */
		background-image:url(../images/common/bg.jpg);/* 背景画像 main_out用 */
		background-repeat:repeat-x;/* 背景画像の繰り返し */
}


/*全ページ共通の背景画像を使用する場合は、サブページ用背景画像のクラスは削除して下さい。*/


/* 外枠（外枠） */
#outside
{
		height: auto;/* 全体の高さ */
} 

/* 外枠（内枠） */
#inside
{
		width: 900px;/* 全体の幅 */
		height: auto;/* 全体の高さ */
		margin:0 auto 0 auto;/* 画面表示時の位置 */
		text-align: left;/* テキスト開始位置 */
		color:#003366;/* ページ全体のフォントカラー */
		background-color:#ffffff;/* ページセンター部のカラー */
		line-height:1.3em;/*行の高さを指定する */
}
/* line-heightについて
	■normal 
	ブラウザが判断して行の高さを決定します。これが初期値です。 
	■数値に単位をつけて指定 
	数値にpxやemやexなどの単位をつけて指定します。pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといった
	モニタの解像度により変化します。また、emとはフォントの高さを1とする単位で、exとは小文字の｢x｣の高さを1とする単位です。 
	■数値のみで指定 
	単位をつけずに数値のみを指定すると、その数値にフォントのサイズを掛けた値が行の高さとなります。
	例えば｢1.5｣と指定すると｢150%｣や｢1.5em｣と指定した場合と同じになります。 
	■％で指定 
	％値で指定します。
 */

/* 左メニュー */
#menu
{
	width:183px;
	float:left;
	padding-left:32px;
}

/* 右コンテンツ */
#contents
{
	width:642px;
	float:left;
	margin-left:10px;
	margin-right:8px;
}

.c-both/* 回り込み解除 float:left,right;でレイアウトを制御した時に解除するクラスです。 */
{
		clear:both;
}


/* コンテンツ・メニュー背景画像 */
#contentsBackground
{
	background-image:url(../images/common/contentsBackground.jpg);
	background-repeat:repeat-y;
}


/*フッター*/
#footer
{
		clear:left;
		background-image:url(../images/common/footer.jpg);
		width:900px;
		height:45px;
		border:0px;
		padding-top:10px;
		text-align:center;
		font-size:11px;
}

/* footer用リンク*/
#footer a
{text-decoration: none;}/*下線なし*/
#footer a:hover
{text-decoration: underline;} /* マウスがリンクに触ったら下線を表示*/
#footer a:link
{color:#59b9c6;} /* 未訪問 */
#footer a:visited
{color:#59b9c6;} /* 訪問済み */
#footer a:hover
{color: #59b9c6;} /* クリックしたとき*/

/*通常リンク*/
a
{text-decoration: none;}/*下線なし*/
a:hover
{text-decoration: underline;} /* マウスがリンクに触ったら下線を表示*/
a:link
{color: #6293c3;} /* 未訪問 */
a:visited
{color:#6293c3;} /* 訪問済み */
a:hover
{color: #6293c3;} /* クリックしたとき*/


/*<a>タグ時に出来るボーダーを消す*/
img
{
		border:0;
}

.hint
{
	color:#FF0000;
	font-size:smaller;
}

/*サイト利用ページ内の文字色と太さ*/
.txt_pragraph
{
	font-weight:bold;
	color:#003399;
}

.news
{
	color:#3399CC;
	font-weight:bold;
}

.marimoRed
{
	color:#FF0000;
}


/*新着情報ページ*/

.newsTitleBar
{
	background-image:url(../images/news/newsTitleBar.jpg);
	width:600px;
	height:30px;
	background-repeat:no-repeat;
}

.newsText
{
	padding-left:20px;
	padding-top:7px;
	font-weight:bold;
}