@charset "utf-8";

/* CSS Document */
body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-family:'メイリオ',Meiryo,'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/* IE6 */
* html body, * html div, * html table, * html caption, * html th, * html tr, * html td, * html ul, * html ol, * html li, * html dl, * html dt, * html dd, * html form, * html input, * html textarea, * html p {
	font-family:Arial,'ＭＳ Ｐゴシック',sans-serif;
	font-size: normal;
	line-height:1.4;
}

/* =========================================================================
// Base Tag Init
// ====================================================================== */
html {

	height:100%;
	overflow-y: scroll;

}

body {

	margin:0px auto;
	padding:0px;
	line-height:1.7;
	background-color:#004098;

}

/* =========================================================================
// Wrapper Area
// ====================================================================== */

#ALL {

	width:100%;
	margin:0px;
	padding:0px;

}

#WRAPPER {

	width:900px;
	margin:0px auto;
	padding:0px;
	
}

/* =========================================================================
// Header Area Common CSS
// ====================================================================== */

#HEADER {

	width:900px;
	height:77px;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
	position:relative;
	
}

/* HUDSON Logo
// ---------------------------------------------------------------------- */
#HEADER .logo_area {

	width:220px;
	margin:0px;
	padding:0px;
	float:left;

}

#HEADER h1.logo_hudson_corp {

	background-image:url(../images/common/logo_kg.gif);
	background-position:top left;
	background-repeat:no-repeat;

}

#HEADER h1.logo_hudson_corp {

	width:220px;
	height:77px;
	margin:0px;
	padding:0px;
	font-size:1px;
	text-align:left;
	text-indent:-10000px;
	line-height:0.1;
	overflow:hidden;

}

#HEADER h1.logo_hudson_corp a {

	display:block;
	width:220px;
	height:77px;
	margin:0px;
	padding:0px;

}

/* Font Selecter
// ---------------------------------------------------------------------- */

#HEADER .floatRight {

	width:600px;
	height:46px;
	margin:0px;
	padding-top: 30px;
	float:right;
	text-align:right;
	

}

#HEADER .font_selecter {

	width:116px;
	height:23px;
	padding:0px;
	position:absolute;
	right:0;
	background-image:url(../images/blue/fsize_selecter_bg.gif);
	background-repeat:no-repeat;

}

#HEADER .font_selecter ul {

	width:54px;
	height:17px;
	margin:3px 0px 0px 60px;
	padding:0px;

}

#HEADER .font_selecter li {

	float:left;
	width:16px;
	height:17px;
	margin:0px 1px;
	padding:0px;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1px;
	text-align:left;
	text-indent:-10000px;
	line-height:0.1;
	overflow:hidden;

}


#HEADER .font_selecter li.fsize_sml a,
#HEADER .font_selecter li.fsize_mdl a,
#HEADER .font_selecter li.fsize_lrg a {

	display:block;
	width:16px;
	height:17px;
	margin:0px;
	padding:0px;
	background-position:top left;
	background-repeat:no-repeat;

}


#HEADER .font_selecter li,
#HEADER .font_selecter li a,
#HEADER .font_selecter li a:hover {
	background-image:url(../images/color_cmn/fsize_btn.gif);
}



/* Header Global Navigation
// ---------------------------------------------------------------------- */
#HEADER .gnavi_area {

	position:absolute;
	right:0;
	width:80px;
	height:22px;
	margin-top:25px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/color_cmn_dark/icon_head_arr.gif);
	
}

#HEADER .gnavi_area ul {
	height:22px;
	margin:0px;
	padding:0px;
	list-style:none;
}

#HEADER .gnavi_area li {
	padding:0px 0px 0px 10px;
	text-align:left;
	font-size:12px;
	line-height:22px;
}
#HEADER .gnavi_area li a {
	color:#ffffff;
	text-decoration:none;
}

#HEADER .gnavi_area li a:hover {

	text-decoration:underline;
	color:#6ca7e6;
	
}

* html #HEADER .gnavi_area ul {

	float:right;
	
}



/* =========================================================================
// Float
// ====================================================================== */

.floatLeft {

	float:left;

}

.floatRight {

	float:right;

}

.floatClearBoth {

	clear:both;

}

.floatClearBoth,
.floatClearLeft,
.floatClearRight {

	font-size:1px;
	line-height:0.1;
	height:1px;

}

/* =========================================================================
// Contents Area CSS
// ====================================================================== */

#CONTENTS {

	width:900px;
	margin:0px auto;
	background-color:#ffffff;
	color:#333333;

}

#CONTENTS #CMN_WRAPPER {

	width:850px;
	margin:0px auto;
	padding:1px;

}

#CONTENTS #CMN_WRAPPER .h2 {

	display:block;
	margin-top:10px;
	background-image:url(../images/color_cmn/h2_cmn.gif);
	width:835px;
	height:41px;
	padding-left:15px;
	font-weight:bold;
	font-size:100%;
	line-height:28px;
	text-align:left;
	color:#004d9f;

}

#CONTENTS p {

	color:#000000;
	margin-bottom:50px;
	font-size:100%;
	text-align:left;

}

#CONTENTS a {

	color:#004d9f;
	text-decoration:none;

}

#CONTENTS a:hover {

	color:#749dc9;
	text-decoration:none;

}


/* =========================================================================
// Footer Area CSS
// ====================================================================== */
#FOOTER {

	width:900px;
	margin:0px auto;

}

#FOOTER .floatLeft p {

	padding:0px;
	font-size:11px;
	line-height:1.3;
	color:#ffffff;

}

#FOOTER .floatLeft .foot_mark_area {
	width:190px;
	margin:0px;
	padding:10px 5px;
	background-color:#ffffff;
}

#FOOTER .floatRight {

	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:right;

}

#FOOTER .floatRight p {

	clear:right;
	font-size:11px;
	line-height:1.8;
	margin:0px;
	padding:0px;
	color:#ffffff;

}

#FOOTER .floatRight ul {

	float:right;
	line-height:1.3;
	margin:0px;
	padding:0px;
	list-style:none;

}

#FOOTER .floatRight ul li {

	float:left;
	line-height:1.3;
	margin-left:5px;
	color:#ffffff;
	font-size:11px;

}

#FOOTER a:link, #FOOTER a:visited {

	color:#ffffff;
	text-decoration:none;
	font-size:11px;

}

#FOOTER a:hover, #FOOTER a:active {

	color:#6ca7e6;
	text-decoration:underline;
	font-size:11px;

}