@charset "utf-8";

/**********************************************************

   (c) Sakura personal computer service company

***********************************************************/

html{
    font-size:62.5%;} /* 1em=16px → 1em=10px */

body{
	font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	color:#555;
	-webkit-text-size-adjust:100%; /* For iPhone & Safari stop auto font resize. Not use "none" property!! Because an error occurs on google chrome.*/
	}
	
html, body{
	}

html, body, h1, h2, h3, h4, h5, h6,
div, p, label, pre, img,
ul, ol, li, dl, dt, dd, blockquote,
form, fieldset, input, textarea, select, button{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	}

*{
	font-size: 1em; /* =14px */
	font-style: normal;
	}

a{
   	text-decoration:none;
	}

ul, ol{
	list-style:none;
	}
	
fieldset, img{
	border:none;
	}
	
caption {
	/*text-align:left;*/
	font-weight:normal;
	}
	
button, input, select, textarea {
	font-family:inherit;
	font-size:100%;
	}
	
hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	height: 1px; /* for IE */
	}
	
button{
	cursor:pointer;
	}
	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓

	Float

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

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

*:first-child+html .clearfix{
    zoom:1;
    }

.float > *{
    float:left;
	/*width:100%;*/
    }

	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓

	Border

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

table, th, td, select{
	margin:0px;
	padding:0px;
	border:#b1b1b1 1px solid;
	border-collapse:collapse;
	}

:focus {
    outline: none;
	}