/* 全体
=================================== */
html,body{
	font-size:10pt;
	line-height:1.6em;
	letter-spacing:0.025em;
	color:#333333;
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
}

.AsideParagraph{
	text-align:right;
}

aside{
	display:none;
}
img{
	display:block;
	width:100%;
	height:100%;
}
p{
	text-align:justify;
	text-justify:distribute;
}
@media screen and (min-width : 960px){
	body{
		background:url(../image/BG_Body.png) fixed center;
	}
	aside{
		display:block;
	}
}

.Middle{
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.Middle p{
	margin:0.8em 2.5em;
}

/* ヘッダー
=================================== */
header{
	top:0px;
	left:0px;
	width:100%;
	height:120px;
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);
	background:#eeeff1;
}
header div{
	position:fixed;
	width:100%;
	height:40px;
	margin:auto;
	line-height:40px;
	background:#eeeff1;
	overflow:hidden;
	z-index:1000;
	box-shadow:0px 3px 6px 0px rgba(0,0,0,0.15);
}
header div.SummonHeader{
	box-shadow:none;
}
@media screen and (min-width : 960px) {
	header div{
		width:960px;
		min-width:960px;
		max-width:960px;
	}
}
header div a{
	color:#333333;
}
header div figure{
	width:66%;
	height:40px;
	float:left;
	margin-left:0.5%;
}
header div figure a{
	width:50%;
	height:40px;
	float:right;
	display:block;
}
header div figure a h1 img{
	height:28px;
	width:105px;
	margin:6px auto 0 auto;
}
header div figure figcaption{
	width:49%;
	height:40px;
	float:left;
	text-indent:-9999em;
	background:url(../image/Icon_Menu.svg) no-repeat 6px 8px;
	background-size:28px 28px;
}

header > nav{
	position:relative;
	top:40px;
	background:#eeeff1;
	z-index:100;
}
header > dl{
	position:relative;
	top:40px;
	background:#eeeff1;
	z-index:10;
}

header > nav.SummonSiteNavigation{
	position:fixed;
}
header > dl.SummonHeadline{
	top:90px;
	position:fixed;
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);
}


header div nav#ImportantNavigation{
	width:31.5%;
	min-width:100px;
	width:expression(document.body.clientWidth < 100? '100px' : 'auto');
	height:40px;
	margin-right:2%;
	float:right;
}
header div nav#ImportantNavigation ul li{
	width:40px;
	height:28px;
	margin-top:6px;
	margin-left:5px;
	text-align:center;
	float:right;
}
header div nav#ImportantNavigation ul li a{
	width:38px;
	height:26px;
	line-height:26px;
	display:block;
	border:1px solid #cccccc;
}
header div nav#ImportantNavigation ul li a.hoverImportantNavigation{
	border:1px solid #ff0066;
	background-color:#ff0066;
	color:#ffffff;
}

/* ===== サイトナビゲーション ===== */
header nav#SiteNavigation{
	width:100%;
	border-top:1px solid #c4d1dd;
	height:49px;
	margin:auto;
	clear:both;
}
header nav#SiteNavigation a{
	color:#333333;
}
header nav#SiteNavigation ul{
	width:320px;
	height:49px;
	margin:auto;
}
header nav#SiteNavigation ul li{
	width:80px;
	height:49px;
	text-align:center;
	float:left;
}
header nav#SiteNavigation ul li a,
header nav#SiteNavigation ul li strong{
	width:80px;
	height:17px;
	padding-top:32px;
	line-height:17px;
	font-size:75%;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:cover;
}
header nav#SiteNavigation ul li a#SiteNavigation_News,
header nav#SiteNavigation ul li strong#SiteNavigation_News{
	background-image:url(../image/Icon_News.svg);
}
header nav#SiteNavigation ul li a#SiteNavigation_Item,
header nav#SiteNavigation ul li strong#SiteNavigation_Item{
	background-image:url(../image/Icon_Item.svg);
}
header nav#SiteNavigation ul li a#SiteNavigation_Hanpu,
header nav#SiteNavigation ul li strong#SiteNavigation_Hanpu{
	background-image:url(../image/Icon_Hanpu.svg);
}
header nav#SiteNavigation ul li a#SiteNavigation_Mag,
header nav#SiteNavigation ul li strong#SiteNavigation_Mag{
	background-image:url(../image/Icon_Mag.svg);
}
header nav#SiteNavigation ul li a.hoverSiteNavigation,
header nav#SiteNavigation ul li strong{
	background-position:0px -49px;
	color:#ff0066;
}

dl.MainDataList{
	width:94%;
	margin:0.5em 3%;
	line-height:1.5em;
	clear:both;
	*zoom: 1;
}
dl.MainDataList:before,
dl.MainDataList:after{
	content:" ";
	display:table;
}
dl.MainDataList:after{
	clear:both;
}

dl.MainDataList dt{
	display:none;
}
dl.MainDataList ol{
	width:100%;
	list-style:none;
	text-align:left;
}
dl.MainDataList li.DataListPartition{
	padding:0.9em 0;
	clear:both;
}
dl.MainDataList li dl{
	width:100%;
	color:#222233;
	clear:both;
	padding:0.5em 0 0.75em 0;
}
dl.MainDataList li dt{
	width:23.5%;
	margin-right:1%;
	line-height:1.4em;
	text-align:right;
	color:#444455;
	display:block;
	float:left;
	text-decoration:underline;
}
dl.MainDataList.MainDataList_Half li dt{
	width:50%;
}
dl.MainDataList li dd{
	width:74.5%;
	margin-left:1%;
	float:right;
	display:block;
}
dl.MainDataList li dd p{
	width:95%;
	margin:0;
	padding:0;
	padding-left:5%;
	text-align:justify;
	text-justify:distribute;
}
dl.MainDataList li dd ol{
}
dl.MainDataList li dd ul{
	width:90%;
	padding-left:10%;
	list-style-type:square;
}
dl.MainDataList li dd ul li{
	list-style-type:square;
	margin-bottom:0.25em;
}
dl.MainDataList li dd ul li.NestList{
	list-style-type:none;
}
dl.MainDataList li dd ol li{
	margin-bottom:0.25em;
}
dl.MainDataList li dd ul li ol{
	width:95%;
	padding-left:5%;
}
dl.MainDataList li dd ul li ol li{
	list-style-type:circle;
	margin-bottom:0.25em;
}

dl.MainDataList.MainDataList_Half li dd{
	width:50%;
	font-weight:bold;
	text-align:justify;
	text-justify:distribute;
}
dl.MainDataList li dd span{
	border-bottom:1px dashed #998888;
/*	padding:0 0 -1px 0;	*/
	padding:0 0 0 0;
}
dl.MainDataList dd p{
	display:block;
	text-align:center;
	clear:both;
	color:#555544;
}
dl.MainDataList dd ol dd p{
	width:100%;
	text-align:left;
	padding:0;
	margin-bottom:0.25em;
	color:#222222;
}

/* ===== ヘッドライン ===== */
header dl#Headline{
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#84919d;
	color:#ffffff;
	clear:both;
}
header dl#Headline dt{
	display:none;
}
header dl#Headline ul{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	height:30px;
	margin:auto;
	overflow:hidden;
}
header dl#Headline dl{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	height:30px;
}
header dl#Headline dl dt{
	width:25%;
	height:30px;
	text-align:right;
	float:left;
	display:block;
}
header dl#Headline dl dd{
	width:75%;
	height:30px;
	text-align:left;
	text-indent:0.5em;
	overflow:hidden;
	text-align:left;
	text-indent:0.5em;
	float:right;
}
header dl#Headline dl dd a{
	color:#ffffff;
}


@media screen and (min-width : 960px) {
	header{
		position:fixed;
		height:140px;
	}

	header div{
		position:static;
		box-shadow:none;
	}

	header div figure a{
		float:left;
	}

	header div figure a h1 img{
		margin-left:2%;
	}

	header div figure figcaption{
		float:right;
		font-weight:bold;
		letter-spacing:1px;
		font-family:Arial;
		text-align:center;
		background:none;
		text-indent:0;
	}

	header > nav,
	header > dl{
		position:static;
	}

	header > nav.SummonSiteNavigation,
	header > dl.SummonHeadline{
		box-shadow:none;
		position:static;
	}

	header nav#SiteNavigation{
		height:69px;
		border-top:1px solid #b4c1cd;
	}
	header nav#SiteNavigation ul{
		width:480px;
		height:69px;
	}
	header nav#SiteNavigation ul li{
		width:120px;
		height:69px;
	}
	header nav#SiteNavigation ul li a,
	header nav#SiteNavigation ul li strong{
		width:120px;
		height:20px;
		padding-top:49px;
		line-height:20px;
		font-size:90%;
	}
	header nav#SiteNavigation ul li a.hoverSiteNavigation,
	header nav#SiteNavigation ul li strong{
		background-position:0px -74px;
	}

	dl.MainDataList{
		width:640px;
		margin:0.5em auto 0 auto;
		clear:both;
	}
	dl.MainDataList dt{
		display:none;
	}
	dl.MainDataList ol{
		width:640px;
		list-style:none;
		text-align:left;
	}
	dl.MainDataList li{
	/* IE6+7 hack
		*margin-top:-1.5em;	*/
	}
	dl.MainDataList li.DataListPartition{
		padding:0.9em 0;
		clear:both;
	}
	dl.MainDataList li dl{
		width:640px;
		color:#222233;
		clear:both;
		padding:0.25em 0;
	}
	dl.MainDataList li dt{
		width:150px;
		padding-right:5px;
		margin-right:0;
		line-height:1.6em;
		text-align:right;
		color:#444455;
		display:block;
		float:left;
		text-decoration:none;
	}
	dl.MainDataList.MainDataList_Half li dt{
		width:315px;
	}
	dl.MainDataList li dd{
		width:480px;
		padding-left:5px;
		float:right;
		display:block;
		line-height:1.6em;
		text-align:justify;
		text-justify:distribute;
		margin-left:0;
	}
	dl.MainDataList li dd ol{
		width:480px;
	}
	dl.MainDataList li dd ul{
		width:460px;
		list-style-type:square;
		padding-left:20px;
	}
	dl.MainDataList li dd ul li{
		list-style-type:square;
		margin-bottom:0.25em;
	}
	dl.MainDataList li dd ul li.NestList{
		list-style-type:none;
	}
	dl.MainDataList li dd ol li{
		margin-bottom:0.25em;
	}
	dl.MainDataList li dd ul li ol{
		width:440px;
		padding-left:20px;
	}
	dl.MainDataList li dd ul li ol li{
		list-style-type:circle;
		margin-bottom:0.25em;
	}
	
	dl.MainDataList.MainDataList_Half li dd{
		width:315px;
		font-weight:bold;
		text-align:justify;
		text-justify:distribute;
	}
	dl.MainDataList li dd span{
		border-bottom:1px dashed #998888;
	/*	padding:0 0 -1px 0;	*/
		padding:0 0 0 0;
	}
	dl.MainDataList dd p{
		display:block;
		text-align:center;
		clear:both;
		color:#555544;
	}
	dl.MainDataList dd ol dd p{
		width:100%;
		line-height:1.6em;
		text-align:left;
		padding:0;
		margin-bottom:0.25em;
		color:#222222;
	}
	
}


/* メイン
=================================== */
main{
	margin:auto;
	clear:both;
	background-color:#fcfcfc;
}
html#PageType_Include main{
	height:calc(100% - 152px);
}

@media screen and (min-width : 960px) {
	main{
		width:960px;
		padding:140px 15px 0 15px;
		background-color:#ffffff;
	}
	html#PageType_Include main{
		height:calc(100% - 180px);
	}
}


/* ===== トップエリア ===== */
div#TopArea{
	width:100%;
}
div#TopArea figure{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	margin:auto;
}
div#TopArea figure img{
	margin:auto;
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	height:auto;
}
div#TopArea figcaption{
	display:none;
}
div#TopArea nav#Route{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	border-top:1px solid #84919d;
	border-bottom:1px solid #84919d;
	margin:0 auto 0.5em auto;
	color:#84919d;
	background-color:#e8e8e8;
}
div#TopArea nav#Route ul,
div#TopArea nav#Route p{
	width:96%;
	padding:5px 2%;
	text-align:left;
	border-top:3px solid #84919d;
	border-bottom:3px solid #84919d;
}
div#TopArea nav#Route ul{
	
}
div#TopArea nav#Route ul li{
	float:left;
	padding:0.25em 0.25em;
}
div#TopArea nav#Route ul li:before{
	content:'≫ ';
}
div#TopArea nav#Route ul li:first-child:before{
	content:'';
}
div#TopArea dl{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	margin:auto;
	text-align:left;
	clear:both;
}
div#TopArea dl dt{
		font-size:1.15em;
	padding:0.5em 1em;
	font-weight:bold;
}
div#TopArea dl dd p{
	padding:0 1em;
}

@media screen and (min-width : 960px) {
	main{
		padding:140px 0 40px 0;
	}
	div#TopArea figure,
	div#TopArea figure img,
	div#TopArea nav#Route{
		min-width:960px;
		max-width:960px;
		width:expression(document.body.clientWidth < 960? '960px' : document.body.clientWidth > 960? '960px' : 'auto');
	}
	div#TopArea #Hello{
		padding-left:160px;
		min-width:800px;
		max-width:800px;
		width:expression(document.body.clientWidth < 800? '800px' : document.body.clientWidth > 800? '800px' : 'auto');
		background:url(../image/Img_PetitMascotCharacter_s.png) no-repeat 20px;
	}
}

/* ===== コンテンツエリア ===== */
div#Contents,
div#SideArea{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	margin:auto;
}
div#Include,
div#Include article{
	height:100%;
}
div#Contents article,
div#SideArea aside{
	width:100%;
	margin:1em auto;
	text-align:left;
}
div#Contents article h2{
	width:96%;
	padding:0.35em 2%;
	margin:auto;
	margin-bottom:0.75em;
	background-color:#ff0066;
	color:#ffffff;
	font-size:1em;
	line-height:1.4em;
	text-align:center;
}
div#Contents > h3,
div#Contents article section > h3{
	width:96%;
	padding:0.35em;
	margin:0.5em auto;
	color:#ff0066;
	border-bottom:1px dashed #ff0066;
	font-size:1em;
	line-height:1.4em;
	text-align:center;
}
div#Contents > p{
	width:90%;
	margin:0.5em auto;
	text-align:left;
}
div#Contents article section > p{
	margin:0 1.5em 0.75em 1.5em;
}
div#Contents article section > h4{
	width:12em;
	padding:0.35em;
	margin:1.5em auto 0.5em auto;
	color:#ff0066;
	border:1px dashed #ff0066;
	font-size:1em;
	line-height:1.4em;
	text-align:center;
}

img.Img_InParagraphLeft{
	margin:1.25em auto 0.75em auto;
}

@media screen and (min-width : 960px) {
	div#Contents{
		min-width:640px;
		max-width:640px;
		width:expression(document.body.clientWidth < 640? '640px' : document.body.clientWidth > 640? '640px' : 'auto');
		float:right;
		margin-bottom:3em;
	}
	div#Contents article{
		margin-top:0;
	}
	div#Contents article h2{
		width:580px;
		padding:40px 0 20px 90px;
		color:#ff0066;
		font-size:1.2em;
		letter-spacing:1px;
		background:url(../image/BG_Article.png) no-repeat 5px bottom;
		text-align:left;
		clear:both;
	}
	div#Contents article section > h3{
		width:auto;
		padding:15px 0 10px 60px;
		margin:auto;
		color:#333333;
		font-size:1.2em;
		letter-spacing:1px;
		background:url(../image/BG_Article_s.png) no-repeat 5px bottom;
		clear:both;
		text-align:left;
		border-bottom:none;
	}
}

/* ----- 様々なコンテンツリスト ----- */
div#Contents article dl.ContentsList{
	width:94%;
	border:1px solid #b4c1cd;
	margin:0.75em auto 1.5em auto;
	background-color:#ffffff;
	box-shadow:0px 2px 12px 2px #e8e8e8;
	border-radius:0 0 6px 6px;
}
div#Contents article dl.ContentsList dd{
	padding-bottom:0.4em;
}
div#Contents article dl.ContentsList dd dl,
dl.ContentsMetaData{
	float:right;
	padding-top:0.2em;
}
div#Contents article dl.ContentsList dd dl dt,
div#Contents article dl.ContentsList dd dl dd,
dl.ContentsMetaData dt,
dl.ContentsMetaData dd{
	display:inline;
}
div#Contents article dl.ContentsList dd dl dt,
dl.ContentsMetaData dt{
	font-weight:bold;
	padding-left:0.8em;
}
div#Contents article dl.ContentsList dd dl dt:after,
dl.ContentsMetaData dt:after{
	content:" :";
}

div#Contents article div.OtherObject,
div#Contents article div.OtherObject twitterwidget{
	margin:auto;
	z-index:10;
}

/* ニュース・イベントリスト */
div#Contents article dl.NewsList dt img{
	display:block;
}
div#Contents article dl.NewsList h3,
div#Contents article dl.EventList h3{
	font-size:1.15em;
	margin-bottom:0.25em;
}
div#Contents article dl.NewsList dd,
div#Contents article dl.EventList dd{
	width:94%;
	margin:auto;
	padding:0.5em 0;
}

/* イベントリスト */
div#Contents article dl.EventList dd p{
}

/* アイテムリスト */
div#Contents article dl.ItemList{
	width:90%;
	padding:2%;
}
div#Contents article dl.ItemList > dt{
	display:block;
	float:left;
	width:30%;
	max-width:100px;
}
div#Contents article dl.ItemList > dd{
	float:left;
	width:auto;
	max-width:70%;
}
div#Contents article dl.ItemList dd h3,
div#Contents article dl.ItemList dd h4,
div#Contents article dl.ItemList dd p{
	clear:none;
	width:95%;
	margin:0;
	padding:0 0 0 5%;
}
div#Contents article dl.ItemList dd h3{
	font-size:1.1em;
	border-bottom:1px solid #d4d4d4;
	background:none;
	padding-bottom:0.25em;
	margin-bottom:0.25em;
}
div#Contents article dl.ItemList dd h4{
	font-size:1em;
	color:#666666;
	margin-bottom:0.25em;
}
div#Contents article dl.ItemList dd div{
	float:left;
	color:#ff0066;
	padding:0 0 0 20px;
}

/* リンクリスト */
div#Contents article ul.LinkList{
	width:80%;
	margin:auto;
}
div#Contents article ul.LinkList li{
	clear:both;
	list-style-type:circle;
	margin-bottom:0.8em;
}
div#Contents article ul.LinkList li a{
	font-weight:bold;
}
div#Contents article ul.LinkList li dt{
	border-bottom:1px dotted #d4d4d4;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}

/* サンプル・画像リスト */
div#Contents article div.ImageList dl{
	width:100%;
	margin:0 auto 0.5em auto;
}
div#Contents article div.ImageList dl dt img{
	display:block;
}
div#Contents article div.ImageList dl dd{
	margin:0.3em 1.4em 1.6em 1.4em;
	text-align:center;
	color:#444455;
}

/* 在庫リスト */
div#Contents article .ZaikoListArea{
	width:96%;
	margin:0 auto 30px auto;
}
div#Contents article .ZaikoListArea dl.ZaikoList{
	width:204px;
	margin:0 auto 0.75em auto;
	padding:4px;
	display:block;
	clear:none;
	border:1px solid #dddddd;
}
div#Contents article .ZaikoListArea dl.ZaikoListCompact{
}
div#Contents article .ZaikoListArea dl.ZaikoList dt{
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	border-bottom:1px dotted #d4d4d4;
	padding:0.25em;
}
div#Contents article .ZaikoListArea dl.ZaikoList{
	text-align:center;
}
div#Contents article .ZaikoListArea dl.ZaikoList dd a,
div#Contents article .ZaikoListArea dl.ZaikoList dd span,
div#Contents article .ZaikoListArea dl.ZaikoList ol li a,
div#Contents article .ZaikoListArea dl.ZaikoList ol li span{
	width:200px;
	height:48px;
	line-height:48px;
	text-indent:-9999px;
	margin:auto;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
}
div#Contents article .ZaikoListArea dl.ZaikoList dd span,
div#Contents article .ZaikoListArea dl.ZaikoList ol li span{
	text-indent:0;
	text-align:center;
}
div#Contents article .ZaikoListArea dl.ZaikoList a:hover{
	background-position:0 -48px;
}
div#Contents article .ZaikoListArea dl.ZaikoList .Button_BuyItakuItem_1 a{
	background-image:url(../image/Button_Itaku_1.png);
}
div#Contents article .ZaikoListArea dl.ZaikoList .Button_BuyItakuItem_2 a{
	background-image:url(../image/Button_Itaku_2.png);
}
div#Contents article .ZaikoListArea dl.ZaikoList .Button_BuyItakuItem_3 a{
	background-image:url(../image/Button_Itaku_3.png);
}

@media screen and (min-width : 960px) {
	div#Contents article .ZaikoListArea{
		width:639px;
		margin:0 auto 30px auto;
		border-left:1px dotted #d4d4d4;
		border-top:1px dotted #d4d4d4;
	}
	div#Contents article .ZaikoListArea dl.ZaikoList{
		float:left;
		margin:0;
		height:480px;
		border-top:none;
		border-right:1px dotted #d4d4d4;
		border-bottom:1px dotted #d4d4d4;
		border-left:none;
	}
	div#Contents article .ZaikoListArea dl.ZaikoListCompact{
		height:84px;
		float:left;
	}
}

/* ----- アーティクル ----- */
.ArticleHeader{
	border-bottom:1px dotted #ff0066;
	width:94%;
	margin:5px auto 15px auto;
	padding:5px 3%;
}
.ArticleHeader dl{
	float:right;
	clear:none;
	padding-left:0.6em;
}
.ArticleHeader dl,
.ArticleHeader dl dt,
.ArticleHeader dl dd{
	display:inline;
}
.ArticleHeader dl dt:after{
	content:': ';
}
.ArticleHeader dl dd{
	font-weight:bold;
}
.ArticleFooter{
	width:94%;
	margin:15px auto;
	padding:5px 3%;
}
.ArticleFooter dl{
	width:75%;
}
.ArticleFooter dl dt{
	padding-bottom:5px;
	border-bottom:1px dotted #ff0066;
	font-weight:bold;
}
.ArticleFooter dl dd{
	padding-top:5px;
}
.ArticleFooter dl dd ol{
	margin-left:0.5em;
	padding-left:1.5em;
}
.ArticleFooter dl dd ol li{
	list-style-type:circle;
}


/* ===== コーナー個別 ===== */
.CornerDescription{
	width:80%;
	margin:auto auto 0.75em auto;
}
.CornerDescription img{
	margin-bottom:0.5em;
}
.CornerDescription h3{
	text-align:center;
	font-size:1.1em;
	line-height:1.5em;
	border-bottom:1px dashed #666666;
	margin-bottom:0.25em;
	padding-bottom:0.25em;
}
.CornerDescription p{
	margin-bottom:0.5em;
}

div#Contents article section .Chapter{
	margin:1.25em auto 1.75em auto;
}
div#Contents article section .Chapter h3{
	font-size:1.1em;
	letter-spacing:1px;
	text-align:center;
	border:2px solid #ff0066;
	color:#ff0066;
	padding:0.5em 1.5em;
	margin:0.5em 0.5em;
	border-radius:1.5em;
}
div#Contents article section .Chapter img{
	margin:0.75em auto;
}
div#Contents article section .Chapter p{
	margin:0 1.5em 0.5em 1.5em;
}



/* ===== サイドエリア ===== */
div#SideArea aside{
	display:block;
}
div#SideArea img{
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

div#SideArea dl.Guidance{
	margin:0 0 1.4em 0;
}
div#SideArea dl.Guidance > dt{
	padding:0.35em 2%;
	margin-bottom:0.75em;
	background-color:#ff0066;
	color:#ffffff;
	line-height:1.4em;
	text-align:center;
	font-weight:bold;
}
div#SideArea dl.Guidance > dd{
	width:90%;
	margin:auto;
}
div#SideArea dl.Guidance dt img{
	display:block;
}
div#SideArea dl.Guidance dd p{
}
div#SideArea #Calendar dl{
	margin-bottom:0.3em;
}
div#SideArea #Calendar dl dt{
	width:6em;
	float:left;
	line-height:1.5em;
	text-align:right;
	margin-right:0.25em;
}
div#SideArea #Calendar dl dd{
	display:inline;
	margin-left:0.25em;
	line-height:1.5em;
	font-weight:bold;
}
div#SideArea #TwitterWidget{
	display:none;
}
div#SideArea #Banner img{
	margin:0.5em auto;
}
div#SideArea #RSS ol li{
	background:url(../image/Icon_RSS.png) no-repeat left;
	padding-left:24px;
}
@media screen and (min-width : 960px) {
	div#SideArea{
		width:280px;
		padding-right:19px;
		margin:0 20px 0 0;
		border-right:1px dotted #a8a8a8;
		text-align:left;
		float:left;
		min-width:280px;
		max-width:280px;
	}
	div#SideArea hr{
		width:260px;
		margin:0 0 0 20px;
		padding:0;
		display:block;
		border-top:none;
		border-right:none;
		border-bottom:none;
		border-left:none;
	}
	div#SideArea dl.Guidance{
		width:260px;
		padding:0 0 0 20px;
		margin:0 0 0.8em 0;
		letter-spacing:0.2px;
		background:url(../image/Icon_Fukidashi_g_s.png) no-repeat 10px 8px;
	}
	div#SideArea dl.Guidance > dt{
		letter-spacing:0.5px;
		padding-top:14px;
		padding-left:17px;
		margin-left:8px;
		margin-right:4px;
		margin-bottom:4px;
		background-color:transparent;
		color:#333333;
		text-align:left;
	}
	div#SideArea dl.Guidance > dd{
		width:100%;
	}
	div#SideArea dl.Guidance p{
	}
	div#SideArea dl.Guidance dd{
		line-height:1.4em;
	}
	div#SideArea dl.Guidance dd p{
		line-height:1.6em;
	}
	div#SideArea #TwitterWidget{
		display:block;
		height:520px;
	}
	div#SideArea #TwitterWidget dd{
		padding-top:8px;
	}
	div#SideArea #RSS ol{
		margin-left:20px;
		line-height:1.8em;
	}
}

/* ===== ボトムエリア ===== */
/* ----- ページナビゲーション ----- */

nav#PageNavigation dl{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	margin:2em auto;
}
nav.CompactPageNavigation dl{
	border-top:1px dotted #a8a8a8;
	margin:2em auto 1em auto;
	padding-top:0.5em;
	font-size:1.1em;
}
nav#PageNavigation dl dt,
nav.CompactPageNavigation dl dt{
	display:none;
}
nav#PageNavigation dl dd span,
nav#PageNavigation dl dd a,
nav.CompactPageNavigation dl dd span,
nav.CompactPageNavigation dl dd a{
	display:block;
	line-height:1.4em;
	padding:12px 0.5em;
}
nav#PageNavigation dl dd#PageNavigation_Next,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Next{
	width:75%;
	margin:0 5% 0.5em 20%;
	text-align:right;
}
nav.CompactPageNavigation dl dd.CompactPageNavigation_Next{
	width:48%;
	margin:0;
	padding-right:1%;
	padding-left:1%;
	text-align:right;
	float:right;
}
nav#PageNavigation dl dd#PageNavigation_Next span,
nav#PageNavigation dl dd#PageNavigation_Next a,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Next span,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Next a{
	padding-right:40px;
	border-radius:1.5em;
}
nav#PageNavigation dl dd#PageNavigation_Next span,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Next span{
	background:url(../image/Icon_NextFukidashi_Gray.png) no-repeat right 0.6em;
}
nav#PageNavigation dl dd#PageNavigation_Next a,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Next a{
	background:url(../image/Icon_NextFukidashi.png) no-repeat right 0.6em;
}
nav#PageNavigation dl dd#PageNavigation_Prev{
	width:75%;
	margin:0.5em 20% 0.5em 5%;
	text-align:left;
	clear:both;
}
nav.CompactPageNavigation dl dd.CompactPageNavigation_Prev{
	width:48%;
	margin:0;
	padding-left:1%;
	padding-right:1%;
	text-align:left;
	float:left;
}
nav#PageNavigation dl dd#PageNavigation_Prev span,
nav#PageNavigation dl dd#PageNavigation_Prev a,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Prev span,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Prev a{
	padding-left:40px;
	border-radius:1.5em;
}
nav#PageNavigation dl dd#PageNavigation_Prev span,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Prev span{
	background:url(../image/Icon_PrevFukidashi_Gray.png) no-repeat left 0.6em;
}
nav#PageNavigation dl dd#PageNavigation_Prev a,
nav.CompactPageNavigation dl dd.CompactPageNavigation_Prev a{
	background:url(../image/Icon_PrevFukidashi.png) no-repeat left 0.6em;
}
nav#PageNavigation dl dd#PageNavigation_List{
	text-align:center;
	width:90%;
	margin:0.5em auto;
}
nav#PageNavigation dl dd#PageNavigation_List li{
	float:left;
}
nav#PageNavigation dl dd#PageNavigation_List li span,
nav#PageNavigation dl dd#PageNavigation_List li a{
	border-radius:1.5em;
}
nav#PageNavigation dl dd#PageNavigation_List li a:hover{
	border:1px solid #ff8888;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_1 li{
	width:100%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_2 li{
	width:48%;
	margin:0 1%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_3 li{
	width:32%;
	margin:0 0.5%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_4 li{
	width:24%;
	margin:0 0.5%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_5 li{
	width:19%;
	margin:0 0.5%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_6 li{
	width:15.6%;
	margin:0 0.5%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_7 li{
	width:13.2%;
	margin:0 0.5%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_8 li{
	width:11.5%;
	margin:0 0.5%;
}
nav#PageNavigation dl dd#PageNavigation_List.Navi_List_9 li{
	width:10.1%;
	margin:0 0.5%;
}

dl#ItemIndex{
	min-width:320px;
	max-width:640px;
	width:expression(document.body.clientWidth < 320? '320px' : document.body.clientWidth > 640? '640px' : 'auto');
	margin:0.8em auto 3em auto;
	padding:20px 0 14px 0;
	height:150px;
	overflow-y:hidden;
	overflow-x:scroll;
	background-color:#f8f8f8;
	box-shadow:0px 4px 10px -2px #c9c9c9 inset;
}
dl#ItemIndex dt{
	display:none;
}
dl#ItemIndex dd ol{
	min-width:890px;
	max-width:890px;
}
dl#ItemIndex dd ol li{
	float:left;
}
dl#ItemIndex dd ol li a{
	width:110px:
	height:160px;
	display:block;
}
dl#ItemIndex dd ol li a img{
	width:100px;
	height:auto;
	margin:auto 0 auto 10px;
}

@media screen and (min-width : 960px) {
	div#BottomArea{
		width:960px;
		margin:auto;
		clear:both;
	}
	nav#PageNavigation dl{
		width:960px;
		min-width:960px;
		max-width:960px;
		width:expression(document.body.clientWidth < 960? '960px' : document.body.clientWidth > 960? '960px' : 'auto');
		margin:2em auto;
		padding:1em 0;
		border-top:1px dotted #a8a8a8;
		border-bottom:1px dotted #a8a8a8;
	}
	nav#PageNavigation dl dt,
	#CompactNavi dt{
		display:none;
	}
	nav#PageNavigation dl dd span,
	nav#PageNavigation dl dd a,
	#CompactNavi dd span,
	#CompactNavi dd a{
		display:block;
		line-height:35px;
		padding:0.5em 0.5em;
	}
	nav#PageNavigation dl dd#PageNavigation_Prev{
		float:right;
		width:240px;
		margin:0;
		clear:none;
	}
	nav#PageNavigation dl dd#PageNavigation_Prev span,
	#CompactNavi dd#PageNavigation_Prev span{
		font-size:0.8em;
		padding-left:40px;
		background:url(../image/Icon_PrevFukidashi_Gray.png) no-repeat left;
	}
	nav#PageNavigation dl dd#PageNavigation_Prev a,
	#CompactNavi dd#PageNavigation_Prev a{
		padding-left:40px;
		background:url(../image/Icon_PrevFukidashi.png) no-repeat left;
	}
	nav#PageNavigation dl dd#PageNavigation_List{
		float:right;
		text-align:center;
		width:480px;
		margin:0 auto;
	}
	nav#PageNavigation dl dd#PageNavigation_List li{
		float:left;
	}
	nav#PageNavigation dl dd#PageNavigation_List li span,
	nav#PageNavigation dl dd#PageNavigation_List li a{
		border-radius:35px;
		border:1px solid #ffffff;
	}
	nav#PageNavigation dl dd#PageNavigation_List li a:hover{
		border:1px solid #ff8888;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_1 li{
		width:480px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_2 li{
		width:240px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_3 li{
		width:160px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_4 li{
		width:120px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_5 li{
		width:96px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_6 li{
		width:80px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_7 li{
		width:68px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_8 li{
		width:60px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_List.Navi_List_9 li{
		width:53px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_Next{
		float:right;
		text-align:right;
		width:240px;
		margin:0;
	}
	nav#PageNavigation dl dd#PageNavigation_Next span,
	#CompactNavi dd#PageNavigation_Next span{
		font-size:0.8em;
		padding-right:40px;
		background:url(../image/Icon_NextFukidashi_Gray.png) no-repeat right;
	}
	nav#PageNavigation dl dd#PageNavigation_Next a,
	#CompactNavi dd#PageNavigation_Next a{
		padding-right:40px;
		background:url(../image/Icon_NextFukidashi.png) no-repeat right;
	}
	#PageNavigation.CompactNaviList dd#PageNavigation_Prev,
	#CompactNavi.CompactNaviList dd#PageNavigation_Prev{
		float:left;
		width:480px;
	}
	#PageNavigation.CompactNaviList dd#PageNavigation_Next,
	#CompactNavi.CompactNaviList dd#PageNavigation_Next{
		float:right;
		text-align:right;
		width:480px;
	}
	#CompactNavi.CompactNaviList dd#PageNavigation_Prev,
	#CompactNavi.CompactNaviList dd#PageNavigation_Next{
		width:240px;
	}

	dl#ItemIndex{
		min-width:960px;
		max-width:960px;
		width:960px;
		height:143px;
		overflow:hidden;
		margin:0.5em auto;
	}
	dl#ItemIndex dt{
		display:none;
	}
	dl#ItemIndex dd ol{
		min-width:960px;
		max-width:960px;
		width:960px;
	}
	dl#ItemIndex dd ol li{
		float:left;
	}
	dl#ItemIndex dd ol li a{
		width:110px:
		height:180px;
		display:block;
	}
	dl#ItemIndex dd ol li a img{
		width:100px;
		height:auto;
		margin:auto 10px;
	}

}


/* ----- コンテンツナビゲーション ----- */
#ContentsNavigation{
	width:960px;
	margin:auto;
	padding-top:2em;
	font-size:0.9em;
}
#ContentsNavigation dl#ContentsNavigation_News,
#ContentsNavigation dl#ContentsNavigation_Hanpu,
#ContentsNavigation dl#ContentsNavigation_Item,
#ContentsNavigation dl#ContentsNavigation_Credit{
	width:220px;
	margin:0 10px 10px 10px;
	padding-bottom:1em;
	float:left;
}
#ContentsNavigation dl dt{
	text-align:center;
	font-weight:bold;
	line-height:40px;
	letter-spacing:1px;
}
#ContentsNavigation dl#ContentsNavigation_News > dt,
#ContentsNavigation dl#ContentsNavigation_Item > dt,
#ContentsNavigation dl#ContentsNavigation_Hanpu > dt,
#ContentsNavigation dl#ContentsNavigation_Credit > dt{
	height:196px;
}
#ContentsNavigation dl#ContentsNavigation_News > dt a,
#ContentsNavigation dl#ContentsNavigation_Item > dt a,
#ContentsNavigation dl#ContentsNavigation_Hanpu > dt a,
#ContentsNavigation dl#ContentsNavigation_Credit > dt a{
	height:196px;
	width:220px;
	text-indent:-9999px;
	color:#ffffff;
	display:block;
}
#ContentsNavigation dl#ContentsNavigation_News > dt{
	background:url(../image/Icon_CircleImage_02.png) no-repeat center;
}
#ContentsNavigation dl#ContentsNavigation_Item > dt{
	background:url(../image/Icon_CircleImage_03.png) no-repeat center;
}
#ContentsNavigation dl#ContentsNavigation_Hanpu > dt{
	background:url(../image/Icon_CircleImage_04.png) no-repeat center;
}
#ContentsNavigation dl#ContentsNavigation_Credit > dt{
	background:url(../image/Icon_CircleImage_05.png) no-repeat center;
}
#ContentsNavigation dl dl dt{
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	border-bottom:1px solid #d4d4d4;
	background:none;
}
#ContentsNavigation dl dl{
	padding-bottom:0.5em;
}
#ContentsNavigation dl dl ul{
	padding-top:0.5em;
	padding-left:1.5em;
}
#ContentsNavigation dl dl li{
	list-style:square;
	text-align:left;
}

/* フッター
=================================== */
footer{
	width:100%;
	height:32px;
	clear:both;
	background:#e3e4e5;
	box-shadow:0px -4px 10px 0px rgba(0,0,0,0.2);
}
footer address{
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;
}
footer #SocialConsole{
	display:none;
}
#HomeFooter{
	width:80%;
	max-width:960px;
	width:expression(document.body.clientWidth < 960? '80%' : document.body.clientWidth > 960? '960px' : 'auto');
	text-align:center;
	padding:1.5em 0;
	margin:auto;
}
#HomeFooter h2{
	font-size:1em;margin:0.25em auto;
}

@media screen and (min-width : 960px) {
	footer{
		position:fixed;
		bottom:0px;
		left:0px;
		height:36px;
	}
	footer address{
		height:36px;
		line-height:36px;
	}
	footer #SocialConsole{
		display:block;
		position:absolute;
		top:4px;
		right:20px;
		z-index:1000;
	}
	footer address{
		z-index:100;
	}
}