@charset "utf-8";

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

	 1. 基本レイアウト
 
============================================================================================================*/
/*  フッターを下端に配置させる下準備
-----------------------------------*/
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -270px;
}
#footer,
.push {
	clear: both;
	height: 270px;
}
/*  
-----------------------------------*/
html {
}
body {
	background: url(../img/bg_body.png) repeat-x left top;
	text-align : center;
	color : #222222;
}
#wrapper {
	text-align : left;
	width : 950px;
}
#header {
	position: relative;
	margin-bottom : 7px;
	height: 110px;
	zoom: 1;
}
#mainContent {
	float : left;
	margin-bottom : 15px;
	width : 720px;
}
#theContent{
	background: #FFF;
	padding-right: 20px;
	padding-left: 20px;
}

#aside {
	float : right;
	margin-bottom : 15px;
	width : 200px;
}
#footer {
	background: #f1f1f1;
	border-top: 1px solid #e8e8e8;
	font-size: 12px;
}
#footer .inner {
	text-align : left;
	margin : 0px auto;
	padding-top: 15px;
	width : 950px;
	height: 225px;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

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

	 2-1. header
 
============================================================================================================*/
#header .siteID,
#kwSearch,
#utilNav,
#gNav{
	position: absolute;
}
#header .siteID {
	top: 18px;
	left: 0;
}
#utilNav{
	top: 48px;
	right: 0;
}
/* ie7 hack */
*:first-child+html #utilNav{
	top: 44px;
}
#gNav {
	bottom: 0;
	left: 0;
}
#gNav li,
#utilNav li{
	float: left;
}

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

	Googleカスタム検索

---------------------------------------------------------------------*/
#kwSearch {
	background: url(../img/bg_search.png) no-repeat left top;
	top: 6px;
	right: 0;
	padding: 6px 0 0 17px;
	width: 235px;
	height: 28px;
}
#kwSearch #keywords {
	border: none !important;
	display: block;
	float: left;
	-webkit-appearance: none;
	margin-right: 19px;
	width: 159px;
	height: 13px;
	font-size: 82%;
}
#kwSearch #searchBtn {
	display: block;
	float: left;
	width: 42px;
	height: 17px;
}



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

	 2-2. mainContent
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	h1Group

---------------------------------------------------------------------*/
.h1Group{
	position: relative;
	margin-right: -20px;
	margin-left: -20px;
	zoom: 1;
}
.h1Group #catId{
	position: absolute;
	top: -5px;
	left: 10px;
}
/*  ------------------------------------------------------------------

	topicPath

---------------------------------------------------------------------*/
#topicPath {
	margin-bottom: 18px;
	line-height: 1.2;
	font-size: 12px;
}
#topicPath ul{
	float: left;
	width: 500px;
}
#topicPath li{
	background: url(../img/arw_topicPath.png) no-repeat 0 50%;
	display: inline;
	margin-right: 2px;
	padding-left: 15px;
}
#topicPath li.firstChild{
	background: none;
	padding-left: 0;
}
#topicPath li a:link,
#topicPath li a:visited {
	text-decoration: underline;	
	color: #666666;
}
#topicPath li a:hover {
	text-decoration: none;
}

#topicPath .utilPrint{
	display: block;
	float: right;
}


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

	section

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

div.section {
	clear : both;
	margin-bottom : 50px;
}
div.section div.section {
	margin-bottom : 25px;
}
div.section div.section div.section {
	margin-bottom : 25px;

}
/*  文章用
-----------------------------------*/
div.section.txt {
	padding: 0 10px;
}
div.section.txt .txtHeading01 {
	margin-right: -10px;
	margin-left: -10px;
}
/*  ------------------------------------------------------------------

	txtHeading

---------------------------------------------------------------------*/
.txtHeading01, .txtHeading02, .txtHeading03 {
	line-height: 1.2;
}
.txtHeading01 {
	background: url(../img/bg_txtHeading01.png) repeat-x left bottom;
	border: 1px solid #dfdfdf;
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 5px 0 5px 10px;
	color: #333;
	font-size: 124%;
}
.txtHeading01 span {
	border-left: 5px solid #04acd9;
	display: block;
	padding: 6px 0 6px 12px;
	color: #333;
}
.txtHeading02 {
	background: #04acd9;
	padding: 4px 8px;
	color: #FFF;
	font-size: 124%;
}
.txtHeading03 {
	margin-top: 25px;
	margin-bottom: 15px;
	color: #0498e0;
	font-size: 124%;
}
/*  ------------------------------------------------------------------

	pageTop

---------------------------------------------------------------------*/
#mainContent .pageTop {
	clear: both;
	padding-bottom: 50px;
	text-align: right;
}
#mainContent .pageTop img {
	vertical-align: bottom;
}

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

	大カテゴリTop

---------------------------------------------------------------------*/
#iNav dl{
	width: 330px;
	margin-bottom: 25px;
	float: left;
}
#iNav dl.even{
	float: right;
}

#iNav dl dt{
	border-top: 1px solid #000;
	border-bottom: 1px solid #bfbfbf;
	display: block;
	font-weight: bold;
}
#iNav dl dt a{
	display: block;
	background: #FFF url(../img/arw01.png) no-repeat 4px 50%;
	padding: 8px 0 8px 21px;
}
#iNav dl dt a:hover{
	background: #f3f7f8 url(../img/arw01.png) no-repeat 4px 50%;
}


#iNav dl dd p{
	margin-bottom: 5px;
}


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

	 2-3. aside
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	lNav skin

---------------------------------------------------------------------*/
.skin{
	margin-bottom: 15px;
}
.skin .accordion,
.skin .accordion li {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.2;
	zoom: 1;
}
/*  カテゴリ表記
-----------------------------------*/
.skin .accordion .cat01 a.dcjq-parent,
.skin .accordion .cat02 a.dcjq-parent,
.skin .accordion .cat03 a.dcjq-parent,
.skin .accordion .cat04 a.dcjq-parent{
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 40px;
	text-indent: -9999px;
	margin-bottom:-1px;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.skin .accordion .cat01 a.dcjq-parent:hover,
.skin .accordion .cat02 a.dcjq-parent:hover,
.skin .accordion .cat03 a.dcjq-parent:hover,
.skin .accordion .cat04 a.dcjq-parent:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.skin .accordion .cat01 a.dcjq-parent{
	background: url(../img/btn_lNav01_nrm.png) no-repeat left top;
}
.skin .accordion .cat02 a.dcjq-parent{
	background: url(../img/btn_lNav02_nrm.png) no-repeat left top;
}
.skin .accordion .cat03 a.dcjq-parent{
	background: url(../img/btn_lNav03_nrm.png) no-repeat left top;
}
.skin .accordion .cat04 a.dcjq-parent{
	background: url(../img/btn_lNav04_nrm.png) no-repeat left top;
}

.skin .accordion .cat01 a.dcjq-parent.active,
.skin .accordion .cat02 a.dcjq-parent.active,
.skin .accordion .cat03 a.dcjq-parent.active,
.skin .accordion .cat04 a.dcjq-parent.active{
	margin-bottom: 0;
}

.skin .accordion .cat01 a.dcjq-parent.active{
	background: url(../img/btn_lNav01_on.png) no-repeat left top;
}
.skin .accordion .cat02 a.dcjq-parent.active{
	background: url(../img/btn_lNav02_on.png) no-repeat left top;
}
.skin .accordion .cat03 a.dcjq-parent.active{
	background: url(../img/btn_lNav03_on.png) no-repeat left top;
}
.skin .accordion .cat04 a.dcjq-parent.active{
	background: url(../img/btn_lNav04_on.png) no-repeat left top;
}

/*  下層表記
-----------------------------------*/
.skin .accordion a {
	background: #fff url(../img/arw02.png) no-repeat 5px 10px;
	padding: 6px 5px 7px 19px;
	text-decoration:none;
	display: block;
	color: #333333;
	border: 1px solid #e3e3e3;
	border-top: none;
}
.skin .accordion a:hover {
	background-color: #e5f0f5; 
	color: #0498e0;
	text-decoration: underline;
}
.skin .accordion li span a {
	background: #F4F4F4;
	padding: 6px 5px 7px 2.5em;
	text-indent: -1.4em;
	text-decoration:none;
	display: block;
}
.skin .accordion li span a:hover {
	background: #F4F4F4;
}

/*  下層Top表記
-----------------------------------*/
.skin .accordion li.localTop a {
	background: #fff url(../img/arw01.png) no-repeat 5px 10px;
}
.skin .accordion li.localTop a:hover {
	background-color: #e5f0f5; 
}

/*  現在地表記
-----------------------------------*/
.skin .accordion li.localTop a.current,
.skin .accordion a.current,
.skin .accordion .nest.parentsLink{
	background-color: #e5f0f5;
	font-weight: bold;
}
.skin .accordion li span a.current {
	background-color: #E7EAED;
	font-weight: bold;
}

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

	バナーエリア	

---------------------------------------------------------------------*/
.bnrType01{
	background: url(../img/bg_sideBody.png) no-repeat left bottom;
	margin-bottom: 15px;
	padding-bottom: 8px;
	zoom: 1;
}
.bnrType01 dt{
	background: url(../img/bg_sideHead.png) no-repeat left top;
	padding: 5px 0 0 5px;
}
.bnrType01 dd{
	padding-left: 5px;
}
.bnrType01 dd img{
	display: block;
	border: 1px solid #d9d9d9;
	margin-bottom: -1px;
}

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

	addthis

---------------------------------------------------------------------*/
#addthis{
	border: 1px solid #dedede;
	margin-bottom: 15px;
	padding: 3px 0 3px 7px;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	transition: color .3s ease;
}

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

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

	footNav

---------------------------------------------------------------------*/
.footNav{
	float: left;
	border-left: 1px dotted #a8a8a8;
	margin-right: 14px;
	padding: 5px 0 5px 14px;
	letter-spacing: 0em;
	line-height: 1.2;
	zoom: 1;
}
.footNav.lastChild{
	border-right: 1px dotted #a8a8a8;
	float: right;
	margin-right: 0px;
	padding-right: 14px;
}
/*  見出し
-----------------------------------*/
.footNav dt{
	border-bottom: 2px solid #666666;
	display: block;
	margin-bottom: 8px;
	padding-bottom: 4px;
	font-weight: bold;
}
.footNav dt a{
	background: url(../img/arw01.png) no-repeat 0% 50%;
	line-height: 1.5;
	padding-left: 15px;
}
/*  ul
-----------------------------------*/
.footNav ul{
	display: block;
	width: 165px;
}
.footNav dd li{
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 6px;
	padding: 0 0 6px 4px;
}
.footNav dd li a{
	background: url(../img/arw02.png) no-repeat 0% 2px;
	display: block;
	padding-left: 12px;
}
/*  ul 2列
-----------------------------------*/
.footNav.expand dd{
	float: left;
	margin-right: 14px;
}
.footNav.expand dd.lastChild{
	border: none;
	padding-right: 0;
	margin-right: 0;
}
.footNav.expand dd ul{
	width: 162px;
}

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

	copyright

---------------------------------------------------------------------*/
#footer .copy {
	background: #0E4FBF;
	padding-top: 8px;
	height: 22px;
}
#footer .copy p {
	display: block;
	margin : 0px auto;
	width: 950px;
	line-height: 1;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
/* ==========================================================================================================

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

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

	99. clearFix (pkg)

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

/* start clearfix */
#container:after,
#footer .inner:after,
#footer .footNav.expand:after,
#topicPath:after,
#iNav:after,
#mainContent: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 #footer .inner,
* html #footer .footNav.expand,
* html #topicPath,
* html #iNav,
* html #mainContent,
* 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 #footer .inner,
*:first-child+html #footer .footNav.expand,
*:first-child+html #topicPath,
*:first-child+html #iNav,
*:first-child+html #mainContent,
*: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 */