@charset "UTF-8";
/* CSS Document */

html {
	overflow-y:scroll;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif, Hiragino Kaku Gothic pro, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック";
	background: #ffffff;
	margin: 0; 
	padding: 0; 
	color: #000000;
}
 #container {
	width: 940px;  /*  */
	height:100%;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
 #header {
	width:940px;
	height:100%; 
	padding: 0 ;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
h1{
	margin: 25px 0 10px 0;
	padding: 0;
}
 #header .btn_glbl {
	height:25px;
	margin:25px 0 35px 330px;
	padding:0;
}
 #header .btn_glbl ul {
 	margin:0;
	padding:0;
	list-style:none;	
}
 #header .btn_glbl li {
 	width:120px;
	margin:0;
	padding:0;
	float:left;
}

 #footer { 
	padding: 0 ; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	width:935px;
	height:60px;
	margin:25px 0 35px 0;
} 

 #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 5px 0 0 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color:#999999;
	text-align:right;
	font-size:12px;
}

/* top start */

.top #cnt {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.top #mainContent .main {
	width:100%;
	margin:0;
	vertical-align:top;
}
.top #mainContent #topflash {
	width:645px;
	height:280px;
	border:1px solid #999999;
	float:left;
	margin:13px 0 0 0;
}
.top #mainContent #news {
	width:271px;
	margin:0 0 0 20px;
	float:left;
}
.top #mainContent #news .news2010 {
	width:271px;
	height:181px;
	background-image:url(../Images/news201010.png);
	border:none;
}
.top #mainContent #news .news2010 p{
	font-size:12px;
	line-height:1.1;
	padding:40px 0 0 10px;
	color:#333333;
}
.top #mainContent .btn_lcl {
	float:left;
	width:300px;
	height:115px;
	margin:5px 0 10px 10px;
	border:1px solid #ffffff;
}


/* about us start */
.about_us .himg {
	width:645px;
	height:280px;
	border:solid 1px #999999;
	float:left;
	margin:13px 0 0 0;
}

.about_us #mainContent #news {
	width:271px;
	margin:0 0 0 20px;
	float:left;
}
.about_us #mainContent #news .news2010 {
	width:271px;
	height:181px;
	background-image:url(../Images/news201010.png);
	border:none;
}
.about_us #mainContent #news .news2010 p{
	font-size:12px;
	line-height:1.1;
	padding:40px 0 0 10px;
	color:#333333;
}

.about_us h2 {
	width:300px;
	border-bottom:1px solid #999999;
	font-size:12px;
	margin:30px 0 10px 0;
	padding:0 0 10px 0;
	font-weight:normal;
}

.about_us #mainContent ul {
	margin:0;
	font-size:12px;
	list-style:none;
}
.about_us #mainContent li {
	margin:6px 0 6px -40px;
}

/* about us end */

/* w_index start */
.w_index #mainContent .himg {
	width:645px;
	height:280px;
	border:solid 1px #999999;
	float:left;
	margin:13px 0 0 0;
}

.w_index #mainContent #news {
	width:271px;
	margin:0 0 0 20px;
	float:left;
}
.w_index #mainContent #news .news2010 {
	width:271px;
	height:181px;
	background-image:url(../Images/news201010.png);
	border:none;
}
.w_index #mainContent #news .news2010 p{
	font-size:12px;
	line-height:1.1;
	padding:40px 0 0 10px;
	color:#333333;
}

.w_index #container #mainContent .thmnl .wrks h2 {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
}

.w_index #mainContent .thmnl {
	width:940px;
	margin:50px 0 0 0;
	padding:0;
}
.w_index #mainContent .thmnl .wrks img {
	margin:0 11px 0 0;
	padding:0;
	border:1px solid #CCCCCC;
}

.w_index #mainContent .thmnl .wrks {
	margin:40px 0 0 0;
	padding:0;
}

.w_index #mainContent .thmnl .wrks2 img {
	margin:0 11px 0 0;
	padding:0;
	border:1px solid #CCCCCC;
}

.w_index #mainContent .thmnl .wrks2 {
	margin:10px 0 0 0;
	padding:0;
}

/* w-index end */