@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
      
-------------------------------------------------------------- */

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

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; font-weight: bold; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.1em; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
p           { margin: 0 0 1.5em; letter-spacing:1px;}

blockquote  { margin:1.5em;  letter-spacing:1px;}
strong      { font-weight: bold; }

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

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


/* #layout
-------------------------------------------------------------- */
div#layout{
	background:url(../images/layout_bg.gif) repeat-x;
	background-position: center bottom;
}
div#layoutInner{
	width:804px; 
	margin:0 auto;
	text-align:left;
}

/* #header
-------------------------------------------------------------- */
div#header{
	height:180px;
	position:relative;
}
div#header h1{
	position:absolute;
/*	width:130px; */
	width:500px;
	height:65px;
	top:34px;
	overflow:hidden;
}
div#header h2{
	position:absolute;
	width:267px;
	height:65px;
	top:34px;
	left:222px;
	background:url(../images/header_h2.gif);
	text-indent:-9999px;
}
/*gNavi*/
div#gNavi{position:absolute; top:125px;}
div#gNavi h3{display:none;}
div#gNavi li{display:inline; text-indent:-9999px;}
div#gNavi li a{
	display:block;
	float:left;
	width:166px;
	height:55px;
	text-decoration:none;
	background:url(../images/gNavi.gif) no-repeat;
}
div#gNavi li.home a{background-position:0 0; width:139px;}
div#gNavi li.home a:hover{background-position:0 100%;}
div#gNavi li.reasons a{background-position:-139px 0;}
div#gNavi li.reasons a:hover{background-position:-139px 100%;}
div#gNavi li.case a{background-position:-305px 0;}
div#gNavi li.case a:hover{background-position:-305px 100%;}
div#gNavi li.faq a{background-position:-471px 0;}
div#gNavi li.faq a:hover{background-position:-471px 100%;}
div#gNavi li.terms a{background-position:-637px 0;}
div#gNavi li.terms a:hover{background-position:-637px 100%; width:167px;}
/*svuNavi*/
div#subNavi li.registry a{
	position:absolute;
	right:10px;
	top:28px;
	width:271px;
	height:70px;
	background:url(../images/btn_registry.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
div#subNavi li.registry a:hover{
	background-position:0 100%;
}

/* #contents
--------------------------------------------------------------*/

/* div#contents = h2 包括ブロック */
div#contents{
	background:url(../images/contents_bg.gif) repeat-y;
	margin:0 0 25px 0;
	padding:25px 0 0 0;
}
div#contents a{color:#0066FF;}
div#contents a:hover{color:#99ccff;}
div#contents h2{
	padding:0 22px;
	height:33px;
	overflow:hidden;
	background-repeat:no-repeat;
}
div#contents p#read{
	margin:12px 42px 24px 42px;
	text-indent:-9999px;
	overflow:hidden;
}
div#contents ul#contentsMenu{
	margin:25px 42px;
}
div#contents ul#contentsMenu li{
	display:inline;
	padding:0 20px;
	background:url(../images/border_ver.gif) no-repeat;
	background-position:right center;
}
div#contents p.pagetop{
	margin:0 42px;
	text-align:right;
}
div#contents div.contentsFooter{
	background:url(../images/content_after_bg.gif) no-repeat;background-position: center bottom;
	text-align:right;
	height:50px;
}
div#contents div.contentsFooter p{
	padding:0 22px;
	margin:0;
}
/* div.section = h3 包括ブロック */
div#contents div.section{
	margin:0 42px;
	padding:0 30px;
}
/* div.content = h4包括ブロック */
div.content{}

/* 段組み用コラムセット */
div.clmSet{zoom:100%;}
div.clmSet:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}

/* 用語説明 */
div.tips h5{margin:0 0 0.5em;}
div.tips div{
	background:#f4f9fd;
	border:solid 1px #8bc3e9;
	padding:10px;
	margin:0 0 20px;
}
div.tips div p{margin:0;}
div.tips p.jsNotice{clear:both;}



/* #footer
-------------------------------------------------------------- */
/*#footerNavi*/
div#footerNavi{margin:0 0 25px; text-align:center;}
div#footerNavi li{display:inline; padding:0 10px; background:url(../images/fnavi_bg.gif) no-repeat; background-position:right;}
div#footerNavi li.contact{background:none;}
div#footerNavi li a{color:#0066FF;}
div#footerNavi li a:hover{color:#99ccff;}
/*#credit*/
div#credit{height:60px; position:relative;}
div#credit p{text-align:right; padding:10px 0 0 ;}
div#credit p img{position:absolute; left:0; top:10px;}