a {
	color:#0BF;
}
a:hover {
	opacity:0.8;
}
/*Ie6-8用の中央寄せ修正。containerのtext-align:leftでデフォルトの文字寄せに戻している。containerのwidthをpx指定しなければ左寄りになってしまう。*/
html, body {
	text-align:center;
	border-top:3px solid;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	letter-spacing:0.08em;
}
/* これで全体を覆う*/
#container {
	text-align:left;
	width:960px;
	margin:0px auto;
	height:100%;
}
/* ヘッダの横幅を無限で覆う。一番上の黒線は３ｐｘ分*/
#header {
	height:95px;
}
/* ヘッダ内で９６０ｐｘとautoで中央指定*/
#header .wrap {
	width:960px;
	height:100%;
	margin:0 auto;
}
/*logoを包む。そして、横のpadding,margin設定がめんどいのでwrap-box,wrap-postのwidth値合計で960pxになるように幅を取っている。*/
#header .logo-wrap {
	float: left;
	height: 60px;
	padding: 15px 0 0;
	width: 185px;
}
/*ロゴ全体をブロック要素のaリンクで覆う（実質imgタグをすべてリンク化している。*/
#header h1 a {
	background:url(../images/head_logo.gif);
	display: block;
	height: 60px;
	width: 147px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
/*
#header .k11-logo-wrap {
	width: 147px;
	height: 65px;
	float:left;
}
/*ロゴimgのDIV
#header .k11-copy {
	width:147px;
	height:17px;
	float:left;
}
/*ロゴimgのDIV2
#header .k11-circle {
	clear:both;
	float: left;
	width: 43px;
	height:43px;
}
/*ロゴimgのDIV3
#header .k11-text {
	float: left;
	width: 104px;
	height:43px;
}
*/
/*箱たちleftをwrapという意味ふきだしのとこ*/
#header .box-l-wrap {
	float:left;
	width:244px;
	height:60px;
	padding:30px 0 0;
}
/*箱たちrightをwrapという意味*/
#header .box-r-wrap {
	float:left;
	width:209px;
	height:45px;
	padding:30px 0 0;
}
/*箱たちの上を包んでる*/
#header .box-u-wrap {
	width:209px;
	height:22px;
}
#header .box-red {
	padding:0 9px 0 15px;
	width:21px;
	float:left
}
#header .box-green {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-red2 {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-purple {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-yellow2 {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-d-wrap {
	clear:both;
	width:209px;
	height:21px;
}
#header .box-blue {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-yellow {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-blue2 {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-blown {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-pink {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .box-black {
	margin:0 9px 0 0;
	width:21px;
	float:left
}
#header .post-wrap {
	width:322px;
	height:60px;
	float:left;
	padding:30px 0 0;
}
#header .post a {
	background:url(../images/head_post.gif);
	display: block;
	width:276px;
	height:42px;
	text-indent:-9999px;
	overflow: hidden;
}
#nav {
	clear:both;
	width:960px;
	height:81px;
	margin:0 auto 0;
}
#nav .btn-summary a {
	background:url(../images/nav_summary.gif);
	width:320px;
	height:81px;
	float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#nav .btn-products a {
	background:url(../images/nav_products.gif);
	width:320px;
	height:81px;
	float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#nav .btn-contacts a {
	background:url(../images/nav_contacts.gif);
	width:320px;
	height:81px;
	float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#content {
	clear:both;
	width:960px;
	height:auto;
	margin:30px 0 0;
}

#footer {
	clear:both;
	width:960px;
	padding:30px 0 0;
	text-size:11px;
	text-align:center;
}
#footer .wrap {
	width:960px;
	height:78px;
	border-top:3px solid #000;
}
#footer .nav {
	width:auto;
	height:auto;
	margin:15px auto 0;
	text-align:center;
	font-size:13px;
}
#footer .copyright {
	width:280px;
	height:24px;
	margin:0px auto 0px;
	padding:10px;
}