@charset "UTF-8";

/* 初期化 */
body,div,dl,dt,dd,ul,ol,li,form,fieldset,input,textarea,p,blockquote,th,td,pre { 
	margin:0;
	padding:0;
	zoom: 1;
}
h1,h2,h3,h4,h5,h6 { 
	margin:0;
	padding:0;
}
/*font-size
	Font-size Adjustment.
		77% = 10px	|	123.1% = 16px	|	167% = 22px
		85% = 11px	|	131% =  17px	|	174% = 23px 
		93% = 12px	|	138.5% = 18px	|	182% = 24px 
		100% = 13px	|	146.5% = 19px	|	189% = 25px 
		108% = 14px	|	153.9% = 20px	|	197% = 26px 
		116% = 15px	|	161.6% = 21px	| 
*/
/*編集不要*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
table {
	font-size:inherit;font:100%;
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

a:hover { outline: none; }  /* Mac Firefox用 linkの点線を消す */
:focus { -moz-outline-style: none; } /* Win Firefox用 linkの点線を消す */

/*----------------
/		ksk-soft.com 	/
-----------------*/

html, body{
	height:100%;
}
body {
	position:relative;
	color:#343;
	background-color : #fff ;
	line-height : 1.5;
}
a {
	text-decoration:none;
}

/*----------------
/			header			/
-----------------*/
#header {
	height:7.5em;
	background:url(images/line3.png) left bottom no-repeat;
	width : 100%;
}

/*----------------
/			--logo			/
-----------------*/
#logo {
	float:left;
}
#logo a {
	color:#333;
}
#logo a span{
	display:block;
	width:300px;
	height:60px;
	text-indent : -3333px ;
	background:url(images/ksk-soft.png) 0px 0px no-repeat;
}

/*----------------
/			--menu			/
-----------------*/
#menu {
	float:right;
}
#menu li {
	float : left ;
	display:inline-table;
}
#menu li a {
	display : block ;
	width : 86px ;
	height : 30px ;
	text-indent : -9999px ;
	background : url(images/menu.gif) -3px -1px no-repeat;
}
#menu li#top a {background-position:-2px -1px;}
#menu li#prof a {background-position:-102px -1px;}
#menu li#works a {background-position:-202px -1px;}
#menu li#draw a {background-position:-302px -1px;}
#menu li#flash a {background-position:-402px -1px;}
#menu li#css a {background-position:-502px -1px;}
#menu li#blog a {background-position:-602px -1px;}
#menu li a:hover {
	background:url(images/menu_hover.gif) -2px 0 no-repeat;
}

/*ページ別メニュー表示*/
#p_top #menu li#top a {background:url(images/menu.gif) -2px -50px no-repeat;}
#p_draw #menu li#draw  a {background:url(images/menu.gif) -302px -50px no-repeat;}
#p_works #menu li#works a {background:url(images/menu.gif) -202px -50px no-repeat;}


/*----------------
/			info				/
-----------------*/
#info {
	height: 4em ;
	width:100%;
	background:url(images/line4.png) left bottom no-repeat;
	position:relative;
}
#info p,#info address {
	float:right;
	padding:3em 1em 0.5em 0;
	height:2em;
	margin-top : 2em ;
}

/*yoko scroll;=============================*/
html{
	height:100%;
}
html>/**/body{
	overflow:-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:100%;
	padding-bottom:1px;
}
/* =================================eof */

a:hover { outline: none; }  /* Mac Firefox用 linkの点線を消す */
:focus { -moz-outline-style: none; } /* Win Firefox用 linkの点線を消す */

/*hide from macie ==========\*/
* html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
* html #header {
	background-image:url(images/line3.gif);
}
* html #logo a span{
	background-image:url(images/ksk-soft.gif);
}

* html #menu li a span{
	display:inline-table;
}
* html #info {
	background-image:url(images/line4.gif);
}
/* =================eof */