body {
/*	font-family: Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif; */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", Osaka, Arial, Helvetica,sans-serif;
}

body.f16 {
	font-size: 16px;
}

body.ipn, body.android {
	margin: 6px 4px;
}

input {
/*	font-family: Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif; */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", Osaka, Arial, Helvetica,sans-serif;
	margin: 2px;
}

textarea {
	margin: 2px;
}

label {
	margin: 2px;
}

img {
	border: 0px;
	vertical-align: middle;
}

img.frame {
	border: 2px solid gray;
}

.imagebutton{
	width: 120px;
	height: 26px;
}

select {
	font-family: Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin: 2px;
}

/**** TABLE ****/

table {
	border-collapse: collapse;
	line-height: 1.3;
}

table.report {
	border: 1px solid #999;
}

table.report_sp {
    border: 1px solid #999;
}

table.formal {
    border: 2px solid black;
}

table.layout, table.layout td {
    margin: 1px;
    padding: 0;
    border: 0;
}

/**** TR ****/
tr.even {
	background-color: #eff;
}

tr.odd {
	background-color: #ffb;
}

tr.tttr {
	background:#038;
	color:white;
}

/**** TH ****/

th {
	background-color: #8df;
	text-align: center;
	vertical-align: middle;
}

.report th {
    padding: 2px 2px;
    border: 1px solid #999;
}

.ipn .report th, .android .report th {
    padding: 2px 0px;
}

.nowrap th {
	white-space: nowrap;
}

th.leftBBS {
	text-align: left;
	padding: 5px 20px;
}

/**** TD ****/
td {
    padding: 2px;
}


.tttr td {
	background:#038;
	color:white;
}

.board td {
    padding: 10px;
}
.report td {
    padding: 2px 5px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
    border: 1px solid #999;
}

.menulist td {
    padding: 2px 2px 15px 2px;
    text-align: left;
}

.center td {
	text-align: center;
}

.formal td {
    border: 1px solid black;
}

.ipn .report td, .android .report td {
    padding: 2px 1px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
}


.ipn .phppage td, .android .phppage td {
    padding: 8px 2px;
}


.phppagelabel td {
    padding: 0px 4px;
    text-align: center;
}

.ipn .phppagelabel td, .android .phppagelabel td {
    padding: 0px 4px;
    text-align: center;
}

td.leftBBS {
	text-align: left;
	padding: 5px 20px;
	white-space: normal;
	line-height: 120%;
}

p.newpage {
	page-break-before: always;
}

/**** img ****/
table.tt {
	font-size: 15px;
}

.phppage div {
	margin: 2px;
}

div.tooltip {
    position:absolute;
    margin: 0px 0px;
    background: #eef;
    border: 4px solid #038;
    border-radius: 5px;
    z-index: 1000;
    box-shadow:0px 0px 10px 4px #fff;
}

div.outer {
	position:absolute;
    margin: 0px 0px;
    background: #ee0;
    border: 1px solid #038;
    overflow: auto;
}

div.outer1 {
    position:absolute;
    margin: 0px 0px;
    background: #eef;
    border: 1px solid #038;
}

div.outer2 {
    margin: 0px -2px;
    border: 1px solid #038;
}
 
div.outer3 {
    margin: -1px -2px;
    border: 1px solid #038;
}
 
div.outer4 {
    margin: 0px -2px;
    border: 1px solid #038;
}

div.outer5 {
    margin: 0px -1px;
    border: 1px solid #038;
}

div.outer6 {
    margin: 0px -2px;
    border: 1px solid #038;
}

div.inner1 {
    margin: -1px 5px;
    border: 1px solid #eef;
}

div.inner2 {
    margin: 1px -3px;
    border: 1px solid #eef;
}

div.inner3 {
    margin: -5px -1px;
}

.gray_menu_btn {
    font-size:90%;
    border-radius:5px;
    border:1px solid #ccc;
    padding:1px 4px;
    text-decoration:none;
    background-color:#eee;
    color:#333;
    display:inline-block;
}

.gray_menu_btn:hover {
    border:1px solid #dcdcdc;
    background-color:#dfdfdf;
}

.blue_text_btn {
    font-size:90%;
    font-weight: bold;
    border-radius:10px;
    border:0;
    padding:1px 4px;
    text-decoration:none;
    background-color:#0090ff;
    color:#fff;
    display:inline-block;
}

.orange_text_btn {
    font-size:90%;
    font-weight: bold;
    border-radius:10px;
    border:0;
    padding:1px 4px;
    text-decoration:none;
    background-color:#ff8040;
    color:#fff;
    display:inline-block;
}

span.btn {
	position: relative;
	width: 120px;
	height: 26px;
	padding: 0;
	margin: 0;
}

.btn span {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 26px;
	text-align: center;
	vertical-align:middle;
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	cursor:pointer;
}

.ipn .btn span, .android .btn span {
	width: 120px;
	height: 26px;
	margin-top: -2px;
}

.ipd .btn span {
	width: 120px;
	height: 26px;
    margin-top: -3px;
}

.ipn .index .btn span , .ipd .index .btn span {
	height: 26px;
	margin: -1px 0 0 0; 
	padding: 0 0 0 6px;
}

.android .index .btn span {
	width: 120px;
	height: 24px;
	margin: 2px 0 0 0;
	padding: 0;
}

.button {
	display: inline-block;
	width: 120px;
	height: 26px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	background: url("data/images/ButtonX3.png");
	background-size: 120px 26px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

table.blueBtn {
	display:inline-block;
}

.blueBtn td {
	width: 120px;
	height: 26px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	background:url("data/images/ButtonX3.png");
	background-size:120px 26px;
	font-size:9pt;
	font-weight:bold;
	color:white;
}



/******************** Wiki *********************/
body.wiki {
	font-size: 14px;
	line-height:140%;
}

.wiki table {
	font-size: 14px;
}

.wiki h1 {
	font-size:22px;
	border-bottom: 2px solid #028;
	border-top: 2px solid #028;
	padding: 12px;
	background: #DEF;
	text-align:center;
	line-height:120%;
}

.wiki h2 {
	font-size:20px;
	padding: 12px 0 0 1em;
	margin: 24px 0 0 0;
	border-top: 2px solid #028;
	line-height:120%;

	text-indent: -1em;
}

.wiki h3 {
	margin: 12px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.wiki h5 {
	font-size:12px;
	border-top: 2px solid #028;
	padding: 12px 0 0 0;
	 margin: 24px 0 0 0;
	line-height:120%;
}


/******** 単一要素指定 ********/
.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.c {
	text-align: center !important;
}

.top {
	vertical-align: top !important;
}

.pinkBack {
	background-color: #fdd !important;
}

.blueBack {
	background-color: #aef !important;
}

.grayBack {
	background-color: #eee !important;
}

.redorange {
	color: #f50 !important;
}

.blue {
	color: blue !important;
}

.red {
	color: red !important;
}

.nowrap {
	white-space: nowrap !important;
}

.wrap {
	white-space: normal !important;
}

.break-all {
	word-break: break-all !important;
}


.nou {
	text-decoration: none !important;
}

.nob {
	font-weight: normal !important;
}

.cwrap {
	text-align: center !important;
	white-space: normal !important;
}

.cnowrap {
	text-align: center !important;
	white-space: nowrap !important;
}


.pointer {
	cursor:pointer !important;
}

.noborder {
	border: 0 !important;
}

.fit {
	 padding:0 !important;
	 margin:0 !important;
}

.fit tr {
	 padding:0 !important;
	 margin:0 !important;
}

.fit td {
	 padding:0 !important;
	 margin:0 !important;
}

.thin {
	 padding:2px !important;
	 margin:1px !important;
}

.hidden {
	display: none;
}