/****************************************/
/*			　　文字コード				*/
			@charset "utf-8";
/****************************************/

/*		タグ			＞	TAG  Control		*/
/*		リンク			＞	Link Control		*/
/*		レイアウト		＞	Page Control		*/
/*		ヘッダー		＞	header Control		*/
/*		メニュー		＞	Main Menu Control	*/
/*		フラッシュ		＞	Flash Area Control	*/
/*		バナー			＞	banner Control		*/
/*		左コンテンツ	＞	LEFT Side Contents 	*/
/*		右コンテンツ	＞	RIGHT Side Contents	*/
/*		フッター		＞	footer Contents		*/



/****************************************/
/*		　		body  Control			*/
/****************************************/
body {
	min-width:930px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	background:#FFF;
	height: 100%;
	color:#656767;
}

/****************************************/
/*			　TAG  Control				*/
/****************************************/
h1 {
	padding-top:7px;
	height:20px;
	text-align:left;
	font-size:12px;
}

h2{
	width:300px;
	padding-top:17px;
	padding-left:17px;
	float:left;
	color:#0078c0;
	font-weight:800;
	font-size:20px;
}


h2.news{
	width:200px;
	padding-top:17px;
	padding-left:17px;
	float:left;
	color:#999;
	font-weight:800;
	font-size:20px;
}

/****************************************/
/*			　Link Control				*/
/****************************************/
a {
	color:#656767;
	font-style:normal;
	text-decoration: none;
	outline:none;
	border:none;
}
a:hover {
	color:#2A41C1;
	font-style:normal;
	text-decoration: none;
}

/****************************************/
/*		　　	Page Control			*/
/****************************************/
.wrapper {
	margin:0 auto -155px;/*fotter high*/
	padding:0 15px;
	width:900px;
	background:#fff;
	background:url(../img/BodyBk.jpg);
}

/****************************************/
/*			   header Control			*/
/****************************************/
#header {
	margin:0;
	padding:0;
	width:900px;
	height:156px;
	border-bottom:#7fd7f7 2px solid;
	background:url(../img/HeadBk.jpg);
}

.HLogo{padding-left:30px;float:left;}
.CLogo{width:725px;padding:10px 22px 20px;float:left;}

/****************************************/
/*			Main Menu Control			*/
/****************************************/
#navi {margin:0;padding:0;height:36px;width:900px;float:right;}
#navi ul {float:left;list-style-type: none;}
#navi li {list-style-type: none;float:left;}

/****************************************/
/*			Flash Area Control			*/
/****************************************/
#TopPic {margin:0;padding:0;width:840px;height:270px;}

/****************************************/
/*		　	Contents  Control			*/
/****************************************/
#contents {
	width:840px;
	overflow:hidden;
	margin:0;
	padding:15px 30px;
}
#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #contents {
	height: 1em;
	overflow: visible;
}
/**/

/****************************************/
/*		　		banner Control			*/
/****************************************/
#TopBarArea{width:840px;}
#TopBarArea img{padding:20px;}

/****************************************/
/*		　	LEFT Side Contents 			*/
/****************************************/
#leftcontents {
	margin:0;
	padding-right:30px;
	width:550px;
	float:left;
}

#leftcontents .ContentsTop{width:550px;height:50px;background:url(../img/TCH2.jpg);}
#leftcontents .ContentsBK{padding:10px 0 ;width:550px;background:url(../img/TCBk.jpg);}
#leftcontents .ContentsUnder{width:550px;height:27px;background:url(../img/TCUBk.jpg);}

#TopExample{padding:10px;width:550px;}
#TopExample td.Pic{padding:10px;width:150px;height:150px;}

#TopExample td.Pic a img{padding:3px;background:#FFF;}
#TopExample td.Pic a:hover img{padding:3px;background:#7fd7f7;}

#TopExample td.Title{
	padding-left:15px;
	padding-right:15px;
	text-align:right;
	width:140px;
	vertical-align:top;
	font-weight:800;
}

/****************************************/
/*		　	RIGHT Side Contents 		*/
/****************************************/
#rightcontents {
	padding:0;
	width:260px;
	float:left;
}

#rightcontents .ContentsNews{
	width:260px;
	height:53px;
	background:url(../img/News.jpg);
}
.info {width:260px;height:150px;}

.Topics{padding-right:20px;padding-top:11px;float:right;}

/****************************************/
/*			footer Contents				*/
/****************************************/
#footer {
	margin:0px auto;
	width:900px;
	padding:0 15px;
	height:155px;
}
#footer .TopUp {
	padding:0 30px;
	height:36px;
	text-align:right;
}

#footer .background{
	border-top:#f4f4f4 1px solid;
	padding:0 30px;
	height:95px;
}

#footer .LArea{
	width:420px;
	height:95px;
	float:left;
}

#footer ul{	padding:10px 0;}
#footer li{	height:15px;padding:2px;padding-left:30px;width:150px;}
#footer li.list1{	background-image: url(../img/MList.jpg);	background-repeat: no-repeat;}
#footer li.list2{	background-image: url(../img/MList.jpg);	background-repeat: no-repeat;	float:left;}
#footer .RArea{
	padding-top:8px;
	padding-bottom:7px;
	width:420px;
	height:80px;
	text-align:right;
	float:right
}
#Copyright {
	margin:0;
	padding-top:5px;
	height:18px;
	display:block;
	background-image:url(../img/CopyBk.jpg);
	font-family:Arial;
	font-size:10px;
	text-align:center;
}