@charset "UTF-8";

/*   switcher
///////////////////////////////////////////////////////////////////////////*/
.btn_fontsize {
	height: 16px;
	line-height: 16px;
}
.btn_fontsize a span {
	display: none;
}
.btn_fontsize a.tsM {
	display: block;
	height: 16px;
	width: 10px;
	line-height: 16px;
	color: #3B3833;
	background-image: url(../img/btn_fsM.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.btn_fontsize a.tsM:hover {
	color: #3B3833;
	background-position: left -16px;
}
.btn_fontsize a.tsL {
	display: block;
	height: 16px;
	width: 14px;
	line-height: 16px;
	color: #3B3833;
	background-image: url(../img/btn_fs.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.btn_fontsize a.tsL:hover {
	color: #3B3833;
	background-position: right top;
}

/*   font size L(Large)
///////////////////////////////////////////////////////////////////////////*/
body {
	font-size: 16px;
	line-height: 28px;
}

/* h1, h2, h3, h4, h5 */
h1 {
	font-size: 34px;
	line-height: 48px;
}
h2 {
	font-size: 30px;
	line-height: 42px;
}
h3 {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0.1em;
}
h4 {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.1em;
}
h5 {
	font-size: 16px;
	line-height: 26px;
}

/* text */
.tsXL {
	font-size: 30px;
	line-height: 42px;
}
.tsLL {
	font-size: 24px;
	line-height: 36px;
}
.tsL {
	font-size: 20px;
	line-height: 32px;
}
.tsM {
	font-size: 16px;
	line-height: 28px;
}
.tsS {
	font-size: 12px;
	line-height: 22px;
}

/* entry(CMS) */
.entry {
	letter-spacing: 0.1em;
}

.col_left {
	background-position: 140px -82px;
}