@charset "utf-8";
/*=====================================================================
general
=====================================================================*/
* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	
}
html {
	width: auto;
	height: 100%;
	overflow-y: scroll;	
	margin: 0px;
	padding: 0px;
}

body {
	word-break: break-all;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size: 14px;!important;
	*font-size: 96.5%; /* ~WinIE7 */
	font-size:12px;
	line-height:16px;
	background-color: #fff;
}

br.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	}

hr {
	display:none;
}

div {

}

p {
	margin: 0;
	padding: 0; 
	line-height: 1.5em;
}
em {
	font-weight: bold;
	font-style: normal;
}

strong {
	font-weight: bold;
	font-style: normal;
}

img{
	border:0;
}


ul {

}

ol {
}

li {
	list-style:none;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

dd {
	margin: 0;
	padding: 0;
}

object{
	outline: none;
}

address {
	font-style: normal;
	display: block;
	text-align: inherit;
	line-height: 1.7;
	text-indent: 0;
}




form {
}

fieldset {
}



/*=====================================================================
link
=====================================================================*/
a,
a:link,a:visited,a:active {
	color:#333;
	text-decoration:none;
	outline: none;	
	border: none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}



/*=====================================================================
float
=====================================================================*/
.floL {
	float:left;
}
.floR {
	float:right;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	line-height:0;
	font-size:0;
}

/*=====================================================================
margin
=====================================================================*/
.m10{
	margin:10px	!important;
	}
.mt10{
	margin-top:10px	!important;
	}
.mt20{
	margin-top:20px	!important;
	}
.mr10{
	margin-right:10px	!important;
	}
.mr5{
	margin-right:5px!important;	
	}
.mr15{
	margin-right:15px!important;	
	}
.mr20{
	margin-right:20px!important;	
	}
.ml10{
	margin-left:10px!important;	
	}	
.ml20{
	margin-left:20px!important;	
	}
.mb10{
	margin-bottom:10px	!important;
	}	
.mb20{
	margin-bottom:20px	!important;
	}
.ml30{
	margin-left:30px	!important;
	}	
.mtb5	{
	margin:5px	0!important;
	}
.mtb10	{
	margin:10px	0!important;
	}
.p10{
	padding:10px	!important;	
	}
.p15{
	padding:15px	!important;	
	}
.pt20{
	padding-top:20px	!important;	
	}

.pb10{
	padding-bottom:10px	!important;	
	}
.mlBox{
	margin-left:8px	!important;
	}	
.mtBox{
	margin-top:8px	!important;
	}	
/*=====================================================================
parts
=====================================================================*/

.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.vat {
	vertical-align:top;
}
.vam {
	vertical-align:middle;
}
.vab {
	vertical-align:bottom;
}

/*=====================================================================
テキスト
=====================================================================*/
.txs{
	font-size: 12px;	
	}	
.txB{
	font-size: 20px;
	}
	
.txE{
	font-family: "Trebuchet MS", sans-serif;
	}	
.col1{
	color:#661864;
	}
.col2{
	color:#c30e22;
	}	

/*=====================================================================
サイズ追加
=====================================================================*/
.size1{
	width:240px;
	}
.size1-1{
	width:530px;
	}
.size2{
	width:230px;
	}
.size3{
	width:160px;
	}	

/*=====================================================================
メイン
=====================================================================*/

#wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0px;
}

#main {
	max-width: 100%;;
	margin: 0 auto;
	padding: 0px 0px;
}


/* スマホ表示 */
@media (max-width: 767px) {
  #wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;
}

#main {
	max-width: 100%;;
	margin: 0 auto;
	padding: 0px 0px;
}
}



.