body {
    /*font-family: "MS UI Gothic",sans-serif;*/
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,Helvetica,Arial,sans-serif;
	padding-top: 50px;
}
table.output td {
    border: 1px solid #000;
}
table.output th {
    border: 1px solid #000;
}
.dragging {
    background-color: #f80;
}
button.selected {
    background-color: #f08;
}
.tabLink {
    padding-left: 5px;
}
.faved {
    color: red;
}
.socializePopup {
    z-index:100;
    width: 500px;
    padding: 10px;
    font-size: 20px;
    position: absolute;
    background-color: #ffe;
}
/* IME Fix */
@font-face {
    font-family: 'ime_jp_rp';
    src: url('ime_jp_rp.woff') format('woff');
}
.ace_editor > .ace_text-input {
    padding-top: 1px;
    padding-left: 1px;
    letter-spacing: 1px;
    font-family: ime_jp_rp, Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
}
.notice {
    color: #0a0;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}
.ui-dialog,.ui-dialog-content {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing: content-box!important;
}

.project {
	float: left;
	width: 132px;
	margin: 16px;
    text-align: center;
}
textarea{
	font-family: monospace;
	line-height: 1em;
}

.runArea {
   background-color: #888888;
}
.fileItem {
	cursor:pointer;
  color: #428bca;
}
.selTab.selected {
	background-color: #08f;
}
.selTab.selected[data-ext='.html'] {
    background-color: #f08;
}

#fileItemList {
	overflow-x: hidden;
	overflow-y: scroll;
}
#fileItemList li {
	  list-style: none;
}
.fileItem.selected {
  cursor:default;
  color: black;
  font-weight: bold;
  background-color: #dddddd;
}

.fileItem:hover {
   color: #2a6496;
}
.clickable {
	cursor:pointer;
  color: #428bca;
}
.clickable:hover {
   color: #2a6496;
   background-color: #aaa;
}
.clickable.notexist {
	cursor:pointer;
  color: #ca6b42;
}

.shell {
	font-family: monospace;
}
.shell.error {
    color: red;
}
.code {
	border: solid black 1px;
}

.tutorial-highlight {
	background-color: #ffdd88;
}
#prog.tutorial-highlight {
	border: solid red 2px;
}
p {
    font-family: "MS UI Gothic",sans-serif;
}
h1 {
    font-family: "MS UI Gothic",sans-serif;
	font-size: 20px;
}
.hero-unit h1 {
    font-family: "MS UI Gothic",sans-serif;
	font-size: 40px;
}
h2 {
	font-size: 18px;
}
#wikiViewArea {
	overflow-y: scroll;
	overflow-x: auto;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,
.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,
.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12   {
  padding-right: 0px;
  padding-left: 0px;
}
@media (min-width: 768px) {
  .container {
    max-width: 992px;
  }


@media (min-width: 992px) {
  .container {
    max-width: 1200px;
  }
}
.dropdown-content {
    display: none;
    min-width: 160px;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-content .show {
    display: block;
    position: absolute;
}
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}
.dropdown-content a:hover, .dropdown-content a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #428bca;
}