/**
 * 囲いを作る
 */
.profile-table,
.bodybody,
.bodyhead,
.bodyfoot,
.content
{
	-webkit-border-image: url("/image/border.gif") 30 stretch;
	-moz-border-image: url("/image/border.gif") 20 stretch;
	-o-border-image: url("/image/border.gif") 20 stretch;

	border-image: url("/image/border.gif") 20 stretch;
	behavior: url("/css/PIE.htc");

	border-style: solid;
	border-width: 18px;
	border-color: white;
}
.primarynav,
.twitter,
.leftelements
{
	-webkit-border-image: url("/image/border.gif") 20 stretch;
	-moz-border-image: url("/image/border.gif") 20 stretch;
	-o-border-image: url("/image/border.gif") 20 stretch;

	border-image: url("/image/border.gif") 20 stretch;
	behavior: url("/css/PIE.htc");

	border-style: solid;
	border-width: 10px;
	border-color: white;
}

/**
 * block
 */
.body,
.navi,
.leftelements,
.bodyhead,
.bodybody,
.content,
.primarynav,
.profile-table,
.profile-table tbody,
.profile-table tr,
.profile-table th,
.bobybodysite,
.bodybodycaption,
.pagesnav,
.pagesnavup,
.whatsnewnavi,
.whatsnewnavicaption,
.imgleft,
.imgright
{
	display: block;
}
/**
 * float left
 */
.bodybody,
.content,
.profile-table,
.profile-table tr,
.profile-table th,
.bodybodysite,
.bodybodycaption,
.pagesnav,
.pagesnavprevious,
.pagesnavup,
.nowtime,
.imgleft
{
	float: left;
}
/**
 * float right
 */
.navi,
.pagesnavnext,
.nowtime,
.whatsnewnavicaption,
.imgright
{
	float: right;
}
.big {
	font-weight: bold;
	font-size: 2em;
}
.semi-big {
	font-weight: bold;
	font-size: 1.1em;
}
/**
 * 小さめにする
 */
.small {
	font-size: 0.8em;
}

/**
 * 左側。
 */
.leftelements {
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/**
 * 行間の調整
 */
.wordlist {
}

/**
 * li
 */
.list li {
	margin: 5px;
	font-size: 1.1em;
}
.number {
	list-style-type: decimal
}

/**
 * canvasを中央に
 */
.canvasimgparent {
	margin: auto 0;
    text-align: center;
}

.canvasimg {
	margin: auto 0;
	max-width: 100%;
}

:fullscreen .canvasimageviewer
{
    background-color: white;
    width: 100%;
    height: 100%;
}
:-webkit-full-screen .canvasimageviewer
{
    background-color: white;
    width: 100%;
    height: 100%;
}
:-moz-full-screen .canvasimageviewer
{
    background-color: white;
    width: 100%;
    height: 100%;
}

:fullscreen .canvasborder
{
    background-color: white;
}
:-webkit-full-screen .canvasborder
{
    background-color: white;
}
:-moz-full-screen .canvasborder
{
    background-color: white;
}
:-ms-fullscreen .canvasborder
{
    background-color: white;
}

:fullscreen .canvasborder
{
    position: absolute;
    top: 50%;
    left: 50%;
}
:-moz-full-screen .canvasborder
{
    position: absolute;
    top: 50%;
    left: 50%;
}
:-webkit-full-screen .canvasborder {
    position: absolute;
    top: 50%;
    left: 50%;
}
:-ms-fullscreen .canvasborder {
    position: absolute;
    top: 50%;
    left: 50%;
}



/**
 * 文字列の中央寄せ
 */
.leftelements,
.pagesnavup
{
	text-align: center;
}

/**
 * 見えない
 */
.hidden {
	display:none;
}

/**
 * hタグ
 */
h1 {
    font-size: 1.8em;
}
h2 {
	border-left: 5px solid black;
	border-bottom: 1px solid black;
	padding: 0 0 4px 8px;
    font-size: 1.5em;
}

/**
 * sectionタグ
 */
.bodybodysection {
	margin-bottom: 2em;
	display:block;
}

/**
 * ul tag
 */
.pagination {
    text-align: center;
}

/**
 * liタグ
 */
.pagination li {
    display: inline;
    margin: 0 3px;
}

.leftelements li,
.primarynav li {
	padding-bottom: 5px;
	list-style: none;
	text-align: left;
	font-size: 1em;
}

.leftelements ul,
.primarynav ul {
	padding-left: 5px;
}

/**
 * tableタグ
 */
table {
	border-collapse:separate;
	border-spacing:0;
}

/**
 * footerタグ
 */
footer {
	display:block;
	padding: 10px;
	width: 100%;
	float: left;
}

/**
 * タグ一覧
 */
.leftelements ul {
}
.leftelements p {
	text-align: left;
}

/**
 * ビューワーの現在画像のクラス
 */
.nowImage {
	border: solid 3px orange;
}

/**
 * ビューワーで画像を操作中
 */
.moveImage {
    cursor: move;
}

/**
 * tmcviewerのタグ。
 * margin-top
 */
.tmcviewr_tag {
    margin-top: 100px;
}

.mgbt5 {
	margin-bottom: 5px;
}
.mgbt15 {
	margin-bottom: 15px;
}

.thumbnaillist .thumbnaillistimage {
    width: 100px;
    height: 100px;
    float: left;
}
.affiliatelist .affiliatelistimage {
    float: left;
    width: 20%;
    text-align: center;
}

.affiliatelistcaption {
    width: 70%;
    text-align: left;
}
.affiliatelistcaption caption {
    padding: 8px;
    text-align: left;
}
.affiliatelistcaption th {
    width: 150px;
}

.affiliatelistcaption dd {
}

.affiliatelist {
    clear: both;
    overflow: hidden;
}

.thumbnaillist .thumbnaillistcaption {
    text-wrap: normal;
    word-wrap: break-word;
}

.thumbnaillist {
    clear: both;
    overflow: hidden;
}

.keywordlist {
    list-style: none;
}
.keywordlist h5 {
    margin-bottom: 4px;
}
.keywordlist li {
    display: inline;
    padding-left: 3px;
}