@charset "UTF-8";
/* CSS Document */

@import "yui-reset-fonts.css";

h1{font-size:138.5%;}h2{font-size:120%;}h3{font-size:100%;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}p{margin-bottom:1em;}sub{vertical-align:sub;}sup{vertical-align:super};


html {
	background:url(../img/bgBase.gif);
	background-repeat:repeat-x;
	background-color: #eeeeee;
}

body {
	font-size: 83%;
	line-height: 1.5em;
	color: #555555;
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
}

a {
	color: #4991B0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



/* CONTENTS ****************************************************************/

#absContainer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: 172px;
}

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}




/* HEADER ****************************************************************/

#header {
	position: absolute;
	height: 80px;
}

#hosokawa_micron_group {
	position: absolute;
	bottom: 8px;
	width: 980px;
	font-size: 10px;
	line-height: 1.3em;
}

#hosokawa_micron_group h3 a {
	font-weight: normal;
	color: #555555;
}

#txtLogo {
	margin-bottom: 7px;
}

#option {
	position: absolute;
	bottom: 8px;
	width: 980px;
	font-size: 11px;
	text-align: right;
}


/* Navi ****************************************************************/

#navigation {
	position: absolute;
	top: 80px;
	width: 980px;
	height: 42px;
}

#navigation li {
	float: left;
}


/* Dir ****************************************************************/

#directory {
	position: absolute;
	top: 122px;
	height: 50px;
}

#txtDir {
	position: absolute;
	width: 980px;
	bottom: 0px;
	text-align: right;
}

#path {
	position: absolute;
	bottom: 8px;
	width: 980px;
	font-size: 11px;
}


/* CONTENTS ****************************************************************/

#contents {
	width: 928px;
	border: solid 1px #d7d7d7;
	background:url(../img/bgBody.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding: 25px;
}

.terminate {
	clear: both;
}

/* CONTENTS:LEFT ****************************************************************/

#leftBox {
	width: 650px;
	float: left;
}

#txtTitle {
	margin-top: 4px;
}

.section {
	clear: both;
	margin-top: 20px;
	margin-bottom: 40px;
}

.document {
	margin-top: 3px;
	margin-left: 10px;
}



/* CONTENTS:RIGHT ****************************************************************/

#rightBox {
	width: 230px;
	float: right;
}

#pageNavi {
	
}

#pageNavi a {
	color: #FFFFFF;
}

.index {
	padding: 10px 5px 5px 25px;
	background: url(../img/liIndex.gif) left top no-repeat;
	color: #FFFFFF;
}

.index-a {
	padding: 10px 5px 5px 25px;
	background: url(../img/liIndex-active.gif) left top no-repeat;
	color: #FFFFFF;
}

.index2 {
	padding: 10px 5px 5px 38px;
	background: url(../img/liIndex2.gif) left top no-repeat;
	color: #FFFFFF;
}

.index2-a {
	padding: 10px 5px 5px 38px;
	background: url(../img/liIndex2-active.gif) left top no-repeat;
	color: #FFFFFF;
}

.index2-s {
	padding: 10px 5px 5px 51px;
	background: url(../img/liIndex2-sub.gif) left top no-repeat;
	color: #FFFFFF;
}

.current {
	padding: 10px 5px 5px 25px;
	background: url(../img/liCurrent.gif) left top no-repeat;
	color: #FFFFFF;
}

.current-a {
	padding: 10px 5px 5px 25px;
	background: url(../img/liCurrent-active.gif) left top no-repeat;
	color: #FFFFFF;
}

.current2 {
	padding: 10px 5px 5px 38px;
	background: url(../img/liCurrent2.gif) left top no-repeat;
	color: #FFFFFF;
}


#banner {
	margin-top: 20px;
	width: 230px;
}

#banner li {
	margin-bottom: 5px;
}


/* CONTENTS:PAGETOP ****************************************************************/

#pagetop {
	clear: both;
	text-align: right;
	font-size:10px;
}

#pagetop a {
	padding-left: 20px;
	background-image: url(../img/imgPageTop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 2px;
}


/* FOOTER ****************************************************************/


#footer {
	margin-top: 10px;
	margin-bottom: 20px;
}

#hosokawa {
	float: left;
	width: 168px;
}

#copyright {
	font-size: 11px;
	float: left;
	width: 500px;
	margin-top: 10px;
}