html, body { background-color:#f2f2f2; }

body.PageStyleUI #footer { left:50px; right:50px; }
body.PageStyleUI .content { padding:150px 50px 600px 50px; }
body.PageStyleUI h1 { font-size:35px; line-height:35px; margin-bottom:10px; }

#cloumnbox {  }
#cloumnbox .cloumn { float:left; }
#cloumnbox .cloumn.left { width:20%; margin-right:30px; }
#cloumnbox .cloumn.right {
  width:calc(80% - 30px);
  background-color:#fff;
  border:solid 1px #dadada;
  box-sizing:border-box;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.15);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15);
  box-shadow:1px 1px 3px rgba(0,0,0,0.15);
 }

#cloumnbox .cloumn.right .cloumn-inner { padding:80px; }

#sidemenu dt a { padding:15px 0px; margin:3px 0; font-size:20px; }
#sidemenu a { display:block; color:#666; text-decoration:none; text-shadow:1px 1px 0px rgba(255, 255, 255, 1); }
#sidemenu a:hover { color:#c00; }
#sidemenu dt { border-bottom:solid 1px #ccc; }
#sidemenu dt.current { font-weight:bold; text-decoration:none; cursor:pointer; border-bottom:none; }
#sidemenu dt.current a { color:#000; }
#sidemenu .pane { padding:10px 5px; border-bottom:solid 1px #ccc; }
#sidemenu dd.pane a { padding:5px 15px; color:#000; font-size:15px; }
#sidemenu dd.pane a:hover, #sidemenu dd.pane a.current { color:#c00; }


table.defaultUI { width:100%; margin-top:20px; margin-bottom:50px; }
table.defaultUI:last-child { margin-bottom:0px; }
table.defaultUI thead tr { background-color:#333; }
table.defaultUI th { font-weight:bold; }
table.defaultUI thead th, table.defaultUI thead td { color:#fff; }
table.defaultUI th, table.defaultUI td { padding:10px; }
table.defaultUI tr:nth-child(even) { background-color:#f2f2f2; }

#cloumnbox .box-wrap {
  background-color:#fff;
  border:solid 1px #dadada;
  box-sizing:border-box;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.15);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15);
  box-shadow:1px 1px 3px rgba(0,0,0,0.15);
}
#cloumnbox .box-wrap .box-inner { padding:50px; }


/* Tab */
ul.tab { margin-bottom:20px; overflow:hidden; }
ul.tab li a {
	display:block;
	float:left;
	width:30%;
	color:#666;
	font-size:18px;
	line-height:50px;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	text-decoration:none;
	background-color:#ccc;
	border-right:solid 1px #fff;
}
ul.tab li a:hover  { color:#fff; background-color:#999; }
ul.tab li:last-child { border:none; }
ul.tab li a.current { background-color:#3232a9 !important; width:40%; color:#fff; }