/*///// GENERAL.CSS /////*/
/*
※各ブロックの幅や、テキスト装飾、背景画像や汎用クラスを制御。
*/
/* Last Update 2008-11-24 */

/*///// CONTENT /////*/
/*
1. 全体のデザイン設定
2. コンテンツエリアの幅設定
	2-1 MAIN(for 2 column)
	2-2 MAIN(for 3 column)


99. GENERAL SETTINGS
*/

/*/// 1. 全体のデザイン設定 ///*/
/* リンク色 */
	a:link {color: #000; border-bottom: 1px #000 solid;}
	a:active {color: #000; border-bottom: 1px #000 solid;}
	a:visited {color: #000; border-bottom: 1px #000 solid;}
	a:hover {color: #000; border-bottom: 1px #000 solid;}


/* 全体の背景A */
html {
	background: #FFF;
}
	/* 全体の背景B */
	body {
	background: none;
	}
		/* ヘッダー */
		#head {
		height: 100px!important;/* 背景画像の高さ */
		background:url(http://www.asobu-outlet.com/common/images/bg_head01.gif) #FFDBA6 repeat-x;
		}
		/*/ コンテンツ領域 /*/
		#main {
		padding-top: 15px;
		}
			/* 各ブロック詳細
				1. div#content
				：エントリー概要（メインインデックス、カテゴリインデックス）や、
				　エントリー本体（エントリーページ）など、ページのコンテンツが入るブロック
				2. div#globalMenu
				：グローバルメニューが入るブロック
				3. div#recentEntry
				：最近のエントリーが入るブロック
				4. div#relatedInfo
				：オープンコンテンツが入るブロック
			*/
			/* 各ブロックのボーダー */
				div#content,
				div#globalMenu,
				div#recentEntry,
				div#relatedInfo {
				border: 1px solid #FFBC6D;
				background: none;
				}
				div#content h1,
				div#globalMenu h2,
				div#recentEntry h2,
				div#relatedInfo h2 {
				border-bottom: 1px solid #DC933D;
				}
			/* 各ブロック「見出し」の背景 */
				div#content h1,
				div#content h2.blockTitle,
				div#globalMenu h2,
				div#recentEntry h2,
				div#relatedInfo h2 {
				background:url(http://www.asobu-outlet.com/common/images/category_bg01.gif) #FFDBA6 repeat-x;
				}
		/* フッターの背景 */
		#foot {
		background: none;
		}

/*/// 2. コンテンツエリアの幅設定 ///*/
	/*// 2-1 MAIN(for 2 column) //*/
		/* パターンA：メニューが左 */
			.twoColA div#content {
			position: relative;
			right: 0px;/* 右端からの距離*/
			width: 498px;
			}	
			.twoColA div#subMenu {
			position: relative;
			left: 0px;/* 左端からの距離*/
			width: 175px;
			}
				.twoColA div#subMenu div#globalMenu,
				.twoColA div#subMenu div#recentEntry,
				.twoColA div#subMenu div#relatedInfo {
				margin-bottom: 15px;
				}
		/* パターンB：メニューが右 */
			.twoColB div#content {
			position: relative;
			left: 20px;/* 左端からの距離*/
			width: 728px;
			}	
			.twoColB div#subMenu {
			position: relative;
			right: 20px;/* 右端からの距離*/
			width: 175px;
			}
				.twoColB div#subMenu div#globalMenu,
				.twoColB div#subMenu div#recentEntry,
				.twoColB div#subMenu div#relatedInfo {
				margin-bottom: 15px;
				}
		
	/*// 2-2 MAIN(for 3 column) //*/
		/* パターンA：メニューが左 */
			.threeColA div#contents {
			position: relative;
			right: 20px;/* 右端からの距離*/
			width: 730px;
			}
				.threeColA div#contents div#content {
				width: 538px;
				}
				.threeColA div#contents div#optionalContent {
				width: 175px;
				}
					.threeColA div#optionalContent div#recentEntry,
					.threeColA div#optionalContent div#relatedInfo {
					margin-bottom: 15px;
					}
			.threeColA div#subMenu {
			position: relative;
			left: 20px;/* 左端からの距離*/
			width: 175px;
			}
		/* パターンB：メニューが右 */
			.threeColB div#contents {
			position: relative;
			left: 20px;/* 左端からの距離*/
			width: 620px;
			}
				.threeColB div#contents div#content {
				width: 428px;
				}
				.threeColB div#contents div#optionalContent {
				width: 175px;
				}
					.threeColB div#optionalContent div#recentEntry,
					.threeColB div#optionalContent div#relatedInfo {
					margin-bottom: 15px;
					}
			.threeColB div#subMenu {
			position: relative;
			right: 20px;/* 右端からの距離*/
			width: 175px;
			}


/*///// 99. GENERAL SETTINGS /////*/

	/*//// LINE HEIGHT ////*/
	#main {
	line-height: 1.2;
	}
	#recentEntry,
	#relatedInfo {
	line-height: 1.5;
	}
	/*//// FONT ////*/
		/* DEFAULT */
		body {
		font-size: 12px;
		color: #000;
		}
		/*/// 18px ///*/
		#head #logo {
		font-size: 18px;
		}

		/*/// 16px ///*/
		div#main div#content .pageTitle,
		div#main div#content .blockTitle {
		font-size: 16px;
		}

		/*/// 14px ///*/
		div#head p#siteDescripton,
		div#globalMenu ul li strong,
		div#globalMenu h2,
		div#recentEntry h2,
		div#relatedInfo h2,
		div#content h2 {
		font-size: 14px;
		}
		
	/*//// FONT WEIGHT ////*/
	h1,h2,h3,h4,h5,h6,dt,
	#logo {
	font-weight: bold;
	}
	#head h1.pageTitle {
	font-weight: normal;
	}
	
	/*//// TEXT ALIGN ////*/
	.a-left {
	text-align: left;
	}
	.a-center {
	text-align: center;
	}
	.a-right {
	text-align: right;
	}

	/*//// PHOTO ////*/
	img.photoL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.photoR {
	float: right;
	margin: 0 0 0.5em 1em;
	}
	img.thumbL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.thumbR {
	float: right;
	margin: 0 0 0.5em 1em;
	}

	/*//// ARROW ////*/
	div.content ul {
	list-style: url(../common/images/arrow.gif);
	}
		div.content ul li {
		margin-left: 16px;
		}

	/*//// MARGIN ////*/
	
	/*//// CLEAR ////*/
	.clear {
	clear: both;
	}
	.clearL {
	clear: left;
	}
	.clearR {
	clear: right;
	}

/*//// CLEARFIX ////*/
div#head:after,
div#mainImg:after,
div#contents:after,/* 3 column */
div#main:after,/* 2 column */
div#content:after,/* 1 column */
div#content div.eachEntry:after,
div#content div.body:after,
div#foot:after,
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div#head,
div#globalMenu,
div#topicPath,
div#mainImg,
div#contents,/* 3 column */
div#main,/* 2 column */
div#content,/* 1 column */
div#content div.eachEntry,
div#content div.body,
div#foot,
.clearfix {
    display:inline-block;
    min-height:1%; /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#head,
* html div#globalMenu,
* html div#topicPath,
* html div#mainImg,
* html div#contents,/* 3 column */
* html div#main,/* 2 column */
* html div#content,/* 1 column */
* html div#content div.eachEntry,
* html div#content div.body,
* html div#foot,
* html .clearfix {
	height: 1%;
}
div#head,
div#globalMenu,
div#topicPath,
div#mainImg,
div#contents,/* 3 column */
div#main,/* 2 column */
div#content,/* 1 column */
div#content div.eachEntry,
div#content div.body,
div#foot,
.clearfix {
	display: block;
}
/* End hide from IE-mac */