@charset "Shift_JIS";


/*
	Cascading Style Sheet (Global) for クロノストレード
	最終更新: 2020-08-16 (日)
*/


/* ********** 全環境用 全体 ********** */

html
{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

body
{
	margin: 0 auto;
	padding: 0;
	width: 1248px;
	color: #000;
	background: rgb(245,248,250);
	font-size: 15px;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

img
{
	border: none;
	vertical-align: bottom;
}

div.page-top-wrapper
{
	display: none;
}

div.page-top-wrapper div.page-top
{
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
}

div.page-top-wrapper div.page-top a
{
	display: block;
	text-decoration: none;
}

div.page-top-wrapper div.page-top a img
{
	background: #000;
}

div.page-top-wrapper div.page-top a img:hover
{
	background: #333;
}

div.NaviTop
{
	float: left;
	padding: 20px 0 0 15px;
	width: 160px;
	line-height: 1;
}

div.ContentsBox
{
	float: right;
	width: 1053px;
}

div.contents
{
	float: left;
	padding: 20px 0 30px;
	width: 728px;
}

div.ContentsRight
{
	float: right;
	padding: 0 0 30px;
	width: 300px;
	line-height: 1;
}

div.NaviBottom
{
	float: left;
	padding: 0 0 30px 15px;
	width: 160px;
}

div.NaviBottom ins.NaviBottom_Res1
{
	display: block;
	width: 160px;
	height: 600px;
}

div.NaviBottom ins.NaviBottom_Res2
{
	display: none;
}

.clear
{
	clear: both !important;
	display: block !important;
	float: none !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	*zoom: 1;	/* for IE6, IE7 */
}

.WideModeOnlyBlock
{
	display: none !important;
}


/* ********** 全環境用 div.NaviTop内 ********** */

div.NaviTop_MtbsTitle
{
	display: none;
}

div.NaviTop_MtbsImg
{
	text-align: center;
}

div.NaviTop_MenuTitle
{
	margin-top: 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 6px 0 5px;
	color: #fff;
	background: #261;
	background: -webkit-linear-gradient(#382, #261);
	background: linear-gradient(#382, #261);
	text-align: center;
	font-size: 12px;
}

ul.NaviTop_Menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.NaviTop_Menu li
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.NaviTop_Menu li a
{
	display: block;
	border: 1px solid #999;
	border-top: none;
	padding: 10px 0 10px 10px;
	color: #333;
	background: #fff;
	font-size: 12px;
	text-decoration: none;
}

ul.NaviTop_Menu li:nth-last-child(2) a
{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

ul.NaviTop_Menu li a.current
{
	background: #ceb;
}

ul.NaviTop_Menu li a:hover
{
	background: #ddd;
}


/* ********** ワイド環境用 上書き ここから ********** */
@media screen and (min-width: 1408px)
{


	/* ********** ワイド環境用 全体 上書き ********** */

	body
	{
		width: 1378px;
	}

	div.NaviTop
	{
		padding-left: 0;
		width: 300px;
	}

	div.NaviBottom
	{
		padding-left: 0;
		width: 300px;
	}

	div.NaviBottom ins.NaviBottom_Res1
	{
		display: block;
		width: 300px;
		height: 250px;
	}

	div.NaviBottom ins.NaviBottom_Res2
	{
		display: block;
		width: 300px;
		height: 250px;
	}

	.WideModeOnlyBlock
	{
		display: block !important;
	}


	/* ********** ワイド環境用 div.NaviTop内 上書き ********** */

	div.NaviTop_WideModeBox div.NaviTop_MtbsBox
	{
		float: left;
		width: 125px;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox
	{
		float: right;
		width: 165px;
	}

	div.NaviTop_WideModeBox div.NaviTop_MenuTitle
	{
		margin-top: 0;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox ul.NaviTop_Menu li
	{
		width: 100%;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox ul.NaviTop_Menu li.NaviTop_LeftColumn
	{
		width: 50%;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox ul.NaviTop_Menu li.NaviTop_RightColumn
	{
		width: 50%;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox ul.NaviTop_Menu li a
	{
		border: 1px solid #333;
		border-top: none;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 0;
		text-align: center;
		font-size: 12px;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox ul.NaviTop_Menu li:first-child a
	{
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	div.NaviTop_WideModeBox div.NaviTop_MovableBox ul.NaviTop_Menu li.NaviTop_RightColumn a
	{
		border-left: none;
	}

	ul.NaviTop_Menu li
	{
		width: 50%;
	}

	ul.NaviTop_Menu li.NaviTop_OneThirdLeftColumn,
	ul.NaviTop_Menu li.NaviTop_OneThirdMiddleColumn,
	ul.NaviTop_Menu li.NaviTop_OneThirdRightColumn
	{
		width: 100px;	/* 300px の 3等分 */
	}

	ul.NaviTop_Menu li.NaviTop_Wide
	{
		width: 100%;
	}

	ul.NaviTop_Menu li:nth-last-child(2) a
	{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	ul.NaviTop_Menu li.NaviTop_LeftColumn a
	{
	}

	ul.NaviTop_Menu li.NaviTop_RightColumn a
	{
		border-left: none;
	}

	ul.NaviTop_Menu li.NaviTop_OneThirdLeftColumn a,
	ul.NaviTop_Menu li.NaviTop_OneThirdMiddleColumn a,
	ul.NaviTop_Menu li.NaviTop_OneThirdRightColumn a
	{
		padding-left: 0;
		text-align: center;
	}

	ul.NaviTop_Menu li.NaviTop_OneThirdMiddleColumn a,
	ul.NaviTop_Menu li.NaviTop_OneThirdRightColumn a
	{
		border-left: none;
	}

	ul.NaviTop_Menu li.NaviTop_Wide a
	{
		padding-left: 0;
		text-align: center;
	}

	ul.NaviTop_Menu li.NaviTop_BottomRightRadius a
	{
		border-bottom-right-radius: 5px;
	}

	ul.NaviTop_Menu li.NaviTop_BottomLeftRadius a
	{
		border-bottom-left-radius: 5px;
	}


} /* @media screen and (min-width: 1408px) */
/* ********** ワイド環境用 上書き ここまで ********** */


@media screen and (min-width: 1600px)
{
	div.page-top-wrapper
	{
		display: block;
	}
}


/* [EOF] */
