@charset "UTF-8";
/* CSS Document */
html {
  font-size: 100%;
}

body{
    line-height:1;
    margin:0;
	background:#fff;
	color:#666;
}

html,body,div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td {
     margin: 0;
     padding: 0;
	border:0;
}

fieldset,img {
     border:0;
} 

address,caption,cite,code,dfn,em,strong,th,var {
     font-style:normal;
     font-weight:normal;
}

ol,ul {
     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;
}


/* body100% */

html,body {
     height: 100%;
     width: 100%;
}

#container {
     height: 100%;
     min-height: 100%
}

body > #container {
     height: auto;
}


/* clearfix */

.cf {
	zoom: 1;
}

.cf:before, .cf:after{
	content: "";
	display: table;
}

.cf:after{
	clear: both;
}

.cf {
     display: block;
}
 /*-------------
clear
-----------------*/
.clear {
	clear:both;
}
.clear hr {
	display:none;
}
/* table setting */

table {
     border-collapse: collapse;
     border: none;
     border-spacing: 0;
}

caption {
     text-align: left;
}

th {
     vertical-align: top;
     font-weight: normal;
     text-align: left;
}

td {
     vertical-align: top;
}

/* form setting */

fieldset {
     border: 0;
}
iframe {
	border: 0;
	margin: 0;
	padding: 0;
}
input {
     _margin: -1px 0;
}

sup,sub {
     vertical-align: baseline;
     position: relative;
}

sup {
     top: -4px
}

sub {
     top: 4px
}

/* image-space */

div img { 
     vertical-align: text-bottom;
}
img, a img {
	vertical-align: top;	/* 画像の隙間を消す */
	border: none;
}
a img:hover {
	opacity:0.75;
	filter:alpha(opacity=75);/*IE*/
}

/* font-setting */

body{
	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/*--------------
      font
-----------------*/
.bold {
font-weight: bold;
}
.txtl {
text-align: left;
}

.txtc {
text-align: center;
}

.txtr {
text-align: right;
}
.fs9 {
font-size: 9pt;
}
.fs20 {
font-size: 20pt;
}
.white {
color: #ffffff;
}

.black {
color: #FFFFFF;
}

.red {
color: #ff0000;
}

.orange {
color: #ffa500;
}

.yellow{
color: #ffff00;
}

.yellowgreen {
color: #9acd32;
}

.green {
color: #008000;
}

.blue {
color: #0000ff;
}

.water {
color: #00A9F8;
}

.navy {
color: #000080;
}

.purple {
color: #800080;
}

.pink {
color: #F09;
}

.tan {
color: #d2b48c;
}

.khaki {
color: #f0e68c;
}

.gray {
color: #808080;
}
/*--------------
      margin
-----------------*/

.mgn5 {
margin: 5px;
}
.mgn10 {
margin: 10px;
}
.mgn-b10 {
margin-bottom: 10px;
}
.mgn20 {
margin: 20px;
}
.mgn30 {
margin: 30px;
}
/*--------------
      padding
-----------------*/
.pdg10 {
padding: 10px;
}
.pdg15 {
padding: 15px;
}
.pdg20 {
padding: 20px;
}
.pdg10top {
padding-top: 20px;
}