@charset "euc-jp";



/*===== 1: RESET ==========================================*/
html, body, div,
ol, dl, dt, dd,ul,
h1, h2, h3, h4, h5, h6,
p, blockquote,
form, fieldset,
table, th, td,
label,
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
input {
	margin: 0px;
	padding: 0px;
	}
address, caption, cite, code, em {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
caption, th { text-align: left; }
table {
	border-collapse: collapse;
	border-spacing: 0px;
}

/*===== 2: BASE ==========================================*/
body {
	text-align: center;/* box centering */
	font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 75%; /* font-size: 75%=12pt, 67%=11pt */
	background: #F0F0DD url(../image/tp/bg.gif) repeat-x top left;
	color:#444;
	position: relative; /* for IE7 zoom */
}


/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	display: block;
	margin: 0px;
	padding: 0px;/* margin&padding reset */
	line-height: 1.3;/* base line height */
	text-align: left;
}
	h1, h2 { font-size: 120%; font-weight: normal; }
	h3, h4, h5, h6 { font-size: 110%; font-weight: normal; }
table { margin : 0px; empty-cells: show; font-size: small; }
img {
	border: none;
	vertical-align: top;
	font-size: 100%;
}
li { list-style: none; }

/* form setting
--------------------*/
option { padding-right: 10px; }

/*===== 3: LINK ==========================================*/
a:link { color: #0000FF; text-decoration:underline; }
a:visited { color: #003399; }
a:hover { color: #FF3300; }
a:active { color: #FF0000; }

/*===== 4: CLEARFIX ==========================================*/
.clearfix { clear: both; }
/*div:after {content: "";display:block;clear:both;}*/
div:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
div { zoom: 100%; }

/*===== 5: EACH MODULE ==========================================*/
#pagetop {
	float: right;
	margin-top: 10px;
	padding-left: 12px;
	text-align:right;
	background: url(/image/tp/icon_arrowTop.gif) no-repeat top left;
}
.pagetop {
	float: right;
	margin-top: 10px;
	padding-left: 12px;
	text-align:right;
	background: url(/image/tp/icon_arrowTop.gif) no-repeat top left;
}
.iconNomal {
	padding-left: 12px;
	background: url(/image/tp/icon_arrowNomal.gif) no-repeat left top;
}
.iconLogin {
	padding-left: 12px;
	background: url(/image/tp/icon_arrowLogin.gif) no-repeat left top;
}
.iconList {
	padding-left: 12px;
	background: url(/image/tp/icon_arrowList.gif) no-repeat left top;
}
.iconWelcome {
	padding-left: 12px;
	background: url(/image/tp/icon_arrowList.gif) no-repeat left top;
}
.textBold { font-weight: bold; }

/*LAYOUT
===== 6: CONTAINER ==========================================*/
div#container {
	width: 850px;
	height: 100%;
	margin: 0px auto;
	padding: 0px 10px;
	background: #FFF;
}

/*===== 7: HEADER ==========================================*/
div#header {
	width: 850px;
	height: 60px;
	position: relative;
}
#header .hdrLogo {
	position: absolute;
	top: 10px;
	left: 0px;
}

/*==トップロゴ変更用==*/
#header .hdrLogo2 {
	position: absolute;
	top: 2px;
	left: 0px;
}
/*=トップロゴ変更用ここまで=*/

#header .hdrText {
	position: absolute;
	top: 23px;
	left: 123px;
}

/*==サブキャッチ変更用==*/
#header .hdrText2 {
	position: absolute;
	top: 20px;
	left: 147px;
}
/*=トップロゴ変更用ここまで=*/

#header ul.hdrLink {
	position: absolute;
	top: 5px;
	right: 0px;
	text-align: right;
}

	#header .hdrLink li {
		float: left;
		display: block;
		margin-left: 8px;
		padding-left: 12px;
		margin-bottom: 8px;
		padding-bottom: 12px;
		font-size: 110%;
		background: url(/image/tp/icon_arrowWelcome.gif) no-repeat top left;
	}
/* Maintenance */
.maintenanceText {
	margin-right: 10px;
}

/*===== 8: FOOTER ==========================================*/
div#footer {
	position: relative;
	width: 850px;
	height: 70px;
	border-top: 1px solid #CCC;
}
#footer .FujitsuGSHrogo {
	position: absolute;
	top: 10px;
	left: 10px;
}
#footer .footerLink {
	position: absolute;
	top: 28px;
	right: 5px;
}
#footer .footerLink li {
	float: left;
}
#footer .footAreaBtm {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 850px;
	height: 20px;
	background: #000 url(/image/tp/footer_bg.gif) repeat-x top left;
}
#footer .footAreaBtm img {
	position: absolute;
	bottom: 4px;
	left: 266px;
}

/*===== 9: GLOBAL MENU ======================================*/
div#gNaviIndex { /* 総合トップページのindex.htmlで使用 */
	width: 850px;
	height: 24px;
	margin-bottom: 5px;
	background: #000 url(/image/tp/gNavi_bg.gif) repeat-x top left;
}
div#gNavi { /* 二階層目以降のindex.htmlで使用 */
	width: 850px;
	height: 24px;
	margin-bottom: 10px;
	background: #000 url(/image/tp/gNavi_bg.gif) repeat-x top left;
}
div#gNaviS { /* 規約確認・問い合わせ等で使用するスリムライン */
	clear: both;
	width: 850px;
	height: 5px;
	margin-bottom: 10px;
	background: #000 url(../image/gNavi_bgS.gif) repeat-x top left;
}

#gNavi ol, #gNaviIndex ol {
	display: block;
	padding: 1px 0px 0px 10px;
}
	#gNavi ol li, #gNaviIndex ol li {
		float: left;
	}
	#gNavi ol li.gNavibtn1, #gNaviIndex ol li.gNavibtn1 {
		padding-left: 140px;
		border-left: none;
	}
	#gNavi ol li.gNavibtn2, #gNaviIndex ol li.gNavibtn2 {
		padding-left: 4px;
		border-left: none;
	}
	#gNavi ol li.gNavifrm1 {
		padding-left: 230px;
	}
.jumpForm {
	font-size: 10px;
	margin: 0px;
	}

/*===== 10: SIDE MENU ======================================*/
body.single-column div#sideMenu {
	display: none;
}
body.two-column div#sideMenu {
	float: right;
	width: 240px;
	margin: 0px 0px 10px 10px;
}
body.two-column div.sideMenuTop { /* 総合トップページのindex.htmlで使用 */
	padding-top: 5px;
}


/*===== 11: MAIN CONTENT ====================================*/
body.single-column div#main {
	width: 100%;
	margin-bottom: 10px;
}
body.two-column div#main {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}

/*===== 12: TOPIC PATH ====================================*/
#topicPath {
	width: 100%;
	clear: both;
}
#topicPath li{
	float: left;
	padding-bottom: 5px;
}