@charset "utf-8";
/*==========================================================

 @sitename JPAP.JP
 @lastupdate 2010/03/xx

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

@import url("../../../global/css/reset.css");
@import url("../../../global/css/class.css");
@import url("asset.css");



/* Wrapper
----------------------------------------------------------*/
body {	
	color:#444;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.6;
	text-align:center;
	background:url(../../img/header_bg.gif) repeat-x left top;
	font-size:16px;
	color:#222222;
}
	.mac.safari body {
		font-size:75%;
	}

body div#PageTop {
	margin:0 auto;
	width:960px;
	text-align:left;
}

h1,h2,h3,h4,h5,h6,p {
	margin-bottom:1.2em;
}

a:link,
a:visited {
	color:#0058bb;
	text-decoration:underline;
}

a:active,
a:hover {
	text-decoration:none;
}

sup {
	color:#990000;
	font-size:85%;
	vertical-align:middle;
}

em {
	font-size:110%;
	font-weight:bold;
}



/* Header
----------------------------------------------------------*/
div#Header {
	position:relative;
	
}

div#Header h1 {
	padding:23px 0 0 0;
	background-color:none;
}

div#Header ul#Fontsize {
	position:absolute;
	top:20px;
	left:631px;
	width:169px;
	height:32px;
	background:url(../../img/fontsize_bg.gif) no-repeat left top;
}

div#Header ul#Fontsize li {
	float:left;
	margin:4px 0 0 3px;
	padding:0;
	width:24px;
	height:24px;
	list-style:none;
	line-height:1;
}

div#Header ul#Fontsize li a {
	text-decoration:none;
}

div#Header ul#Fontsize li img {
	border:0 none;
	text-decoration:none;
	line-height:1;
	cursor:pointer;
}

div#Header ul#Fontsize li.size_s {
	margin-left:85px;
	_	margin-left:42px;
}

div#Header div.top {
	position:absolute;
	top:22px;
	left:819px;
	width:118px;
	height:28px;
}

div#Header div.top a {
	display:block;
	width:118px;
	height:28px;
}

/* topicpath */
div#Header ol {
	margin-bottom:16px;
	padding-top:27px;
	width:960px;
	font-size:71%;
	font-weight:bold;
}

div#Header ol li {
	float:left;
	margin:0;
	line-height:1.5;
	list-style:none;
}

div#Header ol li a {
	padding-right:12px;
	font-weight:normal;
	background:url(../../../global/img/topicpath_arrow.gif) no-repeat right 1px;
}



/* Container
----------------------------------------------------------*/
div#Container {
	width:960px;
}

div#Container h2{
	margin:0;
	padding:0;
}


/* Navigation
----------------------------------------------------------*/
div#Aside {
	position:relative;
	float:right;
	margin:-83px 22px 10px 0;
	_margin-right:11px;
	padding-bottom:40px;
	width:226px;
	z-index:1;
}

div#Aside ul {
	width:220px;
	margin:0;
	padding:0;
}

div#Aside ul.nav1 {
	margin-bottom:10px;
	padding:10px 3px 3px 3px;
	background: transparent url(/cmn/generally/img/nav/nav_bg1.png) no-repeat left top !important;
	background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cmn/generally/img/nav/nav_bg1.png', sizingMethod='scale');
}

div#Aside ul.nav2 {
	padding:3px 3px 0px 3px;
	background: transparent url(/cmn/generally/img/nav/nav_bg2.png) no-repeat left top !important;
	background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cmn/generally/img/nav/nav_bg2.png', sizingMethod='crop');
}

div#Aside ul.nav2 ul {
	padding-left:18px;
	background: url(../../img/nav/nav_bg3.gif) no-repeat left top;
}

div#Aside ul a {
	position:relative;
}


div#Aside ul li {
	margin:0;
	padding:0;
	list-style:none;
}

div#Aside p {
	margin:0;
	width:226px;
	height:7px;
	background:transparent url(/cmn/generally/img/nav/nav_end.png) no-repeat left top !important;
	background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cmn/generally/img/nav/nav_end.png', sizingMethod='scale');
}

div#Aside p a {
	display:none;
}



/* Contents
----------------------------------------------------------*/
div#Contents {
	position:relative;
	z-index:1;
	float:left;
	margin:30px 0 0 15px;
	_margin-left:7px;
	width:670px;
	font-size:82%;
	line-height:1.65;
}

div#Contents h3 {
	margin-bottom:20px;
}

div#Contents h4 {
	position:relative;
	left:-15px;
	margin-bottom:15px;
	padding:3px 0 16px 15px;
	width:670px;
	_width:685px;
	line-height:1.3;
	background:url(../../img/title_bg.gif) repeat-x left bottom;
	color:#e96e04;
	font-size:120%;
}

div#Contents h5 {
	margin:25px 0 10px 0;
	padding-bottom:4px;
	font-size:120%;
	background:url(../../img/dotline.gif) repeat-x left bottom;
}

div#Contents div.intro {
	margin-bottom:46px;
}

div#Contents div.section {
	margin-bottom:46px;
}


/* Footer
----------------------------------------------------------*/
div#Footer {
	position:relative;
	margin-top:-80px;
	padding-top:120px;
	height:76px;
	background:url(../../img/pagetop_bg.gif) no-repeat 715px 0px;
}

div#Footer p,
div#Footer li {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}

/* pagetop */
div#Footer .pgtop {
	position:absolute;
	top:0;
	left:787px;
	width:110px;
	height:110px;
	background:transparent url(/cmn/generally/img/pagetop.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}

div#Footer ul {
	margin:0;
	padding:18px 0 0;
	width:960px;
	background:url(../../img/footer_bg.gif) repeat-x left top;
}

div#Footer ul li {
	float:left;
	margin:0 3px 0 0;
	list-style:none;
}

div#Footer ul li a {
	display:block;
	height:19px;
	text-indent:-9999px;
	outline:none;
}

div#Footer ul li.sitemap a {width:91px;background:url(../../img/sitemap.gif) no-repeat left top;}
div#Footer ul li.policy a {width:102px;background:url(../../img/policy.gif) no-repeat left top;}
div#Footer ul li.link a {width:78px;background:url(../../img/link.gif) no-repeat left top;}
div#Footer ul li.contact a {width:91px;background:url(../../img/contact.gif) no-repeat left top;}


/* copyright */
div#Footer address {
	display:block;
	position:absolute;
	top:147px;
	left:710px;
	text-indent:-9999px;
	width:250px;
	height:24px;
	background:url(../../img/copyright.gif) no-repeat left top;
}


/* privacy policy */
.privacy {
	line-height:1.5;
}

.privacy dt {
	padding-bottom:2px;
}


/* Clearfix
----------------------------------------------------------*/
div#Header ul#Fontsize,
div#Header ol,
div#Container,
div#Footer,
div#Footer ul {
	zoom:1;
}

div#Header ul#Fontsize:after,
div#Header ol:after,
div#Container:after,
div#Footer:after,
div#Footer ul:after {
	content:"";display:block;height:0;
	clear:both;visibility:hidden;
}

* html div#Header ul#Fontsize,
* html div#div#Header ol,
* html div#Container,
* html div#Footer,
* html div#Footer ul {
	display:inline-table;
	/*\*/display:block;/**/
}


/* Print
----------------------------------------------------------*/
@media print {
	div#Aside {
		position:absolute;
		left:712px;
	}
	div#Contents{
		float:none;
	}
	
	div#Footer {
			background:url(../../img/pagetop_printbg.gif) no-repeat 715px 0px;
	}
	
	div#Footer a.pgtop {
		display:none !important;
	}
}