/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 大枠 == */
#BaseTable
{
  width:900px;
}
#SystemMenu{
width:100%;
}

/* == 中間ペイン群 == */
#Middle
{
 width:100%;
}

/* == ヘッダー == */
#HeaderPane
{
 width:100%;
}

/* == フッター == */
#FooterPane
{
 width:100%;
}


#header { 
 WIDTH: 100%;
} 

#header2 { 
 WIDTH: 100%;
}/*auto generated region*/

#BaseTable
{
	width:900px;

}
#SystemMenu
{
	width:900px;

}
#HeaderPane
{
	width:900px;

}
#Middle
{
	width:900px;

}
#LeftPane
{
	padding-right:0px;	padding-left:0px;
}
#ContentPane
{
	width:900px;
	padding-right:0px;	padding-left:10px;
}
#RightPane
{

}
#FooterPane
{
	width:900px;

}

}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#BaseTable
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#SystemMenu
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#HeaderPane
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#Middle
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#LeftPane
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#ContentPane
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#RightPane
{
	width:320px;
	padding:0px;
	margin: 0px;
}
#FooterPane
{
	width:320px;
	padding:0px;
	margin: 0px;
}
}