/* CSS Document */
/************************************************************
 * reset css
************************************************************/
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; }
html { 
	/*overflow-y:scroll; */
}
h1, h2, h3, h4, h5, h6, td, input {margin:0; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0;}
br {letter-spacing:normal;}

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * etc
************************************************************/
/*----------- ▼▼box-sizing　padding & border 幅に依存しないwidth, height 指定　▼▼------------*/	
*{
    -webkit-box-sizing: border-box;     /* Safari 3 */
       -moz-box-sizing: border-box;     /* Firefox */ 
         -o-box-sizing: border-box;	/* Opera */
        -ms-box-sizing: border-box; 	/* Internet Explorer 8 */ 
            box-sizing: border-box;	/* Opera */   
}

/*----------- ▼▼clearfix▼▼------------*/
.clearfix { /zoom: 1; } /* lte ie7 */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/*--------------- ▼▼ブロック要素で囲まれてる枠をテキスト（英字）がはみ出して表示されてしまう現象への対処方法 ----------------*/
*{ word-break: break-word;}	

/*---------------親要素全体をリンクにする---------------*/
.big_link {z-index:900;}
.big_link a {display:block; -webkit-tap-highlight-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; height:100%; width:100%; text-align:left; text-indent:-9999px; z-index:901; overflow:hidden; outline:none;}

/************************************************************
 * fontsize
************************************************************/
html {font-size: 62.5%;}
body {
	font-size: 16px; 
	font-size: 1.6rem; /* =16px */
	font-family: "Hiragino Maru Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, sans-serif;
	color: #333;
	font-weight:bold;
	line-height:2.2rem;
   	letter-spacing:0.8px;
	background: url('../background/bg.jpg') repeat fixed; height: 100%;
	/*overflow-y:scroll; *//* ズレ対策 */
}