@charset "utf-8";

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

	 1. 基本レイアウト
 
============================================================================================================*/
html {
}
body {
	background: url(../img/_frame/bg_body.jpg);
	text-align : center;
	color : #222222;
	min-width : 993px;
}
#header {
	/* background: url(../img/_frame/bg_head.png) repeat-x left top; */
	background: url(../img/_frame/bg_head2.png) repeat-x left top;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9998;
	/* height: 138px;*/
	height: 92px;
	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression(documentElement.scrollTop + 0 + 'px');
	right: expression(documentElement.scrollRight + 0 + 'px');
	left: expression(documentElement.scrollLeft + 0 + 'px');
}
#header .inner {
	position: relative;
	margin: 0 auto;
	/*height: 138px;*/
	height:104px;
	width : 993px;
	text-align : left;
	zoom: 1;
}

#wrapper{
	text-align : left;
}
#container {
	margin: 0 auto;
	padding-top:115px;
	width : 993px;
}
#mainContent {
	background : #ffffff;
	border: 1px solid #e5002d;
	float : left;
	margin : 0 0 40px 7px;
	width : 698px;
}
#aside {
	float : right;
	margin : 0 7px 40px 0;
	width : 250px;
}
#footer {
	border-top: 5px solid #e5002d;
	padding-top: 28px;
	min-width: 980px;
}
#footer .inner {
	text-align : left;
	margin : 0px auto;
	padding-bottom: 40px;
	width : 980px;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/*  共通枠
-----------------------------------*/
.bloc01,
.bloc02{
	background: #fff0c8;
	border: 1px solid #e5002d;
	zoom :1;
}
.bloc02 {
	padding: 13px 16px;
}
.bloc03{
	background: #fff0e6;
	border: 1px solid #e5002d;
	padding: 13px 16px;
}

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

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

	 2-1. header
 
============================================================================================================*/
#header .siteID,
#header p.tagLine,
#utilNav,
#gNav{
	position: absolute;
}
#header .siteID {
	top: 3px;
	left: 7px;
}
#header p.tagLine {
	top: 13px;
	right: 7px;
}

#gNav {
	bottom: 20px;
	left: 0;
}
#gNav li,
#utilNav li{
	float: left;
}

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

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

}
#theContent {
	padding: 0 49px;
}
#theContent p {
	margin-bottom: 20px;
}
/*  ページタイトルに大カテゴリ表示なし
-----------------------------------*/
.blank{
	background: #e5002d;
	height: 8px;
}

/*  Comingsoonコンテンツ
-----------------------------------*/
.soonContent {
	padding: 80px 0 50px;
}
/*  ------------------------------------------------------------------

	次ページリンク

---------------------------------------------------------------------*/
#mainContent .contentLink {
	background: #fff0c9;
	border-top: 1px solid #e5002d;
	padding: 14px 50px;
	text-align: center;
	line-height: 1;
}
/*  通常
-----------------------------------*/
#mainContent .contentLink p a{
	background: url(../img/_frame/linkArrow_next.png) no-repeat 0% 50%;
	padding-left: 60px;
	font-size: 26px;
}

/*  前後付
-----------------------------------*/
#mainContent .contentLink ul{
}
#mainContent .contentLink ul li{
	float: left;
	width: 476px;
	vertical-align: middle;
	font-size: 16px;
	color: #e5002d;
}
#mainContent .contentLink ul li.prevLink{
	text-align: left;
	width: 60px;
}
#mainContent .contentLink ul li.nextLink{
	text-align: right;
	width: 60px;
}


/*  ニュース系
-----------------------------------*/
#mainContent .contentLink02 {
	margin-bottom: 30px;
	padding: 0 50px;
	line-height: 1;
}
#mainContent .contentLink02 ul li{
	float: left;
	width: 346px;
	vertical-align: middle;
	color: #e5002d;
	text-align: center;
}
#mainContent .contentLink02 ul li.prevLink{
	margin-top: 8px;
	width: 125px;
	text-align: left;
}
#mainContent .contentLink02 ul li.prevLink a{
	background: url(../img/_frame/linkArrow_prevNext01.png) no-repeat 0% 50%;
	padding-left: 15px;
}
#mainContent .contentLink02 ul li.nextLink{
	margin-top: 8px;
	width: 125px;
	text-align: right;
}
#mainContent .contentLink02 ul li.nextLink a{
	background: url(../img/_frame/linkArrow_prevNext02.png) no-repeat 100% 50%;
	padding-right: 15px;
}
#mainContent .contentLink02 ul li.topLink{
	margin-top: 8px;
}

/*  ページネーション
-----------------------------------*/
#mainContent .contentLink02 ul.pagenation li {
	display: inline;
	float: none;
	padding-bottom: 1px;
	line-height: 1.2;
	letter-spacing: 0em;
	text-align: center;
	width: auto;
}
#mainContent .contentLink02 ul.pagenation a,
#mainContent .contentLink02 ul.pagenation a:visited {
	border: 2px solid #e5002d;
	display: -moz-inline-box;
	display: inline-block;
	width: 26px;
	padding: 5px 0;
	text-decoration: none;
}
#mainContent .contentLink02 ul.pagenation a:hover,
#mainContent .contentLink02 ul.pagenation a:active {
	background-color: #f3748d;
	border: 2px solid #f3748d;
}
/*  現在地表示
-----------------------------------*/
#mainContent .contentLink02 ul.pagenation li span {
	border: 2px solid #b4b4b4;
	display: -moz-inline-box;
	display: inline-block;
	width: 26px;
	padding: 5px 0;
	color: #b4b4b4;
}


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

	 2-3. aside
 
============================================================================================================*/
#lNav{
	line-height: 1.3;
}
#lNav dd{
	padding: 5px 11px;
}
#lNav ul{
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	zoom: 1;
}
#lNav li{
	border-top: 1px dashed #e5002d;
	margin-top: -1px;
	padding: 12px 0 ;
}

#lNav li.navType01 a{
	background: url(../img/_frame/linkArrow_lNav01.png) no-repeat 7px 50%;
	display: block;
	padding-left: 25px;
}
#lNav li.navType01.current a{
	background: #e5002d url(../img/_frame/linkArrow_lNav02.png) no-repeat 7px 50%;
	padding: 3px 0 3px 25px;
	border-radius: 5px;
	color: #FFF;
}
#lNav li.navType01.current a:link{
	color: #FFF;
}

#aside .bnrs{
	border-top: 1px solid #e5002d;
	padding-top: 20px;
}



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

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

	footNav

---------------------------------------------------------------------*/
#footNav {
	position: relative;
	line-height: 1.2;
	zoom: 1;
}
#footNav li {
	border-right: 1px solid #e20027;
	float: left;
	white-space: nowrap;
	padding: 0 7px;
}
#footNav li.firstChild{
	border-left: 1px solid #e20027;
}
#footNav p {
	position: absolute;
	top: 0;
	right: 0;
}


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

	socialBtn

---------------------------------------------------------------------*/
#footer .socialBtn{
	float: left;
}
#footer .socialBtn li {
	float: left;
	margin-top: 3px;
	margin-right: 15px;
}
#footer .socialBtn li.mix {
	margin-top: 0;
}
#footer .socialBtn li.twi {
	width: 100px;
	overflow: hidden;
}

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

	copyright

---------------------------------------------------------------------*/
#footer #copy {
	float: right;
	text-align: right;
}


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

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

	99. clearFix (pkg)

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

/* start clearfix */
#container:after,
#footNav ul:after,
.socialBtn:after,
#mainContent .contentLink ul:after,
#mainContent .contentLink02 ul: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 ul,
* html .socialBtn,
* html #mainContent .contentLink ul,
* html #mainContent .contentLink02 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 .clearfix {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html #container,
*:first-child+html #footNav ul,
*:first-child+html .socialBtn,
*:first-child+html #mainContent .contentLink ul,
*:first-child+html #mainContent .contentLink02 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 .clearfix {
	zoom: 1;
}
/* end clearfix */