@charset "utf-8";

/*
============================= Text CSS =============================

			フォント設定
				1.フォントサイズの基準
				2.見出し
				3.フォントサイズ
				4.フォントカラー
				5.その他

====================================================================
*/


/* 1.フォントサイズの基準
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽

参考：Yahoo! UI Library: Fonts CSS
　　　http://developer.yahoo.com/yui/fonts/

26px : 197%
24px : 182%
22px : 167%
20px : 153.9%
18px : 139%
16px : 123.1%
15px : 116%
14px : 108%
13px : 100%
12px : 93%
11px : 85%
10px : 77%

*/



/* 2.見出し
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

h1,h3,h4,h5,h6 { clear: both; }

article h1 {
	clear: both;
	color: #3F2010;
	font-weight: bold;
	font-size: 167%;
	line-height: 1.4;
	margin: 0 0 30px;
}

article h2 {
	clear: both;
	color: #3F2010;
	font-weight: bold;
	background: url(../img/common/h2_back.png) 0 bottom no-repeat;
	border-bottom: solid 1px #CB8266;
	font-size: 139%;
	font-weight: bold;
	line-height: 1.4;
	padding: 1px 0 5px 15px;
	margin: 0 0 15px;
}

article h3 {
	clear: both;
	color: #3F2010;
	font-size: 116%;
	border-left: solid 4px #412210;
	line-height: 1.6;
	padding: 0 0 0 10px;
	margin: 0 0 10px 15px;
}

article h4 {
}



/* 3.フォントサイズ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.fs5 { font-size: 40% !important; }
.fs6 { font-size: 55% !important; }
.fs8 { font-size: 69% !important; }
.fs10 { font-size: 77% !important; }
.fs11 { font-size: 85% !important; }
.fs12 { font-size: 93% !important; }
.fs13 { font-size: 100% !important; }
.fs14 { font-size: 108% !important; }
.fs15 { font-size: 116% !important; }
.fs16 { font-size: 123.1% !important; }
.fs18 { font-size: 139% !important; }
.fs20 { font-size: 153.9% !important; }
.fs22 { font-size: 167% !important; }
.fs24 { font-size: 182% !important; }
.fs26 { font-size: 197% !important; }
.fs30 { font-size: 260% !important; }



/* 4.フォントカラー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.black { color: #333; }
.red { color: #C00; }
.pink { color: #cc0033; }
.blue { color: #2E57A5; }
.liteblue { color: #72A1C9; }
.green { color: #006600; }
.orange { color: #FF6600; }
.white { color: #FFF; }
.gray { color: #666; }



/* 99.その他の要素
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

article p {
	margin: 0 0 10px 15px;
}

article li, article dt, article dd {
}

/* Inner Reset  */
article th p, article th li, article th dt, article th dd,
article td p, article td li, article td dt, article td dd,
article li p, article li li, article li dt, article li dd,
article dt p, article dt li, article dt dt, article dt dd,
article dd p, article dd li, article dd dt, article dd dd {
}

article strong { font-weight: bold; }
article em { font-style: italic; }

.bold { font-weight: bold !important; }
.nbold { font-weight: normal; }

.inH1 		{ margin: 0 0 10px 0 !important; }
.inH1end 	{ margin: 0 0 30px 0 !important; }
.inH2 		{ margin: 0 15px 10px 0 !important; }
.inH2end 	{ margin: 0 15px 20px 0 !important; }
.inH2End 	{ margin: 0 15px 30px 0 !important; }
.inH3 		{ margin: 0 20px 10px	30px !important; }
.inH3end 	{ margin: 0 20px 20px 30px !important; }
.inH3End 	{ margin: 0 20px 30px 0 !important; }
.inH4 		{ margin: 0 20px 10px	1em !important; }
.inH4end 	{ margin: 0 20px 20px 1em !important; }
.inH5 		{ margin: 0 20px 10px	1em !important; }
.inH5end 	{ margin: 0 20px 20px 1em !important; }

.indent { text-indent: 2em !important; }

table.inH2end { margin: 0 15px 20px 12px; width: 840px; }
table.inH3end { margin: 0 20px 20px 25px; width: 820px; }
 
#read { margin: 0 10px 20px; }

article ul.disc { margin: 0 0 15px 12px; }
article ul.disc li {
	list-style: disc;
	margin: 0 0 0 20px;
}

article ol {
	margin: 0 0 15px 15px;
}
article ol li {
	list-style: decimal;
	margin: 0 0 5px 20px;
}
article ol li ul {
	margin: 10px 0;
}
article ol li ul li {
	list-style: none;
	margin: 0;
}


/* END */