@charset "utf-8";
/* --------------------------------

	(基本レイアウト)

		* last update 2010/02/09
		* modify : nazal;
	
--------------------------------

	index
	
	1. Structure Frames
	
	2. Template Style
		├ 2-1. header
		├ 2-2. mainContent
		├ 2-3. aside
		└ 2-4. footer
	
	3. Conditional
		├ 3-1. home
		├ 3-2. 1column
		├ 3-3. 検索窓など
		├ 3-3. 検索窓など
	
--------------------------------


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

	 1. Structure Frames
 
============================================================================================================*/
html {
}
body {
	text-align : center; /* for IE5 centering */
	color : #222222;
}
#wrapper {
	background: #FFF url(../img/_frame/bg_body.png) repeat-y center top;
	text-align : left;
	margin : 0px auto;
	width : 909px;
}
#header {
	background: #FFF url(../img/_frame/bg_body_head.png) no-repeat center top;
	position: relative;
	height: 108px;
	zoom: 1;
}
#container {
	padding-top: 28px;
}
#mainContent {
	float : right;
	width : 632px;
	padding-right: 43px;
}
#aside {
	position: relative;
	float : left;
	padding-left: 5px;
	width : 204px;
	zoom: 1;
}
#footer {
	background: #FFF url(../img/_frame/bg_body_foot.png) no-repeat center top;
	clear : both;
	padding: 1.5em 0;
	width : 909px;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

	 * 2. Template Style
 
============================================================================================================*/

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

	 2-1. header
 
============================================================================================================*/
#header .groupID,
#header .siteID {
	position: absolute;
}

#header .groupID {
	top: 16px;
	right: 5px;
}
#header .siteID {
	top: 40px;
	left: 5px;
}
/* ==========================================================================================================

	 2-2. mainContent
 
============================================================================================================*/
#mainContent p {
	margin-bottom: 1.7em;
}
/*  パンくず
-----------------------------------*/
#topicPath {
	clear: both;
	margin-bottom: 1em;
	font-size: 12px;
}
#topicPath li {
	background: url(../img/_frame/arrow_topicPath.png) no-repeat 0% 50%;
	display: inline;
	margin-right: 15px;
	padding-left: 25px;
	letter-spacing: 0.05em;
	color: #b5001f;
}
#topicPath li a:link,
#topicPath li a:visited{
	text-decoration: none;
	color: #b5001f;
}
#topicPath li a:hover {
	text-decoration: underline;
}

#topicPath li.firstChild{
	background: none;
	padding-left: 0;
}
#topicPath li.firstChild a:link,
#topicPath li.firstChild a:visited{
	text-decoration: none;
	color: #333;
}
#topicPath li.firstChild a:hover {
	text-decoration: underline;
}


/*  ローカルナビ
-----------------------------------*/
#lNav {
	margin-bottom: 3.3em;
}
#lNav li {
	float: left;
	display: inline;
	margin-right: 42px;
}

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

	 2-3. aside
 
============================================================================================================*/
#gNav {
	position: absolute;
	left: 5px;
}

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

	 2-4. footer
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	copyright

---------------------------------------------------------------------*/
#footer p.copy {
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.05em;
}
/* ==========================================================================================================

	 * 3. Conditional
 
============================================================================================================*/


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

	 3-1. home.html
 
============================================================================================================*/
body#home {
}
/* ==========================================================================================================

	 3-2. 1column
 
============================================================================================================*/
body.single {
}
body.single #mainContent {
	float: none;
	padding: 0;
	width : 909px;
	height: 435px;
}

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

	99. clearFix (pkg)

============================================================================================================*/
/* start clearfix */
#lNav:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html #lNav {
	height: 1%;
}
/* ie7 hack */
*:first-child+html #lNav {
	min-height: 1%;
}
/* end clearfix */
