@charset "UTF-8";

@import "extra.css";

/********************************
---------ボディー----------------

<body>
	<div id="wrapper">
		<div id="header"></div>
		<div id="container">
			<div id="leftColumn"></div>
			<div id="rightColumn"></div>
		</div>
	</div>
	<div id="footer"></div>	
</body>

*********************************/

body{
	color:#EFEFEF;
	background-color:#141613;
}

div#body{
	font-size: 12px;
	font-family:Tahoma, Verdana, "MS UI Gothic", Arial, sans-serif;
	color:#BBBBBB;
	background-image:url(../img/bodyRepeatBG.jpg);
	background-repeat:repeat-x;
	background-color:#EAE8E8;
	text-align:center;
}

div#wrapper{
	width:800px;
	margin:0 auto;
	text-align:left;
}

div#wrapperWide{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

div#header{
	width:800px;
	height:60px;
}

div#headerWide{
	width:1000px;
	height:60px;
}

div#container{
	width:800px;
	margin-top:10px;
}

div#containerWide{
	width:1000px;
	margin-top:10px;
}

div#leftColumn{
	float:left;
	width:595px;
	background-image:url(../img/contentRepeatBG.jpg);
	background-repeat:repeat-y;
}

div#leftColumnWide{
	float:left;
	width:795px;
	background-image:url(../img/wide/contentRepeatBG.jpg);
	background-repeat:repeat-y;
}

div#rightColumn{
	float:right;
	width:200px;
	margin:0;
	padding:0;
}

div#footer{
	clear:both;
	height:145px;
	background-image:url(../img/footerRepeatBG.jpg);
	background-repeat:repeat-x;
}

div#footer h4{
	width:800px;
	height:145px;
	line-height:145px;
	margin:0;
	padding:0;
	margin:0 auto;
	font-size:10px;
	font-weight:normal;
	background-image:url(../img/footerBG.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	letter-spacing:2px;
}

/********************************
--------ハイドナビ----------------

<div id="hideNavigation">
	<ul>
		<li>
			<dl>
				<dt></dt>
				<dd></dd>
			</dl>
		</li>
		<li>
			<dl>
				<dt></dt>
				<dd></dd>
			</dl>
		</li>
	</ul>
</div>

*********************************/

div#hideNavigation{
	width:100%;
	height:118px;
	margin:0 auto;
	background-image:url(../img/globalNaviRepeatBG.jpg);
	background-repeat:repeat-x;
	font-size:12px;
}

/* ---CSSHACK--- */

div#hideNavigation:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html div#hideNavigation {
    height: 0em;
    overflow: visible;
}
/**/

div#hideNavigation ul{
	width:800px;
	height:118px;
	margin:0 auto;
	background-image:url(../img/globalNaviBG.jpg);
	background-repeat:no-repeat;
}

div#hideNavigation ul li{
	float:left;
	width:200px;
	height:118px;
}

div#hideNavigation ul li.noBG{
	background-image:none;
}

div#hideNavigation ul li dl{
	margin:0;
	margin-left:1px;
	padding:0;
	padding-bottom:1px;
}

div#hideNavigation ul li dl dt{
	margin:0;
	padding:0;
	width:200px;
	height:35px;
	margin-bottom:1px;
	text-indent:-9999px;
}

div#hideNavigation ul li dl dd{
	margin:0;
	padding:0;
	line-height:27px;
	text-indent:17px;
	position:relative;
}

div#hideNavigation ul li dl dd#counter{
	margin-top:25px;
	line-height:2;
}

div#hideNavigation ul li dl dd#counter div#NINCtCounterSection{
	display:block !important;
}

div#hideNavigation ul li dl dd a{
	display:block;
	width:199px;
	height:27px;
	margin-left:1px;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	letter-spacing:1px;
	color:#ECECEC;
	text-decoration:none;
}

div#hideNavigation ul li dl#gnSoW dd a:hover{
	background-image:url(../img/globalNaviLinkHover.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#FFFFFF;
}

div#hideNavigation ul li dl#gnHome dd a:hover{
	background-image:url(../img/globalNaviLinkHover.jpg);
	background-repeat:repeat-x;
	background-position:right;
	color:#FFFFFF;
}

div#hideNavigation ul li dl dd form#searchForm{
	width:100%;
	margin:10px 5px 5px 15px;
}

div#hideNavigation ul li dl dd form#searchForm input#search{
	background-color:#000000;
	border:1px solid #BBBBBB;
	color:#FFFFFF;
}

div#hideNavigation ul li dl dd form#searchForm input.submitButton{
	width:122px;
	height:27px;
	border:none;
	background-image:url(../img/buttonBlue.jpg);
	margin:0;
	margin-top:7px;
	padding:0;
	cursor:pointer;
	text-align:center;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	letter-spacing:2px;
	font-size:12px;
}

div#hideNavigation ul li dl dd form#searchForm input.submitButtonHover{
	width:122px;
	height:27px;
	border:none;
	background-image:url(../img/buttonBlueHover.jpg);
	margin:0;
	margin-top:7px;
	padding:0;
	cursor:pointer;
	text-align:center;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	letter-spacing:2px;
	font-size:12px;
}

div#hideNavigation ul li dl dd form#searchForm fieldset{
	border:none;
	margin:0;
	padding:0;
	text-indent:0;
	text-align:left;
}

/*フォームが消えるバグ対策*/
div#Textshow_hide{
	width:100%;

}

/********************************
---------ヘッダー----------------

<div id="header">
	<h1><a></a></h1>
	<div id="globalNavigation">
		<ul>
			<li>
				<dl>
					<dt></dt>			
					<dd></dd>
				</dl>
			</li>
		</ul>
	</div>
</div>

*********************************/

div#header h1,
div#headerWide h1{
	float:left;
	width:300px;
	height:60px;
	margin:0;
	padding:0;
	line-height:1;
}

div#header h1 a,
div#headerWide h1 a{
	display:block;
	width:300px;
	height:60px;
	background-image:url(../img/headerTitle.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow: hidden !important;	
}

div#header h1 a:hover,
div#headerWide h1 a:hover{
	background-image:url(../img/headerTitleHover.jpg);
	background-repeat:no-repeat;
}

div#header div#showNavigation,
div#headerWide div#showNavigation{
	float:right;
	width:200px;
	height:60px;
	background-image:url(../img/showNavigation.jpg);
	background-repeat:no-repeat;
}

div#header div#showNavigation a,
div#headerWide div#showNavigation a{
	display:block;
	width:200px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}

div#header  div#showNavigation a:hover,
div#headerWide div#showNavigation a:hover{
	background-image:url(../img/showNavigationHover.jpg);
	background-repeat:no-repeat;
}

/********************************
---------コンテンツ--------------

<div id="container">
	<div id="leftColumn">
		<div id="content">
			<ul id="imageBanner"><li></li></ul>
			<div class="entry"></div>
		</div>
	</div>
</div>

*********************************/

div#content{
	background-image:url(../img/contentBG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:5px;
}

div.content{
	background-image:url(../img/contentExtBG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:5px;
}

div#contentWide{
	background-image:url(../img/wide/contentBG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:5px;
}

div.contentWide{
	background-image:url(../img/wide/contentExtBG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:5px;
}

div#imageBanner{
	padding:0 5px 5px 5px;
}

div#imageBanner ul{
	width:580px;
	height:90px;
}

div#imageBanner ul li{
	width:580px;
	height:90px;
}

div#imageBanner ul li a{
	display:block;
	width:580px;
	height:90px;
	overflow: hidden !important;	
}

div#imageBannerWide{
	padding:0 5px 5px 5px;
}

div#imageBannerWide ul{
	width:780px;
	height:90px;
}

div#imageBannerWide ul li{
	width:780px;
	height:90px;
}

div#imageBannerWide ul li a{
	display:block;
	width:780px;
	height:90px;
	overflow: hidden !important;	
}

.review a{
	background-image:url(../img/imageBannerReview.jpg);
	background-repeat:no-repeat;
}

.virtual-worldx a{
	background-image:url(../img/imageBannerVw.jpg);
	background-repeat:no-repeat;

}

.crypin-story a{
	background-image:url(../img/imageBannerCrypin.jpg);
	background-repeat:no-repeat;

}

.heartshake a{
	background-image:url(../img/imageBannerHs.jpg);
	background-repeat:no-repeat;

}

.story-of-worldx a{
	background-image:url(../img/imageBannerSoW.jpg);
	background-repeat:no-repeat;
}

.photoAlbumBanner a{
	background-image:url(../img/wide/photoAlbumBanner.jpg);
	background-repeat:no-repeat;
}


div.entry{
	clear:both;
	margin:5px 10px;
	background-image:url(../img/entryRepeatBG.jpg);
	background-repeat:repeat-y;
}

div.entryWide{
	clear:both;
	margin:5px 10px;
	background-image:url(../img/wide/entryRepeatBG.jpg);
	background-repeat:repeat-y;
}

div.entry a,
div.entryWide a{
	color:#FFFFFF;
	text-decoration:none;
}

div.entry a:hover,
div.entryWide a:hover{
	color:#D5E967;
}

/********************************
---------タブ----------

<div class="tabMenuList">
	<ul>
		<li><a></a></li>
	</ul>
</div>

*********************************/

ul#tabMenuList{
	clear:both;
	width:570px;
	height:25px;
	background-image:url(../img/entryTabBG.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

ul#tabMenuListWide{
	clear:both;
	width:770px;
	height:25px;
	background-image:url(../img/wide/entryTabBG.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

ul#tabMenuList li,
ul#tabMenuListWide li{
	display:block;
	float:left;
	width:100px;
	height:25px;
	line-height:18px;
	text-indent:5px;
	margin-right:1px;
}

ul#tabMenuList li a,
ul#tabMenuListWide li a{
	text-decoration:none;
	color:#FFFFFF;
}

#tabMenuList a,
#tabMenuListWide a{
	display:block;
	width:100px;
	height:25px;
	background-image:url(../img/entryTab.jpg);
	background-repeat:no-repeat;
}


#tabMenuList a.active,
#tabMenuList a:hover,
#tabMenuListWide a.active,
#tabMenuListWide a:hover{
	display:block;
	width:100px;
	height:25px;
	background-image:url(../img/entryTabHover.jpg);
	background-repeat:no-repeat;	
}


ul.entryHoverBG{
	width:570px;
	height:3px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

ul.entryHoverBG li{
	float:left;
	width:101px;
	height:3px;
	margin:0;
	padding:0;
}

ul.entryHoverBG li.entryTabHover{
	background-image:url(../img/entryTabHoverBG.jpg);
	background-repeat:no-repeat;
	height:3px;
}

div#entryHeader{
	width:570px;
	height:5px;
	background-image:url(../img/entryHeaderBG.jpg);
	background-repeat:no-repeat;
}

div#entryHeaderWide{
	width:770px;
	height:5px;
	background-image:url(../img/wide/entryHeaderBG.jpg);
	background-repeat:no-repeat;
}
/********************************
---------エントリー----------
<div class="tabBox">
<div class="entryTitle">
	<h3><a></a></h3>
	<div class="entryDate"></div>
</div>
<div class="entryBeforeAfter">
	<ul>
		<li><a></a></li>
	</ul>
</div>
<div class="entryText"></div>
<div class="entryPost">
	<ul><li><a></a></li></ul>
</div>
</div>
*********************************/

div.entryTitle{
	width:570px;
	line-height:25px;
	background-image:url(../img/entryTitle.jpg);
	background-repeat:repeat-y;
}

/* ---CSSHACK--- */

div.entryTitle:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html div.entryTitle {
    height: 0em;
    overflow: visible;
}
/**/

div.entryTitleWide{
	width:770px;
	line-height:25px;
	background-image:url(../img/wide/entryTitle.jpg);
	background-repeat:repeat-y;
}

/* ---CSSHACK--- */

div.entryTitleWide:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html div.entryTitleWide {
    height: 0em;
    overflow: visible;
}
/**/

div.entryTitle h3,
div.entryTitleWide h3{
	float:left;
	width:350px;
	background-image:url(../img/entryTitleIcon.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
	padding:0;
	line-height:25px;
	font-weight:normal;
	font-size:12px;
	letter-spacing:1px;
}

div.entryTitleWide h3{
	width:550px;
}


div.entryTitle h3 a,
div.entryTitleWide h3 a{
	display:block;
	width:315px;
	margin-left:35px;
	text-decoration:none;
	color:#FFFFFF !important;
}

div.entryTitleWide h3 a{
	width:515px;
}

div.entryTitle h3 a:hover,
div.entryTitleWide h3 a:hover{
	color:#D5E967 !important;
}

div.entryTitle div.entryDate,
div.entryTitleWide div.entryDate{
	float:right;
	width:220px;
	height:25px;
	line-height:25px;
	text-align:center;
	letter-spacing:1px;
	font-size:18px;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	color:#404244;
}

div.entryBeforeAfter{
	clear:both;
	width:570px;
	height:30px;
	background-image:url(../img/entryLine.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

div.entryBeforeAfterWide{
	clear:both;
	width:770px;
	height:30px;
	background-image:url(../img/wide/entryLine.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

div.entryBeforeAfter ul,
div.entryBeforeAfterWide ul{
	width:560px;
	height:25px;
	line-height:25px;
	margin:0 0 5px 10px;
}

div.entryBeforeAfter ul li,
div.entryBeforeAfterWide ul li{
	display:inline;
	line-height:25px;
}

div.entryBeforeAfter ul li a,
div.entryBeforeAfterWide ul li a{
	color:#FFFFFF !important;
	text-decoration:none;
}

div.entryBeforeAfter ul li a:hover,
div.entryBeforeAfterWide ul li a:hover{
	color:#D5E967 !important;
	text-decoration:none;
}


div.entryText{
	position:relative;
	margin:0px 14px 0px 9px;
	padding: 0px 0px 10px 10px;
	font-family:Tahoma, "MS UI Gothic";
	font-size: 13px;
	_font-size: 12px;
	_letter-spacing: 1px;
	line-height:1.5;
	_line-height: 160%;
}

div.entryTextMore{
	clear:both;
	width:568px;
	margin:0 1px;
	font-family:Tahoma, "MS UI Gothic";
	font-size: 13px;
	_font-size: 12px;
	_letter-spacing: 1px;
	line-height:150%;
	_line-height: 160%;
}

div.entryTextMoreWide{
	clear:both;
	width:768px;
	margin:0 1px;
	font-family:Tahoma, "MS UI Gothic";
	font-size: 13px;
	_font-size: 12px;
	_letter-spacing: 1px;
	line-height:150%;
	_line-height: 160%;
}

div.entryTextMore div.showHideMessage,
div.entryTextMoreWide div.showHideMessage{
	margin:10px 0;
	text-indent:5px;
	background-color:#333333;
	letter-spacing:1px;
}

div.entryTextMore div.showHideMessage a{
	display:block;
	width:568px;
	background-color:#2A2A2A;
	color:#FFFFFF;
	text-decoration:none;
}

div.entryTextMoreWide div.showHideMessage a{
	display:block;
	width:768px;
	background-color:#2A2A2A;
	color:#FFFFFF;
	text-decoration:none;
}

div.entryTextMore div.showHideMessage a:hover,
div.entryTextMoreWide div.showHideMessage a:hover{
	background-color:#EEEEDF;
	color:#CE2269;
}

div.entryTextMore div.entryTextMoreShow,
div.entryTextMoreWide div.entryTextMoreShow{
	padding:10px 20px;
	background-image:url(../img/entryLogoBG.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	letter-spacing:1px;
}

div.entryPost{
	clear:both;
	width:570px;
	height:40px;
	margin-bottom:10px;
	background-image:url(../img/entryPostBG.jpg);
	background-repeat:repeat-y;
}

div.entryPostWide{
	clear:both;
	width:770px;
	height:40px;
	margin-bottom:10px;
	background-image:url(../img/wide/entryPostBG.jpg);
	background-repeat:repeat-y;
}

div.entryPost ul{
	width:560px;
	margin-left:9px;
	margin-right:1px;
	font-size:10px;
	letter-spacing:1px;
}

div.entryPostWide ul{
	width:760px;
	margin-left:9px;
	margin-right:1px;
	font-size:10px;
	letter-spacing:1px;
}

div.entryPost ul li,
div.entryPostWide ul li{
	height:20px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.entryPost ul li a,
div.entryPostWide ul li a{
	color:#FFFFFF !important;
	text-decoration:none;
}

div.entryPost ul li a:hover,
div.entryPostWide ul li a:hover{
	color:#D5E967 !important;
}

div.entryTopLink{
	clear:both;
	width:570px;
	height:25px;
	background-image:url(../img/entryFooter.jpg);
	background-repeat:no-repeat;
}

div.entryTopLinkWide{
	clear:both;
	width:770px;
	height:25px;
	background-image:url(../img/wide/entryFooter.jpg);
	background-repeat:no-repeat;
}

div.entryTopLink a{
	display:block;
	width:568px;
	margin-left:1px;
	line-height:20px;
	font-size:12px;
	text-indent:9px;
	text-decoration:none;
	font-family:Tahoma, "MS UI Gothic";
	letter-spacing:1px;
	background-color:#0B0F14;
	color:#FFFFFF !important;
}

div.entryTopLinkWide a{
	display:block;
	width:768px;
	margin-left:1px;
	line-height:20px;
	font-size:12px;
	text-indent:9px;
	text-decoration:none;
	font-family:Tahoma, "MS UI Gothic";
	letter-spacing:1px;
	background-color:#0B0F14;
	color:#FFFFFF !important;
}

div.entryTopLink a:hover,
div.entryTopLinkWide a:hover{
	background-color:#EEEEDF;
	color:#CE2269 !important;
}

/********************************
---------カテゴリーバナー--------

<div id="categoryBanner">
	<ul>
		<li>
			<h3><a></a></h3>
			<p></p>
		</li>
	</ul>
</div>

<div id="contentFooter"></div>

*********************************/

div#categoryBanner{
	margin-top:10px;
	padding:0 0 15px 5px;
}

/* ---CSSHACK--- */

div#categoryBanner:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html div#categoryBanner {
    height: 0em;
    overflow: visible;
}
/**/

div#categoryBanner ul{
	padding:5px;
}

/* ---CSSHACK--- */

div#categoryBanner ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html div#categoryBanner ul {
    height: 0em;
    overflow: visible;
}
/**/

div#categoryBanner ul li {
	float:left;
	width:290px;
}

div#categoryBanner ul li h3{
	width:280px;
	height:70px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

div#categoryBanner ul li h3#crypin-storyCategoryBanner{
	background-image:url(../img/categoryBannerCrypin.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#virtual-worldxCategoryBanner{
	background-image:url(../img/categoryBannerVw.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#heartshakeCategoryBanner{
	background-image:url(../img/categoryBannerHs.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#reviewCategoryBanner{
	background-image:url(../img/categoryBannerReview.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#story-of-worldxCategoryBanner{
	background-image:url(../img/categoryBannerSoW.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#crypin-storyCategoryBanner a:hover{
	background-image:url(../img/categoryBannerCrypinHover.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#virtual-worldxCategoryBanner a:hover{
	background-image:url(../img/categoryBannerVwHover.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#heartshakeCategoryBanner a:hover{
	background-image:url(../img/categoryBannerHsHover.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#reviewCategoryBanner a:hover{
	background-image:url(../img/categoryBannerReviewHover.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3#story-of-worldxCategoryBanner a:hover{
	background-image:url(../img/categoryBannerSoWHover.jpg);
	background-repeat:no-repeat;
}

div#categoryBanner ul li h3 a{
	display:block;
	width:280px;
	height:70px;
	overflow: hidden !important;	
}

div#categoryBanner a:hover{
	color:#D5E967 !important;
}

div.contentFooter{
	clear:both;
	width:595px;
	height:15px;
	line-height:15px;
	background-image:url(../img/contentFooterBG.jpg) !important;
	background-repeat:no-repeat;
}

div.contentFooterWide{
	clear:both;
	width:795px;
	height:15px;
	line-height:15px;
	background-image:url(../img/wide/contentFooterBG.jpg) !important;
	background-repeat:no-repeat;
}

/********************************
---------サイドバー----------

<div id="rightColumn">
	<div class="redBox">
		<dl>
			<dt></dt>
			<dd class="accordionBox">
				<h5><a></a></h5>
				<ul><li><a><span></span></a></li></ul>
			</dd>
		</dl>
	</div>
	<div class="yellowBox">
		<dl>
			<dt></dt>
			<dd class="accordionBox">
				<h5 id="Link$var"><a></a></h5>
				<div id="Text$var">
					<ul><li><a><span></span></a></li></ul>
				</div>
			</dd>
		</dl>
	</div>
</div>

or



*********************************/

div#rightColumn div.redBox,
div#rightColumn div.yellowBox{
	width:196px;
	margin:0;
	margin-bottom:10px;
	padding:0;

}

div#rightColumn div.redBox{
	background-image:url(../img/sideNaviRedRepeatBG.jpg);
	background-repeat:repeat-y;
}


div#rightColumn div.yellowBox{
	background-image:url(../img/sideNaviYellowRepeatBG.jpg);
	background-repeat:repeat-y;
}

div#rightColumn div dl,
div#rightColumn div dl dt,
div#rightColumn div dl dd{
	margin:0;
	padding:0;
}


div#rightColumn div.redBox dl{
	background-image:url(../img/sideNaviRedBG.jpg);
	background-repeat:no-repeat;
}

div#rightColumn div.yellowBox dl{
	background-image:url(../img/sideNaviYellowBG.jpg);
	background-repeat:no-repeat;
}

div#rightColumn dl dt{
	height:35px;
	line-height:35px;
	text-indent:10px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	font-size:12px;
	letter-spacing:1px;
}

div#rightColumn div.redBox dl dd{
	padding:0 0 10px 0;
	background-image:url(../img/sideNaviRedFooterBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#rightColumn div.yellowBox dl dd{
	padding:0 0 10px 0;
	background-image:url(../img/sideNaviYellowFooterBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#rightColumn div dl dd ul{
	margin:0;
	padding:0;
	padding:0 5px 0 10px;
	font-family:Tahoma, "MS UI Gothic";
	font-size: 13px;
	_font-size: 12px;
	_letter-spacing: 1px;
	line-height:150%;
	_line-height: 160%;
}

div#rightColumn div dl dd ul li{
	position:relative;
	margin:0;
	padding:0;
	line-height:1.5;
	color:#FFFFFF;
}

div#rightColumn div dl dd ul li a{
	text-decoration:none;
}

div#rightColumn div dl dd ul li a:hover{
	text-decoration:none;
}

div#rightColumn div dl dd ul li a#powered{
	display:block;
	margin-top:10px;
	width:160px;
	height:45px;
	background-image:url(../img/movable-type-logo.gif);
	background-position:5px 10px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-color:#000000;
	border:1px solid #ECECEC;
}

div#rightColumn div dl dd ul li a:hover#powered{
	border:1px solid #FFFFFF;
}

div#rightColumn div dl dd dl{
	background-image:none !important;
	margin:0;
	padding:0;
}

div#rightColumn div dl dd dl dt{
	position:relative;
	height:auto;
	line-height:1.2;
	text-indent:0;
	margin:5px 5px 5px 10px;
	padding:0;
}

div#rightColumn div dl dd dl dd{
	position:relative;
	background-image:none !important;
	padding:0 !important;
	text-indent:15px;
	line-height:1.5;
	font-family:Verdana, "MS UI Gothic", Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
}

div#rightColumn div dl dd h4{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:normal;
	font-size:12px;	
	position:relative;
	height:auto;
	line-height:1.5;
	text-indent:0;
	margin:7px 0 3px 2px;
	padding:0;
}

div#rightColumn div dl dd h4 a{
	display:block;
	width:192px;
	color:#FFFFFF;
	text-decoration:none;
}

div#rightColumn div dl dd h4 a:hover{
	background-color:#f6f6f6;
	color:#CE2269;
}

div#rightColumn div dl dd h4 a span{
	display:block;
	margin:0 10px;
}

div#rightColumn div dl dd p{
	padding:0 5px 0 15px;
	font-family:Verdana, "MS UI Gothic", Arial, Helvetica, sans-serif;
	font-size:10px;
}

div#rightColumn div dl dd p a{
	color:#FFFFFF;
	text-decoration:none;
}

div#rightColumn div dl dd p a:hover{
	color:#CE2269;
	text-decoration:underline;
}

div#rightColumn div dl dd.accordionBox h5{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	font-size:12px;	
	position:relative;
	height:auto;
	line-height:1.2;
	text-indent:0;
	margin:7px 0 3px 2px;
	padding:0;
}

div#rightColumn div dl dd.accordionBox h5 a{
	display:block;
	width:192px;
	color:#FFFFFF;
	text-decoration:none;
}

div#rightColumn div dl dd.accordionBox h5 a span{
	display:block;
	margin:0 10px;
}

div#rightColumn div dl dd.accordionBox h5 a:hover{
	background-color:#f6f6f6;
	color:#CE2269;
}

div#rightColumn div dl dd.accordionBox ul{
	background-image:none !important;
	margin:0;
	padding:0;	
}

div#rightColumn div dl dd.accordionBox ul li{
	position:relative;
	padding:0 !important;
	line-height:1.5;
	font-family:Verdana, "MS UI Gothic", Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
}

div#rightColumn div dl dd.accordionBox li a{
	display:block;
	width:192px;
	margin-left:2px;
	text-decoration:none;
}

div#rightColumn div dl dd.accordionBox li a:hover{
	display:block;
	width:192px;
	margin-left:2px;
	background-color:#f6f6f6;
	color:#CE2269;
	text-decoration:none;
}

div#rightColumn div dl dd.accordionBox li a span{
	display:block;
	margin-left:15px;
}

/********************************
---------基本部品---------------

  a,blockquote,table

*********************************/


a,
a:link,
a:visited{
	color:#BBBBBB;
}

a:hover{
	color:#FFFFFF;
}

.size10px{
	font-size:10px;
}

blockquote{
	font-size:12px;
	margin:5px;
	padding:5px;
	font-family:Verdana, "MS UI Gothic", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5;
	letter-spacing:1px;
	border:1px solid #BCBCBC;
	background-color:#0B0F14;
}

code{
	font-size:12px;
}

/********************************
---------カレンダー--------------
*********************************/
dl dd #calendar {
    margin:5px 0;
	padding:0;
    color: #FFFFFF;
}

dl dd div#calendar a{
	display:inline !important;
	height:5px !important;
	margin:0 !important;
	padding:0 !important;
	line-height:1 !important;
}

dl dd .calendarhead {
	color:#FFFFFF !important;
    font-size: 10px;
	margin:0;
	padding:0;
}

dl dd caption{
	margin:0;
	padding:0;
}

dl dd .calendarhead a{
	color:#FFFFFF !important;
	text-decoration:none;
}

dl dd #calendar table {
	width:180px;
	margin:0;
	margin-left:8px;	
    padding: 0;
	font-size:8px;
    border-collapse: collapse;
	font-family:Verdana, "MS UI Gothic", Arial, Helvetica, sans-serif;
}
dl dd #calendar th {
    text-align: center;
    font-size: 9px;
    width: 23px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0;
	font-style:normal !important;
	font-weight:normal !important;	
}

dl dd #calendar td {
	margin:0;
    padding:0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
	border:none;
}

dl dd #calendar td a{
	color:#D9EF5D !important;
}

dl dd #calendar td a:hover{
	color:#FFFFFF;
}

.today {
    display: block;
	background-color:#ECECEC !important;
	color:#000000 !important;
}

.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #E99FB4 !important;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #9FDCE9 !important;
}

