@charset "UTF-8";



/* ------------------------------------------

  reset

------------------------------------------ */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,
datalist, keygen, output, progress, meter {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav,  section, summary {
	display: block;
}

li {
	list-style-type: none;
}


a img {
	border: none;
}

img {
	vertical-align: bottom;
}



/* ロールオーバーもどき */


.docs li a:hover img,
a.banner:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/* ------------------------------------------

  common

------------------------------------------ */
body {
	background: url(../img/header/bgHeader.jpg) center top no-repeat #fff;
	color: #333;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.03em;
}

a {
	color: #398aff;
}

a:hover {
	text-decoration: none;
}



/* clearfix
------------------------------------------ */
.tenpo:after,
#Contents:after,
.articleFooter:after,
#blogRoll li a:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.tenpo,
#Contents,
.articleFooter,
#blogRoll li a {
	/zoom: 1;
}




/* layout
------------------------------------------ */
#headerWrapper {width:100%;	background:url(../img/header/bgGMenu.png) left bottom repeat-x;}
#ContentsWrapper {width:100%;	background:url(../img/bgContWrapper.jpg) left top repeat-x #a0e2fc;}

/* 下詰めパターン
#ContentsWrapper {width:100%;	background:url(../img/bgContWrapper.jpg) left bottom repeat-x #fff;}
*/


#globalHeader,
#Contents,
#globalFooter .footer {
	width: 750px;
	margin: 0 auto;
}

#Contents {
	padding:0 7px;
	background:url(../img/bgCont.jpg) left bottom no-repeat #fff;
}

#globalFooter {
	width:100%;	
}







/* ------------------------------------------

  header

------------------------------------------ */

/* header
------------------------------------------ */
#globalHeader {
	height:110px;
	/*margin-bottom:5px;*/
	position: relative;
}
#globalHeader .siteTitle {
	float: left;
	margin: 0 0 0 20px;
	padding: 10px 0 10px 0;
}

#globalHeader .docs {
	position:absolute;
	top:35px;
	right:0;
	display:none;
	/*float: right;*/
	/*padding: 20px 20px 0 0;*/
	/* [disabled]width: 230px; */
}

	#globalHeader .docs li {
	float: right;
	margin-left:20px;
	}
	

/* pnkz
------------------------------------------ */
#pnkz {
	padding:5px 0;
	position: absolute;
	top: 5px;
	right: 0px;
	text-align: right;
	width: auto;
}


/* nav
------------------------------------------ */
#globalNav {
	clear: both;
	position:absolute;
	height: 39px;
	width:750px;
	left:0;
	bottom:6px;
	_bottom:6px;
}

	#globalNav li {
	float: left;
	text-align: center;
	}

		#globalNav li a {
			display: block;
			height:39px;
			font-size: 1;
			line-height:1;
			text-indent:-9999px;
			background-image:url(../img/header/gMenu.png);
			background-repeat:no-repeat;
			overflow:hidden;
		}

		#globalNav li#gN01 a {background-position:0 0;width:150px;}
		#globalNav li#gN02 a {background-position:-150px 0;width:200px;}
		#globalNav li#gN03 a {background-position:-350px 0;width:200px;}
		#globalNav li#gN04 a {background-position:-550px 0;width:200px;}
			
		#globalNav li#gN01 a:hover {background-position:0 -39px;}
		#globalNav li#gN02 a:hover {background-position:-150px -39px;}
		#globalNav li#gN03 a:hover {background-position:-350px -39px;}
		#globalNav li#gN04 a:hover {background-position:-550px -39px;}






/* ------------------------------------------

  contents

------------------------------------------ */

/* ------------------------------------------

  footer

------------------------------------------ */
#globalFooter {
	font-size: 12px;
	clear: both;
	background:url(../img/footer/bgFooter.gif) left top repeat-x;
}

#globalFooter .docs {
	padding: 10px 0;
}

#globalFooter .docs li {
	float: left;
	margin-right:20px;
}

	#globalFooter .docs li.first,
	#globalFooter .docs li:first-child {
		/*margin-right: 10px;
		padding-right: 10px;
		border-right: solid 1px #398aff;*/
	}


.copyright {
	clear: both;
	padding: 10px 20px;
	text-align: center;
}


#retTop,.retTop {text-align:right; clear:both;}

@media print {
	body{zoom:75%;}
}