*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	font-size:12px;
	line-height:1.5em;
//	line-height:0em;
	word-wrap: break-word;
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color:#111111;
}

html,body {
	width:100%;
	height:100%;
}


a {
	color:#0000ff;
//	text-decoration:none;
}
a:hover{
	color:#ff0000;
	cursor: pointer;
}
a.ttp {
	color:#ffffff;
	text-decoration:none;
}
a.ttp:hover{
	color:#ffffff;
	text-decoration:none;
}

a.tlp {
	text-decoration:none;
}
a.tlp:hover{
	text-decoration:none;
}

a.s {
	color:#111111;
	text-decoration:none;
}
a.s:hover{
	color:#ff0000;
	text-decoration:none;
}


.km {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
	z-index:999;
}

.clear {
	clear:both;
}




/*-----------------------------------------------------------------
	-design-
-----------------------------------------------------------------*/

#smart_wrapper {
	display:none;
}
#smart_footer {
	display:none;
}
/*以下は画像などの表示制御クラス*/
.pc_img_class {
	display:inline;
}
.smart_img_class {
	display:none;
}

/*--------------------------------------*/

body {
	position:relative;
//	min-width:1200px;
	width:100%;
	height: 100%;
	background-color:#ffffff;
}

.left {
	float:left;
}
.right {
	float:right;
}

/*--------------------------*/

.main {
	width: 100%;
	padding:20px;
	font-size:14px;
	line-height:1.8em;
}

.title {
	margin:0 0 24px 0;
	padding:0 0 12px 0;
	font-size:22px;
	line-height:1em;
	font-weight:bold;
	border-bottom:1px solid #000;
}
.footer {
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	font-size:12px;
	text-align:right;
	border-top:1px solid #000;
}

/*-----------------------------------------------------------------
	-smart-
-----------------------------------------------------------------*/
@media screen and (max-width:480px){

#smart_wrapper {
//	display:block;
	display:inline;
}
#wrapper {
	display:none;
}
#footer {
	display:none;
}
/*以下は画像などの表示制御クラス*/
.pc_img_class {
	display:none;
}
.smart_img_class {
	display:inline;
}

.clear-s {
	clear:both;
}

body {
//	min-width:1px;
//	width:355px;
}

.left {
	float:none;
}
.right {
	float:none;
}

.lefts {
	float:left;
}
.rights {
	float:right;
}

.main {
//	width:355px;
	padding:5px;
}


}
