@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:#FFFAEA;
 	text-align:center;
}

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

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;}
dd          { margin: 0 0 0.5em 1.5em;}

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


/* #layout
-------------------------------------------------------------- */
div#layout{
	background:#fff url(../images/layout_bg.gif) repeat-x;
	text-align:left;
	padding:0 20px;
	margin:0 12px;
}

/* #header
-------------------------------------------------------------- */
div#header{
	text-indent:-9999px;
	height:95px;
	overflow:hidden;
}
div#header h1{
	padding:23px 0 0 133px;
}
div#header h1 a{
	display:block;
	width:525px;
	height:62px;
	background:url(../images/h1_title.gif) no-repeat;
}

/*gNavi
-------------------------------------------------------------- */
div#gNavi{
/*width:780px;*/
	margin:0 -3px;
}
div#gNavi ul{
	height:69px;
	padding:2px 3px 0 3px;
	background:url(../images/gnavi_bg.gif) no-repeat;
	overflow:hidden;
}
div#gNavi ul li{
	display:inline;
}
div#gNavi ul li a, div#gNavi ul li span{
	display:block;
	width:195px;
	height:62px;
	float:left;
	text-indent:-9999px;
	background:url(../images/gnavi_link_bg.gif) no-repeat;
}
div#gNavi ul li#menu_home a:hover, div#gNavi ul li#menu_home span{background-position:0 100%;}
div#gNavi ul li#menu_merit a:hover, div#gNavi ul li#menu_merit span{background-position:-195px 100%;}
div#gNavi ul li#menu_campaign a:hover, div#gNavi ul li#menu_campaign span{background-position:-390px 100%;}
div#gNavi ul li#menu_faq a:hover, div#gNavi ul li#menu_faq span{background-position:100% 100%;}

/* #contents
--------------------------------------------------------------*/
div#contents{
	margin:20px 0 0 0;
	padding:1px 0;
}
div#contents a{color:#2E8AE1; text-decoration:none;}
div#contents a:hover{color:#A3CCF2;}

div.pagetop{
	clear:both;
	margin:0 0 40px;
}
div.pagetop p{
	padding:0 0 0 665px;
	line-height:1;
}
div.pagetop p a{
	display:block;
	width:115px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/page_top.gif) no-repeat;
}
div.pagetop p a:hover{
	background-position:0 100%;
}



/* #footer
-------------------------------------------------------------- */
div#footer{
	background:#d2d2d2;
	margin:0 -20px;
	padding:0 0 10px;
	font-size:90%;
	zoom:100%;
}
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;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	border-bottom:solid 1px #aaa;
}
div#footer ul li{
	display:inline;
	padding:5px 25px 0 0;
	margin:0 25px 0 0;
	background:url(../images/footer_horizon.gif) no-repeat right top;
}
div#footer ul li.last{
	margin:0;
	background:none;
	padding:5px 0;
}
div#footer ul li a{
	background:url(../images/arrow_s.gif) no-repeat left center;
	padding:0 0 0 15px;
	color:#2E8AE1; 
	text-decoration:none;
}
div#footer ul li a:hover{color:#A3CCF2;}

div#footer p#footerlogo{
	float:left;
	width:72px;
	height:37px;
	margin:5px 0 0 0;
	text-indent:-9999px;
	background:url(../images/footer_logo_bg.gif) no-repeat;
}
div#footer p#footerlogo a{
	display:block;
	width:72px;
	height:37px;
}
div#footer p#copyright{
	float:right;
	margin:5px 0 0 0;
}