/*============================
#contents
============================*/
div#contents	article	h2	{	color: #5E70C5;	text-align: left;	font-weight: normal;line-height: 1.2;}
div#contents	article	p	{	text-align: left;}
div#contents	article	table	{	color: #5E70C5;}
div#contents	article	table	tr	th	{	border: solid 1px #BFDFFF;	font-weight: normal;}
div#contents	article	table	tr	td	{	border: solid 1px #BFDFFF;	text-align: left;}
div#contents	article	table	tr	td.col2	{	color:#666;}

/*===============================================
●style.css	画面の横幅が737px以上
===============================================*/
@media	only	screen	and	(min-width:	737px){
/*============================
#contents
============================*/
div#contents	{
	margin: 45px auto;
}
div#contents	h1	{
	margin: 0 auto 45px;
	font-size: 25px;
	line-height: 1;
	vertical-align: middle;
}
div#contents	h1	img	{
	margin-right: 15px;
	vertical-align: middle;
}
/*-------------------------*/
div#contents	article	{
	clear: both;
		width: 94%;
	max-width: 600px;
	margin: 0 auto 50px;
}
div#contents	article	h2	{
	margin: 0 auto 12px;
	font-size: 23px;
}
div#contents	article	table	{
	width: 100%;
	margin: 0 auto 10px;
	font-size: 15px;
	border: solid 1px #BFDFFF;
}
div#contents	article	table	tr	th	{
	padding: 10px 8px;
}
div#contents	article	table	tr	th.col1	{
	width: 110px !important;
}

div#contents	article	table	tr	td	{
	width: 50%;
	padding: 10px 16px;
}
div#contents	article	table	tr	td.col2	{
	font-size: 13px;
}

div#contents	article	p	{
	margin: 0 auto;
	padding-left: 13px;
	text-indent: -13px;
	font-size: 13px;
	line-height: 1.3;
}
}
/*===============================================
●smart.css		画面の横幅が736pxまで
===============================================*/
@media	only	screen	and	(max-width:736px){
/*============================
#contents
============================*/
div#contents	{
	margin: 7% auto;
}
div#contents	h1	{
	width: 90%;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1;
	vertical-align: middle;
}
div#contents	h1	img	{
	width: 10%;
	max-width: 42px;
	margin-right: 10px;
	vertical-align: middle;
}
div#contents	article	{
	clear: both;
	width: 90%;
	margin: 5% auto 8%;
}

div#contents	article	h2	{
	margin: 0 auto 7px;
	font-size: 1.2em;
}
div#contents	article	table	{
	width: 100%;
	margin: 0 auto;
	font-size: 0.85em;
}
div#contents	article	table	tr	{
		display: block;
	width: 100%;
}

div#contents	article	table	tr	th	{
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 8px 10%;
}
div#contents	article	table	tr	th.col1:before	{
	content: "フラクセル３デュアル　";
	font-size: 0.8em;
}
div#contents	article	table	tr	td	{
		display: block;
	width: 80%;
	margin: -1px auto 15px;
	padding: 8px 10%;
}
div#contents	article	table	tr	td.col2	{
	font-size: 0.9em;
}

div#contents	article	p	{
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.2;
}

}
/*==== ** smart*portrait max-width:414px ** ==================================*/
@media only screen and (orientation: portrait) and (max-width:414px) {

}