@charset "UTF-8";

/* ベースfont-size 13px */
/* 16px font-size:125%; */
/* 11px font-size:86%; ←小さ目フォント*/
/* 10px font-size:79%; */

/*html
-------------------------------------------------------------------------------------------------------- */
body{
	font-size: 13px;
	/*¥*/
	_font-size: 81%;
	/**/
	color: #777777;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",メイリオ,Meiryo,sans-serif;
}

/* link
-------------------------------------------------------------------------------------------------------- */
a:link { color : #777777; text-decoration : underline;}
a:visited { color : #777777; text-decoration : underline;}
a:hover {color : #ca2a65; text-decoration : underline;}
a:active {color : #777777; text-decoration : underline;}

.ttl a:link {font-weight: normal; color: #408bb2 ; text-decoration: none;}
.ttl a:visited {font-weight: normal; color: #408bb2 ; text-decoration: none;}
.ttl a:hover {font-weight: normal; color: #e782a4; text-decoration: underline;}
.ttl a:active {font-weight: normal; color: #408bb2 ; text-decoration: none;}

.ttlblk a:link {font-weight: normal; color: #408bb2 ; text-decoration: none; display: block;}
.ttlblk a:visited {font-weight: normal; color: #408bb2 ; text-decoration: none; display: block;}
.ttlblk a:hover {font-weight: normal; color: #e782a4; text-decoration: underline; display: block;}
.ttlblk a:active {font-weight: normal; color: #408bb2 ; text-decoration: none; display: block;}

/*
.ttl a:link {font-weight: normal; color: #ca2a65 ; text-decoration: none;}
.ttl a:visited {font-weight: normal; color: #ca2a65 ; text-decoration: none;}
.ttl a:hover {font-weight: normal; color: #e782a4; text-decoration: underline;}
.ttl a:active {font-weight: normal; color: #ca2a65 ; text-decoration: none;}
*/

/*headerarea
================================================= */
#promotion h1 {
	font-size: 86%;
	color: #384462;
	line-height: 100%;
}

/* contentmain
================================================= */
#content-body #content {
	font-size: 100%;
	line-height: 180%;
	}
#content-body #side-area {
	font-size: 100%;
	line-height: 160%;
	}
#content-body #side-area #textarea_blog {
	font-size: 93%;
	line-height: 160%;
	}

#textarea_blog a:link{ color : #777777; text-decoration : none;}
#textarea_blog a:visited{ color : #777777; text-decoration : none;}
#textarea_blog a:hover{color : #ca2a65; text-decoration : none;}
#textarea_blog a:active{color : #777777; text-decoration : none;}



/*footer
================================================= */
#footer-area {
	font-size: 86%;
	line-height: 100%;
	color: #ffffff;
	font-family: 'メイリオ',Meiryo,sans-serif;
}

/* font-size
-------------------------------------------------------------------------------------------------------- */
.text-ss {
	font-size: 86%;
}
.text-s {
	font-size: 93%;
}
.text-m {
	font-size: 100%;
}
/* font-size 15px */
.text-l {
	font-size: 108%;
}
/* font-size 16px */
.text-ll {
	font-size: 115%;
}

/* font-bold or nomal
-------------------------------------------------------------------------------------------------------- */
.bld {
	font-weight:bold;
}
.nml {
	font-weight: normal;
}

/* line-height
-------------------------------------------------------------------------------------------------------- */
.linehit-none {
	line-height: 100%;
}
.linehit-s {
	line-height: 120%;
}
.linehit-m {
	line-height: 140%;
}
.linehit-l {
	line-height: 180%;
}
.linehit-ll {
	line-height: 220%;
}

/* font-color
-------------------------------------------------------------------------------------------------------- */
.bese {
	color: #777777;
	}
.grn {
	color: #5b9d3a;
	}
.pink {
	color: #C51456;
	}
.red {
	color: #a40001;
	}
.aqua {
	color: #408bb2 ;
	/* color: #00a0ca; */
	}
.blue {
	color: #003399;
	}
.org {
	color: #eb6101;
	}
.blw {
	color: #221815;
	}

/* font color
-------------------------------------------------------------------------------------------------------- */
.attention {
	color: #a40001;	/* ※印 */
	font-size: 86%;
	line-height: 140%;
	}
.caps {
	color: #555555;
	font-size: 86%;
	line-height: 140%;
	margin-top: 2px;
	_margin-top: 5px;
	}
/* IE 7のみ適用 */
*:first-child+html .caps {
	margin-top: 5px;
	}
/* これからMac IE 5、safariのみに適用 ¥*//*/
.caps  {
	margin-top: 2px;
	}
/* ここまでMac IE 5、safariのみに適用 */