/*      ブラウザスタイルの初期化
----------------------------------------------------*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p {margin: 0px;padding: 0px;}

ul,li {list-style-type: none;}

.clear{clear: both;}

img {border: none 0px;}


/*      フォントファミリー指定
----------------------------------------------------*/
body {
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}

#wrapper {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}


#header {
	margin-top: 40px;
	margin-bottom:20px;
	position: relative;
}
#header h1 { float: left;}

#header #navi {
	float: right;
	margin-top: 35px;
}

#header #navi li {
	float: left;
	list-style-type: none;
	margin-left: 30px;
}



#contents .col-a {
	float: left;
	width: 180px;
	text-align: center;
}

#contents .col-b {
	float: right;
	width: 670px;
}


/*      罫線非表示
----------------------------------------------------*/
hr {
	display:none;
}

/*　　　ファイヤーフォックス等のアウトライン非表示
----------------------------------------------------*/
a {
	text-decoration:none;
	outline:none;
}

#footer {
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}


/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#wrapper:after,
#header:after,
#footer:after,
#contents:after,
#sec01:after,
#sec02:after,
#sec03:after,
#sec04:after,
#sec05:after,
#sec06:after,
#sec07:after,
#sec08:after,
#sec09:after,
#sec10:after,
#sec11:after,
#sec12:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	line-height: 0;
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#wrapper,
#header,
#footer,
#contents,
#sec01,
#sec02,
#sec03,
#sec04,
#sec05,
#sec06,
#sec07,
#sec08,
#sec09,
#sec10,
#sec11,
#sec12,
.clearfix { display: inline-block;}  

/* Holly Hack Targets IE Win only \*/
* html #wrapper,
* html #header,
* html #footer,
* html #contents,
* html #sec01,
* html #sec02,
* html #sec03,
* html #sec04,
* html #sec05,
* html #sec06,
* html #sec07,
* html #sec08,
* html #sec09,
* html #sec10,
* html #sec11,
* html #sec12,
* html .clearfix { height: 1%;}

#wrapper,
#header,
#footer,
#contents,
#sec01,
#sec02,
#sec03,
#sec04,
#sec05,
#sec06,
#sec07,
#sec08,
#sec09,
#sec10,
#sec11,
#sec12,
.clearfix {
	display: block;
}


.f-l { float: left;}
.f-r { float:right;}

.aL { text-align:left;}
.aR { text-align:right;}
.aC { text-align:center;}


.red {
	font-weight: bolder;
	color: #FF0000;
	margin-bottom: 10px;
}

#header .blog {
	position: absolute;
	top: -15px;
	left: 725px;
}