@charset "utf-8";

/* CSS Document */
BODY
{
		margin: 0;/* トップ余白 */
		font-style:normal;/* 対象フォントスタイル */
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";/* 対象フォント */
		font-size:small;/* フォントサイズ */
		background-color:#ffffff;/* ページ内背景色 */
}


/*全ページ共通の背景画像を使用する場合は、サブページ用背景画像のクラスは削除して下さい。*/
/*topページ用背景画像*/
#top_bg
{
		background-image:url(../images/common/bg.jpg);/* 背景画像 outside用 */
		background-repeat:repeat-x;/* 背景画像の繰り返し */
}

/*サブページ用背景画像*/
#sub_bg
{
		background-image:url(../images/common/bg_sub.jpg);/* 背景画像 inside用 */
		background-repeat:repeat-x;/* 背景画像の繰り返し */
}

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

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

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

#navigation
{
		list-style-type:none;
		margin:0;
		padding:0px;
}

.menu
{
		padding:0px;
		margin:0px;
		width:190px;
		height:30px;
		line-height:0;
		vertical-align: bottom;

}

/* 左メニュー下　バナー */
#banner
{
		list-style-type:none;
		margin:0;
		padding:0px;
}

.bannerMenu
{
		padding-top:5px;
		padding-left:5px;
		width:190px;
		height:auto;
}



/* 右コンテンツ */
#contents
{
	width:670px;
	float:left;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:10px;
}

/* トップページ右コンテンツ */
#topContents
{
	width:740px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:5px;
}



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

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

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

/*フッターナビゲーション用*/
#footer .footNavi01 {   
    margin: 0 10px 20px;   
}   
#footer .footNavi01 li  {   
    display: inline;   
    margin-right: 0.5em;   
}  


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

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


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

vertical-align:top;


}

/*プライバシーポリシーページ内の文字色と太さ*/
.txt_pragraph
{
	font-weight:bold;
	color:#000066;
}

/*ヒント*/
.hint
{
	color:#FF0000;
	font-size:smaller;
}

/*ニュースページタイトル*/
.newsTitle
{
	width:630px; 
	height:30px; 
	background-image:url(../images/news/newsTitle.jpg);
	background-repeat:no-repeat;

	}

/*ニュースページタイトル*/


	
/*ニュースページタイトル内のテキスト位置*/
.newsTitleText
{
	padding-left:20px; 
	padding-top:5px; 
	font-weight:bold; 
	color:#4b80b6;
	
}