@charset "utf-8";
/* CSS Document */

ul ul	{
	list-style-type: disc;
	margin-left: 1.5em;
}


/* ====================================================== */
/* 組版 */
/* ====================================================== */
.img_l,
.img_r,
.Cap_l,
.Cap_r,
.BlockBox,
.Column>ul,
.Column2>ul,
.Column3>ul,
.Column4>ul,
.Column5>ul,
.Column6>ul,
.FigureLayout
	{ zoom: 1; }

.img_l:after,
.img_r:after,
.Cap_l:after,
.Cap_r:after,
.BlockBox:after,
.Column:after,
.Column2:after,
.Column3:after,
.Column4:after,
.Column5:after,
.Column6:after,
.FigureLayout:after
	{
	content: ""; 
	display: block; 
	clear: both;
}


/* ====================================================== */
/* 左寄せ・右寄せ */
/* ------------------------------------------------------ */
.BlockBox .Block_l,
.BlockBox .Block_r	{ margin-bottom: 0px; }
.BlockBox .Block_l	{ float: left;}
.BlockBox .Block_r	{
	float: right;
	margin-left: 2%;
}
.img_l img	{
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 0px;
}
.img_r img	{
	display: block;
	float: right;
	margin-left: 1em;
	margin-bottom: 0px;
}

.Cap_l>figure	{
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 0px;
}
.Cap_r>figure	{
	display: block;
	float: right;
	margin-left: 1em;
	margin-bottom: 0px;
}


.img_l table,
.img_l th,
.img_r table,
.img_r th,
.Cap_l table,
.Cap_l th,
.Cap_r table,
.Cap_r th,
.Block_l table,
.Block_l th,
.Block_r table,
.Block_r th	{ width: auto; }
.img_l th,
.img_r th,
.Cap_l th,
.Cap_r th,
.Block_l th,
.Block_r th	{ white-space: nowrap; }



.FigureLayout figure	{
	display: inline-block;
	vertical-align: middle;
}
.FigureLayout figure.c	{
	text-align: center;
}
.FigureLayout figure.l	{
	text-align: left;
}
.FigureLayout figure.r	{
	text-align: right;
}



/* ====================================================== */
/* 段組 */
/* ------------------------------------------------------ */
.Column>ul,
.Column>ul>li,
.Column1>ul,
.Column1>ul>li,
.Column2>ul,
.Column2>ul>li,
.Column3>ul,
.Column3>ul>li,
.Column4>ul,
.Column4>ul>li,
.Column5>ul,
.Column5>ul>li	{
	padding: 0;
	margin: 0;
}
.Column>ul,
.Column1>ul,
.Column2>ul,
.Column3>ul,
.Column4>ul,
.Column5>ul	{
	list-style: none;
}
.Column ul	{
	margin-top: -1rem;
}
.Column>ul>li	{
	margin-top: 1rem;
}


/* 1段組 */
.Column>ul,
.Column1>ul	{
	margin-left: 0%;
}


/* 2段組 */
.Column2>ul
	{
	width: 102%;
	margin-left: -2%;
}

.Column2>ul>li
	{
	display: block;
	float: left;
	width: 48%;
	margin-left: 2%;
}
.Column2>ul>li:nth-child(2n+3)
	{
	clear:both
}

/* 3段組 */
.Column3>ul
	{
	width: 103%;
	margin-left: -2%;
}
.Column3>ul>li
	{
	display: block;
	float: left;
	width: 31%;
	margin-left: 2%;
}
.Column3>ul>li:nth-child(3n+4)
	{
	clear:both
}

/* 4段組 */
.Column4>ul
	{
	width: 101%;
	margin-left: -1%;
}
.Column4>ul>li
	{
	display: block;
	float: left;
	width: 24%;
	margin-left: 1%;
}
.Column4>ul>li:nth-child(4n+5)
	{
	clear:both
}

/* 5段組 */
.Column5>ul
	{
	width: 101%;
	margin-left: -1%;
}
.Column5>ul>li
	{
	display: block;
	float: left;
	width: 19%;
	margin-left: 1%;
}
.Column5>ul>li:nth-child(5n+6)
	{
	clear:both
}

/* 6段組 */
.Column6>ul
	{
	width: 102%;
	margin-left: -1%;
}
.Column6>ul>li
	{
	display: block;
	float: left;
	width: 15.5%;
	margin-left: 1%;
}
.Column6>ul>li:nth-child(6n+7)
	{
	clear:both
}

/* 線で囲む段組 */
/*
.Column2 .Border li,
.Column3 .Border li,
.Column4 .Border li,
.Column5 .Border li	{
	border-width: 1px;
}
.Column2 .Border li div,
.Column3 .Border li div,
.Column4 .Border li div,
.Column5 .Border li div	{
	padding: 10px;
	margin-bottom: 0px;
}
*/


.Banner .Column	{}


/* ====================================================== */
/* Layer */
/* ------------------------------------------------------ */
.Layer	{
	position: relative;
	overflow: hidden;
}
.Layer div img	{ border-width: 0; }
.LayerBox	{
	position: absolute;
	width: 100%;
}

.LayerBox.LayerBoxA	{
	top: 0px;
	left: 0px;
	z-index: 1;
}
.LayerBox.LayerBoxB	{
	top: 0px;
	right: 0px;
	z-index: 2;
}
.LayerBox.LayerBoxC	{
	bottom: 0px;
	left: 0px;
	z-index: 3;
}
.LayerBox.LayerBoxD	{
	bottom: 0px;
	right: 0px;
	z-index: 4;
}