@charset "shift-jis";
/*------------------------------------
  FileName : gecko.css
  Coder: gecko
  Date : 2008/12/08
    UpDate : 2009/4/16
    UpDate : 2009/9/15
  Headline :
    1  reset all
    2  layout
    3  fonts
    4  caution list
    5  text-align & vertical-align
    6  design table
    7  list
    8  pager
    9  color setting
------------------------------------*/

/*------------------------------------
  ==  reset all
------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
  line-height:1.2;
  font-family:"‚l‚r ‚oƒSƒVƒbƒN" sans-serif;
}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym { border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{ font-family:inherit; font-size:inherit;  font-weight:inherit;}
legend{color:#000;}
/*------------------------------------
  ==  layout
------------------------------------*/
/* width */
.v100 { width:100%;}
.v99 { width:99%;}
.v95 { width:95%;}
.v90 { width:90%;}
.v85 { width:85%;}
.v80 { width:80%;}
.v75 { width:75%;}
.v70 { width:70%;}
.v65 { width:65%;}
.v60 { width:60%;}
.v55 { width:55%;}
.v50 { width:50%;}
.v45 { width:45%;}
.v40 { width:40%;}
.v33 { width:33.3%;}
.v35 { width:35%;}
.v30 { width:30%;}
.v25 { width:25%;}
.v20 { width:20%;}
.v15 { width:15%;}
.v10 { width:10%;}
.v5 { width:5%;}
.v100 { overflow:hidden;}
.v5,.v35,.v45,.v55,.v65,.v75,.v85,.v95,
.v99 ,.v90 ,.v80 ,.v70 ,.v60 ,.v50 ,.v40 ,.v33 ,.v30 ,.v25 ,.v20 ,.v15 ,.v10{
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
  float:left;
  overflow:hidden;
  word-break:break-all;
}
/* float */
.imgL,.imgR { overflow:hidden; zoom:1;}
.imgL { float:left;}
.imgR { float:right;}

img.imgL { margin-right:10px; margin-bottom:10px;}
img.imgR { margin-left:10px; margin-bottom:10px;}

.imgbox {
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
}
/* clear */
br.vclear ,hr.vclear {
  clear:both;
  visibility: hidden;
  height: 0px;
  line-height:0;
  font-size: 0;
  clear: both;
}
/* padding */
.vp { padding:1em;}
.vp05 { padding:0.5em;}
.vp10 { padding:1em;}
.vpt05 { padding-top:0.5em;}
.vpt10 { padding-top:1em;}
.vpl05 { padding-left:0.5em;}
.vpl10 { padding-left:1em;}
.vpr05 { padding-right:0.5em;}
.vpr10 { padding-right:1em;}
.vpb05 { padding-bottom:0.5em;}
.vpb10 { padding-bottom:1em;}
/* margin */
.vm { margin:1em;}
.vm05 { margin:0.5em;}
.vm10 { margin:1em;}
.vmb05 { margin-bottom:0.5em;}
.vmb10 { margin-bottom:1em;}

/*------------------------------------
  ==  fonts
------------------------------------*/
.vb { font-weight:bold; }
.vl { font-size:1.5em; }
.vs { font-size:0.8em; }
.vFs25px {font-size:25px;}
.vFs24px {font-size:24px;}
.vFs23px {font-size:23px;}
.vFs22px {font-size:22px;}
.vFs21px {font-size:21px;}
.vFs20px {font-size:20px;}
.vFs19px {font-size:19px;}
.vFs18px {font-size:18px;}
.vFs17px {font-size:17px;}
.vFs16px {font-size:16px;}
.vFs15px {font-size:15px;}
.vFs14px {font-size:14px;}
.vFs13px {font-size:13px;}
.vFs12px {font-size:12px;}
.vFs11px {font-size:11px;}
.vFs10px {font-size:10px;}
.vFs8px {font-size:8px;}

/*------------------------------------
  ==  caution list
------------------------------------*/
.vClist {
  clear:both;
  display:block;
  text-indent:-1.0em;
  padding-left:1.0em;
}
li.vClist{
  padding-bottom:5px;
}

/*------------------------------------
  ==  text-align & vertical-align
------------------------------------*/
/* text-align */
.vTxt-center { text-align:center;}
.vTxt-left { text-align:left;}
.vTxt-right { text-align:right;}
/* vertical-align */
.vVa-baseline { vertical-align:baseline;}
.vVa-top { vertical-align:top;}
.vVa-bottom { vertical-align:bottom;}
.vVa-middle { vertical-align:middle;}

/*------------------------------------
  ==  design table
------------------------------------*/
.tb_fix{table-layout:fixed;}
.tableStyle0 ,.tableStyle1 ,.tableStyle2 {  width:99.6%; font-size:100%;margin:0 auto 0;}
.tableStyle0 th ,.tableStyle1 th ,.tableStyle2 th ,
.tableStyle0 td ,.tableStyle1 td ,.tableStyle2 td {padding:0.3em;}
td.tdW200px,th.tdW200px{width: 200px;}
td.tdW150px,th.tdW150px{width: 150px;}
td.tdW100px,th.tdW100px{width: 100px;}
td.tdW50px,th.tdW50px{width: 50px;}
/* tableStyle0 */
.tableStyle0 {
  border-bottom-width:1px;
  border-right-width:1px;
  border-bottom-style:solid;
  border-right-style:solid;
}
.tableStyle0 th,.tableStyle0 td{
  border-top-width:1px;
  border-left-width:1px;
  border-top-style:solid;
  border-left-style:solid;
}
/* tableStyle1 */
.tableStyle1,.tableStyle1 th,.tableStyle1,.tableStyle1 td{ border:none; }
.tableStyle1 th,.tableStyle1 td{
  border-right-width:3px;
  border-right-style:solid;
}
.tableStyle1 thead tr th,.tableStyle1 thead tr td{
  font-weight:bold;
  border-bottom-width:1px;
  border-bottom-style:solid;
}
/* tableStyle2 */
.tableStyle2 ,.tableStyle2 td,.tableStyle2 th{ border:none;}
.tableStyle2 th,.tableStyle2 td{
  border-width:1px;
  border-style:solid;
}
.tableStyle2 thead tr th,.tableStyle2 thead tr td{
  font-weight:bold;
  border-bottom-width:1px;
  border-bottom-style:solid;
}
/*------------------------------------
  ==  img
------------------------------------*/
/* vImgOnly */
.vImgOnly img{ display:block;}

/*------------------------------------
  ==  list
------------------------------------*/
.vList.numbering li{
  list-style:decimal inside;
  padding-left:1.3em;
  text-indent:-1.3em;
}
.vList.icon li{
  margin-left:5px;
  list-style:circle inside;
  padding-left:1.5em;
  text-indent:-1.5em;
}
.vImgDetail {
  width: 100%;
  overflow: hidden;
}
.vImgDetail dt img{
  font-size:0;
  line-height:0;
  vertical-align:top;
}


/*------------------------------------
  ==  pager
------------------------------------*/
/* pager common */
ul.vPager,ul.vPagerBorder ,ul.vPagerBox0 { zoom:1; }
ul.vPager li,
ul.vPagerBox0 li,
ul.vPagerBorder li{
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
}
ul.vPagerBorder {overflow:hidden;}
/* border style */
ul.vPagerBorder li{
  border-left-width:1px;
  border-left-style:solid;
  margin-left:-0.5em;
  padding-right:1em;
  padding-left:0.5em;
}
ul.vPagerBorder li.current a{
  font-weight:bold;
}
/* box style */
ul.vPagerBox0 li {
  border-width:1px;
  border-style:solid;
  margin-right:0.5em;
}
ul.vPagerBox0 li a{
  display:block;
  /display:inline;
  /zoom:1;
  padding:0.2em 0.5em 0.2em 0.5em;
}

/* leftside:prev | rightside:next */
ul.vPagerBox1 {
  overflow:hidden;
}
ul.vPagerBox1 li.prev{ float:left;}
ul.vPagerBox1 li.next{ float:right;}
ul.vPagerBox1 li a{
  display:block;
  /display:inline;
  /zoom:1;
  padding:0.2em 0.5em 0.2em 0.5em;
}

/*------------------------------------
  ==  hr
------------------------------------*/
.hr {
  clear:both;
  border-bottom:1px dotted #ccc;
  margin:5px 0;
}
  .hr hr{ display:none;}

/*------------------------------------
  ==  color setting
------------------------------------*/
/* caution color */
.vc { color:#d10000; }
/* tableStyle0 color */
.tableStyle0,.tableStyle0 td,.tableStyle0 th{ border-color:#339900;}

.tableStyle0 tbody tr th{ background-color:#ccff99; color:#333333;}

.tableStyle0 thead td ,
.tableStyle0 thead th{ background-color:#c6ff53; color:#333333;}

.tableStyle0 tbody tr.even{ background-color:#f6f0d6; }



/* tableStyle1 color */
.tableStyle1 td{
  color:#456c9c;
  background-color:#f2f7fd;
  border-right-color:#fff;
}
.tableStyle1 thead tr td{
  background-color:#fff;
  color:#0a246a;
  border-bottom-color:#0a246a;
}
.tableStyle1 tbody tr th {
  background-color:#fff;
  color:#0a246a;
  font-weight:bold;
  border-right-color:#fff;
}
.tableStyle1 tbody tr.even td{ background-color:#fff;}
/* tableStyle2 color*/
.tableStyle2 td{
  color:#333;
  border-color:#339900;
}
.tableStyle2 thead tr td {
  color:#333;
  background-color:#c6ff53;
}
.tableStyle2 tbody tr th{
  color:#333;
  background-color:#ccff99;
  border-color:#339900;
}
.tableStyle2 tbody tr.even td{ background-color:#f6f0d6;}
/* pager color */
ul.vPagerBorder li{ border-left-color:#fff;}
ul.vPagerBox0 li { border-color:#0066cc;}
ul.vPagerBox0 li a{ color:#ff6600; background-color:#f6f0d6;}
ul.vPagerBox0 li.current a,
ul.vPagerBox0 li a:hover{ color:#ff6600; background-color:#fff; text-decoration:underline;}
ul.vPagerBox0 li.prev a,
ul.vPagerBox0 li.next a{background-color:#fff;}
ul.vPagerBox0 li.prev a:hover,
ul.vPagerBox0 li.next a:hover{background-color:#333;}

ul.vPager li {
  border-left:10px solid #ccc;
  padding-right:10px;
  text-indent:3px;
}

ul.vPagerBox1 li.current a,
ul.vPagerBox1 li a:hover{color:#fff; background-color:#0099ff;}
ul.vPagerBox1 li.prev a,
ul.vPagerBox1 li.next a{ color:#fff; border:1px solid #0066cc;background-color:#ccc;}
ul.vPagerBox1 li.prev a:hover,
ul.vPagerBox1 li.next a:hover{background-color:#333;}
