@charset ”UTF-8”;


/*
　■よく使うclassを定義しています

	
	■class説明

	.DefaultFlList
	　ulに定義
	　商品一覧系を出す時に通常使うクラス。
	　横並びにしてくれるので、各ページ名.cssで
	　liのmargin-rightを指定する。
	　.faの付いたliにはmargin-rightが適用されないので
	　各行ラストのliにはclass名faを付ける。
	
	.word-break
	　あらゆる文章を固定幅で強制改行させる。
	
	.ClearBoth
	　floatの後とかに記述しておくと、とにかく平和




*/



/*-------------------------------------------------------*/
/*横並びリスト*/

ul.DefaultFlList{
	width:100%;
}
ul.DefaultFlList li{
	float:left;
}
ul.DefaultFlList li.fa{
	margin-right:0px !important;
}





/*-------------------------------------------------------*/
/*改行*/

.word-break{
	white-space: normal ;
	word-break:break-all;
	word-wrap: break-word;
}




/*-------------------------------------------------------*/
/* float系の下につけると良い */

.ClearBoth{
	clear:both;
	width:100%;
	height:20px;
}




/*-------------------------------------------------------*/
/*マージンボトム調整*/

.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}




/*-------------------------------------------------------*/
/*パディング調整*/

.pad10{
	padding:10px !important;
}
.pad10w{
	padding:0px 10px !important;
}

.pad15{
	padding:15px !important;
}
.pad15w{
	padding:0px 15px !important;
}

.pad20{
	padding:20px !important;
}
.pad20w{
	padding:0px 20px !important;
}




/*-------------------------------------------------------*/
/*dt,ddの高さを揃えます*/


dl.HeightArrange{
	/* 他cssにて、widthを指定してください */
	overflow: hidden;
}

dl.HeightArrange dt{
	/* 他cssにて、widthを指定してください */
	text-align:center;
	padding: 5px 0 1000px;
	margin-bottom:-995px;
	clear:both;
	float:left;
}

dl.HeightArrange dd{
	/* 他cssにて、widthを指定してください */
	padding: 5px 0 1000px;
	margin-bottom:-995px;
	float:left;
}




/*-------------------------------------------------------*/
/*フロート*/

.left{
	float:left;
}

.right{
	float:right;
}




/*-------------------------------------------------------*/
/*ヴァーティカルアラインミドル(height指定が別途必要)*/

.v_middle{
	display:inline;
	vertical-align:middle;
}




/*-------------------------------------------------------*/
/*センター寄せ*/

.center{
	margin-left:auto !important;
	margin-right:auto !important;
}