@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  /*border: 0;*/
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
caption, th { text-align:left; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

img{vertical-align:middle;}


/* -------------------------------------------------------------- 
   
   JPRS styels
      
-------------------------------------------------------------- */
html{
	background:url(../images/body_bg.gif);
}

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
 	text-align:center;
	font-size: 75%;
	color: #111; 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ　Ｐゴシック",Helvetica, Arial, sans-serif;
 	letter-spacing:1px;
	margin:0 auto;
	padding:0;
	background:url(../images/body_bg2.jpg) center top repeat-y;
}

hr{display:none;}

a           { color:#444444; }
a:hover     { color:#999999; }

/* Text elements
-------------------------------------------------------------- */
h1 { font-size: 3em; line-height: 1;}
h2 { font-size: 2em; line-height:1;}
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
p  { margin: 0 0 1.5em;}

blockquote  { margin:1.5em;}
strong      { font-weight: bold; }

/* Lists
-------------------------------------------------------------- */
ul,li       { list-style: none; margin: 0; padding:0;}
ol          { list-style: none; margin: 0; padding:0;}
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; margin:0; padding:0;}
dd          { margin: margin:0; padding:0;}

/* Classes
-------------------------------------------------------------- */
.small      { font-size: .8em;}
.large      { font-size: 1.2em;}
.bold       { font-weight:bold;}
.clearBoth{clear:both;}


/* #layout
-------------------------------------------------------------- */
div#layout{
	width:800px;
	background:#9dc753;
	text-align:left;
	padding:0;
	margin:0 auto;
}

/* #header
-------------------------------------------------------------- */
h1{
	position:relative;
	width:325px;
	height:96px;
	text-indent:-9999px;
}
h1 a{
	display:block;
	position:absolute;
	top:0;
	left:15px;
	width:100%;
	height:100%;
	background:url(../images/h1_bg.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

/*gNavi
-------------------------------------------------------------- */
div#gNavi{
	margin:0 15px 15px;
	position:relative;
}
div#gNavi ul{
	height:53px;
	overflow:hidden;
}
div#gNavi ul li{
	display:inline;
	height:53px;
	font-size:0.1px;
	line-height:0.1;
}
div#gNavi ul li a{
	display:block;
	height:53px;
	float:left;
	text-indent:-9999px;
	background:url(../images/gnavi_bg.gif) no-repeat;
	text-decoration:none;
}
div#gNavi ul li#naviTop a{width:170px; background-position:0 0;}
div#gNavi ul li#naviOutline a{width:237px; background-position:-170px 0;}
div#gNavi ul li#naviFaq a{width:195px; background-position:-407px 0;}
div#gNavi ul li#naviTerms a{width:166px; background-position:-602px 0;}

div#gNavi ul li#naviTop a:hover{background-position:0 -53px;}
div#gNavi ul li#naviOutline a:hover{background-position:-170px -53px;}
div#gNavi ul li#naviFaq a:hover{background-position:-407px -53px;}
div#gNavi ul li#naviTerms a:hover{background-position:-602px -53px;}

div#gNavi ul#subNavi{
	position:absolute;
	top:-65px; 
	left:584px;
}
div#gNavi ul li#naviRegistry a{
	width:188px;
	height:52px;
	background:url(../images/navi_registry_bg.gif) no-repeat;
}
div#gNavi ul li#naviRegistry a:hover{background-position:0 -52px;}


/* #contents
--------------------------------------------------------------*/
div#contents{
	margin:0 15px;
}
div#contents a{color:#2E8AE1; text-decoration:underline;}
div#contents a:hover{color:#A3CCF2;}

div.section{
	clear:both;
	background:#fff;
	zoom:100%;
}
div.section:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
div.caution{
	background:#eee;
	margin-bottom:14px;
	padding:10px;
	border:dashed 1px #999;
	clear:both;
}

/* #colum */
div#colum{
	padding:0 35px 10px;
	background:#fff url(../images/home/colum_bg.gif) repeat-x;
}
div#colum h3{
	margin:0 0 20px;
	padding:0;
	line-height:0.1;
	font-size:0.1px;
}
div#colum h3 img{
	margin-top:-1px;
}
div#colum dl dt{
	color:#ff5c03;
	font-size:110%;
}
div#colum dl dd{
	margin:0 1em 30px;
}

div.accordion a.accordionDtlLink{
	background:url(../images/accordion/ico_accordion.gif) left center no-repeat;
	padding:0 0 0 16px;
}
div.accordion div.accordionDtl{
	border:solid 3px #ccc;
	margin:0 0 30px;
	padding:20px 20px 0;
	background:#fafafa;
	display:none;/* ←スライド部分を隠す */
}
div.accordion div.accordionDtl h4{
	color:#ff5c03;
	font-weight:bold;
	margin:0;
}
div.accordion div.accordionDtl div.accordionClose{
	position:relative;
	line-height:0.1;
	font-size:0.1;
	height:20px;
}
div.accordion div.accordionDtl div.accordionClose a{
	position:absolute;
	top:2px;
	right:0;
	display:block;
	width:92px;
	height:20px;
	background:url(../images/accordion/accordion_close.gif) no-repeat 0 0;
	text-indent:-9999px;
}
div.accordion div.accordionDtl div.accordionClose a{
	background:url(../images/accordion/accordion_close.gif) no-repeat 100% 0;
}



/* #pagetop
--------------------------------------------------------------*/
div#pagetop{
	margin:20px 15px;
}
div.pagetop {
	margin:0 0 20px;
}

div#pagetop p, div.pagetop p{
	padding:0 0 0 629px;
	line-height:1;
}

div#pagetop p a, div.pagetop p a{
	display:block;
	width:137px;
	height:26px;
	text-indent:-9999px;
	background:url(../images/pagetop_bg.gif) no-repeat;
	text-decoration:none;
}
div#pagetop p a:hover, , div.pagetop p a:hover{
	background-position:0 100%;
}



/* #footer
-------------------------------------------------------------- */
div#footer{
	margin:0 15px;
	padding:0 0 20px;
	font-size:90%;
	zoom:100%;
	background:#fff;
}
div#footer:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
div#footer ul{
	text-align:center;
	background:#fff;
	border-bottom:solid 3px #9dc753;
	padding:10px 0;
}
div#footer ul li{
	display:inline;
	margin:0 10px;
}
div#footer ul li.last{
	margin:0;
	background:none;
}
div#footer ul li a{
	background:url(../images/arrow_footer.gif) no-repeat left center;
	padding:0 0 0 13px;
	color:#2E8AE1; 
	text-decoration:underline;
	letter-spacing:0;
	font-size:90%;
}
div#footer ul li a:hover{color:#A3CCF2;}

div#footer p#footerlogo{
	float:left;
	width:72px;
	height:37px;
	margin:5px 0 0 15px;
}
div#footer p#footerlogo a{
	display:block;
	width:72px;
	height:37px;
}
div#footer p#copyright{
	float:right;
	text-align:right;
	margin:5px 15px 0 0;
}