@charset "utf-8";

/*----------------------------------------------------------------
 Style Setting
 Date    : 20111216
----------------------------------------------------------------*/

/* Header
--------------------------------------------------------- */
.sub_section {
	background:url("/./jj/jjcommon/img/vertical.png") repeat-x scroll 0 -81px #3D9973;
	height: 28px;
	margin: 0;
	padding: 0;
	width: 950px;
}

/* Base
--------------------------------------------------------- */
#wrapper { width: 949px; }
#markWrap { width: 920px; margin: 0 auto; padding: 15px 15px 15px 14px; }

#guideFooter { width: 920px; border-bottom: 1px solid #dcdcdc; }
.btnFoot { background: url(/edit/fguide/mikata/img/fj02_s_btn_close_01.gif) no-repeat; width: 145px; height: 22px; }
.btnFoot a:hover { background: url(/edit/fguide/mikata/img/fj02_s_btn_close_01_ov.gif) no-repeat; width: 145px; height: 22px; }

.fl { float: left; }
.fr { float: right; }

.pr { position: relative; }
.dspB { display: block; }
.dspI { display: inline; }

ul, ol, dl, li, dt, dd { list-style: none outside none; }

a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

/* ----- cFix ----- */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/* ----- sprites ----- */

#markWrap .sp { background: url(/edit/fguide/mikata/img/sp.png) no-repeat; }

.b {
	border: 0 none;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
}

.h1Pct { background-position: -135px -266px; width: 5px; height: 25px; } 

/* ----- contents ----- */

#markWrap h1 {
	border-left: 5px solid #55a986;
	font-size: 26px;
	line-height: 1;
	margin: 20px 0 0 0;
	padding-top: 0;
	text-align: left;
	text-indent: 18px;
}
#markWrap h2 { background-color: #dcdbcd; width: 435px; }

.w350 { width: 355px; }
.w370 { width: 370px; }
.w445 { width: 445px; }

.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; line-height: 1.6; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 18px; }

.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }

.fcR { color: #ae0000; }
.lnG { background: url(/edit/fguide/mikata/img/line_mark.png) repeat-x left top; }

.fwN { font-weight: normal; }
.taR { text-align: right; }

.textN { text-indent: -1.8em; margin-left: 1.6em; }

/* ----- icon ----- */

#markWrap .icoM01 { background-position: 0 0; width: 59px; height: 35px; }
#markWrap .icoM02 { background-position: 0 -36px; width: 59px; height: 35px; }
#markWrap .icoM03 { background-position: 0 -72px; width: 59px; height: 35px; }
#markWrap .icoM04 { background-position: 0 -108px; width: 59px; height: 35px; }
#markWrap .icoM05 { background-position: 0 -144px; width: 59px; height: 36px; }
#markWrap .icoM06 { background-position: 0 -181px; width: 59px; height: 36px; }
#markWrap .icoM07 { background-position: 0 -218px; width: 59px; height: 36px; }
#markWrap .icoM08 { background-position: 0 -255px; width: 59px; height: 36px; }

#markWrap .icoK01 { background-position: -60px 0; width: 80px; height: 35px; }
#markWrap .icoK02 { background-position: -60px -36px; width: 80px; height: 35px; }
#markWrap .icoK03 { background-position: -60px -72px; width: 80px; height: 35px; }
#markWrap .icoK04 { background-position: -60px -108px; width: 80px; height: 35px; }
#markWrap .icoK05 { background-position: -60px -144px; width: 80px; height: 35px; }
#markWrap .icoK06 { background-position: -60px -181px; width: 80px; height: 35px; }


/* ----- margin ----- */
.m00 { margin: 0 auto; }

.mT07 { margin-top: 7px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mT20 { margin-top: 20px; }
.mT50 { margin-top: 50px; }

.mL10 { margin-left: 10px; }
.mL30 { margin-left: 30px; }

.mB05 { margin-bottom: 5px; }

/* ----- padding ----- */
.p05 { padding: 5px; }

.pB50 { padding-bottom: 50px; }

/* ----- other ----- */
.pTh15 { padding: 4px 10px; }