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


/*-----------------------------------------------
	default
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}
html {
	height: 100%;
	overflow-y:scroll; /*-スクロールバー常時表示-*/
}
body {
	height: 100%;
	background:#353131;
	font-size:74.5%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333333;
	line-height:1.5;
}
.container { /*-FOOTER画面下固定のため-*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -20px;
	background:#696666;
	background-image:url(../images/contents_bg.png);
	background-repeat:no-repeat;
}
.container_2col { /*-FOOTER画面下固定のため(2コラム用背景使用)-*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -20px;
	background:#696666;
	background-image:url(../images/contents_bg_2col.png);
	background-repeat:no-repeat;
}
.foot_push { /*-FOOTER画面下固定のため-*/
	height: 20px;
	margin:0 auto;
}
img,
fieldset {
	border:0;
	vertical-align:top; /*-IE 画像の下に隙間が入る対策-*/
}
.clear{
	clear: both;
	visibility: hidden;
	height: 0;
}


/*-----------------------------------------------
	HEADER
-----------------------------------------------*/

#header {
	width:960px;
	height:50px;
	margin:0 auto;
	background-image:url(../images/header.png);
	background-repeat:repeat-x;
}
#logo {
	width:104px;
	height:50px;
	margin:0 46px 0 30px;
	float:left;
	display:inline;
}
.menu {
	margin:18px 23px 0 10px;
	float:left;
	display:inline;
}

/*-----------------------------------------------
	CONTAINER
-----------------------------------------------*/
#main {
	width:630px;
	height: 100%;
	float:left;
	display:inline;
}
#col {
	width:330px;
	height: 100%;
	float:right;
	display:inline;
}

/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/
#footer {
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	vertical-align:bottom;
	height:20px;
	width:960px;
	margin:0 auto;
}
#footer ul {
	margin:auto 30px auto;
	list-style-type:none;
	float:right;
	display:inline;
}
#footer #rss {
	width:50px;
	height:20px;
	margin:0 30px 0 0;
	float:right;
	display:inline;
}
#footer #contact {
	width:80px;
	height:20px;
	margin:0 10px 0 0;
	float:right;
	display:inline;
}
