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



/*
ベーススタイル設定(用意しておいてコピペすれば◎)
------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}





/*
ページ設定
------------------------------------------------------------------------------------------------*/

body {
	/* 書体 */
	font-family:"ＭＳ Ｐゴシック",'MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ'arial,helvetica,clean,sans-serif;
	
	
	/* テキストのサイズ */
	font-size:13px;

	
	/* 字間 */
	letter-spacing:0.1em;
	
	/* テキストのカラー */
	color:#000000;
	
	/* 背景のカラー */
	background:#FFFFFF;
}




/*
clearfix
------------------------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear:both;
}


#box {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#headcolor {
	width:700px;
	height:233px;
	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:640;
	margin-left:30px;
	margin-right:30px;
}

#nav li {
	float:left;
}

#text {
	width:500px;
	float:left;
	border-color:#201F1F;
	border-style:groove;
	border-width:1px;
	margin-top:10px;
	padding:10px;
}

#hsr {
	width:150px;
	float:right;
	border-color:#201F1F;
	border-style:groove;
	border-width:1px;
	margin-top:10px;
	padding:10px;
}

#hudder {
	clear:both;
	width:320px;
	margin-left:auto;
	margin-right:auto;
}