/* common */

/* ClearFix */

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */



/* Blog */

.blogExtendedBlock { width: 510px; }



body {
	background-image: url(../image_common/bg_image.gif);
	background-repeat: repeat;
}
a:link {
	color: #FF9900;
}
a:visited {
	color: #FF9900;
}
a:active {
	color: #CCCCCC;
}
.side_bar {
	position: absolute;
	height: 416px;
	width: 82px;
	left: 12px;
	top: 12px;
}
.text_orange10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FF9900;
}
.text_red11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FF0000;
}
/* home */
.contents_home {
	background-image: url(../image_top/bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 440px;
	width: 785px;
	left: 0px;
	top: 0px;
}
.center_bar {
	position: absolute;
	height: 21px;
	width: 672px;
	left: 100px;
	top: 210px;
}
.menu1 {
	position: absolute;
	height: 190px;
	width: 332px;
	left: 100px;
	top: 12px;
}
.menu2 {
	position: absolute;
	height: 190px;
	width: 332px;
	left: 440px;
	top: 12px;
}
.menu3 {
	position: absolute;
	height: 190px;
	width: 332px;
	left: 100px;
	top: 238px;
}
.menu4 {
	position: absolute;
	height: 190px;
	width: 332px;
	left: 440px;
	top: 238px;
}
/* contents common */
.submenu {
	position: absolute;
	height: 22px;
	width: 674px;
	left: 101px;
	top: 405px;
}
.contents1 {
	position: absolute;
	height: 308px;
	width: 295px;
	left: 123px;
	top: 62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
.contents2 {
	position: absolute;
	height: 308px;
	width: 295px;
	left: 455px;
	top: 62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
.contents1b {
	position: absolute;
	height: 30px;
	width: 295px;
	left: 123px;
	top: 62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
.contents2b {
	position: absolute;
	height: 30px;
	width: 295px;
	left: 455px;
	top: 62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
.contents1c {
	position: absolute;
	height: 278px;
	width: 295px;
	left: 123px;
	top: 102px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
.contents2c {
	position: absolute;
	height: 278px;
	width: 295px;
	left: 455px;
	top: 102px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
/* about & contact */
.contents_aboutcontact {
	background-image: url(../image_aboutcontact/bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 440px;
	width: 785px;
	left: 0px;
	top: 0px;
}
/* unix tips */
.contents_unixtips {
	background-image: url(../image_unixtips/bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 440px;
	width: 785px;
	left: 0px;
	top: 0px;
}
/* radio streaming */
.contents_radiostreaming {
	background-image: url(../image_radiostreaming/bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 440px;
	width: 785px;
	left: 0px;
	top: 0px;
}
/* bbs & column */
.contents_bbscolumn {
	background-image: url(../image_bbscolumn/bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 440px;
	width: 785px;
	left: 0px;
	top: 0px;
}
.contents_bbscolumn2 {
	position: absolute;
	height: auto;
	width: 245px;
	left: 5px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}