@charset "UTF-8";
body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFF url(../img/bg.jpg) repeat-x ;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666;
	font-size: 12px;
	line-height:1.7em;
}
ul,li,dl,ol { margin: 0; padding: 0; list-style-type: none; }
a:link { color: #0099FF; text-decoration: none; }
a:visited { color: #0099FF; text-decoration: none; }
a:hover { color:#FF9900; text-decoration: underline; }
a:active { color:#FF9900; text-decoration: underline; }
a img { border: none; }

/*container*/
.jpt #container { 
	width: 780px;
	background: #FFF;
	background-image: url(../img/bg_container.gif);
	background-repeat: repeat-y;
	margin: 0 auto; /* 自動マージン ページ中央揃え */
	text-align: left; /* コンテンツ内左揃え */
}

/*header*/
.jpt #header { 
	background: #333 url(../img/bg_header.gif) repeat ;
	padding: 0 0 0 0;
}
.jpt #header h1 {
	margin: 0;
	padding: 0;
}
.jpt #header p {
	margin: 0;
	padding: 5px 10px;
	text-align: right;
	font-size: 0.8em;
	color: #FFF;
	letter-spacing:1px;
}

/*top*/
.jpt #top1 { 
	background: #DDD url(../img/top1.jpg) no-repeat;
	padding: 0 0 0 0;
	width: 780px;
	height: 250px;
} 
.jpt #top1 h1 {
	margin: 0;
	padding: 0;
}
.jpt #side1 {
	float: right;
	width: 180px;
	background: #DDD;
	margin: 0 0px 0 0;
}
.jpt #top2 { 
	background: #DDD url(../img/top2.jpg) no-repeat;
	padding: 0 0 0 0;
	width: 780px;
	height: 160px;
} 

/*navigation*/
#nav { float: right; }
#nav ul { width: 180px; height: auto; }
#nav ul li a { background-image: url(../img/navi.gif); text-indent: -9999px; width: 180px; height: 37px; display: block; }
#nav #nv0 { background-position: 0 0px; margin: 0; height: 40px; }
#nav #nv1 { background-position: 0 -40px; margin: 0; height: 38px; }
#nav #nv2 { background-position: 0 -78px; margin: 0; height: 37px; }
#nav #nv3 { background-position: 0 -114px; margin: 0; height: 38px; }
#nav #nv4 { background-position: 0 -152px; margin: 0; height: 38px; }
#nav #nv5 { background-position: 0 -190px; margin: 0; height: 36px; }
#nav #nv6 { background-position: 0 -226px; margin: 0; height: 39px; }
#nav #nv7 { background-position: 0 -265px; margin: 0; height: 38px; }
#nav #nv8 { background-position: 0 -303px; margin: 0; height: 38px; }
#nav #nv9 { background-position: 0 -341px; margin: 0; height: 50px; }
#nav #nv1:hover { background-position: -180px -40px; }
#nav #nv2:hover { background-position: -180px -78px; }
#nav #nv3:hover { background-position: -180px -114px; }
#nav #nv4:hover { background-position: -180px -152px; }
#nav #nv5:hover { background-position: -180px -190px; }
#nav #nv6:hover { background-position: -180px -226px; }
#nav #nv7:hover { background-position: -180px -265px; }
#nav #nv8:hover { background-position: -180px -303px; }
#nav #nv9:hover { background-position: -180px -341px; }

/*mainContent*/
.jpt #mainContent { 
	margin: 0 200px 0 0;
	padding: 0 15px 0 40px;
	background: url(../img/xxx.gif) no-repeat;
}
.jpt #mainContent h1 {
	color:#F90;
	font-size: 1.8em;
	border-style:solid;
	border-color:#F90;
	border-width:0px 0px 0px 5px;
	border-bottom:2px dotted #F90;
	margin:5px 0px 15px 0px;
	padding:0px 0px 5px 6px;
	letter-spacing:1px;
}
.jpt #mainContent h2 {
	color:#444;
	font-size: 1.3em;
	border-style:solid;
	border-color:#F90;
	border-width:0px 0px 0px 5px;
	margin:20px 0px 8px 0px;
	padding:1px 0px 0px 6px;
	letter-spacing:1px;
}
.jpt #mainContent h3 {
	color:#F90;
	font-size: 1.2em;
	margin:15px 0px 4px 0px;
	padding:0 ;
	letter-spacing:1px;
}
.jpt #mainContent p {
	margin:5px 0px 5px 0px;
	padding:0;
}
.jpt #mainContent img.left {
	float: left; padding: 0 10px 10px 0;
}
.jpt #mainContent img.right {
	float: right; padding: 0 0 10px 10px;
}
.jpt #mainContent img.frame {
	float: right; margin: 0;  padding: 4px; border: 1px #000000 solid ;
}
.jpt #mainContent img.ss {
	border: 1px #333333 solid;
}
.jpt #mainContent ul { width: 250px; height: auto; }
.jpt #mainContent ul li a { background-image: url(../img/btn_download.jpg); text-indent: -9999px; width: 250px; height: 70px; display: block; }
.jpt #mainContent #dl1 { background-position: 0 0px; margin: 0; }
.jpt #mainContent #dl1:hover { background-position: 0px -68px; }



/*footer*/
.jpt #footer { 
	padding: 0 10px 0 20px;
	background: #333 url(../img/bg_header.gif) repeat ;
} 
.jpt #footer p {
	margin: 0;
	padding: 5px 10px;
	text-align: right;
	font-size: 0.8em;
	color: #FFF;
	letter-spacing:1px;
}

/*misc*/
.fltrt { /* フローティングエレメント右側配置 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* フローティングエレメント左側配置 */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
hr {
	color:#FFFFFF;
	height:0px;
	background-color:#F0F0F5;
	border-top:0px;
	border-bottom:2px dotted #999999;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
blockquote {
	clear:both;
	color:#333;
	text-align:left;
	line-height:18px;
	letter-spacing:1px;
	border:1px solid #CCC;
	margin:5px 0px 10px 0px;
	padding:5px 10px 5px 10px;
    background:#F0F0F5 url(../img/bg_block.gif) repeat top left;
}
blockquote hr {
	color:#E6E6E6;
	height:0px;
	background-color:#F0F0F5;
	border-top:0px;
	border-bottom:1px dotted #999999;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}