@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
       font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:0;
  color : #363954;
}

/* デフォルト文字設定 */
body{
	font-size : 14px;
	*font-size:small;
	line-height:1.4;
	background-repeat : repeat-x;
	text-align : left;
}body{
  -webkit-text-size-adjust: 100%;
}article,aside,canvas,details,figcaption,figure,header,footer,menu,nav,section,summary {
display:block;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {
	 
	vertical-align: middle;
}


/* デフォルトリンク色の設定 */
a{
	text-decoration: none;
	color: #202020;
}

a:hover{
	
  text-decoration : none;
}

/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

/*	clearfix
------------------------------*/
.clearfix:after {
	/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

* html .clearfix {
	zoom:1; 
} /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility: hidden;
}

.clearfix {
     display: inline-block;
}

/* Hides from IE Mac */

* html .clearfix {
	height: 1%;
}*+html .clearfix {height: 1%;}

.clearfix {
	display:block;
}

/* End Hack */ 

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background : #6666ff none repeat scroll 0% 0%;
    text-decoration: none;
    color: #fff;
    width : 80px;
    padding : 20px 0px;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background : blue none repeat scroll 0% 0%;
}

.bspace-30-x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : -30px;
}

.bspace-20-x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : -20px;
}

.bspace-15-x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : -15px;
}

.bspace-10-x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : -10px;
}

.bspace-05x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 4px;
}

.bspace-10x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 9px;
}

.bspace-20x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 19px;
}

.bspace-30x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 29px;
}

.bspace-40x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 39px;
}

.bspace-50x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 49px;
}

.bspace-60x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 59px;
}