@import url("clearfix.css");

/*-------------------------------
base
-------------------------------*/

html{
	margin: 0px;
	padding: 0px;
}

body{
	background: url(../images/common/bg.gif) repeat;
	margin: 0px;
	padding: 0px;
	font: 13px "メイリオ","Meirio","MS　Pゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-self;
	line-height:16px; 
}
/* IE6用 */
*html hr {
   display :list-item;
   width:0;
   margin-left:-10px;
   list-style :url(../images/common/hr.jpg) inside;
}

hr {
   border:0;
   height: 3px;
   background: url(../images/common/hr.jpg) no-repeat 50% 0;
}

.style01{
	font-weight: bold;
	color: #ff0000;
}

/*---------------------------------
wrapper
---------------------------------*/
#wrapper{
	margin: 0px auto;
	padding: 0 0 10px 0px;
	background-color: #18abf1;
	width: 945px;
}

/*----------------------------------
header
----------------------------------*/
#header{
	margin: 0px 20px;
	margin-bottom: 5px;
	padding: 0px;
	width: 905px;
	position: relative;
	zoom: 1;

}

#header p#logo{
	padding: 17px 0 0 0px;
	margin: 0px;
	float: left;
}

#header p#ks_logo{
	margin: 0px;
	padding: 0px;
	float: right;
}

/*----------------------------------
contents
----------------------------------*/

#sub_navigation{
	margin: 0px;
	padding: 16px 11px 31px 11px;
	width: 202px;
	height: 438px;
	list-style-type: none;
	background: url(../images/common/sub_navi_bg_.jpg) no-repeat;
	position:absolute;
}

ul#sub_navigation li{
	margin: 0 0 20px 0px;
	padding: 0px;
}

ul#sub_navigation li a{
	width: 202;
	height: 61px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

/* @group home */

ul#sub_navigation li.home a{
	margin: 0 auto;
	padding: 0px;
	width: 111px;
	height: 32px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	background: url(../images/common/home.jpg) no-repeat;
}

ul#sub_navigation li.home a:hover{
	background-position: 0 -32px;
	}

/* @end */

/* @group about */

ul#sub_navigation li.about a{
	background: url(../images/common/about.jpg) no-repeat;
}


ul#sub_navigation li.about_on a{
	background: url(../images/common/about.jpg) no-repeat;
	background-position:-202px 0px;
}

ul#sub_navigation li.about a:hover{
	background-position: -202px 0px;
}

/* @end */

/* @group run */

ul#sub_navigation li.run a{
	background: url(../images/common/run.jpg) no-repeat;
}

ul#sub_navigation li.run_on a{
	background: url(../images/common/run.jpg) no-repeat;
	background-position:-202px 0px;
}


ul#sub_navigation li.run a:hover{
	background-position: -202px 0px;
}

/* @end */





/* @group computer */

ul#sub_navigation li.computer a{
	background: url(../images/common/computer.jpg) no-repeat;
}

ul#sub_navigation li.computer_on a{
	background: url(../images/common/computer.jpg) no-repeat;
	background-position:-202px 0px;
}

ul#sub_navigation li.computer a:hover{
	background-position: -202px 0px;
}

/* @end */

/* @group contact */

ul#sub_navigation li.contact a{
	background: url(../images/common/contact.jpg) no-repeat;
}


ul#sub_navigation li.contact a:hover{
	background-position: -202px 0px;
}


/* @end */

#footer{
	margin: 20px auto 30px auto;
	padding: 0px;
	width: 906px;
	
}