@charset "utf-8"; 


/* =============================================================

	RESET

 ============================================================= */

html { 
	overflow-y:scroll; 
	}
body, 
div, p, 
form, input, 
ul, ol, li, 
dl, dt, dd, 
h1, h2, h3, h4, h5, h6 {
	margin: 0; 
	padding: 0; 
	} 
ul li{
	list-style-type: none; 
	}
p, 
li, dt, dd, 
th, td, 
h1, h2, h3, h4, h5, h6 { 
	text-align: left; 
	} 
img {
	border:0;
	} 
table{
	border-collapse:collapse; 
    border-spacing:0;
	} 


/* =============================================================

	Base

 ============================================================= */

body { 
	background: url(/image/body-bg.jpg) repeat-x left top #FFFFFF; 
	font-family: 'MS PGothic',Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif; 
	font-size: small; 
	color: #3b3b3d; 
	} 
a:link, 
a:visited, 
a:hover, 
a:active { 
	color: #1066db; 
	}
#container { 
	background: url(/image/container-bg.jpg) repeat-y left top; 
	width: 980px; 
	margin: 0 auto; 
	zoom: 1;  
	} 
#contents { 
	background: url(/image/contents-bg.jpg) no-repeat left top;  
	padding: 0 15px; 
	zoom: 1; 
	min-height: 815px; 
	} 
* html #contents { 
	height: 815px; 
	} 
#container:after, 
#contents:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	} 




/* =============================================================

	Header

 ============================================================= */
#header { 
	background: url(/image/header-bg.jpg) no-repeat left top; 
	height: 115px; 
	}

/* .header-inner -------------------------------- */
.header-inner { 
	padding: 12px 26px 4px; 
	}
.header-inner p.logo { 
	float: left; 
	} 
.header-inner .header-right { 
	float: right; 
	} 
.header-inner .header-right p { 
	text-align: right; 
	} 
.header-inner .header-right p.homeLink { 
	margin-bottom: 10px; 
	}

/* #hd-menu -------------------------------------- */
#hd-menu { 
	clear: both; 
	margin-left: 24px; 
	line-height: 0; 
	font-size: 0; 
	} 
#hd-menu li { 
	float: left; 
	}




/* =============================================================

	Footer

 ============================================================= */
#footer { 
	background: url(/image/footer-bg.jpg) no-repeat left top; 
	height: 103px; 
	margin: 0 auto; 
	padding: 0 15px; 
	clear: both; 
	}  
#footer p.copyright { 
	color: #37475d; 
	text-align: center; 
	} 

/* #ft-menu -------------------------------------- */
#ft-menu { 
	margin: 0 30px 0 0; 
	padding-top: 14px; 
	height: 41px; 
	text-align: right; 
	} 
#ft-menu li { 
	display: inline; 
	} 
#ft-menu li a { 
	padding: 0 8px; 
	border-left: 1px solid #6d9cb9; 
	} 
#ft-menu li.first a { 
	border-left: none; 
	} 
#ft-menu li a:link, 
#ft-menu li a:visited, 
#ft-menu li a:hover, 
#ft-menu li a:active { 
	color: #6d9cb9; 
	text-decoration: underline; 
	}



/* =============================================================

	Contents

 ============================================================= */
#mainTitle { 
	background: url(/image/main-bg.jpg) no-repeat left top; 
	padding: 0 26px; 
	} 

#kworksPage { 
	padding: 0 26px 15px; 
	zoom: 1; 
	} 
#kworksPage:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	} 


/* #mainColumn ---------------------------------- */
#mainColumn { 
	width: 602px; 
	float: left; 
	}


/* #sideColumn ---------------------------------- */
#sideColumn { 
	width: 260px; 
	float: right; 
	} 
#sideColumn h2 { 
	margin: 0 0 5px; 
	}
#sideColumn .sideMenu { 
	line-height: 0; 
	font-size: 0; 
	} 
#sideColumn .sideMenu li { 
	text-align: center;
	}
#sideColumn .sideMenu img { 
	margin: 0 0 1px; 
	}