@charset "utf-8";

/* --------------------------------
	基本レイアウト
	2011/06/02 nz
-------------------------------- */
/* ==========================================================================================================

	 1. 基本レイアウト
 
============================================================================================================*/
/*  フッターを下端に配置させる下準備
-----------------------------------*/
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}
#footer,
.push {
	clear: both;
}
/*  
-----------------------------------*/
html {
}
body {
	background: url(../img/_frame/bg.png) repeat;
	text-align : center;
	color : #222222;
}
#wrapper {
	text-align : center;
	border-bottom: #1c1c1c 10px solid;
	border-left: #1c1c1c 10px solid;
	border-right: #1c1c1c 10px solid;
}
#header {
	background : #1c1c1c;
	height: 45px;
	zoom: 1;
	width: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 3;
}

.sidenav {
	position: fixed;
	top: 200px;
	right: 0;
}

.hdspace {
	height: 100px;
}

#container {
	width: 940px;
	margin: 0 auto;
}
#mainContent {
	background : #ffffff;
	float : left;
	margin-bottom : 15px;
	width : 700px;
}
#aside {
	background : #ffffff;
	float : right;
	margin-bottom : 15px;
	width : 200px;
}
#footer {
	background: #1c1c1c;
	padding: 20px;
	width: 100%;
	color: #CCC;
}
#footer .inner {
	text-align : left;
	margin : 0px auto;
	width : 940px;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

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

	 2-1. header
 
============================================================================================================*/

#header ul{
	width: 940px;
	margin: 0 auto;
}

#header ul li{
	float: left;
	margin-right: 20px;
}

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

	 2-2. mainContent
 
============================================================================================================*/
#mainContent p {

}

.section {
	background: url(../img/_frame/content/divBg.png) repeat;
	padding: 10px;
}

.section .inBk {
	background: #1c1c1c;
	color: #FFF;
	z-index:1;
}

.section .inWh {
	background: #FFF;
	color: #ff286f;
	z-index:1;
	text-align: left;
}

.Slider img{
	z-index:2;
}
/* ==========================================================================================================

	 2-3. aside
 
============================================================================================================*/
#lNav{

}



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

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

	footNav

---------------------------------------------------------------------*/
#footNav {
	padding : 10px;
	/* 適宜変更してください*/
	font-size: 82%;
	letter-spacing: 0.05em;
}
#footNav li {
	/* 適宜変更してください。レイアウトはどうにでもしてください*/
	/* arrowが必要な時*/
	background: url(../img/_frame/parts/linkArrow01.gif) no-repeat 0% 50%;
	/* 左右にパーテションが必要な時*/
	border-right: 1px solid #000;
	float: left;
	white-space: nowrap;
	margin-right: 1.2em;
	padding-left: 10px;
}
#footNav li.rightChild,
#footNav li.lastChild, {
 border: none;
}
#footNav li a {
}
#footNav li a:hover {
}




/*  ------------------------------------------------------------------

	copyright

---------------------------------------------------------------------*/
#footer p.copy {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82%;
	letter-spacing: 0.05em;
}
/* ==========================================================================================================

	 1column
 
============================================================================================================*/
body.single {
}
body.single #mainContent {
	float: none;
	width: 778px;
}
/* ==========================================================================================================

	 3-3. popUpウインドウ
	 
	 bodyIDをpopUpにするだけで基本フレームが変わります。
	 基本フレームは[wrapper][header][mainContent][footer]だけ。
	 レイアウトはどうにでもしてください。
 
============================================================================================================*/
body#popUp #wrapper {
	width : 324px;
	padding : 30px;
}
body#popUp #header {
}
body#popUp #mainContent {
	float : none;
	margin-bottom : 15px;
	width : 324px;
}
body#popUp #footer {
}
/* ==========================================================================================================

	 3-4. 検索窓など
	 
	 初期設定は検索窓とボタンでそれぞれIDを振り分け
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	input

---------------------------------------------------------------------*/
input#word {
	border: 1px solid #D53A32;
	background-color: #FFFFFF;
	margin-left: 5px;
	width : 127px;
	height : 19px;
	vertical-align: bottom;
}
input#word:focus {
	background: #FFFFDF;
}
/*  ------------------------------------------------------------------

	btn

---------------------------------------------------------------------*/
input#searchBtn {
	margin-left: 5px;
	font-size: 125%;
}





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

	99. clearFix (pkg)

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

/* start clearfix */
#container:after,
#footNav:after,
#header ul:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html #container,
* html #footNav,
* html #header ul,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .clearfix {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html #container,
*:first-child+html #footNav,
*:first-child+html #header ul,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .clearfix {
	zoom: 1;
}
/* end clearfix */