@charset "utf-8";
/** *****************************************************************
共通
最終更新日：2018.10.01
***************************************************************** **/

/**----------------------------------------------------------------------
全てにボックスサイジング
----------------------------------------------------------------------**/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* *-------------------------------------------------------------------
	h1 h2 h3 h4 h5 h6
-------------------------------------------------------------------* */
h1{	line-height: 1;}

h1{	margin:0;padding:0;}
h2{	margin:0;padding:0;}
h3{	margin:0;padding:0;}
h4{	margin:0;padding:0;}
h5{	margin:0;padding:0;}
h6{	margin:0;padding:0;}

@media only screen and (max-width: 768px) {

h2,h2,h3,h4,h5,h6{
	line-height: 1.5;
}

}


/* *--------------------------------------------------------------------
 共通（/）
--------------------------------------------------------------------* */

/*  見出し
--------------------------------------------------------------- */
h1 {

	letter-spacing: 0.3em;
}
h2 {

	letter-spacing: 0.2em;
	font-weight: normal;
}
h3 {

	letter-spacing: 0.1em;
	font-weight: normal;
}

h4{

	letter-spacing: 0.075em;
	font-weight: normal;
}
h5{

	letter-spacing: 0.05em;
	font-weight: normal;
}
h6{

	letter-spacing: 0.05em;
	font-weight: normal;
}

table + table,
p + p,
ul + ul,
p + ul,
ul + p,
ol + ol,
p + ol,
ol + p,
dl + dl,
p + dl,
dl + p{
	margin-top: 20px;
}

h2 + em,
em + h4,
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6{
	margin-top: 20px;
}
em + p,
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p{
	margin-top: 10px;
}
p + em,
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6{
	margin-top: 40px;
}

/*見出しとテーブルの間のマージン*/
em + table,
p + table,
h2 + table,
h3 + table,
h4 + table,
h5 + table{
	margin-bottom: 20px;
}


/**----------------------------------------------------------------------
 a
----------------------------------------------------------------------**/
a,a:hover {
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}

a:hover img {
    opacity: .75;
    -webkit-opacity: .75;
    -moz-opacity: .75;
}

a {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

a:active, a:focus,
button:focus, input[type="button"] {
  outline: none;
}
a img,
a img:hover {
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
/* リンク　下線なし */
a.noline:link {text-decoration: none; }
a.noline:visited {text-decoration: none; }
a.noline:hover {text-decoration: none; }
a.noline:active {text-decoration: none; }
/* リンクの点線を消去 */
a{ outline: none; }

/*電話のリンク*/
.tel a, .mail a {
	cursor: default;
	pointer-events: none;
}
@media screen and (max-width: 768px) {
.tel a, .mail a {
    pointer-events: auto;
}
}

/*webfont iconのマージン*/
a i{
	margin-right:5px;
}

.material-icons{
    vertical-align: middle;
}

/**----------------------------------------------------------------------
CSSスプライト
----------------------------------------------------------------------**/
.sprite {
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(../images/xxxxx.png) no-repeat;
	width: 200px;  height: 60px;
}

.xxxxxxx {
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(../images/btn.gif) no-repeat;
	width: 200px;	height: 60px;
}

ul#sssssssssss li a {
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(../images/btn.gif) no-repeat;
	width: 200px;	height: 60px;
}

ul#sssssssssss li.nav01 a { background-position: -100px 0; }
ul#sssssssssss li.nav01 a:hover { background-position: -100px -100px; }
ul#sssssssssss li.nav02 a { background-position: -200px 0; }
ul#sssssssssss li.nav02 a:hover { background-position: -200px -100px; }
ul#sssssssssss li.nav03 a { background-position: -300px 0; }
ul#sssssssssss li.nav03 a:hover { background-position: -300px -100px; }

/**----------------------------------------------------------------------
センターボックス
----------------------------------------------------------------------**/
.boxC,
.cbox{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;
}

/**----------------------------------------------------------------------
 テキスト
----------------------------------------------------------------------**/
address{
	font-style: normal;
}
.nowrap{    white-space: nowrap;}

.fwn {font-weight: normal !important;}
.b, .strong, .bold, .fwb, strong {font-weight: bold !important;}
.h-large {font-size:1.4rem !important;}
.large {font-size:1.2rem !important;}
.small {font-size:0.8rem !important;}
.h-small {font-size:0.6rem !important;}

sub,
sup {
    font-size: 0.8rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {top: -0.5em;}
sub {bottom: -0.25em;}

/*アンダーライン*/
.underline { text-decoration: underline; }

/***************** フォント スタイル *****************/
.txtL { text-align: left !important; }
.txtR { text-align: right !important; }
.txtC { text-align: center !important; }

table.txtL td { text-align: left !important; }
table.txtR td { text-align: right !important; }
table.txtC td { text-align: center !important; }

.txtT { vertical-align:top !important; }
.txtM { vertical-align:middle !important; }
.txtB { vertical-align:bottom !important; }


/**----------------------------------------------------------------------
 背景画像の拡大縮小
----------------------------------------------------------------------**/
.bgi{
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	width:100%;    height:0;
}

a.bgi{
	cursor: pointer;
}
a.bgi:hover{
	background-size: 102%;
/*明度*/
-webkit-filter:brightness(120%);
filter:brightness(120%);

}

/**----------------------------------------------------------------------
 セッティング
----------------------------------------------------------------------**/

.l, .left { float: left; display: block;}
.r, .right { float: right; display: block;}
.c, .center{	margin-left:auto;	margin-right:auto;	text-align:center;}


svg{
	transform:translate(0,0);
}

/*SVG IE対策*/
img.svgimg {
	max-width: 100%;
}
img[src$=".svg"].svgimg {
	width: 100%;
}

img.scale, img.responsive {
    max-width: 100%;
    height: auto;
}

img{border:0;}
img{
	max-width: 100%;
	height: auto;
/*
    background-color: #525252;

CSS Transformsで画面がちらつくとき
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
*/
}

/*原寸より大きくはしたくない場合*/
img.imgORG{
	width: auto !important;
	max-width: 100% !important;
}


img.imgx2{	width: 50%;}
@media only screen and (max-width: 768px) {
img.imgx2{	width: 100%;}
}

/*レスポンシブ スマホで表示*/
.pc,
.displayblock,
.pconly{	display:inline-block;}

div.pconly,
img.pconly{	display: block !important;}
span.pconly{display: inline}


.sp,
.displaynone,
.sponly{	display: none;}

div.sponly
img.sponly{	display: none !important;}
span.sponly{display: inline}


@media only screen and (max-width: 768px){
.pc,
.displayblock,
.pconly{	display:none;}

div.pconly,
img.pconly{	display: none !important;}
span.pconly{	display: none !important;}

.sp,
.displaynone,
.sponly{	display: block;}

div.sponly,
img.sponly{	display: block !important;}
span.sponly{	display: block !important;}

.sp img,
.displaynone img,
.sponly img{
	max-width: 100%;
	height: auto;
}

}

img.png{
    filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}

/*イメージ縮小　可変あり*/
img.sizeMAX{width: 100%;	height: auto;}
img.sizeL{width: 75%;	height: auto;}
img.sizeM{width: 50%;	height: auto;}
img.sizeS{width: 25%;	height: auto;}

.w100pto100p,img.w100p{width: 100%;height: auto;}
.w90pto100p,img.w90p{width: 90%;height: auto;}
.w80pto100p,img.w80p{width: 80%;height: auto;}
.w70pto100p,img.w70p{width: 70%;height: auto;}
.w60pto100p,img.w60p{width: 60%;height: auto;}
.w50pto100p,img.w50p{width: 50%;height: auto;}
.w40pto100p,img.w40p{width: 40%;height: auto;}
.w30pto100p,img.w30p{width: 30%;height: auto;}
.w20pto100p,img.w20p{width: 20%;height: auto;}
.w10pto100p,img.w10p{width: 10%;height: auto;}

.w600{width: 600px;	height: auto;}
.w500{width: 500px;	height: auto;}
.w400{width: 400px;	height: auto;}
.w300{width: 300px;	height: auto;}
.w250{width: 250px;	height: auto;}
.w200{width: 200px;	height: auto;}
.w150{width: 150px;	height: auto;}
.w100{width: 100px;	height: auto;}


@media only screen and (max-width: 768px) {

.w100pto100p,
.w90pto100p,
.w80pto100p,
.w70pto100p,
.w60pto100p,
.w50pto100p,
.w40pto100p,
.w30pto100p,
.w20pto100p,
.w10pto100p,
.w10pto100p,
.worgto100p,
img.w90p, img.w80p, img.w70p, img.w60p, img.w50p,img.w40p,img.w30p,img.w20p,img.w10p{
	width:100% !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

}




img.txtpic{
    vertical-align:5%;
    margin:0 5px;
}


/*角丸*/
img.shadow{
    box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);
}
/*枠　角角*/
img.frame{
    padding:5px;
    border:1px solid #ccc;
    background: #FFF;
}
/*枠　角丸*/
img.frameR{
    padding:5px;
    border:1px solid #ccc;
    background: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* リストの縦余白のなくす */
li img, dt img, dd img{
    vertical-align:bottom;
}
/* PIE */
.round{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    zoom: 1;
    position:relative;
}

/* *--------------------------------------------------------------------
 テーブル
--------------------------------------------------------------------* */
table{	border-collapse: collapse;}

table th,
table td{  word-break : break-all;}

/*
table caption{
	text-align: right;
}
table caption.captionB{
	caption-side: bottom;
	text-align: right;
}
@media only screen and (max-width: 768px) {
table{
	width:98% !important;
	margin-left: auto;
	margin-right: auto;
}
table caption{
    display: block;
	font-size:10px;
	font-size:1.0rem;
}



}
*/






table.thL th, table.tdL td{	text-align: left !important;}
table.thC th, table.tdC td{	text-align: center !important;}
table.thR th, table.tdR td{	text-align: right !important;}
/*横*/
table th.thL, table td.tdL{	text-align: left !important;}
table th.thC, table td.tdC{	text-align: center !important;}
table th.thR, table td.tdR{	text-align: right !important;}
/*縦*/
table th.thT, table td.tdT{	vertical-align: top !important;}
table th.thM, table td.tdM{	vertical-align: middle!important;}
table th.thB, table td.tdV{	vertical-align: bottom!important;}
/*縦横センター*/
.table .thcm,
.table .tdcm{
	text-align: center !important;
	vertical-align: middle !important;
}

.table-width-05{width: 5%;}
.table-width-10{width: 10%;}
.table-width-15{width: 15%;}
.table-width-20{width: 20%;}
.table-width-25{width: 25%;}
.table-width-30{width: 30%;}
.table-width-35{width: 35%;}
.table-width-40{width: 40%;}
.table-width-45{width: 45%;}
.table-width-50{width: 50%;}
.table-width-55{width: 55%;}
.table-width-60{width: 60%;}
.table-width-65{width: 65%;}
.table-width-70{width: 70%;}
.table-width-75{width: 75%;}
.table-width-80{width: 80%;}
.table-width-85{width: 85%;}
.table-width-90{width: 90%;}

@media only screen and (max-width: 768px) {

.table-width-05,
.table-width-10,
.table-width-15,
.table-width-20,
.table-width-25,
.table-width-30,
.table-width-35,
.table-width-40,
.table-width-45,
.table-width-50,
.table-width-55,
.table-width-60,
.table-width-65,
.table-width-70,
.table-width-75,
.table-width-80,
.table-width-85,
.table-width-90{width: auto;}

}




/*レスポンシブの為のテーブルタグ
----------------------------* */
.tableRESPONSIVE {
	overflow-x: auto;
	min-height:0.01%;
}
.touch-cation{	display: none;}

@media screen and (max-width:768px) {

.tableRESPONSIVE{

}
.tableRESPONSIVE > .table{margin-bottom: 0}
 

.tableRESPONSIVE > .tableSCROLL > thead > tr > th,
.tableRESPONSIVE > .tableSCROLL > tbody > tr > th,
.tableRESPONSIVE > .tableSCROLL > tfoot > tr > th,
.tableRESPONSIVE > .tableSCROLL > thead > tr > td,
.tableRESPONSIVE > .tableSCROLL > tbody > tr > td,
.tableRESPONSIVE > .tableSCROLL > tfoot > tr > td
 {white-space: nowrap}

.touch-cation{
	display: inline-block;
	margin: 5px 0 0 10px;
    padding: 0.2em;
    background-color: #ebebd9;
	font-size:11px;
	font-size:1.1rem;
    font-weight: bold;
    color: #5a5a16;
/* 角丸 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.touch-cation i{


}

}

/* *--------------------------------------------------------------------
 リスト（ol,ul）
--------------------------------------------------------------------* */
ol,
ul{
	margin:0;	padding: 0;
}
ul li,
ol li{
	list-style-type:none;
}
section ul li,
section ol li{
	margin-bottom:10px;
}
ul.disc li,
section ol li,
ul.num li{
	zoom: normal;
	list-style-type:decimal;
	margin-left:20px;
}


section ol li ol li,
section ul li ul li,
section ul li ol li{
	list-style-type:none;
	margin-left: 15px;
}
section ol li ol li{
	zoom: normal;
	list-style-type:decimal;
}
/*中黒*/
ul.disc{}
ul.disc li{
	list-style-type:disc;
}
/*■マーク*/
ul.square{}

ul.square li {
    text-indent: -1.4em;
    margin-left: 1.2em;
}
ul.square li:before {
    content: '■';
    display: inline-block;
    width: 1.4em;
    text-indent: 0;
}

/*※マーク*/
ul.kome{}

ul.kome li {
    text-indent: -1.4em;
    margin-left: 1.2em;
}
ul.kome li:before {
    content: '※';
    display: inline-block;
    width: 1.4em;
    text-indent: 0;
}

ul.disc li,
ul.square li,
ul.kome li{
	margin-top: 7px;
}
ul.disc li:first-child,
ul.square li:first-child,
ul.kome li:first-child{
	margin-top: 0px;
}

p + ul.kome,
p + ul.square,
p + ul.disc,
ul.square + ul.kome,
ul.kome + ul.square,
ul.square + ul.disc,
ul.disc + ul.square,
ul.kome + ul.disc,
ul.disc + ul.kome{
    margin-top: 10px;
}



/*リストの横並びの隙間対策（inline）*/
.rowblock { /* 親要素 */
    letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}

.rowblock li { /* 子要素 */
    display: inline-block;
    letter-spacing: normal; /* 文字間を元に戻す */
}



/**----------------------------------------------------------------------
画像配置
----------------------------------------------------------------------**/
img.imgL { text-align: left;}
img.imgC { display: block;	margin-left:auto;margin-right:auto;}
img.imgR { display: block;	margin-left:auto;margin-right:0;}

/*-
テキスト中に画像（回り込み）
-------------------------------------------------------------------- */
img.photoL{
    float: left;
    margin-right:20px;
    margin-bottom:20px;
}
img.photoR{
    float: right;
    margin-left:20px;
    margin-bottom:20px;
}

@media only screen and (max-width: 768px) {
img.photoR,
img.photoL{
	display: block;
	float:none;
	margin:0 auto 20px auto;
}
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
}
/**----------------------------------------------------------------------
 キャプション
----------------------------------------------------------------------**/
figure{
	text-align: center;
}
figure figcaption{
	margin-top:10px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
	color: #000079;
	font-weight: bold;
}
figure img {
    vertical-align: bottom;
}




/**----------------------------------------------------------------------
 カラー
----------------------------------------------------------------------**/
.cation { color: #cb6767 !important;}

.white,.HWT { color: #ffffff !important;}
.black,.BLK{color:#000000 !important;}

.red, .ared a { color: #ff0000 !important;}
.white, .awhite a { color: #ffffff !important;}
.black, .ablack a { color: #000000 !important;}
.gray, .agray a { color: #cccccc !important;}
.gray2, .agray2 a { color: #aaaaaa !important;}
.gray3, .agray3 a { color: #999999 !important;}
.gray4, .agray4 a { color: #666666 !important;}
.gray5, .agray5 a { color: #333333 !important;}
.orange, .aorange a { color: #f66924 !important;}
.orange2, .aorange2 a { color: #ff9900 !important;}
.blue, .ablue a { color: #2457a8 !important;}
.blue2, .ablue2 a { color: #0033cc !important;}
.sky, .asky a { color: #adefef !important;}
.sky2, .asky2 a { color: #00ffff !important;}
.yellow, .ayellow a { color: #f5f599 !important;}
.yellow2, .ayellow2 a { color: #ffff00 !important;}
.pink, .apink a { color: #fdc3da !important;}
.pink2, .apink2 a { color: #ff0066 !important;}
.green, .agreen a { color: #3ca23c !important;}
.green2, .agreen2 a { color: #006600 !important;}
.navy, .anavy a { color: #1f6ab5 !important;}
.navy2, .anavy2 a { color: #003366 !important;}
.purple, .apurple a { color: #522d89 !important;}
.purple2, .apurple2 a { color: #6600ff !important;}

/**----------------------------------------------------------------------
 サイズ
----------------------------------------------------------------------**/
.size-8, .fs8, .size-08, .fs08 { font-size: 8px !important; }
.size-10, .fs10 { font-size: 10px !important; }
.size-11, .fs11 { font-size: 11px !important; }
.size-12, .fs12 { font-size: 12px !important; }
.size-14, .fs14 { font-size: 14px !important; }
.size-16, .fs16 { font-size: 16px !important; }
.size-18, .fs18 { font-size: 18px !important; }
.size-20, .fs20 { font-size: 20px !important; }
.size-24, .fs24 { font-size: 24px !important; }
.size-36, .fs36 { font-size: 36px !important; }
.size-48, .fs48 { font-size: 48px !important; }
.size-60, .fs60 { font-size: 60px !important; }
.size-72, .fs72 { font-size: 72px !important; }

.fs8rem, .fs08rem { font-size: 0.8rem !important; }
.fs10rem { font-size: 1.0rem !important; }
.fs11rem { font-size: 1.1rem !important; }
.fs12rem { font-size: 1.2rem !important; }
.fs14rem { font-size: 1.4rem !important; }
.fs16rem { font-size: 1.6rem !important; }
.fs18rem { font-size: 1.8rem !important; }
.fs20rem { font-size: 2.0rem !important; }
.fs24rem { font-size: 2.4rem !important; }
.fs36rem { font-size: 3.6rem !important; }
.fs48rem { font-size: 4.8rem !important; }
.fs60rem { font-size: 6.0rem !important; }
.fs72rem { font-size: 7.2rem !important; }


/**----------------------------------------------------------------------
 margin
----------------------------------------------------------------------**/
.mgn5 { margin: 5px !important; }
.mgn10 { margin: 10px !important;}
.mgn15 { margin: 15px !important;}
.mgn20 { margin: 20px !important;}
.mgn30 { margin: 30px !important;}
.mgn40 { margin: 40px !important;}
.mgn50 { margin: 50px !important;}
.mgn60 { margin: 60px !important;}
.mgn70 { margin: 70px !important;}
.mgn80 { margin: 80px !important;}
.mgn90 { margin: 90px !important;}
.mgn100 { margin: 100px !important;}
@media only screen and (max-width: 768px) {
.mgn5 { margin: 0 !important; }
.mgn10 { margin: 5px !important; }
.mgn15 { margin: 7px !important; }
.mgn20 { margin: 10px !important; }
.mgn30 { margin: 15px !important; }
.mgn40 { margin: 20px !important; }
.mgn50 { margin: 25px !important; }
.mgn60 { margin: 30px !important; }
.mgn70 { margin: 35px !important; }
.mgn80 { margin: 40px !important; }
.mgn90 { margin: 45px !important; }
.mgn00 { margin: 50px !important; }
}

.mgnT5 { margin-top: 5px !important; }
.mgnT10 { margin-top: 10px !important; }
.mgnT15 { margin-top: 15px !important; }
.mgnT20 { margin-top: 20px !important; }
.mgnT30 { margin-top: 30px !important; }
.mgnT40 { margin-top: 40px !important; }
.mgnT50 { margin-top: 50px !important; }
.mgnT60 { margin-top: 60px !important; }
.mgnT70 { margin-top: 70px !important; }
.mgnT80 { margin-top: 80px !important; }
.mgnT90 { margin-top: 90px !important; }
.mgnT100 { margin-top: 100px !important; }
.mgnT1em { margin-top: 1.0em !important; }
.mgnT2em { margin-top: 2.0em !important; }
.mgnT3em { margin-top: 3.0em !important; }
.mgnT5em { margin-top: 5.0em !important; }
@media only screen and (max-width: 768px) {
.mgnT5 { margin-top: 0 !important; }
.mgnT10 { margin-top: 5px !important; }
.mgnT15 { margin-top: 7px !important; }
.mgnT20 { margin-top: 10px !important; }
.mgnT30 { margin-top: 15px !important; }
.mgnT40 { margin-top: 20px !important; }
.mgnT50 { margin-top: 25px !important; }
.mgnT60 { margin-top: 30px !important; }
.mgnT70 { margin-top: 35px !important; }
.mgnT80 { margin-top: 40px !important; }
.mgnT90 { margin-top: 45px !important; }
.mgnT100 { margin-top: 50px !important; }
}

.mgnB5 { margin-bottom: 5px !important; }
.mgnB10 { margin-bottom: 10px !important; }
.mgnB15 { margin-bottom: 15px !important; }
.mgnB20 { margin-bottom: 20px !important; }
.mgnB30 { margin-bottom: 30px !important; }
.mgnB40 { margin-bottom: 40px !important; }
.mgnB50 { margin-bottom: 50px !important; }
.mgnB60 { margin-bottom: 60px !important; }
.mgnB70 { margin-bottom: 70px !important; }
.mgnB80 { margin-bottom: 80px !important; }
.mgnB90 { margin-bottom: 90px !important; }
.mgnB100 { margin-bottom: 100px !important; }
.mgnB1em { margin-bottom: 1.0em !important; }
.mgnB2em { margin-bottom: 2.0em !important; }
.mgnB3em { margin-bottom: 3.0em !important; }
.mgnB5em { margin-bottom: 5.0em !important; }
@media only screen and (max-width: 768px) {
.mgnB5 { margin-bottom: 0 !important; }
.mgnB10 { margin-bottom: 5px !important; }
.mgnB15 { margin-bottom: 7px !important; }
.mgnB20 { margin-bottom: 10px !important; }
.mgnB30 { margin-bottom: 15px !important; }
.mgnB40 { margin-bottom: 20px !important; }
.mgnB50 { margin-bottom: 25px !important; }
.mgnB60 { margin-bottom: 30px !important; }
.mgnB70 { margin-bottom: 35px !important; }
.mgnB80 { margin-bottom: 40px !important; }
.mgnB90 { margin-bottom: 45px !important; }
.mgnB100 { margin-bottom: 50px !important; }
}

.mgnR5 { margin-right: 5px !important; }
.mgnR10 { margin-right: 10px !important; }
.mgnR15 { margin-right: 15px !important; }
.mgnR20 { margin-right: 20px !important; }
.mgnR30 { margin-right: 30px !important; }
.mgnR40 { margin-right: 40px !important; }
.mgnR50 { margin-right: 50px !important; }
.mgnR100 { margin-right: 100px !important; }
.mgnR1em { margin-right: 1.0em !important; }
.mgnR2em { margin-right: 2.0em !important; }
.mgnR3em { margin-right: 3.0em !important; }
.mgnR5em { margin-right: 5.0em !important; }
@media only screen and (max-width: 768px) {
.mgnR5 { margin-right: 0 !important; }
.mgnR10 { margin-right: 5px !important; }
.mgnR15 { margin-right: 7px !important; }
.mgnR20 { margin-right: 10px !important; }
.mgnR30 { margin-right: 15px !important; }
.mgnR40 { margin-right: 20px !important; }
.mgnR50 { margin-right: 25px !important; }
.mgnR60 { margin-right: 30px !important; }
.mgnR70 { margin-right: 35px !important; }
.mgnR80 { margin-right: 40px !important; }
.mgnR90 { margin-right: 45px !important; }
.mgnR100 { margin-right: 50px !important; }
}

.mgnL5 { margin-left: 5px !important; }
.mgnL10 { margin-left: 10px !important; }
.mgnL15 { margin-left: 15px !important; }
.mgnL20 { margin-left: 20px !important; }
.mgnL30 { margin-left: 30px !important; }
.mgnL40 { margin-left: 40px !important; }
.mgnL50 { margin-left: 50px !important; }
.mgnL100 { margin-left: 100px !important; }
.mgnL1em { margin-left: 1.0em !important; }
.mgnL2em { margin-left: 2.0em !important; }
.mgnL3em { margin-left: 3.0em !important; }
.mgnL5em { margin-left: 5.0em !important; }
@media only screen and (max-width: 768px) {
.mgnL5 { margin-left: 0 !important; }
.mgnL10 { margin-left: 5px !important; }
.mgnL15 { margin-left: 7px !important; }
.mgnL20 { margin-left: 10px !important; }
.mgnL30 { margin-left: 15px !important; }
.mgnL40 { margin-left: 20px !important; }
.mgnL50 { margin-left: 25px !important; }
.mgnL60 { margin-left: 30px !important; }
.mgnL70 { margin-left: 35px !important; }
.mgnL80 { margin-left: 40px !important; }
.mgnL90 { margin-left: 45px !important; }
.mgnL00 { margin-left: 50px !important; }
}

.mgnTB5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mgnTB10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgnTB15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mgnTB20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mgnTB30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mgnTB40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mgnTB50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mgnTB60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mgnTB70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mgnTB80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mgnTB90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mgnTB100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.mgnTB1em { margin-top: 1.0em !important; margin-bottom: 1.0em !important; }
.mgnTB2em { margin-top: 2.0em !important; margin-bottom: 2.0em !important; }
.mgnTB3em { margin-top: 3.0em !important; margin-bottom: 3.0em !important; }
.mgnTB5em { margin-top: 5.0em !important; margin-bottom: 5.0em !important; }
@media only screen and (max-width: 768px) {
.mgnTB20 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgnTB30 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mgnTB40 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mgnTB50 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mgnTB50 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mgnTB60 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mgnTB70 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mgnTB80 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mgnTB90 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mgnTB100 { margin-top: 50px !important; margin-bottom: 50px !important; }
}
.mgnLR5 { margin-left: 5px !important; margin-right: 5px !important; }
.mgnLR10 { margin-left: 10px !important; margin-right: 10px !important; }
.mgnLR15 { margin-left: 15px !important; margin-right: 15px !important; }
.mgnLR20 { margin-left: 20px !important; margin-right: 20px !important; }
.mgnLR30 { margin-left: 30px !important; margin-right: 30px !important; }
.mgnLR40 { margin-left: 40px !important; margin-right: 40px !important; }
.mgnLR50 { margin-left: 50px !important; margin-right: 50px !important; }
.mgnLR100 { margin-left: 100px !important; margin-right: 100px !important; }
@media only screen and (max-width: 768px) {
.mgnLR20 { margin-left: 10px !important; margin-right: 10px !important; }
.mgnLR30 { margin-left: 15px !important; margin-right: 15px !important; }
.mgnLR40 { margin-left: 20px !important; margin-right: 20px !important; }
.mgnLR50 { margin-left: 25px !important; margin-right: 25px !important; }
.mgnLR50 { margin-left: 25px !important; margin-right: 25px !important; }
.mgnLR60 { margin-left: 30px !important; margin-right: 30px !important; }
.mgnLR70 { margin-left: 35px !important; margin-right: 35px !important; }
.mgnLR80 { margin-left: 40px !important; margin-right: 40px !important; }
.mgnLR90 { margin-left: 45px !important; margin-right: 45px !important; }
.mgnLR100 { margin-left: 50px !important; margin-right: 50px !important; }
}

/*ネガティブマージン*/
.mgnT5n { margin-top: -5px !important; }
.mgnT10n { margin-top: -10px !important; }
.mgnT15n { margin-top: -15px !important; }
.mgnT20n { margin-top: -20px !important; }
.mgnT30n { margin-top: -30px !important; }
.mgnT40n { margin-top: -40px !important; }
.mgnT50n { margin-top: -50px !important; }
.mgnT60n { margin-top: -60px !important; }
.mgnT70n { margin-top: -70px !important; }
.mgnT80n { margin-top: -80px !important; }
.mgnT90n { margin-top: -90px !important; }
.mgnT100n { margin-top: -100px !important; }

.mgnB5n { margin-bottom: -5px !important; }
.mgnB10n { margin-bottom: -10px !important; }
.mgnB15n { margin-bottom: -15px !important; }
.mgnB20n { margin-bottom: -20px !important; }
.mgnB30n { margin-bottom: -30px !important; }
.mgnB40n { margin-bottom: -40px !important; }
.mgnB50n { margin-bottom: -50px !important; }
.mgnB60n { margin-bottom: -60px !important; }
.mgnB70n { margin-bottom: -70px !important; }
.mgnB80n { margin-bottom: -80px !important; }
.mgnB90n { margin-bottom: -90px !important; }
.mgnB100n { margin-bottom: -100px !important; }

@media only screen and (max-width: 768px) {
.mgnT5n { margin-top: 0px !important; }
.mgnT10n { margin-top: -5px !important; }
.mgnT15n { margin-top: -7px !important; }
.mgnT20n { margin-top: -10px !important; }
.mgnT30n { margin-top: -15px !important; }
.mgnT40n { margin-top: -20px !important; }
.mgnT50n { margin-top: -25px !important; }
.mgnT60n { margin-top: -30px !important; }
.mgnT70n { margin-top: -35px !important; }
.mgnT80n { margin-top: -40px !important; }
.mgnT90n { margin-top: -45px !important; }
.mgnT100n { margin-top: -50px !important; }

.mgnB5n { margin-bottom: 0px !important; }
.mgnB10n { margin-bottom: -5px !important; }
.mgnB15n { margin-bottom: -7px !important; }
.mgnB20n { margin-bottom: -10px !important; }
.mgnB30n { margin-bottom: -15px !important; }
.mgnB40n { margin-bottom: -20px !important; }
.mgnB50n { margin-bottom: -25px !important; }
.mgnB60n { margin-bottom: -30px !important; }
.mgnB70n { margin-bottom: -35px !important; }
.mgnB80n { margin-bottom: -40px !important; }
.mgnB90n { margin-bottom: -45px !important; }
.mgnB100n { margin-bottom: -50px !important; }

}

/*スマホのみ*/
@media only screen and (max-width: 768px) {

.sponly-mgn5 { margin: 5px !important; }
.sponly-mgn10 { margin: 10px !important;}
.sponly-mgn15 { margin: 15px !important;}
.sponly-mgn20 { margin: 20px !important;}
.sponly-mgn30 { margin: 30px !important;}
.sponly-mgn40 { margin: 40px !important;}
.sponly-mgn50 { margin: 50px !important;}
.sponly-mgn60 { margin: 60px !important;}
.sponly-mgn70 { margin: 70px !important;}
.sponly-mgn80 { margin: 80px !important;}
.sponly-mgn90 { margin: 90px !important;}
.sponly-mgn100 { margin: 100px !important;}

.sponly-mgnT5 { margin-top: 5px !important; }
.sponly-mgnT10 { margin-top: 10px !important; }
.sponly-mgnT15 { margin-top: 15px !important; }
.sponly-mgnT20 { margin-top: 20px !important; }
.sponly-mgnT30 { margin-top: 30px !important; }
.sponly-mgnT40 { margin-top: 40px !important; }
.sponly-mgnT50 { margin-top: 50px !important; }
.sponly-mgnT60 { margin-top: 60px !important; }
.sponly-mgnT70 { margin-top: 70px !important; }
.sponly-mgnT80 { margin-top: 80px !important; }
.sponly-mgnT90 { margin-top: 90px !important; }
.sponly-mgnT100 { margin-top: 100px !important; }

.sponly-mgnB5 { margin-bottom: 5px !important; }
.sponly-mgnB10 { margin-bottom: 10px !important; }
.sponly-mgnB15 { margin-bottom: 15px !important; }
.sponly-mgnB20 { margin-bottom: 20px !important; }
.sponly-mgnB30 { margin-bottom: 30px !important; }
.sponly-mgnB40 { margin-bottom: 40px !important; }
.sponly-mgnB50 { margin-bottom: 50px !important; }
.sponly-mgnB60 { margin-bottom: 60px !important; }
.sponly-mgnB70 { margin-bottom: 70px !important; }
.sponly-mgnB80 { margin-bottom: 80px !important; }
.sponly-mgnB90 { margin-bottom: 90px !important; }
.sponly-mgnB100 { margin-bottom: 100px !important; }

.sponly-mgnTB5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.sponly-mgnTB10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.sponly-mgnTB15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.sponly-mgnTB20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.sponly-mgnTB30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.sponly-mgnTB40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.sponly-mgnTB50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.sponly-mgnTB60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.sponly-mgnTB70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.sponly-mgnTB80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.sponly-mgnTB90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.sponly-mgnTB100 { margin-top: 100px !important; margin-bottom: 100px !important; }

}



/**----------------------------------------------------------------------
 padding
----------------------------------------------------------------------**/
.pad5,.pad05 { padding: 5px !important; }
.pad10 { padding: 10px !important;}
.pad15 { padding: 15px !important;}
.pad20 { padding: 20px !important;}
.pad30 { padding: 30px !important;}
.pad40 { padding: 40px !important;}
.pad50 { padding: 50px !important;}
.pad60 { padding: 60px !important;}
.pad70 { padding: 70px !important;}
.pad80 { padding: 80px !important;}
.pad90 { padding: 90px !important;}
.pad100 { padding: 100px !important;}
.pad1em { padding: 1.0em !important; }
.pad2em { padding: 2.0em !important; }
.pad3em { padding: 3.0em !important; }
.pad5em { padding: 5.0em !important; }

.padT5,.padT05 { padding-top: 5px !important; }
.padT10 { padding-top: 10px !important; }
.padT15 { padding-top: 15px !important; }
.padT20 { padding-top: 20px !important; }
.padT30 { padding-top: 30px !important; }
.padT40 { padding-top: 40px !important; }
.padT50 { padding-top: 50px !important; }
.padT60 { padding-top: 60px !important; }
.padT70 { padding-top: 70px !important; }
.padT80 { padding-top: 80px !important; }
.padT90 { padding-top: 90px !important; }
.padT100 { padding-top: 100px !important; }
.padT1em { padding-top: 1.0em !important; }
.padT2em { padding-top: 2.0em !important; }
.padT3em { padding-top: 3.0em !important; }
.padT5em { padding-top: 5.0em !important; }

.padB5,.padB05 { padding-bottom: 5px !important; }
.padB10 { padding-bottom: 10px !important; }
.padB15 { padding-bottom: 15px !important; }
.padB20 { padding-bottom: 20px !important; }
.padB30 { padding-bottom: 30px !important; }
.padB40 { padding-bottom: 40px !important; }
.padB50 { padding-bottom: 50px !important; }
.padB60 { padding-bottom: 60px !important; }
.padB70 { padding-bottom: 70px !important; }
.padB80 { padding-bottom: 80px !important; }
.padB90 { padding-bottom: 90px !important; }
.padB100 { padding-bottom: 100px !important; }
.padB1em { padding-bottom: 1.0em !important; }
.padB2em { padding-bottom: 2.0em !important; }
.padB3em { padding-bottom: 3.0em !important; }
.padB5em { padding-bottom: 5.0em !important; }

.padR5,.padR05 { padding-right: 5px !important; }
.padR10 { padding-right: 10px !important; }
.padR15 { padding-right: 15px !important; }
.padR20 { padding-right: 20px !important; }
.padR30 { padding-right: 30px !important; }
.padR40 { padding-right: 40px !important; }
.padR50 { padding-right: 50px !important; }
.padR100 { padding-right: 100px !important; }
.padR1em { padding-right: 1.0em !important; }
.padR2em { padding-right: 2.0em !important; }
.padR3em { padding-right: 3.0em !important; }
.padR5em { padding-right: 5.0em !important; }

.padL5,.padL05 { padding-left: 5px !important; }
.padL10 { padding-left: 10px !important; }
.padL15 { padding-left: 15px !important; }
.padL20 { padding-left: 20px !important; }
.padL30 { padding-left: 30px !important; }
.padL40 { padding-left: 40px !important; }
.padL50 { padding-left: 50px !important; }
.padL100 { padding-left: 100px !important; }
.padL1em { padding-left: 1.0em !important; }
.padL2em { padding-left: 2.0em !important; }
.padL3em { padding-left: 3.0em !important; }
.padL5em { padding-left: 5.0em !important; }

.padLR5,.padLR05 { padding-left: 5px !important; padding-right: 5px !important; }
.padLR10 { padding-left: 10px !important; padding-right: 10px !important; }
.padLR15 { padding-left: 15px !important; padding-right: 15px !important; }
.padLR20 { padding-left: 20px !important; padding-right: 20px !important; }
.padLR30 { padding-left: 30px !important; padding-right: 30px !important; }
.padLR40 { padding-left: 40px !important; padding-right: 40px !important; }
.padLR50 { padding-left: 50px !important; padding-right: 50px !important; }
.padLR100 { padding-left: 100px !important; padding-right: 100px !important; }
.padLR1em { padding-left: 1.0em !important; padding-right: 1.0em !important; }
.padLR2em { padding-left: 2.0em !important; padding-right: 2.0em !important; }
.padLR3em { padding-left: 3.0em !important; padding-right: 3.0em !important; }
.padLR5em { padding-left: 5.0em !important; padding-right: 5.0em !important; }

.padTB5,.padTB05 { padding-top: 5px !important; padding-bottom: 5px !important; }
.padTB10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.padTB15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.padTB20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.padTB30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.padTB40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.padTB50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.padTB60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.padTB70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.padTB80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.padTB90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.padTB100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.padTB1em { padding-top: 1.0em !important; padding-bottom: 1.0em !important; }
.padTB2em { padding-top: 2.0em !important; padding-bottom: 2.0em !important; }
.padTB3em { padding-top: 3.0em !important; padding-bottom: 3.0em !important; }
.padTB5em { padding-top: 5.0em !important; padding-bottom: 5.0em !important; }

/*ネガティブパディング*/
.padB5n,.padB05n { padding-bottom: -5px !important; }
.padB10n { padding-bottom: -10px !important; }
.padB15n { padding-bottom: -15px !important; }
.padB20n { padding-bottom: -20px !important; }
.padB30n { padding-bottom: -30px !important; }
.padB40n { padding-bottom: -40px !important; }
.padB50n { padding-bottom: -50px !important; }
.padB60n { padding-bottom: -60px !important; }
.padB70n { padding-bottom: -70px !important; }
.padB80n { padding-bottom: -80px !important; }
.padB90n { padding-bottom: -90px !important; }
.padB100n { padding-bottom: -100px !important; }


@media only screen and (max-width: 768px) {

.pad20 { padding: 10px !important;}
.pad30 { padding: 15px !important;}
.pad40 { padding: 20px !important;}
.pad50 { padding: 25px !important;}
.pad60 { padding: 30px !important;}
.pad70 { padding: 35px !important;}
.pad80 { padding: 40px !important;}
.pad90 { padding: 45px !important;}
.pad100 { padding: 50px !important;}

.padT20 { padding-top: 20px !important; }
.padT30 { padding-top: 30px !important; }
.padT40 { padding-top: 40px !important; }
.padT50 { padding-top: 50px !important; }
.padT100 { padding-top: 100px !important; }

.padB20 { padding-bottom: 20px !important; }
.padB30 { padding-bottom: 30px !important; }
.padB40 { padding-bottom: 40px !important; }
.padB50 { padding-bottom: 50px !important; }
.padB100 { padding-bottom: 100px !important; }

.padR20 { padding-right: 20px !important; }
.padR30 { padding-right: 30px !important; }
.padR40 { padding-right: 40px !important; }
.padR50 { padding-right: 50px !important; }
.padR100 { padding-right: 100px !important; }

.padL20 { padding-left: 20px !important; }
.padL30 { padding-left: 30px !important; }
.padL40 { padding-left: 40px !important; }
.padL50 { padding-left: 50px !important; }
.padL100 { padding-left: 100px !important; }

.padLR20 { padding-left: 20px !important; padding-right: 20px !important; }
.padLR30 { padding-left: 30px !important; padding-right: 30px !important; }
.padLR40 { padding-left: 40px !important; padding-right: 40px !important; }
.padLR50 { padding-left: 50px !important; padding-right: 50px !important; }
.padLR100 { padding-left: 100px !important; padding-right: 100px !important; }

.padTB20 { padding-top: 10px !important; padding-bottom: 10px !important; }
.padTB30 { padding-top: 15px !important; padding-bottom: 15px !important; }
.padTB40 { padding-top: 20px !important; padding-bottom: 20px !important; }
.padTB50 { padding-top: 25px !important; padding-bottom: 25px !important; }
.padTB60 { padding-top: 30px !important; padding-bottom: 30px !important; }
.padTB70 { padding-top: 35px !important; padding-bottom: 35px !important; }
.padTB80 { padding-top: 40px !important; padding-bottom: 40px !important; }
.padTB90 { padding-top: 45px !important; padding-bottom: 45px !important; }
.padTB100 { padding-top: 50px !important; padding-bottom: 50px !important; }
}

/**----------------------------------------------------------------------
background color
----------------------------------------------------------------------**/
.bgBLK,.bg-BLK{background-color:#000000 !important;}
.bgRED,.bg-RED{background-color:#ff0000 !important;}
.bgPINK,.bg-PINK{background-color:#f8e8e8  !important;}
.bgGREEN,.bg-GREEN{background-color:#006600 !important;}
.bgBLUE,.bg-BLUE{background-color:#2ea7e0 !important;}
.bgNAVY,.bg-NAVY{background-color:#003366 !important;}
.bgSKY,.bg-SKY{background-color:#e1f2ff !important;}
.bgBEG,.bg-BEG{background-color:#f8f7e8 !important;}
.bgGRAY,.bg-GRAY{background-color:#f1f1f1 !important;}
.bgGRAY2,.bg-GRAY2{background-color:#e1e1e1 !important;}



/* *--------------------------------------------------------------------
 SNS制御
--------------------------------------------------------------------* */
/*-- imgloading.jsで制御 --*/
.imgThumb{background:url(../images/module/loading.gif) 50% 50% no-repeat;}

/* SNS */
.fbcomments,.fb_iframe_widget,.fb_iframe_widget[style],.fb_iframe_widget iframe[style],.fbcomments iframe[style],.fb_iframe_widget span {
    width: 100%! important;
}
.hatena-bookmark{
    width:100% !important;
}
.twtr-doc{
    width: 100% !important;
}



/*Googlemap　埋め込み　レスポンシブ対応*/
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.gmap iframe,
.gmapr object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*ズームバーの制御用*/
.gm-style img{
  max-width : none;
}
.gm-style label{
  width : auto;
  display : inline;
}

/*facebook*/
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
  width: 100% !important;
}

/*Youtube　埋め込み　レスポンシブ対応*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* *--------------------------------------------------------------------
 ブラウザ警告
--------------------------------------------------------------------* */
.browercation{
    position: fixed;
    top:0;
    z-index: 9999;

    width: 100%;
/*    height: 100px;*/
    background: #ff0000;

    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
.browercation p{
    color: #ffffff;
    font-size: 12px;
    margin: 5px auto 0 auto;
    text-align: center;
}




/**----------------------------------------------------------------------
 clearfix
----------------------------------------------------------------------**/
.cf,.clearfix{	display:block;}
.cf:after,
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf,.clearfix{
/* WinIE7 MacIE5
	display:inline-table;
	zoom:100%;
 */
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .cf,
* html html .clearfix{
/*	height:1px;*/
}

/*
ul:before,ul:after {    content:"";    display:table;}
ul:after {    clear:both;}
ol:before,ol:after {    content:"";    display:table;}
ol:after {    clear:both;}
dl:before,dl:after {    content:"";    display:table;}
dl:after {    clear:both;}
*/