@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
	line-break: normal;
}
#contents p{
	margin:0;
}
table { border-collapse: collapse; border-spacing: 0; font-size:12px;}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ text-align: left; font-weight: normal; }

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



/************************************************************
 * アンカー
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

.linkWhite:link		{ color: #FFFFFF; }
.linkWhite:visited	{ color: #FFFFFF; }
.linkWhite:hover	{ color: #FFFFFF; }
.linkWhite:active	{ color: #FFFFFF; }

.btReloadS:link		{ color: #18AD17; }
.btReloadS:visited	{ color: #18AD17; }
.btReloadS:hover	{ color: #18AD17; }
.btReloadS:active	{ color: #18AD17; }

/************************************************************
 * タグ
 ************************************************************/
body {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
body, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}

label			{ vertical-align: middle; }

/************************************************************
 * IDS
 ************************************************************/
#wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
}
#contents {
	padding: 0 0px;
}
#leftColumn {
	float: left;
	width: 643px;
}
#rightColumn {
	float: right;
	width: 248px;
}

#articleContents {
	color: #000000;
	font-family: メイリオ,Meiryo, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif;
	font-size: 14px;
	line-height: 25px;
	margin-top:20px;
}
#articleContents h2,
#articleContents h3,
#articleContents p,
#articleContents div,
#articleContents span,
#articleContents a,
#articleContents li{/*110805*/
	line-height: 25px;
}
#H1TitleL {
	font-family: メイリオ,Meiryo, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif;
	background: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/title_img1.png) no-repeat 0 0;
	width: 643px;
	height: 220px;
	position: relative;
}
#H1TitleS {
	font-family: メイリオ,Meiryo, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif;
	background: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/title_img1_s.png) no-repeat 0 0;
	width: 643px;
	height: 170px;
	position: relative;
}
/************************************************************
 * CLASSES
 ************************************************************/
.bgKiji		{ background: #FFFFFF url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/kiji_bg.png) repeat-y; }

h1, h2, h3, h4, h5, h6 { font-size: 12px; }

/* FORM要素 */
.TF { vertical-align: middle; }

.TF,
.TA,
.PD {
	border-top: 1px solid #98857A;
	border-right: 1px solid #DCCFC8;
	border-bottom: 1px solid #DCCFC8;
	border-left: 1px solid #98857A;
}
.CB {
	vertical-align: middle;
	height: 14px;
	margin-right: 5px;
}

.bd400		{ border: 3px solid #0399d8; }
.bd400_600	{ border: 3px solid #20801c; }
.bd600_800	{ border: 3px solid #c52487; }
.bd800		{ border: 3px solid #7c177f; }

.bd400B		{ border-top: 3px solid #0399d8; }
.bd400_600B	{ border-top: 3px solid #20801c; }
.bd600_800B	{ border-top: 3px solid #c52487; }
.bd800B		{ border-top: 3px solid #7c177f; }

.Strong		{ background-color: #FFE44C; }

.bgTxtStrong	{ background-color: #FCDABE; }
.fgTxtStrong	{ color: #E06904; line-height:25px; }/*110805*/

/* スプライト画像 */
.sb {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

#knowhow01 .c		{ background-image: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/common.png); background-repeat: no-repeat; }/*110805*/
.sb		{ background-image: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/common.png); background-repeat: no-repeat; }

.y		{ background-image: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/y.png); background-repeat: repeat-y; }
.g		{ background-image: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/y.png); background-repeat: no-repeat; }

.y2		{ background-image: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/y_2.png); background-repeat: repeat-y; }
.g2		{ background-image: url(/article/oyakudachi/wp-content/uploads/edit/kyotsu/kuichigai01/110810/img/sprites/y_2.png); background-repeat: no-repeat; }

/* H2,H3 */
.H2StyleComment			{ background-position: 0 -212px; width: 643px; height: 64px; }
.H2StyleKakomi	{
	background-color: #E0DF6A;
	font-size: 20px;
	font-weight: bold;
}
.H2StyleKakomi2	{
	background-color: #B9D9B5;
	font-size: 20px;
	font-weight: bold;
}
.H3StyleKakomi	{
	background-color: #A3A3A3;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
}
.H4StyleKakomi	{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #DADADA;
}
.honbunH4	{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #DADADA;
	line-height: 20px;
}
.H3Matome				{ background-position: 0 -452px; width: 643px; height: 75px; }
.H3Matome h3				{ color:#000000; }/*110805*/
.H3Column				{ background-position: 0 -527px; width: 643px; height: 75px; }


/* 表 */
.tableMidashi {
	font-size: 12px;
	border-bottom: 2px solid #DADADA;
	line-height: 20px;
}
.bdCell th,
.bdCell td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.thStyle {
	background-color: #457d66;
	font-weight: bold;
	color: #FFFFFF;
}
.thStrong {
	color: #ffb273;
}
.tdBg	{
	background-color: #ECECEC;
}
.tdStrongBg	{
	background-color: #FCDABE;
}
.pCell5 th,
.pCell5 td {
	padding: 5px;
}
.blankTd	{
	height: 10px;
	font-size:1px;
	padding: 0;
	margin: 0;
}
/* テキスト固定スタイル */
.figCommentS	{
	color: #333333;
	font-size: 10px;
	line-height: 11px;
}
.figCommentM	{
	color: #333333;
	font-size: 12px;
	line-height: 13px;
}
.fgStrong_Kakomi	{ color: #EF5700; }
.bgStrong			{ background-color: #FCDABE; }
/* ボタン */
.btSearchL 				{ background-position: 0 -602px; width: 387px; height: 53px; display: block; }
.btSearchL:hover,
.btSearchL:active		{ background-position: 0 -655px; }

.btSearchM 				{ background-position: -387px -602px; width: 304px; height: 53px; display: block; }
.btSearchM:hover,
.btSearchM:active		{ background-position: -387px -655px; }

.btSearchS 				{ background-position: -387px -708px; width: 185px; height: 27px; display: block; }
.btSearchS:hover,
.btSearchS:active		{ background-position: -387px -735px; }

.btSearchSS 			{ background-position: -717px -708px; width: 58px; height: 27px; display: block; }
.btSearchSS:hover,
.btSearchSS:active		{ background-position: -717px -735px; }

.btSideS 				{ background-position: -572px -708px; width: 145px; height: 27px; display: block; }
.btSideS:hover,
.btSideS:active			{ background-position: -572px -735px; }

.btReload 				{ background-position: -387px -762px; width: 263px; height: 38px; display: block; }
.btReload:hover,
.btReload:active		{ background-position: -387px -800px; }

.btReloadS 				{ background-position: -387px -838px; width: 205px; height: 27px; display: block; }
.btReloadS:hover,
.btReloadS:active		{ background-position: -387px -865px; }

.btRecommend1 			{ background-position: 0 -708px; width: 387px; height: 53px; display: block; }
.btRecommend1:hover,
.btRecommend1:active	{ background-position: 0 -761px; }

.btRecommend2 			{ background-position: 0 -814px; width: 387px; height: 53px; display: block; }
.btRecommend2:hover,
.btRecommend2:active	{ background-position: 0 -867px; }

/* ページング */
.btPageNext				{ background-position: 0 0; width: 617px; height: 53px; display: block; }
.btPageNext:hover,
.btPageNext:active		{ background-position: 0 -53px; }

.btPagePrev				{ background-position: 0 -106px; width: 617px; height: 53px; display: block; }
.btPagePrev:hover,
.btPagePrev:active		{ background-position: 0 -159px; }

.pageNext				{ position: relative; width: 617px; height: 53px; }
.nextNo {
	position: absolute;
	top: 14px;
	left: 13px;
	color: #FFFFFF;
	font-size:18px;
	font-weight: bold;
}
.pagePrev				{ position: relative; width: 617px; height: 53px; }
.prevNo {
	position: absolute;
	top: 14px;
	right: 17px;
	color: #FFFFFF;
	font-size:18px;
	font-weight: bold;
}

.paging					{ background-position: -617px -56px; width: 33px; height: 28px; display: block; }
.paging:hover,
.paging:active			{ background-position: -617px -84px; width: 33px; }
.pagingCurrent			{ background-position: -617px -112px; width: 33px; height: 28px; display: block; color: #FFFFFF; }

.pagingP				{ background-position: -650px -56px; width: 117px; height: 28px; display: block; }
.pagingP:hover,
.pagingP:active			{ background-position: -650px -84px; }
.pagingPOff				{ background-position: -650px -112px; width: 117px; height: 28px; display: block; color: #CCCCCC; }

.pagingN				{ background-position: -650px -140px; width: 117px; height: 28px; display: block; }
.pagingN:hover,
.pagingN:active			{ background-position: -650px -168px; }
.pagingNOff				{ background-position: -650px -196px; width: 117px; height: 28px; display: block; color: #CCCCCC; }

/* テキスト＆背景 */
.koukaiKijiH2Box {
	background-color: #008EE9;
	font-size: 20px;
	color: #FFFFFF;
	border-bottom: 1px solid #006699;
	padding: 9px 15px 3px 10px;
}
.indexBoxCatch,
.indexBoxCatch2 {
	background-color: #66BBF2;
	color: #FFFFFF;
	padding: 10px 15px 5px;
	line-height: 1;
}
.indexBoxH2,
.indexBoxH2_2 {
	background-color: #008EE9;
	font-size: 20px;
	color: #FFFFFF;
	border-bottom: 1px solid #006699;
	padding: 10px 15px 5px;
	line-height: 1;
}
.catchClipS				{ background-position: -643px -513px; width: 16px; height: 37px; }
.photoShadowS			{ background-position: -721px -268px; width: 66px; height: 4px; }
.photoShadowL			{ background-position: -643px -268px; width: 78px; height: 4px; }

.bgMatome				{ background-position: -1286px 0; width: 643px; }
.bgColumn				{ background-position: -1929px 0; width: 643px; }

.recommend1				{ background-position: 0 -276px; width: 643px; height: 88px; }
.recommend2				{ background-position: 0 -364px; width: 643px; height: 88px; }

.bgTxtLink				{ background-position: -617px 0; width: 196px; height: 28px; display: block; }
.bgTxtLink:hover,
.bgTxtLink:active		{ background-position: -617px -28px; }

.releaseIllust			{ background-position: -643px -377px; width: 105px; height: 136px; }
.yokokuIllust			{ background-position: -643px -272px; width: 88px; height: 105px; }

.catchTxt				{ top: 8px; left: 25px; width:70px; height:10px; }
.boxed {
	width: 643px;
	background-position: -643px 0;
}
.boxedTop {
	width: 643px;
	background-position: 0 top;
}
.boxedBottom {
	width: 643px;
	background-position: -1286px bottom;
}
.boxed2 {
	width: 643px;
	background-position: -2572px 0;
}
.boxedTop2 {
	width: 643px;
	background-position: -1929px top;
}
.boxedBottom2 {
	width: 643px;
	background-position: -3215px bottom;
}
.boxedSearchTop {
	width: 623px;
	background-position: 0 top;
	padding: 15px 10px;
}
.boxedSearch {
	width: 643px;
	background-position: -643px 0;
}
.boxedSearchTop2 {
	width: 305px;
	height: 384px;
	background-position: 0 top;
	padding: 8px;
}
.boxedSearch2 {
	width: 321px;
	background-position: -643px 0;
}

/* アイコン */
.icGood			{ background-position: -617px -140px; width: 26px; height: 26px; }
.icBad			{ background-position: -617px -166px; width: 26px; height: 26px; }
.icTaikenGreen	{ background-position: -643px -224px; width: 66px; height: 20px;}
#knowhow01 #contents h2.icSearchBox	{/*110805*/
	background-position: -806px -335px; padding-left: 25px; padding-top: 5px; margin-top:0;
}
.icWhiteArrow	{ background-position: -810px -206px; padding-left: 20px; }
.icWhiteArrowS	{ background-position: -813px -108px; padding-left: 15px; }
.icWhiteArrowSS	{ background-position: -817px -521px; padding-left: 10px; }
.icWhiteArrowI	{ background-position: -810px -217px; padding-left: 20px; }
.icOrangeArrow	{ background-position: -813px 5px; padding-left: 15px; }
.icCatch		{ background-position: -643px -244px; width: 96px; height: 24px; }


.mokujiBlue {
	background-color: #D9EEFC;
	padding: 15px;
}
.mokujiBlueTitle {
	color: #7EB4DB;
	font-weight: bold;
}
.linkBlue {
	background-color: #D9EEFC;
	padding: 7px;
	line-height: 1;
}
.mokujiRed {
	background-color: #FDE4E8;
	padding: 15px;
}
.mokujiRedTitle {
	color: #E1A1AE;
	font-weight: bold;
}
.linkRed {
	background-color: #FDE4E8;
	padding: 7px;
	line-height: 1;
}
.mokujiGreen {
	background-color: #D4FBD0;
	padding: 15px;
}
.mokujiGreenTitle {
	color: #93CA8E;
	font-weight: bold;
}
.linkGreen {
	background-color: #D4FBD0;
	padding: 7px;
	line-height: 1;
}
.mokujiYellow {
	background-color: #FCFEAC;
	padding: 15px;
}
.mokujiYellowTitle {
	color: #BDBF58;
	font-weight: bold;
}
.linkYellow {
	background-color: #FCFEAC;
	padding: 7px;
	line-height: 1;
}
/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width: 100%; }
.w20	{ width: 20px; }
.w30	{ width: 30px; }
.w66	{ width: 66px; }
.w72	{ width: 72px; }
.w78	{ width: 78px; }
.w85	{ width: 85px; }
.w90	{ width: 90px; }
.w94	{ width: 94px; }
.w96	{ width: 96px; }
.w116	{ width: 116px; }
.w140	{ width: 140px; }
.w145	{ width: 145px; }
.w150	{ width: 150px; }
.w168	{ width: 168px; }
.w180	{ width: 180px; }
.w183	{ width: 183px; }
.w190	{ width: 190px; }
.w200	{ width: 200px; }
.w204	{ width: 204px; }
.w213	{ width: 213px; }
.w215	{ width: 215px; }
.w220	{ width: 220px; }
.w225	{ width: 225px; }
.w245	{ width: 245px; }
.w247	{ width: 247px; }
.w277	{ width: 277px; }
.w283	{ width: 283px; }
.w287	{ width: 287px; }
.w290	{ width: 290px; }
.w295	{ width: 295px; }
.w312	{ width: 312px; }
.w304	{ width: 304px; }
.w314	{ width: 314px; }
.w320	{ width: 320px; }
.w321	{ width: 321px; }
.w329	{ width: 329px; }
.w350	{ width: 350px; }
.w360	{ width: 360px; }
.w380	{ width: 380px; }
.w395	{ width: 395px; }
.w400	{ width: 400px; }
.w405	{ width: 405px; }
.w408	{ width: 408px; }
.w423	{ width: 423px; }
.w460	{ width: 460px; }
.w483	{ width: 483px; }
.w495	{ width: 495px; }
.w510	{ width: 510px; }
.w540	{ width: 540px; }
.w570	{ width: 570px; }
.w580	{ width: 580px; }
.w575	{ width: 575px; }
.w610	{ width: 610px; }

/* HEIGHT */
.h20	{ height: 20px; }

/* LINE-HEIGHT */
.lh_1	{ line-height: 1; }
.lh14	{ line-height: 14px; }
.lh20	{ line-height: 20px; }
#articleContents p.lh20,
#articleContents table.lh20,
#articleContents table.lh20 th,
#articleContents table.lh20 td{/*110805*/
	line-height: 20px;
}
.lh22	{ line-height: 22px; }
.lh25	{ line-height: 25px; }
.lh28	{ line-height: 28px; }

/* MARGIN */
.m10	{ margin: 10px; }

.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT4	{ margin-top: 4px; }
.mT5	{ margin-top: 5px; }
.mT6	{ margin-top: 6px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT9	{ margin-top: 9px; }
.mT10	{ margin-top: 10px; }
#contents p.mT10	{ margin-top: 10px; }/*110805*/
.mT15	{ margin-top: 15px; }
#contents p.mT15	{ margin-top: 15px; }/*110805*/
.mT20	{ margin-top: 20px; }
#contents p.mT20	{ margin-top: 20px; }/*110805*/
#contents h2.mT20	{ margin-top: 20px; }/*110805*/
.mT25	{ margin-top: 25px; }
#contents p.mT25	{ margin-top: 25px; }/*110805*/
.mT30	{ margin-top: 30px; }
#contents p.mT30	{ margin-top: 30px; }/*110805*/
.mT60	{ margin-top: 60px; }
.mT120	{ margin-top: 120px; }

.mR1	{ margin-right: 1px; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }

.mB1	{ margin-bottom: 1px; }
.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }

.mL10	{ margin-left: 10px; }
.mL447	{ margin-left: 447px; }

.mHA	{ margin-right: auto; margin-left: auto; }
.mH15	{ margin-right: 15px; margin-left: 15px; }

/* PADDING */
.p3		{ padding: 3px; }
.p5		{ padding: 5px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT2	{ padding-top: 2px; }
.pT5	{ padding-top: 5px; }
.pT6	{ padding-top: 6px; }
.pT10	{ padding-top: 10px; }
.pT14	{ padding-top: 14px; }
.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }
.pT25	{ padding-top: 25px; }

.pR5	{ padding-right: 5px; }
.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }

.pB5	{ padding-bottom: 5px; }
.pB10	{ padding-bottom: 10px; }
.pB15	{ padding-bottom: 15px; }
.pB25	{ padding-bottom: 25px; }

.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL25	{ padding-left: 25px; }
.pL30	{ padding-left: 30px; }
.pL55	{ padding-left: 55px; }

.pV3	{ padding-top: 3px; padding-bottom: 3px; }
.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV7	{ padding-top: 7px; padding-bottom: 7px; }
.pV10	{ padding-top: 10px; padding-bottom: 10px; }
.pV15	{ padding-top: 15px; padding-bottom: 15px; }
.pV20	{ padding-top: 20px; padding-bottom: 20px; }

.pH2	{ padding-left: 2px; padding-right: 2px; }
.pH5	{ padding-left: 5px; padding-right: 5px; }
.pH7	{ padding-left: 7px; padding-right: 7px; }
.pH10	{ padding-left: 10px; padding-right: 10px; }
.pH15	{ padding-left: 15px; padding-right: 15px; }

.pV2H5		{ padding: 2px 5px; }
.pV5H10		{ padding: 5px 10px; }
#knowhow01 h3.pV5H10		{ padding: 5px 10px; }/*110805*/
.pV5H13		{ padding: 5px 13px; }
.pV7H10		{ padding: 7px 10px; }
.pV5H15		{ padding: 5px 15px; }
.pV10H15	{ padding: 10px 15px;}
.pV25H15	{ padding: 25px 15px;}
.pV15H25	{ padding: 15px 25px;}

.pCell5 th,
.pCell5 td { padding: 5px; }
.pCell7 th,
.pCell7 td { padding: 7px; }
.pCell10 th,
.pCell10 td { padding: 10px; }

/* DISPLAY */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.nowrap	{ white-space: nowrap; }

.breakW		{ word-wrap: break-word; }
.breakA		{ word-break: break-all; }
.lBNormal	{ line-break: normal; }

.textNote{
	text-indent: -1.0em;
	padding-left: 1.0em;
}
.textNoteL{
	text-indent: -14px;
	margin-left: 14px;
}
.textNoteI{
	padding-left: 2.5em;
	text-indent: -2.5em;
}

.zm	{ zoom: 1; }

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taC	{ text-align: center; }
.taR	{ text-align: right; }
.taL	{ text-align: left; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }

.top5		{ top: 5px; }
.topN7		{ top: -7px; }
.top10		{ top: 10px; }
.top12		{ top: 12px; }
.top17		{ top: 17px; }/*110805*/
.top25		{ top: 25px; }
.top27		{ top: 27px; }
.top50		{ top: 50px; }
.top130		{ top: 130px; }
.left1		{ left: 1px; }
.left15		{ left: 15px; }
.left80		{ left: 80px; }
.left322	{ left: 322px; }
.right0		{ right: 0px; }
.bottom15	{ bottom: 15px; }

.left_50	{ left: 50%; }

.offLeft	{ text-indent: -9999px; overflow: hidden; }

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

.fs10		{ font-size: 10px; }
.fs12		{ font-size: 12px; }
.fs14		{ font-size: 14px; }
.fs16		{ font-size: 16px; }
.fs20		{ font-size: 20px; }
.fs24		{ font-size: 24px; }

.bld		{ font-weight: bold; }

.fgGray			{ color: #666666; }
.fgWhite		{ color: #FFFFFF; }
.fgOrange		{ color: #EA5504; }
.fgBlue			{ color: #22ABCB; }
.fgDBlue		{ color: #0088A7; }
.fgDGreen		{ color: #37725A; }
.fgBrown		{ color: #985900; }

/* BACKGROUNG */
.bgWhite		{ background-color: #FFFFFF; }
.bgDGray		{ background-color: #999999; }
.bgGray			{ background-color: #CCCCCC; }
.bgLGray		{ background-color: #F5F5F5; }
.bgLLGray		{ background-color: #F1F1F1; }
.bgMGreen		{ background-color: #c5cec5; }
.bgDGreen		{ background-color: #316f55; }
.bgLGreen		{ background-color: #E3F1D2; }
.bgLLGreen		{ background-color: #E3EBE3; }
.bgLLLGreen		{ background-color: #F7FBF9; }
.bgBrown		{ background-color: #985900; }
.bgYellow		{ background-color: #FDE614; }
#knowhow01 h3.bgBrown		{ background-color: #985900; }/*110805*/
#knowhow01 h3.bgYellow		{ background-color: #FDE614; }/*110805*/
.bgLYellow		{ background-color: #FEF7A2; }

/* BORDER */
.bdGray			{ border: 1px solid #CCCCCC; }
.bdGrayT		{ border-top: 1px solid #CCCCCC; }
.bdGrayR		{ border-right: 1px solid #CCCCCC; }
.bdGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdGrayL		{ border-left: 1px solid #CCCCCC; }

.bdGrayD		{ border: 1px dotted #CCCCCC; }
.bdGrayTD		{ border-top: 1px dotted #CCCCCC; }
.bdGrayRD		{ border-right: 1px dotted #CCCCCC; }
.bdGrayBD		{ border-bottom: 1px dotted #CCCCCC; }
.bdGrayLD		{ border-left: 1px dotted #CCCCCC; }

.bdYellow		{ border: 1px solid #FDE614; }
.bdYellowR		{ border-right: 1px solid #FDE614; }
.bdYellowL		{ border-left: 1px solid #FDE614; }
.bdYellowB		{ border-bottom: 1px solid #FDE614; }

.bdSBrownR		{ border-right: 1px solid #BE8E08; }

.bdSYellowR		{ border-right: 1px solid #F0D411; }

#knowhow01 h3.bdSBrownR		{ border-right: 1px solid #BE8E08; }/*110805*/

#knowhow01 h3.bdSYellowR		{ border-right: 1px solid #F0D411; }/*110805*/

.bdGrayBS		{ border-bottom: 1px dashed #CCCCCC; }

.bdWhiteL		{ border-left: 1px solid #FFFFFF; }
.bdWhiteB		{ border-bottom: 1px solid #FFFFFF; }

.bdGreenB		{ border-bottom: 1px solid #BADD90; }

.bdYellowB		{ border-bottom: 1px solid #FFF04F; }

.bdBrownB		{ border-bottom: 1px solid #985900; }

.bdDBrownB		{ border-bottom: 1px solid #4F2F01; }